webim-adapter 0.9.0 → 0.12.0

package/build/webim-ssr.js

@@ -1,8 +1,8 @@
 import { renderToStaticMarkup as e } from "react-dom/server";
-import { Fragment as t, createContext as n, useCallback as r, useContext as i, useEffect as a, useId as o, useMemo as s, useState as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Fragment as t, createContext as n, useCallback as r, useContext as i, useEffect as a, useId as o, useMemo as s, useRef as c, useState as l } from "react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region ../ui/src/components/builder/locale.js
-var f = /* @__PURE__ */ new Set([
+var p = /* @__PURE__ */ new Set([
 	"ar",
 	"he",
 	"fa",
@@ -13,7 +13,7 @@ var f = /* @__PURE__ */ new Set([
 	"yi",
 	"dv",
 	"ckb"
-]), p = (e) => f.has(String(e || "").toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr", m = (e, t) => e === "ltr" || e === "rtl" ? e : t ? p(t) : void 0;
+]), m = (e) => p.has(String(e || "").toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr", h = (e, t) => e === "ltr" || e === "rtl" ? e : t ? m(t) : void 0;
 new Map([
 	{
 		family: "Bebas Neue",
@@ -120,14 +120,14 @@ new Map([
 		fallback: "sans-serif"
 	}
 ].map((e) => [e.family, e]));
-function h(e) {
+function g(e) {
 	return e.length ? `https://fonts.googleapis.com/css2?${e.map((e) => `family=${e.replace(/ /g, "+")}:wght@100..900`).join("&")}&display=swap` : null;
 }
-var g = (e) => h([e]), _ = (e) => {
+var _ = (e) => g([e]), v = (e) => {
 	let t = typeof e == "string" && e.match(/^"([^"]+)"/);
 	return t ? t[1] : null;
 };
-function v(e, t) {
+function y(e, t) {
 	let n = /* @__PURE__ */ new Set(), r = (e) => {
 		for (let t of Object.values(e || {})) for (let e of [
 			"style",
@@ -135,7 +135,7 @@ function v(e, t) {
 			"pressed",
 			"focused"
 		]) {
-			let r = _(t.props?.[e]?.fontFamily);
+			let r = v(t.props?.[e]?.fontFamily);
 			r && n.add(r);
 		}
 	};
@@ -145,36 +145,36 @@ function v(e, t) {
 }
 //#endregion
 //#region ../ui/src/components/builder/styles.js
-var y = /* @__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(".")), b = (e) => typeof e == "number" || typeof e == "string" && e.trim() !== "" && !Number.isNaN(Number(e)) ? `${Number(e)}px` : e, x = [
+var b = /* @__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(".")), x = (e) => typeof e == "number" || typeof e == "string" && e.trim() !== "" && !Number.isNaN(Number(e)) ? `${Number(e)}px` : e, S = [
 	"borderWidth",
 	"borderStyle",
 	"borderColor",
 	"borderRadius",
 	"gap"
 ];
-function S(e) {
+function C(e) {
 	let t = {};
-	for (let n of x) {
+	for (let n of S) {
 		let r = e?.[n];
-		r != null && r !== "" && (t[n] = y.has(n) ? b(r) : r);
+		r != null && r !== "" && (t[n] = b.has(n) ? x(r) : r);
 	}
-	for (let [n, r] of Object.entries(e || {})) r == null || r === "" || x.includes(n) || (t[n] = y.has(n) ? b(r) : r);
+	for (let [n, r] of Object.entries(e || {})) r == null || r === "" || S.includes(n) || (t[n] = b.has(n) ? x(r) : r);
 	let { gradientType: n, gradientAngle: r, gradientFrom: i, gradientTo: a } = t;
 	delete t.gradientType, delete t.gradientAngle, delete t.gradientFrom, delete t.gradientTo;
 	let { textShadows: o, textShadowX: s, textShadowY: c, textShadowBlur: l, textShadowColor: u } = t;
 	delete t.textShadows, delete t.textShadowX, delete t.textShadowY, delete t.textShadowBlur, delete t.textShadowColor;
-	let d = (Array.isArray(o) ? o : []).filter((e) => e && e.on !== !1).map((e) => `${b(e.x ?? 0)} ${b(e.y ?? 0)} ${b(e.blur ?? 0)} ${e.color || "rgba(0, 0, 0, 0.35)"}`);
+	let d = (Array.isArray(o) ? o : []).filter((e) => e && e.on !== !1).map((e) => `${x(e.x ?? 0)} ${x(e.y ?? 0)} ${x(e.blur ?? 0)} ${e.color || "rgba(0, 0, 0, 0.35)"}`);
 	[
 		s,
 		c,
 		l,
 		u
-	].some((e) => e !== void 0) && d.push(`${b(s ?? 0)} ${b(c ?? 0)} ${b(l ?? 0)} ${u || "rgba(0, 0, 0, 0.35)"}`), d.length && (t.textShadow = d.join(", "));
-	let f = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}deg` : e, p = (e) => e.type === "move" ? `translate(${b(e.x ?? 0)}, ${b(e.y ?? 0)})` : e.type === "scale" ? `scale(${e.v ?? 1})` : e.type === "rotate" ? `rotate(${f(e.a ?? 0)})` : e.type === "skew" ? `skew(${f(e.x ?? 0)}, ${f(e.y ?? 0)})` : null, { transforms: m, translateX: h, translateY: g, scale: _, rotate: v, skewX: S, skewY: C } = t;
+	].some((e) => e !== void 0) && d.push(`${x(s ?? 0)} ${x(c ?? 0)} ${x(l ?? 0)} ${u || "rgba(0, 0, 0, 0.35)"}`), d.length && (t.textShadow = d.join(", "));
+	let f = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}deg` : e, p = (e) => e.type === "move" ? `translate(${x(e.x ?? 0)}, ${x(e.y ?? 0)})` : e.type === "scale" ? `scale(${e.v ?? 1})` : e.type === "rotate" ? `rotate(${f(e.a ?? 0)})` : e.type === "skew" ? `skew(${f(e.x ?? 0)}, ${f(e.y ?? 0)})` : null, { transforms: m, translateX: h, translateY: g, scale: _, rotate: v, skewX: y, skewY: C } = t;
 	delete t.transforms, delete t.translateX, delete t.translateY, delete t.scale, delete t.rotate, delete t.skewX, delete t.skewY;
 	let w = (Array.isArray(m) ? m : []).filter((e) => e && e.on !== !1).map(p).filter(Boolean);
-	(h !== void 0 || g !== void 0) && w.push(`translate(${b(h ?? 0)}, ${b(g ?? 0)})`), _ !== void 0 && w.push(`scale(${_})`), v !== void 0 && w.push(`rotate(${f(v)})`), (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 " : ""}${b(e.x ?? 0)} ${b(e.y ?? 0)} ${b(e.blur ?? 0)} ${b(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;
+	(h !== void 0 || g !== void 0) && w.push(`translate(${x(h ?? 0)}, ${x(g ?? 0)})`), _ !== void 0 && w.push(`scale(${_})`), v !== void 0 && w.push(`rotate(${f(v)})`), (y !== void 0 || C !== void 0) && w.push(`skew(${f(y ?? 0)}, ${f(C ?? 0)})`), w.length && (t.transform = w.join(" "));
+	let T = (e) => `${e.inset ? "inset " : ""}${x(e.x ?? 0)} ${x(e.y ?? 0)} ${x(e.blur ?? 0)} ${x(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 N = (Array.isArray(E) ? E : []).filter((e) => e && e.on !== !1).map(T);
 	[
@@ -192,76 +192,76 @@ function S(e) {
 		color: j,
 		inset: M
 	})), N.length && (t.boxShadow = N.join(", "));
-	let P = (e) => e.type === "blur" ? `blur(${b(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;
+	let P = (e) => e.type === "blur" ? `blur(${x(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: te, filterSaturate: B } = t;
 	delete t.filters, delete t.backdropFilters, delete t.filterBlur, delete t.filterGrayscale, delete t.filterBrightness, delete t.filterContrast, delete t.filterSaturate;
-	let H = F(I);
-	R !== void 0 && H.push(`blur(${b(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: ne, textStrokeColor: U } = t;
-	delete t.textStrokeWidth, delete t.textStrokeColor, (ne !== void 0 || U !== void 0) && (t.WebkitTextStroke = `${b(ne ?? 1)} ${U || "currentColor"}`);
-	let { clipText: W } = t;
-	delete t.clipText, W && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
-	let { transitions: G, transitionDuration: re, transitionEasing: K, transitionProperty: ie } = t, q = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
+	let V = F(I);
+	R !== void 0 && V.push(`blur(${x(R)})`), z !== void 0 && V.push(`grayscale(${z}%)`), ee !== void 0 && V.push(`brightness(${ee}%)`), te !== void 0 && V.push(`contrast(${te}%)`), B !== void 0 && V.push(`saturate(${B}%)`), V.length && (t.filter = V.join(" "));
+	let ne = F(L);
+	ne.length && (t.backdropFilter = ne.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
+	let { textStrokeWidth: re, textStrokeColor: ie } = t;
+	delete t.textStrokeWidth, delete t.textStrokeColor, (re !== void 0 || ie !== void 0) && (t.WebkitTextStroke = `${x(re ?? 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 ae = (Array.isArray(G) ? G : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${q(e.duration ?? 200)} ${e.easing || "ease"}`);
-	if (re !== void 0 && ae.push(`${ie || "all"} ${q(re)} ${K || "ease"}`), ae.length && (t.transition = ae.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 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: oe, overlayOpacity: se } = t;
-	if (delete t.overlayColor, delete t.overlayOpacity, oe) {
-		let e = `color-mix(in srgb, ${oe} ${se ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
+	let { overlayColor: se, overlayOpacity: ce } = t;
+	if (delete t.overlayColor, delete t.overlayOpacity, se) {
+		let e = `color-mix(in srgb, ${se} ${ce ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
 		t.backgroundImage = t.backgroundImage ? `${n}, ${t.backgroundImage}` : n;
 	}
 	t.backgroundImage && (t.backgroundSize ??= "cover", t.backgroundPosition ??= "center", t.backgroundRepeat ??= "no-repeat");
-	let { backgroundLayers: J } = t;
+	let { backgroundLayers: le } = t;
 	delete t.backgroundLayers;
-	let ce = (Array.isArray(J) ? J : []).filter((e) => e && e.on !== !1);
-	if (ce.length) {
+	let q = (Array.isArray(le) ? le : []).filter((e) => e && e.on !== !1);
+	if (q.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 q) if (t.kind === "linear") e.push(`linear-gradient(${t.angle ?? 180}deg, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
 		else if (t.kind === "radial") e.push(`radial-gradient(circle, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
 		else {
 			if (!t.src) continue;
-			e.push(`url("${t.src}")`), n.push(t.size === "custom" ? `${b(t.w ?? "auto")} ${b(t.h ?? "auto")}` : t.size || "cover"), r.push(`${b(t.posX ?? 0)} ${b(t.posY ?? 0)}`), i.push(t.repeat || "no-repeat"), a.push(t.fixed ? "fixed" : "scroll");
+			e.push(`url("${t.src}")`), n.push(t.size === "custom" ? `${x(t.w ?? "auto")} ${x(t.h ?? "auto")}` : t.size || "cover"), r.push(`${x(t.posX ?? 0)} ${x(t.posY ?? 0)}`), i.push(t.repeat || "no-repeat"), a.push(t.fixed ? "fixed" : "scroll");
 		}
 		e.length && (t.backgroundImage && (e.push(t.backgroundImage), n.push(t.backgroundSize || "cover"), r.push(t.backgroundPosition || "center"), i.push(t.backgroundRepeat || "no-repeat"), a.push("scroll")), t.backgroundImage = e.join(", "), t.backgroundSize = n.join(", "), t.backgroundPosition = r.join(", "), t.backgroundRepeat = i.join(", "), t.backgroundAttachment = a.join(", "));
 	}
 	return t;
 }
-var C = {
+var w = {
 	hover: ":hover",
 	pressed: ":active",
 	focused: ":focus"
-}, w = /* @__PURE__ */ new Set([
+}, T = /* @__PURE__ */ new Set([
 	"style",
 	"class",
 	"id",
 	"data-wb",
 	"data-wb-class",
 	"data-slot"
-]), T = (e) => /^[a-zA-Z_][\w-]*$/.test(e) && !/^on/i.test(e) && !w.has(e.toLowerCase());
-function E(e, t, n = []) {
+]), E = (e) => /^[a-zA-Z_][\w-]*$/.test(e) && !/^on/i.test(e) && !T.has(e.toLowerCase());
+function D(e, t, n = []) {
 	t.htmlId ? e.id = t.htmlId : e.removeAttribute("id");
 	for (let t of n) e.removeAttribute(t);
 	let r = [];
 	for (let n of t.attributes ?? []) {
 		let t = String(n?.name ?? "").trim();
-		T(t) && (e.setAttribute(t, n.value ?? ""), r.push(t));
+		E(t) && (e.setAttribute(t, n.value ?? ""), r.push(t));
 	}
 	return r;
 }
-var D = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
-function O(e, t, n, r = !1) {
-	let i = Object.entries(S(t)).map(([e, t]) => `${D(e)}: ${t} !important;`).join(" ");
+var O = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+function k(e, t, n, r = !1) {
+	let i = Object.entries(C(t)).map(([e, t]) => `${O(e)}: ${t} !important;`).join(" ");
 	return i ? `[data-wb="${e}"]${r ? "" : n} { ${i} }` : "";
 }
-function k(e, t, n) {
-	return Object.entries(C).map(([r, i]) => O(e, t?.[r], i, n === r)).filter(Boolean).join("\n");
+function A(e, t, n) {
+	return Object.entries(w).map(([r, i]) => k(e, t?.[r], i, n === r)).filter(Boolean).join("\n");
 }
-var A = [
+var j = [
 	{
 		key: "tablet",
 		max: 991
@@ -274,17 +274,17 @@ var A = [
 		key: "mobile",
 		max: 478
 	}
-], j = (e) => Object.entries(S(e)).map(([e, t]) => `${D(e)}: ${t} !important;`).join(" ");
-function M(e, t) {
-	return A.map(({ key: n, max: r }) => {
-		let i = t?.[n] ? j(t[n]) : "";
+], M = (e) => Object.entries(C(e)).map(([e, t]) => `${O(e)}: ${t} !important;`).join(" ");
+function N(e, t) {
+	return j.map(({ key: n, max: r }) => {
+		let i = t?.[n] ? M(t[n]) : "";
 		return i ? `@media (max-width: ${r}px) { [data-wb="${e}"] { ${i} } }` : "";
 	}).filter(Boolean).join("\n");
 }
-function N(e, t) {
+function P(e, t) {
 	let n = [], r = (e) => {
 		for (let [t, r] of Object.entries(e || {})) {
-			let e = M(t, r.props);
+			let e = N(t, r.props);
 			e && n.push(e);
 		}
 	};
@@ -292,10 +292,10 @@ function N(e, t) {
 	for (let e of Object.values(t || {})) r(e.template?.nodes);
 	return n.join("\n");
 }
-function P(e, t) {
+function F(e, t) {
 	let n = [], r = (e) => {
 		for (let [t, r] of Object.entries(e || {})) {
-			let e = k(t, r.props);
+			let e = A(t, r.props);
 			e && n.push(e);
 		}
 	};
@@ -303,7 +303,7 @@ function P(e, t) {
 	for (let e of Object.values(t || {})) r(e.template?.nodes);
 	return n.join("\n");
 }
-var F = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", I = {
+var I = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", L = {
 	light: {
 		background: "#ffffff",
 		text: "#111827",
@@ -340,23 +340,23 @@ var F = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 			contrastText: "#052e2b"
 		}
 	}
-}, L = {
+}, R = {
 	font: "system",
 	headingFont: "inherit",
-	light: I.light,
-	dark: I.dark
-}, R = {
+	light: L.light,
+	dark: L.dark
+}, z = {
 	system: {
 		label: "System",
-		value: F
+		value: I
 	},
 	inter: {
 		label: "Inter",
-		value: `"Inter", ${F}`
+		value: `"Inter", ${I}`
 	},
 	outfit: {
 		label: "Outfit",
-		value: `"Outfit", ${F}`
+		value: `"Outfit", ${I}`
 	},
 	serif: {
 		label: "Serif",
@@ -366,7 +366,7 @@ var F = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 		label: "Mono",
 		value: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
 	}
-}, z = (e, t) => R[e]?.value ?? t, ee = (e, ...t) => {
+}, ee = (e, t) => z[e]?.value ?? t, te = (e, ...t) => {
 	let n = Object.assign({}, e, ...t);
 	return n.primary = {
 		...e.primary,
@@ -385,10 +385,10 @@ var F = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 function B(e) {
 	let { light: t, dark: n, font: r, headingFont: i, ...a } = e ?? {};
 	return {
-		font: r ?? L.font,
-		headingFont: i ?? L.headingFont,
-		light: ee(I.light, a, t),
-		dark: ee(I.dark, n)
+		font: r ?? R.font,
+		headingFont: i ?? R.headingFont,
+		light: te(L.light, a, t),
+		dark: te(L.dark, n)
 	};
 }
 function V(e) {
@@ -407,37 +407,37 @@ function V(e) {
 		"--page-secondary-contrast": e.secondary.contrastText
 	};
 }
-function H(e) {
+function ne(e) {
 	let t = B(e);
 	return {
 		backgroundColor: "var(--page-bg)",
 		color: "var(--page-text)",
-		fontFamily: z(t.font, F),
-		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : z(t.headingFont, "inherit")
+		fontFamily: ee(t.font, I),
+		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : ee(t.headingFont, "inherit")
 	};
 }
-function te(e, t = "light") {
+function re(e, t = "light") {
 	let n = B(e);
 	return {
-		...H(e),
+		...ne(e),
 		...V(n[t] ?? n.light)
 	};
 }
-function ne(e, t) {
+function ie(e, t) {
 	return e?.themeRef && t?.[e.themeRef] || e?.theme;
 }
 //#endregion
 //#region ../ui/src/components/builder/views.jsx
-var U = n({
+var H = n({
 	tenant: "",
 	apiUrl: "/api",
 	locale: "",
 	settings: null
-}), W = n(null), G = n(null), re = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-function K(e, t) {
+}), U = n(null), W = n(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;
@@ -447,36 +447,36 @@ var ie = (e) => {
 	}
 	return t;
 };
-function q(e) {
+function K(e) {
 	return e == null ? "" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "object" && !Array.isArray(e) && ("label" in e || "name" in e || "slug" in e) ? String(e.label ?? e.name ?? e.slug ?? "") : Array.isArray(e) ? e.map((e) => typeof e == "string" ? e : Array.isArray(e?.parts) ? e.parts.map((e) => e?.text ?? "").join("") : Array.isArray(e?.items) ? e.items.map((e) => e?.text ?? "").join(" ") : e && (e.label != null || e.name != null || e.slug != null) ? String(e.label ?? e.name ?? e.slug) : "").filter(Boolean).join(" ") : "";
 }
-function 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) => q(K(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 oe = {
+var ce = {
 	margin: 0,
 	fontWeight: 700,
 	lineHeight: 1.2,
 	fontFamily: "var(--page-heading-font, inherit)"
-}, se = { margin: 0 }, J = {
+}, le = { margin: 0 }, q = {
 	display: "inline-block",
 	textDecoration: "none",
 	cursor: "pointer",
 	backgroundColor: "var(--page-accent, #111827)",
 	color: "var(--page-accent-text, #ffffff)"
-}, ce = {
+}, ue = {
 	flexGrow: 1,
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-}, le = {
+}, de = {
 	display: "flex",
 	flexDirection: "column"
 };
-function ue({ style: e }) {
+function fe({ style: e }) {
 	let t = e?.backgroundVideo;
 	if (!t) return null;
 	let n = {
@@ -487,7 +487,7 @@ function ue({ style: e }) {
 		zIndex: -1,
 		pointerEvents: "none"
 	}, r = e?.overlayColor ? `color-mix(in srgb, ${e.overlayColor} ${e.overlayOpacity ?? 50}%, transparent)` : null;
-	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("video", {
+	return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("video", {
 		src: t,
 		autoPlay: !0,
 		muted: !0,
@@ -497,73 +497,73 @@ function ue({ style: e }) {
 			...n,
 			objectFit: "cover"
 		}
-	}), r && /* @__PURE__ */ u("div", { style: {
+	}), r && /* @__PURE__ */ d("div", { style: {
 		...n,
 		background: r
 	} })] });
 }
-var de = (e, t) => e?.backgroundVideo ? {
+var pe = (e, t) => e?.backgroundVideo ? {
 	position: "relative",
 	...t,
-	...S(e)
+	...C(e)
 } : {
 	...t,
-	...S(e)
+	...C(e)
 };
-function fe({ style: e, nodeRef: t, children: n }) {
-	return /* @__PURE__ */ d("div", {
+function me({ style: e, nodeRef: t, children: n }) {
+	return /* @__PURE__ */ f("div", {
 		ref: t,
 		style: {
-			...ce,
-			...S(e)
+			...ue,
+			...C(e)
 		},
-		children: [/* @__PURE__ */ u(ue, { style: e }), n]
+		children: [/* @__PURE__ */ d(fe, { style: e }), n]
 	});
 }
-function pe({ style: e, nodeRef: t, children: n }) {
-	return /* @__PURE__ */ d("section", {
+function he({ style: e, nodeRef: t, children: n }) {
+	return /* @__PURE__ */ f("section", {
 		ref: t,
-		style: de(e, le),
-		children: [/* @__PURE__ */ u(ue, { style: e }), n]
+		style: pe(e, de),
+		children: [/* @__PURE__ */ d(fe, { style: e }), n]
 	});
 }
-function me({ style: e, freeLayout: t, nodeRef: n, children: r }) {
+function ge({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 	let i = t ? {
 		position: "relative",
 		minHeight: 240
 	} : null;
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		ref: n,
 		style: i ? {
 			...i,
-			...de(e)
-		} : de(e),
-		children: [/* @__PURE__ */ u(ue, { style: e }), r]
+			...pe(e)
+		} : pe(e),
+		children: [/* @__PURE__ */ d(fe, { style: e }), r]
 	});
 }
-function he({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
-	return /* @__PURE__ */ u(n, {
+function _e({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
+	return /* @__PURE__ */ d(n, {
 		ref: a,
 		style: {
-			...oe,
-			...S(r)
+			...ce,
+			...C(r)
 		},
-		children: Y(t, e, i)
+		children: J(t, e, i)
 	});
 }
-var ge = {
-	fontFamily: R.mono.value,
+var ve = {
+	fontFamily: z.mono.value,
 	background: "rgba(148, 163, 184, 0.18)",
 	padding: "1px 5px",
 	borderRadius: 4,
 	fontSize: "0.9em"
 };
-function _e(e, t = [], n, r) {
+function ye(e, t = [], n, r) {
 	let i = e;
-	return t.includes("sup") ? i = /* @__PURE__ */ u("sup", { children: i }) : t.includes("sub") && (i = /* @__PURE__ */ u("sub", { children: i })), t.includes("code") && (i = /* @__PURE__ */ u("code", {
-		style: ge,
+	return t.includes("sup") ? i = /* @__PURE__ */ d("sup", { children: i }) : t.includes("sub") && (i = /* @__PURE__ */ d("sub", { children: i })), t.includes("code") && (i = /* @__PURE__ */ d("code", {
+		style: ve,
 		children: i
-	})), t.includes("strike") && (i = /* @__PURE__ */ u("s", { children: i })), t.includes("underline") && (i = /* @__PURE__ */ u("u", { children: i })), t.includes("italic") && (i = /* @__PURE__ */ u("em", { children: i })), t.includes("bold") && (i = /* @__PURE__ */ u("strong", { children: i })), n && (i = /* @__PURE__ */ u("a", {
+	})), t.includes("strike") && (i = /* @__PURE__ */ d("s", { children: i })), t.includes("underline") && (i = /* @__PURE__ */ d("u", { children: i })), t.includes("italic") && (i = /* @__PURE__ */ d("em", { children: i })), t.includes("bold") && (i = /* @__PURE__ */ d("strong", { children: i })), n && (i = /* @__PURE__ */ d("a", {
 		href: n,
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
@@ -571,36 +571,36 @@ function _e(e, t = [], n, r) {
 		children: i
 	})), i;
 }
-function Y(e, n, r) {
+function J(e, n, r) {
 	return e?.length ? e.map((e, n) => {
-		if (e.slot) return /* @__PURE__ */ u(t, { children: r?.[e.slot] ?? null }, n);
-		if (e.parts) return /* @__PURE__ */ u(t, { children: Y(e.parts, "", r) }, n);
+		if (e.slot) return /* @__PURE__ */ d(t, { children: r?.[e.slot] ?? null }, n);
+		if (e.parts) return /* @__PURE__ */ d(t, { children: J(e.parts, "", r) }, n);
 		let i = e.text;
-		return e.sup ? i = /* @__PURE__ */ u("sup", { children: i }) : e.sub && (i = /* @__PURE__ */ u("sub", { children: i })), e.code && (i = /* @__PURE__ */ u("code", {
-			style: ge,
+		return e.sup ? i = /* @__PURE__ */ d("sup", { children: i }) : e.sub && (i = /* @__PURE__ */ d("sub", { children: i })), e.code && (i = /* @__PURE__ */ d("code", {
+			style: ve,
 			children: i
-		})), e.strike && (i = /* @__PURE__ */ u("s", { children: i })), e.underline && (i = /* @__PURE__ */ u("u", { children: i })), e.italic && (i = /* @__PURE__ */ u("em", { children: i })), e.bold && (i = /* @__PURE__ */ u("strong", { children: i })), (e.color || e.background) && (i = /* @__PURE__ */ u("span", {
+		})), e.strike && (i = /* @__PURE__ */ d("s", { children: i })), e.underline && (i = /* @__PURE__ */ d("u", { children: i })), e.italic && (i = /* @__PURE__ */ d("em", { children: i })), e.bold && (i = /* @__PURE__ */ d("strong", { children: i })), (e.color || e.background) && (i = /* @__PURE__ */ d("span", {
 			style: {
 				...e.color && { color: e.color },
 				...e.background && { backgroundColor: e.background }
 			},
 			children: i
-		})), e.href && (i = /* @__PURE__ */ u("a", {
+		})), e.href && (i = /* @__PURE__ */ d("a", {
 			href: e.href,
 			target: e.target || void 0,
 			rel: e.target === "_blank" ? "noopener noreferrer" : void 0,
 			style: { color: e.color ?? "inherit" },
 			children: i
-		})), /* @__PURE__ */ u(t, { children: i }, n);
+		})), /* @__PURE__ */ d(t, { children: i }, n);
 	}) : n;
 }
-function ve({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
-	return /* @__PURE__ */ u("span", {
-		style: S(a),
-		children: e?.length ? Y(e, t) : _e(t, n, r, i)
+function be({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
+	return /* @__PURE__ */ d("span", {
+		style: C(a),
+		children: e?.length ? J(e, t) : ye(t, n, r, i)
 	});
 }
-var ye = {
+var xe = {
 	h1: 40,
 	h2: 32,
 	h3: 26,
@@ -608,7 +608,7 @@ var ye = {
 	h5: 19,
 	h6: 16
 };
-function be({ align: e = "center", width: t, wrap: n } = {}) {
+function Se({ 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";
@@ -642,8 +642,8 @@ function be({ align: e = "center", width: t, wrap: n } = {}) {
 		marginRight: "auto"
 	};
 }
-function xe(e = [], t, n) {
-	let r = n ?? ((e, n) => Y(e, n, t));
+function Ce(e = [], t, n) {
+	let r = n ?? ((e, n) => J(e, n, t));
 	return e.map((t, n) => {
 		let i = {
 			marginTop: 0,
@@ -651,7 +651,7 @@ function xe(e = [], t, n) {
 		};
 		if (t.type === "image") {
 			if (!t.src) return null;
-			let e = /* @__PURE__ */ u("img", {
+			let e = /* @__PURE__ */ d("img", {
 				src: t.src,
 				alt: t.alt || "",
 				style: {
@@ -660,20 +660,20 @@ function xe(e = [], t, n) {
 					borderRadius: 6
 				}
 			});
-			return /* @__PURE__ */ d("figure", {
+			return /* @__PURE__ */ f("figure", {
 				style: {
 					marginLeft: 0,
 					marginRight: 0,
 					...i,
-					...be(t)
+					...Se(t)
 				},
-				children: [t.href ? /* @__PURE__ */ u("a", {
+				children: [t.href ? /* @__PURE__ */ d("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__ */ u("figcaption", {
+				}) : e, t.caption && /* @__PURE__ */ d("figcaption", {
 					style: {
 						fontSize: 13,
 						opacity: .65,
@@ -684,16 +684,16 @@ function xe(e = [], t, n) {
 				})]
 			}, n);
 		}
-		if (t.type === "video") return Me(t.url) ? /* @__PURE__ */ u("div", {
+		if (t.type === "video") return Pe(t.url) ? /* @__PURE__ */ d("div", {
 			style: {
 				...i,
-				...be({
+				...Se({
 					align: t.align,
 					wrap: t.wrap,
 					width: t.width ?? 100
 				})
 			},
-			children: /* @__PURE__ */ u(Ne, {
+			children: /* @__PURE__ */ d(Fe, {
 				url: t.url,
 				autoplay: t.autoplay,
 				muted: t.muted,
@@ -702,146 +702,146 @@ function xe(e = [], t, n) {
 				start: t.start
 			})
 		}, n) : null;
-		if (t.type === "divider") return /* @__PURE__ */ u("hr", { style: {
+		if (t.type === "divider") return /* @__PURE__ */ d("hr", { style: {
 			...i,
 			border: 0,
 			borderTop: "1px solid rgba(148, 163, 184, 0.4)"
 		} }, n);
 		if (t.type === "ul" || t.type === "ol") {
 			let e = t.type;
-			return /* @__PURE__ */ u(e, {
+			return /* @__PURE__ */ d(e, {
 				style: {
 					...i,
 					paddingLeft: 24
 				},
-				children: (t.items ?? []).map((e, t) => /* @__PURE__ */ u("li", {
+				children: (t.items ?? []).map((e, t) => /* @__PURE__ */ d("li", {
 					style: { marginBottom: 4 },
 					children: r(e.parts, e.text)
 				}, t))
 			}, n);
 		}
-		if (t.type === "quote") return /* @__PURE__ */ u("blockquote", {
+		if (t.type === "quote") return /* @__PURE__ */ d("blockquote", {
 			style: {
-				...Ce,
+				...Te,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
-		if (ye[t.type]) {
+		if (xe[t.type]) {
 			let e = t.type;
-			return /* @__PURE__ */ u(e, {
+			return /* @__PURE__ */ d(e, {
 				style: {
-					...oe,
-					fontSize: ye[t.type],
+					...ce,
+					fontSize: xe[t.type],
 					...i
 				},
 				children: r(t.parts, t.text)
 			}, n);
 		}
-		return /* @__PURE__ */ u("p", {
+		return /* @__PURE__ */ d("p", {
 			style: {
-				...se,
+				...le,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
 	});
 }
-function Se({ content: e, style: t, linked: n, nodeRef: r }) {
-	return /* @__PURE__ */ u("div", {
+function we({ content: e, style: t, linked: n, nodeRef: r }) {
+	return /* @__PURE__ */ d("div", {
 		ref: r,
 		style: {
 			display: "flow-root",
-			...S(t)
+			...C(t)
 		},
-		children: xe(e, n)
+		children: Ce(e, n)
 	});
 }
-var Ce = {
+var Te = {
 	margin: 0,
 	padding: "8px 0 8px 20px",
 	borderLeft: "4px solid var(--page-accent, rgba(148, 163, 184, 0.6))"
 };
-function we({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
-	return /* @__PURE__ */ u("blockquote", {
+function Ee({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+	return /* @__PURE__ */ d("blockquote", {
 		ref: i,
 		style: {
-			...Ce,
-			...S(n)
+			...Te,
+			...C(n)
 		},
-		children: Y(t, e, r)
+		children: J(t, e, r)
 	});
 }
-function Te({ ordered: e, items: t = [], style: n, nodeRef: r }) {
-	return /* @__PURE__ */ u(e ? "ol" : "ul", {
+function De({ ordered: e, items: t = [], style: n, nodeRef: r }) {
+	return /* @__PURE__ */ d(e ? "ol" : "ul", {
 		ref: r,
 		style: {
 			margin: 0,
 			paddingLeft: 24,
-			...S(n)
+			...C(n)
 		},
-		children: t.map((e, t) => /* @__PURE__ */ u("li", {
+		children: t.map((e, t) => /* @__PURE__ */ d("li", {
 			style: { marginBottom: 4 },
-			children: Y(e.parts, e.text)
+			children: J(e.parts, e.text)
 		}, t))
 	});
 }
-function Ee({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
-	return /* @__PURE__ */ u("p", {
+function Oe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+	return /* @__PURE__ */ d("p", {
 		ref: i,
 		style: {
-			...se,
-			...S(n)
+			...le,
+			...C(n)
 		},
-		children: Y(t, e, r)
+		children: J(t, e, r)
 	});
 }
-var De = {
+var ke = {
 	color: "var(--page-accent, inherit)",
 	textDecoration: "underline",
 	textUnderlineOffset: 3,
 	cursor: "pointer"
 };
-function Oe({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
-	return /* @__PURE__ */ u("a", {
+function Ae({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+	return /* @__PURE__ */ d("a", {
 		ref: o,
 		href: n || "#",
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
 		style: {
-			...De,
-			...S(i)
+			...ke,
+			...C(i)
 		},
-		children: Y(t, e, a)
+		children: J(t, e, a)
 	});
 }
-function ke({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
-	return /* @__PURE__ */ u("a", {
+function je({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+	return /* @__PURE__ */ d("a", {
 		ref: o,
 		href: n || "#",
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
 		style: {
-			...J,
-			...S(i)
+			...q,
+			...C(i)
 		},
-		children: Y(t, e, a)
+		children: J(t, e, a)
 	});
 }
-function Ae({ src: e, alt: t, style: n, nodeRef: r }) {
-	return e ? /* @__PURE__ */ u("img", {
+function Me({ src: e, alt: t, style: n, nodeRef: r }) {
+	return e ? /* @__PURE__ */ d("img", {
 		ref: r,
 		src: e,
 		alt: t || "",
 		style: {
 			display: "block",
 			maxWidth: "100%",
-			...S(n)
+			...C(n)
 		}
 	}) : null;
 }
-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__ */ u("video", {
+function Ne({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
+	return e ? /* @__PURE__ */ d("video", {
 		ref: s,
 		src: e,
 		poster: t || void 0,
@@ -854,24 +854,24 @@ function je({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !
 			display: "block",
 			width: "100%",
 			maxWidth: "100%",
-			...S(o)
+			...C(o)
 		}
 	}) : null;
 }
-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 c = Me(e);
+var Pe = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
+function Fe({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
+	let c = Pe(e);
 	if (!c) return null;
 	let l = new URLSearchParams({ rel: "0" });
-	return t && l.set("autoplay", "1"), (n || t) && l.set("mute", "1"), i || l.set("controls", "0"), r && (l.set("loop", "1"), l.set("playlist", c)), Number(a) > 0 && l.set("start", String(Math.floor(Number(a)))), /* @__PURE__ */ u("div", {
+	return t && l.set("autoplay", "1"), (n || t) && l.set("mute", "1"), i || l.set("controls", "0"), r && (l.set("loop", "1"), l.set("playlist", c)), Number(a) > 0 && l.set("start", String(Math.floor(Number(a)))), /* @__PURE__ */ d("div", {
 		ref: s,
 		style: {
 			position: "relative",
 			width: "100%",
 			paddingTop: "56.25%",
-			...S(o)
+			...C(o)
 		},
-		children: /* @__PURE__ */ u("iframe", {
+		children: /* @__PURE__ */ d("iframe", {
 			src: `https://www.youtube-nocookie.com/embed/${c}?${l}`,
 			title: "YouTube video",
 			allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
@@ -886,8 +886,8 @@ function Ne({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 		})
 	});
 }
-function Pe({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
-	return e ? /* @__PURE__ */ u("iframe", {
+function Ie({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
+	return e ? /* @__PURE__ */ d("iframe", {
 		ref: i,
 		src: e,
 		title: t || "Embedded frame",
@@ -898,12 +898,12 @@ function Pe({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i })
 			width: "100%",
 			height: 300,
 			border: 0,
-			...S(r)
+			...C(r)
 		}
 	}) : null;
 }
-function Fe({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
-	let [i, o] = c(null);
+function Le({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
+	let [i, o] = l(null);
 	return a(() => {
 		i && (i.innerHTML = e || "", t && i.querySelectorAll("script").forEach((e) => {
 			let t = document.createElement("script");
@@ -914,15 +914,15 @@ function Fe({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 		i,
 		e,
 		t
-	]), /* @__PURE__ */ u("div", {
+	]), /* @__PURE__ */ d("div", {
 		ref: (e) => {
 			o(e), r && r(e);
 		},
-		style: S(n)
+		style: C(n)
 	});
 }
-function Ie({ height: e, nodeRef: t }) {
-	return /* @__PURE__ */ u("div", {
+function Re({ height: e, nodeRef: t }) {
+	return /* @__PURE__ */ d("div", {
 		ref: t,
 		style: {
 			height: e || 32,
@@ -931,18 +931,18 @@ function Ie({ height: e, nodeRef: t }) {
 		}
 	});
 }
-function Le({ style: e, nodeRef: t }) {
-	return /* @__PURE__ */ u("div", {
+function ze({ style: e, nodeRef: t }) {
+	return /* @__PURE__ */ d("div", {
 		ref: t,
 		style: {
 			height: 1,
 			alignSelf: "stretch",
 			flexShrink: 0,
-			...S(e)
+			...C(e)
 		}
 	});
 }
-var Re = {
+var Be = {
 	position: "absolute",
 	top: "50%",
 	transform: "translateY(-50%)",
@@ -959,7 +959,7 @@ var Re = {
 	alignItems: "center",
 	justifyContent: "center",
 	padding: 0
-}, ze = {
+}, Ve = {
 	bottom: {
 		inset: "auto 0 0 0",
 		padding: "40px 24px 20px",
@@ -978,9 +978,9 @@ var Re = {
 		padding: 24,
 		textShadow: "0 2px 12px rgba(0, 0, 0, 0.6)"
 	}
-}, Be = 48;
-function Ve({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: i = 320, swipe: o = !0, style: s, nodeRef: f }) {
-	let [p, m] = c(0), [h, g] = c(!1), [_, v] = c(null), y = e ? Math.min(p, e - 1) : 0;
+}, He = 48;
+function Ue({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: i = 320, swipe: o = !0, style: s, nodeRef: c }) {
+	let [p, m] = l(0), [h, g] = l(!1), [_, v] = l(null), y = e ? Math.min(p, e - 1) : 0;
 	if (a(() => {
 		if (!n || h || _ || e < 2) return;
 		let t = setInterval(() => m((t) => (t + 1) % e), Math.max(2, Number(r) || 5) * 1e3);
@@ -995,10 +995,10 @@ function Ve({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 	let b = (t) => m((t + e) % e), x = () => {
 		if (!_) return;
 		let { dx: e } = _;
-		v(null), e < -48 ? b(y + 1) : e > Be && b(y - 1);
+		v(null), e < -48 ? b(y + 1) : e > He && b(y - 1);
 	};
-	return /* @__PURE__ */ d("div", {
-		ref: f,
+	return /* @__PURE__ */ f("div", {
+		ref: c,
 		onMouseEnter: () => g(!0),
 		onMouseLeave: () => g(!1),
 		onPointerDown: o && e > 1 ? (e) => {
@@ -1020,16 +1020,16 @@ function Ve({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 			touchAction: "pan-y",
 			userSelect: _ ? "none" : void 0,
 			cursor: _ ? "grabbing" : void 0,
-			...S(s)
+			...C(s)
 		},
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ d("div", {
 			style: {
 				display: "flex",
 				height: i,
 				transform: `translateX(calc(${-y * 100}% + ${_?.dx ?? 0}px))`,
 				transition: _ ? "none" : "transform 450ms ease"
 			},
-			children: Array.from({ length: e }, (e, n) => /* @__PURE__ */ u("div", {
+			children: Array.from({ length: e }, (e, n) => /* @__PURE__ */ d("div", {
 				style: {
 					position: "relative",
 					width: "100%",
@@ -1038,28 +1038,28 @@ function Ve({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				},
 				children: t(n)
 			}, n))
-		}), e > 1 && /* @__PURE__ */ d(l, { children: [
-			/* @__PURE__ */ u("button", {
+		}), e > 1 && /* @__PURE__ */ f(u, { children: [
+			/* @__PURE__ */ d("button", {
 				type: "button",
 				"aria-label": "Previous slide",
 				style: {
-					...Re,
+					...Be,
 					left: 12
 				},
 				onClick: () => b(y - 1),
 				children: "‹"
 			}),
-			/* @__PURE__ */ u("button", {
+			/* @__PURE__ */ d("button", {
 				type: "button",
 				"aria-label": "Next slide",
 				style: {
-					...Re,
+					...Be,
 					right: 12
 				},
 				onClick: () => b(y + 1),
 				children: "›"
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				style: {
 					position: "absolute",
 					bottom: 10,
@@ -1069,7 +1069,7 @@ function Ve({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 					justifyContent: "center",
 					gap: 6
 				},
-				children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ u("button", {
+				children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ d("button", {
 					type: "button",
 					"aria-label": `Go to slide ${t + 1}`,
 					onClick: () => b(t),
@@ -1087,7 +1087,7 @@ function Ve({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 		] })]
 	});
 }
-var He = (e, t) => ({
+var We = (e, t) => ({
 	position: "absolute",
 	inset: 0,
 	backgroundImage: e ? `url(${e})` : "none",
@@ -1095,26 +1095,26 @@ var He = (e, t) => ({
 	backgroundSize: "cover",
 	backgroundPosition: "center"
 });
-function Ue({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
-	return e.length ? /* @__PURE__ */ u(Ve, {
+function Ge({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
+	return e.length ? /* @__PURE__ */ d(Ue, {
 		...r,
 		count: e.length,
 		renderSlide: (r) => {
 			let i = e[r];
-			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: He(i.image) }), (i.title || i.text) && /* @__PURE__ */ d("div", {
+			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: We(i.image) }), (i.title || i.text) && /* @__PURE__ */ f("div", {
 				style: {
 					position: "absolute",
 					color: "#fff",
 					textAlign: n,
-					...ze[t] ?? ze.bottom
+					...Ve[t] ?? Ve.bottom
 				},
-				children: [i.title && /* @__PURE__ */ u("div", {
+				children: [i.title && /* @__PURE__ */ d("div", {
 					style: {
 						fontSize: 22,
 						fontWeight: 700
 					},
 					children: i.title
-				}), i.text && /* @__PURE__ */ u("div", {
+				}), i.text && /* @__PURE__ */ d("div", {
 					style: {
 						fontSize: 14,
 						opacity: .9,
@@ -1126,13 +1126,13 @@ function Ue({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "
 		}
 	}) : null;
 }
-function We({ slides: e = [], linked: t, ...n }) {
-	return e.length ? /* @__PURE__ */ u(Ve, {
+function Ke({ slides: e = [], linked: t, ...n }) {
+	return e.length ? /* @__PURE__ */ d(Ue, {
 		...n,
 		count: e.length,
 		renderSlide: (n) => {
 			let r = e[n];
-			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: He(r.image, r.color) }), /* @__PURE__ */ u("div", {
+			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: We(r.image, r.color) }), /* @__PURE__ */ d("div", {
 				style: {
 					position: "absolute",
 					inset: 0,
@@ -1144,33 +1144,33 @@ function We({ slides: e = [], linked: t, ...n }) {
 		}
 	}) : null;
 }
-var Ge = {
+var qe = {
 	color: "inherit",
 	textDecoration: "none",
 	fontSize: 14,
 	opacity: .85
-}, Ke = {
+}, Je = {
 	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 qe({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s = "auto", breakpoint: l = 768 }) {
-	let [f, p] = c(null), [m, h] = c(!1), [g, _] = c(!1), [v, y] = c(null);
+function Ye({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], style: s, nodeRef: c, menu: p = "auto", breakpoint: m = 768 }) {
+	let [h, g] = l(null), [_, v] = l(!1), [y, b] = l(!1), [x, S] = l(null);
 	a(() => {
-		if (!f) return;
-		let e = new ResizeObserver(() => h(f.offsetWidth < l));
-		return e.observe(f), () => e.disconnect();
-	}, [f, l]);
-	let b = s === "hamburger" || s === "auto" && m, x = (e, t) => /* @__PURE__ */ d("a", {
+		if (!h) return;
+		let e = new ResizeObserver(() => v(h.offsetWidth < m));
+		return e.observe(h), () => e.disconnect();
+	}, [h, m]);
+	let w = p === "hamburger" || p === "auto" && _, T = (e, t) => /* @__PURE__ */ f("a", {
 		href: e.href || "#",
 		style: {
-			...Ge,
+			...qe,
 			display: "block",
 			...t
 		},
-		children: [e.label, e.desc && /* @__PURE__ */ u("span", {
+		children: [e.label, e.desc && /* @__PURE__ */ d("span", {
 			style: {
 				display: "block",
 				fontSize: 12,
@@ -1180,9 +1180,9 @@ function qe({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 			children: e.desc
 		})]
 	}, e.key);
-	return /* @__PURE__ */ d("nav", {
+	return /* @__PURE__ */ f("nav", {
 		ref: (e) => {
-			p(e), o && o(e);
+			g(e), c && c(e);
 		},
 		style: {
 			display: "flex",
@@ -1192,30 +1192,47 @@ function qe({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 			padding: "14px 24px",
 			width: "100%",
 			position: "relative",
-			...S(i)
+			...C(s)
 		},
 		children: [
-			n && /* @__PURE__ */ u("img", {
-				src: n,
-				alt: e || "Logo",
-				style: {
-					height: 28,
-					display: "block"
-				}
-			}),
-			e && /* @__PURE__ */ u("div", {
-				style: {
-					fontWeight: 700,
-					fontSize: 18,
-					fontFamily: "var(--page-heading-font, inherit)"
-				},
-				children: e
-			}),
-			/* @__PURE__ */ u("div", { style: { flexGrow: 1 } }),
-			b ? /* @__PURE__ */ u("button", {
+			(n || e) && (() => {
+				let t = /* @__PURE__ */ f(u, { children: [n && /* @__PURE__ */ d("img", {
+					src: n,
+					alt: e || "Logo",
+					style: {
+						height: 28,
+						display: "block"
+					}
+				}), e && /* @__PURE__ */ d("span", {
+					style: {
+						fontWeight: 700,
+						fontSize: 18,
+						fontFamily: "var(--page-heading-font, inherit)"
+					},
+					children: e
+				})] }), a = {
+					display: "flex",
+					alignItems: "center",
+					gap: 10,
+					color: "inherit",
+					textDecoration: "none"
+				};
+				return r ? /* @__PURE__ */ d("a", {
+					href: r,
+					target: i || void 0,
+					rel: i === "_blank" ? "noopener noreferrer" : void 0,
+					style: a,
+					children: t
+				}) : /* @__PURE__ */ d("div", {
+					style: a,
+					children: t
+				});
+			})(),
+			/* @__PURE__ */ d("div", { style: { flexGrow: 1 } }),
+			w ? /* @__PURE__ */ d("button", {
 				type: "button",
-				"aria-label": g ? "Close menu" : "Open menu",
-				onClick: () => _(!g),
+				"aria-label": y ? "Close menu" : "Open menu",
+				onClick: () => b(!y),
 				style: {
 					background: "transparent",
 					border: 0,
@@ -1225,39 +1242,39 @@ function qe({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 					lineHeight: 1,
 					padding: 4
 				},
-				children: g ? "✕" : "☰"
-			}) : /* @__PURE__ */ u("div", {
+				children: y ? "✕" : "☰"
+			}) : /* @__PURE__ */ d("div", {
 				style: {
 					display: "flex",
 					gap: 20,
 					alignItems: "center",
 					flexWrap: "wrap"
 				},
-				children: r.map((e) => {
+				children: o.map((e) => {
 					let t = e.children ?? [];
-					if (!t.length) return /* @__PURE__ */ u("a", {
+					if (!t.length) return /* @__PURE__ */ d("a", {
 						href: e.href || "#",
-						style: Ge,
+						style: qe,
 						children: e.label
 					}, e.key);
 					let n = e.type === "mega";
-					return /* @__PURE__ */ d("span", {
+					return /* @__PURE__ */ f("span", {
 						style: {
 							position: n ? "static" : "relative",
 							display: "inline-flex"
 						},
-						onMouseEnter: () => y(e.key),
-						onMouseLeave: () => y(null),
-						children: [/* @__PURE__ */ d("a", {
+						onMouseEnter: () => S(e.key),
+						onMouseLeave: () => S(null),
+						children: [/* @__PURE__ */ f("a", {
 							href: e.href || "#",
 							style: {
-								...Ge,
+								...qe,
 								cursor: "pointer"
 							},
 							children: [
 								e.label,
 								" ",
-								/* @__PURE__ */ u("span", {
+								/* @__PURE__ */ d("span", {
 									style: {
 										fontSize: 9,
 										opacity: .6
@@ -1265,9 +1282,9 @@ function qe({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 									children: "▼"
 								})
 							]
-						}), v === e.key && (n ? /* @__PURE__ */ u("div", {
+						}), x === e.key && (n ? /* @__PURE__ */ d("div", {
 							style: {
-								...Ke,
+								...Je,
 								position: "absolute",
 								left: 0,
 								right: 0,
@@ -1277,13 +1294,13 @@ function qe({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 								gridTemplateColumns: "repeat(auto-fit, minmax(170px, 1fr))",
 								gap: 16
 							},
-							children: t.map((e) => x(e, {
+							children: t.map((e) => T(e, {
 								padding: "6px 8px",
 								borderRadius: 6
 							}))
-						}) : /* @__PURE__ */ u("div", {
+						}) : /* @__PURE__ */ d("div", {
 							style: {
-								...Ke,
+								...Je,
 								position: "absolute",
 								top: "100%",
 								left: 0,
@@ -1293,7 +1310,7 @@ function qe({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 								display: "flex",
 								flexDirection: "column"
 							},
-							children: t.map((e) => x(e, {
+							children: t.map((e) => T(e, {
 								padding: "8px 12px",
 								borderRadius: 6
 							}))
@@ -1301,7 +1318,7 @@ function qe({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 					}, e.key);
 				})
 			}),
-			b && g && /* @__PURE__ */ u("div", {
+			w && y && /* @__PURE__ */ d("div", {
 				style: {
 					flexBasis: "100%",
 					width: "100%",
@@ -1309,35 +1326,35 @@ function qe({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 					flexDirection: "column",
 					paddingTop: 10
 				},
-				children: r.map((e) => /* @__PURE__ */ d(t, { children: [/* @__PURE__ */ u("a", {
+				children: o.map((e) => /* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d("a", {
 					href: e.href || "#",
 					style: {
-						...Ge,
+						...qe,
 						padding: "10px 4px",
 						fontWeight: (e.children ?? []).length ? 600 : 400,
 						opacity: 1
 					},
 					children: e.label
-				}), (e.children ?? []).map((e) => x(e, { padding: "8px 4px 8px 22px" }))] }, e.key))
+				}), (e.children ?? []).map((e) => T(e, { padding: "8px 4px 8px 22px" }))] }, e.key))
 			})
 		]
 	});
 }
-function Je({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
-	let [i, a] = c(0), o = e.length ? Math.min(i, e.length - 1) : 0;
-	return e.length ? /* @__PURE__ */ d("div", {
+function Xe({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
+	let [i, a] = l(0), o = e.length ? Math.min(i, e.length - 1) : 0;
+	return e.length ? /* @__PURE__ */ f("div", {
 		ref: r,
 		style: {
 			width: "100%",
-			...S(n)
+			...C(n)
 		},
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ d("div", {
 			style: {
 				display: "flex",
 				gap: 4,
 				borderBottom: "1px solid rgba(148, 163, 184, 0.35)"
 			},
-			children: e.map((e, t) => /* @__PURE__ */ u("button", {
+			children: e.map((e, t) => /* @__PURE__ */ d("button", {
 				type: "button",
 				onClick: () => a(t),
 				style: {
@@ -1354,7 +1371,7 @@ function Je({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 				},
 				children: e.label || `Tab ${t + 1}`
 			}, e.key))
-		}), e.map((e, n) => /* @__PURE__ */ u("div", {
+		}), e.map((e, n) => /* @__PURE__ */ d("div", {
 			style: {
 				display: n === o ? "flex" : "none",
 				flexDirection: "column"
@@ -1363,24 +1380,24 @@ function Je({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 		}, e.key))]
 	}) : null;
 }
-function Ye({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
-	let [a, o] = c(() => new Set(e.length ? [e[0].key] : []));
+function Ze({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
+	let [a, o] = l(() => new Set(e.length ? [e[0].key] : []));
 	if (!e.length) return null;
 	let s = (e) => o((t) => {
 		let r = new Set(n ? t : []);
 		return t.has(e) ? r.delete(e) : r.add(e), r;
 	});
-	return /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ d("div", {
 		ref: i,
 		style: {
 			width: "100%",
-			...S(r)
+			...C(r)
 		},
 		children: e.map((n, r) => {
 			let i = a.has(n.key);
-			return /* @__PURE__ */ d("div", {
+			return /* @__PURE__ */ f("div", {
 				style: { borderBottom: r < e.length - 1 ? "1px solid rgba(148, 163, 184, 0.35)" : "none" },
-				children: [/* @__PURE__ */ d("button", {
+				children: [/* @__PURE__ */ f("button", {
 					type: "button",
 					onClick: () => s(n.key),
 					style: {
@@ -1399,7 +1416,7 @@ function Ye({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 						textAlign: "left",
 						cursor: "pointer"
 					},
-					children: [n.title || `Item ${r + 1}`, /* @__PURE__ */ u("span", {
+					children: [n.title || `Item ${r + 1}`, /* @__PURE__ */ d("span", {
 						"aria-hidden": !0,
 						style: {
 							fontSize: 12,
@@ -1409,7 +1426,7 @@ function Ye({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 						},
 						children: "▼"
 					})]
-				}), /* @__PURE__ */ u("div", {
+				}), /* @__PURE__ */ d("div", {
 					style: {
 						display: i ? "flex" : "none",
 						flexDirection: "column"
@@ -1420,15 +1437,15 @@ function Ye({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 		})
 	});
 }
-var Xe = {
+var Qe = {
 	display: "flex",
 	flexDirection: "column",
 	gap: "12px"
-}, X = {
+}, Y = {
 	fontSize: "14px",
 	fontWeight: 500,
 	color: "var(--page-text, #111827)"
-}, Z = {
+}, X = {
 	padding: "10px 12px",
 	border: "1px solid #d1d5db",
 	borderRadius: "6px",
@@ -1438,18 +1455,18 @@ var Xe = {
 	boxSizing: "border-box",
 	backgroundColor: "#ffffff",
 	color: "#111827"
-}, Ze = {
+}, $e = {
 	display: "flex",
 	alignItems: "center",
 	gap: "8px",
 	fontSize: "14px",
 	color: "var(--page-text, #111827)"
-}, Q = (e) => e ? {
+}, Z = (e) => e ? {
 	readOnly: !0,
 	tabIndex: -1,
 	onMouseDown: (e) => e.preventDefault()
 } : {};
-function Qe(e, t) {
+function et(e, t) {
 	if (!e) return !0;
 	let n = t[e.field], r = n == null || n === "" ? "" : String(n), i = e.value ?? "";
 	switch (e.op) {
@@ -1463,11 +1480,11 @@ function Qe(e, t) {
 		default: return !1;
 	}
 }
-var $e = {
+var tt = {
 	display: "flex",
 	flexDirection: "column",
 	gap: 6
-}, et = {
+}, nt = {
 	font: "inherit",
 	fontSize: 15,
 	padding: "10px 12px",
@@ -1478,16 +1495,16 @@ var $e = {
 	width: "100%",
 	boxSizing: "border-box"
 };
-function tt(e, t) {
+function rt(e, t) {
 	let n = Array.isArray(e?.options) ? e.options : [];
 	if (!e?.parentField) return n;
 	let r = t?.[e.parentField];
 	return r ? n.filter((e) => typeof e == "string" ? !1 : !e.parent || e.parent === r) : [];
 }
-function nt({ field: e, value: t, onChange: n, inert: r, values: i }) {
-	let a = /* @__PURE__ */ d("span", {
+function it({ field: e, value: t, onChange: n, inert: r, values: i }) {
+	let a = /* @__PURE__ */ f("span", {
 		style: {
-			...X,
+			...Y,
 			fontSize: 14
 		},
 		children: [e.label, e.required ? " *" : ""]
@@ -1496,11 +1513,11 @@ function nt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 		required: e.required || void 0,
 		placeholder: e.placeholder || void 0,
 		disabled: r || void 0,
-		style: et,
+		style: nt,
 		value: t ?? "",
 		onChange: (t) => n(e.name, t.target.value)
 	};
-	return e.type === "display" ? /* @__PURE__ */ u(e.variant && e.variant !== "p" ? e.variant : "p", {
+	return e.type === "display" ? /* @__PURE__ */ d(e.variant && e.variant !== "p" ? e.variant : "p", {
 		style: {
 			margin: 0,
 			color: e.color || "inherit",
@@ -1517,7 +1534,7 @@ function nt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 			lineHeight: 1.35
 		},
 		children: e.label
-	}) : e.type === "image" ? e.src ? /* @__PURE__ */ u("img", {
+	}) : e.type === "image" ? e.src ? /* @__PURE__ */ d("img", {
 		src: e.src,
 		alt: e.label ?? "",
 		style: {
@@ -1525,10 +1542,10 @@ function nt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 			borderRadius: 8,
 			display: "block"
 		}
-	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ u(Ne, {
+	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ d(Fe, {
 		url: e.src,
 		style: { width: "100%" }
-	}) : /* @__PURE__ */ u("video", {
+	}) : /* @__PURE__ */ d("video", {
 		src: e.src,
 		controls: !0,
 		style: {
@@ -1536,28 +1553,28 @@ function nt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 			borderRadius: 8,
 			display: "block"
 		}
-	}) : null : /* @__PURE__ */ d("label", {
-		style: $e,
+	}) : null : /* @__PURE__ */ f("label", {
+		style: tt,
 		children: [
 			a,
-			e.type === "textarea" || e.multiline ? /* @__PURE__ */ u("textarea", {
+			e.type === "textarea" || e.multiline ? /* @__PURE__ */ d("textarea", {
 				...o,
 				rows: 4,
 				style: {
-					...et,
+					...nt,
 					resize: "vertical"
 				}
-			}) : e.type === "select" ? /* @__PURE__ */ d("select", {
+			}) : e.type === "select" ? /* @__PURE__ */ f("select", {
 				...o,
 				disabled: o.disabled || !!e.parentField && !i?.[e.parentField],
-				children: [/* @__PURE__ */ u("option", {
+				children: [/* @__PURE__ */ d("option", {
 					value: "",
 					children: e.placeholder || "—"
-				}), tt(e, i).map((e, t) => /* @__PURE__ */ u("option", {
+				}), rt(e, i).map((e, t) => /* @__PURE__ */ d("option", {
 					value: typeof e == "string" ? e : e.value,
 					children: typeof e == "string" ? e : e.label ?? e.value
 				}, t))]
-			}) : e.type === "checkbox" ? /* @__PURE__ */ u("input", {
+			}) : e.type === "checkbox" ? /* @__PURE__ */ d("input", {
 				type: "checkbox",
 				name: e.name,
 				required: e.required || void 0,
@@ -1568,7 +1585,7 @@ function nt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 					width: 18,
 					height: 18
 				}
-			}) : e.type === "upload" ? /* @__PURE__ */ u("input", {
+			}) : e.type === "upload" ? /* @__PURE__ */ d("input", {
 				type: "file",
 				name: e.name,
 				accept: e.accept || void 0,
@@ -1579,7 +1596,7 @@ function nt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 					font: "inherit",
 					fontSize: 14
 				}
-			}) : /* @__PURE__ */ u("input", {
+			}) : /* @__PURE__ */ d("input", {
 				...o,
 				type: {
 					email: "email",
@@ -1590,7 +1607,7 @@ function nt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 					link: "url"
 				}[e.type] ?? "text"
 			}),
-			e.help && /* @__PURE__ */ u("span", {
+			e.help && /* @__PURE__ */ d("span", {
 				style: {
 					fontSize: 12,
 					opacity: .65
@@ -1600,16 +1617,16 @@ function nt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 		]
 	});
 }
-function rt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s, auto: f, submitLabel: p, nodeRef: m, inert: h, children: g, linked: _, show: v }) {
-	let { tenant: y, apiUrl: b } = i(U), [x, C] = c("form"), [w, T] = c(null), [E, D] = c({}), [O, k] = c(0), A = h ? v || "form" : x;
+function at({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s, auto: c, submitLabel: p, nodeRef: m, inert: h, children: g, linked: _, show: v }) {
+	let { tenant: y, apiUrl: b } = i(H), [x, S] = l("form"), [w, T] = l(null), [E, D] = l({}), [O, k] = l(0), A = h ? v || "form" : x;
 	a(() => {
-		if (!f || !s) return;
+		if (!c || !s) return;
 		let e = !0;
 		return fetch(`${b || "/api"}/forms/${encodeURIComponent(s)}`, { headers: y ? { "x-tenant": y } : {} }).then((e) => e.json()).then((t) => e && T(t?.payload && typeof t.payload == "object" ? t.payload : null)).catch(() => e && T(null)), () => {
 			e = !1;
 		};
 	}, [
-		f,
+		c,
 		s,
 		y,
 		b
@@ -1622,9 +1639,9 @@ function rt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 		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 || Qe(e.section.condition, E)).map((e) => ({
+	let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || et(e.section.condition, E)).map((e) => ({
 		...e,
-		fields: e.fields.filter((e) => Qe(e.condition, E))
+		fields: e.fields.filter((e) => et(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);
@@ -1636,11 +1653,11 @@ function rt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 		for (let t of Array.isArray(w?.fields) ? w.fields : []) t?.parentField === e && delete r[t.name];
 		return r;
 	});
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		ref: m,
-		style: S(e),
+		style: C(e),
 		children: [
-			/* @__PURE__ */ u("form", {
+			/* @__PURE__ */ d("form", {
 				action: t || void 0,
 				method: n || "post",
 				name: r || void 0,
@@ -1649,7 +1666,7 @@ function rt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 					if (e.preventDefault(), !h) {
 						if (s) {
 							let t = {};
-							if (f) for (let [e, n] of Object.entries(E)) n != null && n !== "" && (t[e] = n);
+							if (c) 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(`${b || "/api"}/forms/${s}/submit`, {
@@ -1660,14 +1677,14 @@ function rt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 									},
 									body: JSON.stringify(t)
 								}), n = await e.json().catch(() => null);
-								C(e.ok && n?.success !== !1 ? "success" : "error");
+								S(e.ok && n?.success !== !1 ? "success" : "error");
 							} catch {
-								C("error");
+								S("error");
 							}
 							return;
 						}
 						if (!t) {
-							C("success");
+							S("success");
 							return;
 						}
 						try {
@@ -1675,23 +1692,23 @@ function rt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 								method: n || "post",
 								body: new FormData(e.currentTarget)
 							});
-							C(r.ok ? "success" : "error");
+							S(r.ok ? "success" : "error");
 						} catch {
-							C("error");
+							S("error");
 						}
 					}
 				},
 				style: {
-					...Xe,
+					...Qe,
 					display: A === "success" ? "none" : "flex"
 				},
-				children: f && s ? /* @__PURE__ */ d(l, { children: [
-					P && /* @__PURE__ */ u(ht, {
+				children: c && s ? /* @__PURE__ */ f(u, { children: [
+					P && /* @__PURE__ */ d(bt, {
 						steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
 						active: F + 1,
 						style: { marginBottom: 8 }
 					}),
-					P && N[F]?.section?.help && /* @__PURE__ */ u("p", {
+					P && N[F]?.section?.help && /* @__PURE__ */ d("p", {
 						style: {
 							margin: 0,
 							fontSize: 14,
@@ -1699,26 +1716,26 @@ function rt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 						},
 						children: N[F].section.help
 					}),
-					I.map((e) => /* @__PURE__ */ u(nt, {
+					I.map((e) => /* @__PURE__ */ d(it, {
 						field: e,
 						value: E[e.name],
 						values: E,
 						onChange: z,
 						inert: h
 					}, e.name)),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						style: {
 							display: "flex",
 							gap: 10,
 							alignItems: "center",
 							marginTop: 4
 						},
-						children: [P && F > 0 && /* @__PURE__ */ u("button", {
+						children: [P && F > 0 && /* @__PURE__ */ d("button", {
 							type: "button",
 							disabled: h || void 0,
 							onClick: () => k(F - 1),
 							style: {
-								...J,
+								...q,
 								background: "transparent",
 								color: "inherit",
 								border: 0,
@@ -1726,12 +1743,12 @@ function rt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 								cursor: "pointer"
 							},
 							children: "Back"
-						}), P && !R ? /* @__PURE__ */ u("button", {
+						}), P && !R ? /* @__PURE__ */ d("button", {
 							type: "button",
 							disabled: h || L.length > 0,
 							onClick: () => k(F + 1),
 							style: {
-								...J,
+								...q,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
@@ -1741,11 +1758,11 @@ function rt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 								opacity: L.length ? .5 : 1
 							},
 							children: "Next"
-						}) : /* @__PURE__ */ u("button", {
+						}) : /* @__PURE__ */ d("button", {
 							type: "submit",
 							disabled: h || void 0,
 							style: {
-								...J,
+								...q,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
@@ -1758,11 +1775,11 @@ function rt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 					})
 				] }) : g
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				style: { display: A === "success" ? "block" : "none" },
 				children: _?.success ?? null
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				style: {
 					display: A === "error" ? "block" : "none",
 					marginTop: 12
@@ -1772,53 +1789,143 @@ function rt({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 		]
 	});
 }
-function it({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
-	return /* @__PURE__ */ u("label", {
+var ot = null, st = () => ot || (ot = new Promise((e) => {
+	if (typeof window > "u") return;
+	if (window.grecaptcha?.render) return e(window.grecaptcha);
+	window.__webimRecaptchaReady = () => e(window.grecaptcha);
+	let t = document.createElement("script");
+	t.src = "https://www.google.com/recaptcha/api.js?onload=__webimRecaptchaReady&render=explicit", t.async = !0, document.head.appendChild(t);
+}), ot);
+function ct({ siteKey: e, theme: t, size: n, style: r, nodeRef: o, inert: s }) {
+	let l = i(H), u = l?.settings && typeof l.settings == "object" ? l.settings["google.recaptchaKey"] : "", p = typeof e == "string" && e.trim() || (typeof u == "string" ? u.trim() : ""), m = c(null), h = c(!1);
+	if (a(() => {
+		if (s || !p || h.current || !m.current) return;
+		let e = !0;
+		return st().then((r) => {
+			if (!(!e || h.current || !m.current || !r?.render)) {
+				h.current = !0;
+				try {
+					r.render(m.current, {
+						sitekey: p,
+						theme: t === "dark" ? "dark" : "light",
+						size: n === "compact" ? "compact" : "normal"
+					});
+				} catch {}
+			}
+		}), () => {
+			e = !1;
+		};
+	}, [
+		s,
+		p,
+		t,
+		n
+	]), s) {
+		let e = t === "dark";
+		return /* @__PURE__ */ f("div", {
+			ref: o,
+			style: C(r),
+			children: [/* @__PURE__ */ f("div", {
+				style: {
+					width: n === "compact" ? 164 : 302,
+					boxSizing: "border-box",
+					padding: "12px 14px",
+					display: "flex",
+					alignItems: "center",
+					gap: 12,
+					borderRadius: 4,
+					border: `1px solid ${e ? "#52565b" : "#d3d3d3"}`,
+					background: e ? "#222528" : "#f9f9f9",
+					color: e ? "#f1f1f1" : "#282828",
+					fontSize: 14,
+					fontFamily: "Roboto, Arial, sans-serif"
+				},
+				children: [
+					/* @__PURE__ */ d("span", { style: {
+						width: 24,
+						height: 24,
+						flexShrink: 0,
+						borderRadius: 3,
+						border: `2px solid ${e ? "#8a8f94" : "#c1c1c1"}`,
+						background: e ? "#2f3337" : "#fff"
+					} }),
+					/* @__PURE__ */ d("span", {
+						style: { flexGrow: 1 },
+						children: "I'm not a robot"
+					}),
+					/* @__PURE__ */ d("span", {
+						style: {
+							fontSize: 9,
+							opacity: .6,
+							textAlign: "center",
+							lineHeight: 1.3
+						},
+						children: "reCAPTCHA"
+					})
+				]
+			}), !p && /* @__PURE__ */ d("div", {
+				style: {
+					marginTop: 6,
+					fontSize: 11,
+					color: "#b45309"
+				},
+				children: "Set the google.recaptchaKey tenant setting (or a site key in Settings) to activate it."
+			})]
+		});
+	}
+	return p ? /* @__PURE__ */ d("div", {
+		ref: o,
+		style: C(r),
+		children: /* @__PURE__ */ d("div", { ref: m })
+	}) : null;
+}
+function lt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
+	return /* @__PURE__ */ d("label", {
 		ref: r,
 		style: {
-			...X,
-			...S(n)
+			...Y,
+			...C(n)
 		},
-		children: Y(t, e, i)
+		children: J(t, e, i)
 	});
 }
-function at({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
-	return /* @__PURE__ */ u("input", {
+function ut({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
+	return /* @__PURE__ */ d("input", {
 		ref: a,
 		type: e,
 		name: t || void 0,
 		placeholder: n,
 		required: !o && !!r,
 		style: {
-			...Z,
-			...S(i)
+			...X,
+			...C(i)
 		},
-		...Q(o)
+		...Z(o)
 	});
 }
-function ot({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
-	return /* @__PURE__ */ u("textarea", {
+function dt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
+	return /* @__PURE__ */ d("textarea", {
 		ref: a,
 		name: e || void 0,
 		placeholder: t,
 		rows: n,
 		required: !o && !!r,
 		style: {
-			...Z,
+			...X,
 			resize: "vertical",
-			...S(i)
+			...C(i)
 		},
-		...Q(o)
+		...Z(o)
 	});
 }
-function st({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
-	return /* @__PURE__ */ d("label", {
+function ft({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
+	return /* @__PURE__ */ f("label", {
 		ref: o,
 		style: {
-			...Ze,
-			...S(a)
+			...$e,
+			...C(a)
 		},
-		children: [/* @__PURE__ */ u("input", {
+		children: [/* @__PURE__ */ d("input", {
 			type: e,
 			name: n || void 0,
 			value: r || void 0,
@@ -1832,8 +1939,8 @@ function st({ kind: e = "checkbox", label: t, name: n, value: r, required: i, st
 		}), t]
 	});
 }
-function ct({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
-	return /* @__PURE__ */ d("select", {
+function pt({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
+	return /* @__PURE__ */ f("select", {
 		ref: a,
 		name: e || void 0,
 		required: !o && !!r,
@@ -1841,45 +1948,45 @@ function ct({ 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,
+			...X,
 			appearance: "auto",
-			...S(i)
+			...C(i)
 		},
-		children: [t !== "" && /* @__PURE__ */ u("option", {
+		children: [t !== "" && /* @__PURE__ */ d("option", {
 			value: "",
 			disabled: !0,
 			children: t ?? "Select…"
-		}), n.map((e, t) => /* @__PURE__ */ u("option", {
+		}), n.map((e, t) => /* @__PURE__ */ d("option", {
 			value: e,
 			children: e
 		}, t))]
 	});
 }
-function lt({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
-	let [s, l] = c(null);
-	return /* @__PURE__ */ d("label", {
+function mt({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
+	let [s, c] = l(null);
+	return /* @__PURE__ */ f("label", {
 		ref: a,
 		style: {
-			...Z,
+			...X,
 			display: "flex",
 			alignItems: "center",
 			gap: "8px",
 			cursor: o ? "default" : "pointer",
 			borderStyle: "dashed",
 			color: s ? "#111827" : "#6b7280",
-			...S(i)
+			...C(i)
 		},
 		children: [
-			/* @__PURE__ */ u("input", {
+			/* @__PURE__ */ d("input", {
 				type: "file",
 				name: e || void 0,
 				accept: t || void 0,
 				required: !o && !!n,
 				disabled: !!o,
-				onChange: (e) => l(e.target.files?.[0]?.name ?? null),
+				onChange: (e) => c(e.target.files?.[0]?.name ?? null),
 				style: { display: "none" }
 			}),
-			/* @__PURE__ */ u("span", {
+			/* @__PURE__ */ d("span", {
 				"aria-hidden": !0,
 				children: "📎"
 			}),
@@ -1887,12 +1994,12 @@ function lt({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
 		]
 	});
 }
-function ut({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
-	return /* @__PURE__ */ u("button", {
+function ht({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
+	return /* @__PURE__ */ d("button", {
 		ref: n,
 		type: r ? "button" : "submit",
 		style: {
-			...J,
+			...q,
 			border: 0,
 			cursor: "pointer",
 			alignSelf: "flex-start",
@@ -1902,37 +2009,37 @@ function ut({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 			fontWeight: 600,
 			lineHeight: 1.4,
 			fontFamily: "inherit",
-			...S(t)
+			...C(t)
 		},
 		children: e
 	});
 }
-function dt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
+function gt({ 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__ */ u("div", {
+	return /* @__PURE__ */ d("div", {
 		ref: r,
 		style: {
 			display: "grid",
 			gridTemplateColumns: `repeat(${Math.max(1, Number(e) || 1)}, minmax(0, 1fr))`,
 			gap: 16,
 			width: "100%",
-			...S(n)
+			...C(n)
 		},
-		children: Array.from({ length: a }, (e, t) => /* @__PURE__ */ u("div", {
+		children: Array.from({ length: a }, (e, t) => /* @__PURE__ */ d("div", {
 			style: { minWidth: 0 },
 			children: i?.[`cell-${t}`] ?? null
 		}, t))
 	});
 }
-function ft({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, imageField: o, titleField: s = "name", textField: l, custom: f, templateId: p, style: m, nodeRef: h }) {
-	let { tenant: g, apiUrl: _, locale: v } = i(U), y = i(G), b = i(W)?.[e], [x, C] = c(null);
+function _t({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, imageField: o, titleField: s = "name", textField: c, custom: u, templateId: p, style: m, nodeRef: h }) {
+	let { tenant: g, apiUrl: _, locale: v } = i(H), y = i(W), b = i(U)?.[e], [x, S] = l(null);
 	if (a(() => {
 		if (!e || b) return;
 		let t = !0, n = e.startsWith("api:") ? `${_}/data/${encodeURIComponent(e.slice(4))}` : `${_}/dynamic/${encodeURIComponent(e)}${v ? `?locale=${encodeURIComponent(v)}` : ""}`;
 		return fetch(n, { headers: g ? { "x-tenant": g } : {} }).then((e) => e.json()).then((e) => {
 			let n = Array.isArray(e?.payload) ? e.payload : Array.isArray(e?.payload?.data) ? e.payload.data : [];
-			return t && C(n.filter((e) => e && typeof e == "object"));
-		}).catch(() => t && C([])), () => {
+			return t && S(n.filter((e) => e && typeof e == "object"));
+		}).catch(() => t && S([])), () => {
 			t = !1;
 		};
 	}, [
@@ -1951,49 +2058,49 @@ function ft({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 		gridTemplateColumns: `repeat(${T}, minmax(0, 1fr))`,
 		gap: 24
 	};
-	return f && p && y?.render ? /* @__PURE__ */ u("div", {
+	return u && p && y?.render ? /* @__PURE__ */ d("div", {
 		ref: h,
 		style: {
 			width: "100%",
 			...E,
-			...S(m)
+			...C(m)
 		},
-		children: w.map((e) => /* @__PURE__ */ u("div", {
+		children: w.map((e) => /* @__PURE__ */ d("div", {
 			style: { minWidth: 0 },
-			children: y.render(p, (t) => ae(t, e))
+			children: y.render(p, (t) => se(t, e))
 		}, e.id ?? e?.data?.slug))
-	}) : /* @__PURE__ */ u("div", {
+	}) : /* @__PURE__ */ d("div", {
 		ref: h,
 		style: {
 			width: "100%",
 			...E,
-			...S(m)
+			...C(m)
 		},
 		children: w.map((e) => {
-			let t = o ? K(e?.data, o) : null, r = s ? q(K(e?.data, s)) : null, i = l ? K(e?.data, l) : null, a = Array.isArray(i) ? i : null, c = a || i == null ? null : q(i), f = n === "list";
-			return /* @__PURE__ */ d("div", {
+			let t = o ? G(e?.data, o) : null, r = s ? K(G(e?.data, s)) : null, i = c ? G(e?.data, c) : null, a = Array.isArray(i) ? i : null, l = a || i == null ? null : K(i), u = n === "list";
+			return /* @__PURE__ */ f("div", {
 				style: {
 					display: "flex",
-					flexDirection: f ? "row" : "column",
-					gap: f ? 20 : 12,
-					alignItems: f ? "center" : "stretch",
+					flexDirection: u ? "row" : "column",
+					gap: u ? 20 : 12,
+					alignItems: u ? "center" : "stretch",
 					minWidth: 0
 				},
-				children: [t && /* @__PURE__ */ u("img", {
+				children: [t && /* @__PURE__ */ d("img", {
 					src: t,
 					alt: r ?? "",
 					style: {
-						width: f ? 160 : "100%",
+						width: u ? 160 : "100%",
 						aspectRatio: "3 / 2",
 						objectFit: "cover",
 						borderRadius: 10,
 						flexShrink: 0,
 						display: "block"
 					}
-				}), /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ f("div", {
 					style: { minWidth: 0 },
 					children: [
-						r && /* @__PURE__ */ u("h3", {
+						r && /* @__PURE__ */ d("h3", {
 							style: {
 								margin: 0,
 								fontSize: 18,
@@ -2001,23 +2108,23 @@ function ft({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 							},
 							children: r
 						}),
-						c && /* @__PURE__ */ u("p", {
+						l && /* @__PURE__ */ d("p", {
 							style: {
 								margin: "6px 0 0",
 								fontSize: 14,
 								lineHeight: 1.55,
 								opacity: .75
 							},
-							children: c
+							children: l
 						}),
-						a && /* @__PURE__ */ u("div", {
+						a && /* @__PURE__ */ d("div", {
 							style: {
 								marginTop: 6,
 								fontSize: 14,
 								lineHeight: 1.55,
 								opacity: .85
 							},
-							children: xe(a)
+							children: Ce(a)
 						})
 					]
 				})]
@@ -2025,12 +2132,12 @@ function ft({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 		})
 	});
 }
-function pt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
-	return e.length ? /* @__PURE__ */ u("nav", {
+function vt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
+	return e.length ? /* @__PURE__ */ d("nav", {
 		ref: r,
 		"aria-label": "Breadcrumb",
-		style: { ...S(n) },
-		children: /* @__PURE__ */ u("ol", {
+		style: { ...C(n) },
+		children: /* @__PURE__ */ d("ol", {
 			style: {
 				display: "flex",
 				flexWrap: "wrap",
@@ -2043,25 +2150,25 @@ function pt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 			},
 			children: e.map((n, r) => {
 				let i = r === e.length - 1;
-				return /* @__PURE__ */ d("li", {
+				return /* @__PURE__ */ f("li", {
 					style: {
 						display: "flex",
 						alignItems: "center",
 						gap: 8,
 						minWidth: 0
 					},
-					children: [r > 0 && /* @__PURE__ */ u("span", {
+					children: [r > 0 && /* @__PURE__ */ d("span", {
 						style: { opacity: .4 },
 						"aria-hidden": !0,
 						children: t
-					}), i || !n.href ? /* @__PURE__ */ u("span", {
+					}), i || !n.href ? /* @__PURE__ */ d("span", {
 						style: {
 							fontWeight: i ? 600 : 400,
 							opacity: i ? 1 : .7
 						},
 						"aria-current": i ? "page" : void 0,
 						children: n.label
-					}) : /* @__PURE__ */ u("a", {
+					}) : /* @__PURE__ */ d("a", {
 						href: n.href,
 						style: {
 							color: "inherit",
@@ -2075,7 +2182,7 @@ function pt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 		})
 	}) : null;
 }
-function mt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", style: i, nodeRef: a }) {
+function yt({ 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), c = (e) => r && r !== "#" ? r.replace("{page}", String(e)) : "#", l = (e) => ({
 		display: "inline-flex",
 		alignItems: "center",
@@ -2090,7 +2197,7 @@ function mt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sty
 		background: e ? "var(--page-accent, #111827)" : "transparent",
 		border: e ? "1px solid transparent" : "1px solid rgba(148, 163, 184, 0.4)"
 	});
-	return /* @__PURE__ */ d("nav", {
+	return /* @__PURE__ */ f("nav", {
 		ref: a,
 		"aria-label": "Pagination",
 		style: {
@@ -2098,10 +2205,10 @@ function mt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sty
 			flexWrap: "wrap",
 			gap: 8,
 			alignItems: "center",
-			...S(i)
+			...C(i)
 		},
 		children: [
-			n && /* @__PURE__ */ u("a", {
+			n && /* @__PURE__ */ d("a", {
 				href: s > 1 ? c(s - 1) : "#",
 				"aria-label": "Previous",
 				style: {
@@ -2110,13 +2217,13 @@ function mt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sty
 				},
 				children: "‹"
 			}),
-			Array.from({ length: o }, (e, t) => t + 1).map((e) => /* @__PURE__ */ u("a", {
+			Array.from({ length: o }, (e, t) => t + 1).map((e) => /* @__PURE__ */ d("a", {
 				href: c(e),
 				"aria-current": e === s ? "page" : void 0,
 				style: l(e === s),
 				children: e
 			}, e)),
-			n && /* @__PURE__ */ u("a", {
+			n && /* @__PURE__ */ d("a", {
 				href: s < o ? c(s + 1) : "#",
 				"aria-label": "Next",
 				style: {
@@ -2128,7 +2235,7 @@ function mt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sty
 		]
 	});
 }
-function ht({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
+function bt({ 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,
@@ -2159,21 +2266,21 @@ function ht({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 			minWidth: 24
 		}
 	});
-	return /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ d("div", {
 		ref: a,
 		style: {
 			display: "flex",
 			flexDirection: r ? "column" : "row",
 			alignItems: r ? "stretch" : "flex-start",
 			gap: r ? 4 : 8,
-			...S(i)
+			...C(i)
 		},
 		children: e.map((e, n) => {
 			let i = n + 1, a = i < o ? "done" : i === o ? "active" : "todo";
-			return /* @__PURE__ */ d(t, { children: [n > 0 && /* @__PURE__ */ u("div", {
+			return /* @__PURE__ */ f(t, { children: [n > 0 && /* @__PURE__ */ d("div", {
 				style: c(i <= o),
 				"aria-hidden": !0
-			}), /* @__PURE__ */ d("div", {
+			}), /* @__PURE__ */ f("div", {
 				style: {
 					display: "flex",
 					flexDirection: r ? "row" : "column",
@@ -2182,19 +2289,19 @@ function ht({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 					minWidth: 0,
 					textAlign: r ? "left" : "center"
 				},
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ d("div", {
 					style: s(a),
 					children: a === "done" ? "✓" : i
-				}), /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ f("div", {
 					style: { minWidth: 0 },
-					children: [/* @__PURE__ */ u("div", {
+					children: [/* @__PURE__ */ d("div", {
 						style: {
 							fontSize: 13,
 							fontWeight: a === "active" ? 700 : 500,
 							opacity: a === "todo" ? .6 : 1
 						},
 						children: e.label
-					}), e.description && /* @__PURE__ */ u("div", {
+					}), e.description && /* @__PURE__ */ d("div", {
 						style: {
 							fontSize: 12,
 							opacity: .6
@@ -2206,7 +2313,7 @@ function ht({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 		})
 	});
 }
-var gt = {
+var xt = {
 	small: {
 		w: 132,
 		h: 46,
@@ -2228,10 +2335,10 @@ var gt = {
 		title: 12.5,
 		avatar: 46
 	}
-}, _t = (e) => gt[e] ?? gt.medium;
-gt.medium.w, gt.medium.h;
-function vt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
-	let r = _t(t), i = n ? r.h : r.w, a = n ? 16 : 20, o = (n ? r.w : r.h) + (n ? 56 : 48), s = Array.isArray(e) ? e.filter((e) => e && e.id) : [], c = new Set(s.map((e) => e.id)), l = /* @__PURE__ */ new Map(), u = [];
+}, St = (e) => xt[e] ?? xt.medium;
+xt.medium.w, xt.medium.h;
+function Ct(e, { size: t = "medium", horizontal: n = !1 } = {}) {
+	let r = St(t), i = n ? r.h : r.w, a = n ? 16 : 20, o = (n ? r.w : r.h) + (n ? 56 : 48), s = Array.isArray(e) ? e.filter((e) => e && e.id) : [], c = new Set(s.map((e) => e.id)), l = /* @__PURE__ */ new Map(), u = [];
 	for (let e of s) e.parent && c.has(e.parent) && e.parent !== e.id ? (l.has(e.parent) || l.set(e.parent, []), l.get(e.parent).push(e)) : u.push(e);
 	let d = /* @__PURE__ */ new Map(), f = (e, t) => {
 		if (t.has(e.id)) return 0;
@@ -2283,19 +2390,19 @@ function vt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
 		horizontal: n
 	};
 }
-var yt = (e, t) => {
+var wt = (e, t) => {
 	let n = String(e ?? "");
 	return n.length > t ? `${n.slice(0, t - 1)}…` : n;
-}, bt = (e) => {
+}, Tt = (e) => {
 	let t = /^#([0-9a-f]{6}|[0-9a-f]{3})$/i.exec(String(e ?? "").trim());
 	if (!t) return "#ffffff";
 	let n = t[1];
 	n.length === 3 && (n = [...n].map((e) => e + e).join(""));
 	let r = parseInt(n, 16);
 	return .299 * (r >> 16 & 255) + .587 * (r >> 8 & 255) + .114 * (r & 255) > 150 ? "#111827" : "#ffffff";
-}, xt = (e) => !!(e?.cv?.trim?.() || e?.photo);
-function St(e, t = {}) {
-	let n = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.id) : [], r = (e) => Array.isArray(e) ? e[0] : e, i = (e) => e == null ? "" : q(e);
+}, Et = (e) => !!(e?.cv?.trim?.() || e?.photo);
+function Dt(e, t = {}) {
+	let n = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.id) : [], r = (e) => Array.isArray(e) ? e[0] : e, i = (e) => e == null ? "" : K(e);
 	return n.map((e) => {
 		let n = e.data ?? {}, a = r(n[t.parentField]), o = a && typeof a == "object" ? a.id ?? null : a || null;
 		return {
@@ -2309,15 +2416,15 @@ function St(e, t = {}) {
 		};
 	});
 }
-var Ct = {
+var Ot = {
 	size: 36,
 	pad: 10
 };
-function wt({ node: e, onClose: t }) {
+function kt({ node: e, onClose: t }) {
 	return a(() => {
 		let e = (e) => e.key === "Escape" && t();
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [t]), /* @__PURE__ */ u("div", {
+	}, [t]), /* @__PURE__ */ d("div", {
 		onClick: t,
 		role: "dialog",
 		"aria-modal": "true",
@@ -2332,7 +2439,7 @@ function wt({ node: e, onClose: t }) {
 			justifyContent: "center",
 			padding: 16
 		},
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ f("div", {
 			onClick: (e) => e.stopPropagation(),
 			style: {
 				background: "var(--page-bg, #ffffff)",
@@ -2347,7 +2454,7 @@ function wt({ node: e, onClose: t }) {
 				boxShadow: "0 24px 64px rgba(15, 23, 42, 0.35)"
 			},
 			children: [
-				/* @__PURE__ */ u("button", {
+				/* @__PURE__ */ d("button", {
 					type: "button",
 					"aria-label": "Close",
 					onClick: t,
@@ -2368,14 +2475,14 @@ function wt({ node: e, onClose: t }) {
 					},
 					children: "×"
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ f("div", {
 					style: {
 						display: "flex",
 						alignItems: "center",
 						gap: 14,
 						marginBottom: e.cv ? 14 : 0
 					},
-					children: [e.photo && /* @__PURE__ */ u("img", {
+					children: [e.photo && /* @__PURE__ */ d("img", {
 						src: e.photo,
 						alt: "",
 						style: {
@@ -2385,15 +2492,15 @@ function wt({ node: e, onClose: t }) {
 							objectFit: "cover",
 							flexShrink: 0
 						}
-					}), /* @__PURE__ */ d("div", {
+					}), /* @__PURE__ */ f("div", {
 						style: { minWidth: 0 },
-						children: [/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ d("div", {
 							style: {
 								fontSize: 18,
 								fontWeight: 700
 							},
 							children: e.name
-						}), e.title && /* @__PURE__ */ u("div", {
+						}), e.title && /* @__PURE__ */ d("div", {
 							style: {
 								fontSize: 13,
 								opacity: .65
@@ -2402,7 +2509,7 @@ function wt({ node: e, onClose: t }) {
 						})]
 					})]
 				}),
-				e.cv && String(e.cv).split(/\n+/).map((e, t) => /* @__PURE__ */ u("p", {
+				e.cv && String(e.cv).split(/\n+/).map((e, t) => /* @__PURE__ */ d("p", {
 					style: {
 						fontSize: 14,
 						lineHeight: 1.6,
@@ -2410,7 +2517,7 @@ function wt({ node: e, onClose: t }) {
 					},
 					children: e
 				}, t)),
-				e.href && /* @__PURE__ */ u("a", {
+				e.href && /* @__PURE__ */ d("a", {
 					href: e.href,
 					target: "_blank",
 					rel: "noopener noreferrer",
@@ -2431,8 +2538,8 @@ function wt({ node: e, onClose: t }) {
 		})
 	});
 }
-function Tt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField: s, parentField: f, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
-	let b = o(), [x, C] = c(null), { tenant: w, apiUrl: T } = i(U), E = i(W)?.[t], [D, O] = c(null);
+function At({ nodes: e = [], source: t, nameField: n, titleField: r, photoField: s, parentField: c, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
+	let b = o(), [x, S] = l(null), { tenant: w, apiUrl: T } = i(H), E = i(U)?.[t], [D, O] = l(null);
 	a(() => {
 		if (!t || E) return;
 		let e = !0;
@@ -2448,18 +2555,18 @@ function Tt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 		T,
 		E
 	]);
-	let k = t ? St(E ?? D ?? [], {
+	let k = t ? Dt(E ?? D ?? [], {
 		nameField: n,
 		titleField: r,
 		photoField: s,
-		parentField: f,
+		parentField: c,
 		cvField: p,
 		hrefField: m
-	}) : e, A = _t(h), { boxes: j, links: M, width: N, height: P } = vt(k, {
+	}) : e, A = St(h), { boxes: j, links: M, width: N, height: P } = Ct(k, {
 		size: h,
 		horizontal: g
 	});
-	if (!j.length) return !y && t ? /* @__PURE__ */ d("div", {
+	if (!j.length) return !y && t ? /* @__PURE__ */ f("div", {
 		ref: v,
 		style: {
 			padding: 18,
@@ -2468,7 +2575,7 @@ function Tt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 			fontSize: 13,
 			opacity: .7,
 			textAlign: "center",
-			...S(_)
+			...C(_)
 		},
 		children: [
 			"Org Chart — no published entries in “",
@@ -2477,14 +2584,14 @@ function Tt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 		]
 	}) : null;
 	let F = new Set(j.filter((e) => e.node.parent == null || e.node.parent === "").map((e) => e.node.id));
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ f("div", {
 		ref: v,
 		style: {
 			maxWidth: "100%",
 			overflowX: "auto",
-			...S(_)
+			...C(_)
 		},
-		children: [/* @__PURE__ */ d("svg", {
+		children: [/* @__PURE__ */ f("svg", {
 			viewBox: `0 0 ${N} ${P}`,
 			role: "img",
 			"aria-label": "Organization chart",
@@ -2495,64 +2602,64 @@ function Tt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 				height: "auto",
 				margin: "0 auto"
 			},
-			children: [M.map((e, t) => /* @__PURE__ */ u("path", {
+			children: [M.map((e, t) => /* @__PURE__ */ d("path", {
 				d: g ? `M ${e.from.x} ${e.from.y} H ${(e.from.x + e.to.x) / 2} V ${e.to.y} H ${e.to.x}` : `M ${e.from.x} ${e.from.y} V ${(e.from.y + e.to.y) / 2} H ${e.to.x} V ${e.to.y}`,
 				fill: "none",
 				stroke: "rgba(148, 163, 184, 0.7)",
 				strokeWidth: "1.5"
 			}, t)), j.map(({ node: e, x: t, y: n }) => {
-				let r = F.has(e.id), i = !!e.color2, a = !!e.color || r || i, o = e.color || (r ? "var(--page-accent, #4f46e5)" : "var(--page-bg, #ffffff)"), s = e.color ? bt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? bt(e.color2) : s, f = y && (xt(e) || e.href), p = () => xt(e) ? C(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + Ct.pad + A.avatar + 8 : t + A.w / 2, h = e.photo ? "start" : "middle", g = e.photo ? Math.floor((A.w - A.avatar - 26) / 7) : Math.floor(A.w / 7.6), _ = A.h / 2, v = [e.name, e.title].map((e) => String(e ?? "").trim()).filter(Boolean);
-				return /* @__PURE__ */ d("g", {
-					onClick: f ? p : void 0,
-					style: f ? { cursor: "pointer" } : void 0,
-					role: f ? "button" : void 0,
-					"aria-label": f ? `Open ${e.name || e.title}'s profile` : void 0,
+				let r = F.has(e.id), i = !!e.color2, a = !!e.color || r || i, o = e.color || (r ? "var(--page-accent, #4f46e5)" : "var(--page-bg, #ffffff)"), s = e.color ? Tt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? Tt(e.color2) : s, l = y && (Et(e) || e.href), p = () => Et(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + Ot.pad + A.avatar + 8 : t + A.w / 2, h = e.photo ? "start" : "middle", g = e.photo ? Math.floor((A.w - A.avatar - 26) / 7) : Math.floor(A.w / 7.6), _ = A.h / 2, v = [e.name, e.title].map((e) => String(e ?? "").trim()).filter(Boolean);
+				return /* @__PURE__ */ f("g", {
+					onClick: l ? p : void 0,
+					style: l ? { cursor: "pointer" } : void 0,
+					role: l ? "button" : void 0,
+					"aria-label": l ? `Open ${e.name || e.title}'s profile` : void 0,
 					children: [
-						i && e.gradient ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("linearGradient", {
+						i && e.gradient ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ f("linearGradient", {
 							id: `${b}-${e.id}-grad`,
 							x1: "0",
 							y1: "0",
 							x2: "0",
 							y2: "1",
-							children: [/* @__PURE__ */ u("stop", {
+							children: [/* @__PURE__ */ d("stop", {
 								offset: "0%",
 								stopColor: e.color || "var(--page-accent, #4f46e5)"
-							}), /* @__PURE__ */ u("stop", {
+							}), /* @__PURE__ */ d("stop", {
 								offset: "100%",
 								stopColor: e.color2
 							})]
-						}), /* @__PURE__ */ u("rect", {
+						}), /* @__PURE__ */ d("rect", {
 							x: t,
 							y: n,
 							width: A.w,
 							height: A.h,
 							rx: "10",
 							fill: `url(#${b}-${e.id}-grad)`
-						})] }) : i ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("clipPath", {
+						})] }) : i ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("clipPath", {
 							id: `${b}-${e.id}-box`,
-							children: /* @__PURE__ */ u("rect", {
+							children: /* @__PURE__ */ d("rect", {
 								x: t,
 								y: n,
 								width: A.w,
 								height: A.h,
 								rx: "10"
 							})
-						}), /* @__PURE__ */ d("g", {
+						}), /* @__PURE__ */ f("g", {
 							clipPath: `url(#${b}-${e.id}-box)`,
-							children: [/* @__PURE__ */ u("rect", {
+							children: [/* @__PURE__ */ d("rect", {
 								x: t,
 								y: n,
 								width: A.w,
 								height: _,
 								fill: o
-							}), /* @__PURE__ */ u("rect", {
+							}), /* @__PURE__ */ d("rect", {
 								x: t,
 								y: n + _,
 								width: A.w,
 								height: A.h - _,
 								fill: e.color2
 							})]
-						})] }) : /* @__PURE__ */ u("rect", {
+						})] }) : /* @__PURE__ */ d("rect", {
 							x: t,
 							y: n,
 							width: A.w,
@@ -2562,66 +2669,66 @@ function Tt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							stroke: a ? "none" : "var(--page-accent, #4f46e5)",
 							strokeWidth: a ? 0 : 1.5
 						}),
-						e.photo && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("clipPath", {
+						e.photo && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("clipPath", {
 							id: `${b}-${e.id}`,
-							children: /* @__PURE__ */ u("circle", {
-								cx: t + Ct.pad + A.avatar / 2,
+							children: /* @__PURE__ */ d("circle", {
+								cx: t + Ot.pad + A.avatar / 2,
 								cy: n + A.h / 2,
 								r: A.avatar / 2
 							})
-						}), /* @__PURE__ */ u("image", {
+						}), /* @__PURE__ */ d("image", {
 							href: e.photo,
-							x: t + Ct.pad,
+							x: t + Ot.pad,
 							y: n + (A.h - A.avatar) / 2,
 							width: A.avatar,
 							height: A.avatar,
 							preserveAspectRatio: "xMidYMid slice",
 							clipPath: `url(#${b}-${e.id})`
 						})] }),
-						i && !e.gradient ? /* @__PURE__ */ d(l, { children: [e.title && /* @__PURE__ */ u("text", {
+						i && !e.gradient ? /* @__PURE__ */ f(u, { children: [e.title && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + _ / 2 + A.title * .35,
 							textAnchor: h,
 							fontSize: A.title,
 							fontWeight: "600",
 							fill: s,
-							children: yt(e.title, g + 4)
-						}), e.name && /* @__PURE__ */ u("text", {
+							children: wt(e.title, g + 4)
+						}), e.name && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + _ + _ / 2 + A.name * .35,
 							textAnchor: h,
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: c,
-							children: yt(e.name, g)
-						})] }) : /* @__PURE__ */ d(l, { children: [v[0] && /* @__PURE__ */ u("text", {
+							children: wt(e.name, g)
+						})] }) : /* @__PURE__ */ f(u, { children: [v[0] && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + (v[1] ? A.h * .43 : A.h * .57),
 							textAnchor: h,
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: s,
-							children: yt(v[0], g)
-						}), v[1] && /* @__PURE__ */ u("text", {
+							children: wt(v[0], g)
+						}), v[1] && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + A.h * .73,
 							textAnchor: h,
 							fontSize: A.title,
 							opacity: "0.7",
 							fill: s,
-							children: yt(v[1], g + 4)
+							children: wt(v[1], g + 4)
 						})] })
 					]
 				}, e.id);
 			})]
-		}), x && /* @__PURE__ */ u(wt, {
+		}), x && /* @__PURE__ */ d(kt, {
 			node: x,
-			onClose: () => C(null)
+			onClose: () => S(null)
 		})]
 	});
 }
-function Et({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped: o = !0, bordered: s = !1, compact: l = !1, style: f, nodeRef: p }) {
-	let { tenant: m, apiUrl: h } = i(U), g = i(W)?.[n], [_, v] = c(null);
+function jt({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped: o = !0, bordered: s = !1, compact: c = !1, style: u, nodeRef: p }) {
+	let { tenant: m, apiUrl: h } = i(H), g = i(U)?.[n], [_, v] = l(null);
 	if (a(() => {
 		if (!n || g) return;
 		let e = !0, t = n.startsWith("api:") ? `${h}/data/${encodeURIComponent(n.slice(4))}` : `${h}/dynamic/${encodeURIComponent(n)}`;
@@ -2634,22 +2741,22 @@ function Et({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped:
 		h,
 		g
 	]), !e.length) return null;
-	let y = n ? (g ?? _ ?? []).slice(0, Math.max(1, Number(r) || 10)) : null, b = y ? y.map((t) => e.map((e) => q(K(t?.data, e.field)))) : t, x = l ? "6px 10px" : "10px 14px", C = "1px solid rgba(148, 163, 184, 0.35)", w = s ? { border: C } : { borderBottom: C };
-	return /* @__PURE__ */ u("div", {
+	let y = n ? (g ?? _ ?? []).slice(0, Math.max(1, Number(r) || 10)) : null, b = y ? y.map((t) => e.map((e) => K(G(t?.data, e.field)))) : t, x = c ? "6px 10px" : "10px 14px", S = "1px solid rgba(148, 163, 184, 0.35)", w = s ? { border: S } : { borderBottom: S };
+	return /* @__PURE__ */ d("div", {
 		ref: p,
 		style: {
 			width: "100%",
 			overflowX: "auto",
-			...S(f)
+			...C(u)
 		},
-		children: /* @__PURE__ */ d("table", {
+		children: /* @__PURE__ */ f("table", {
 			style: {
 				width: "100%",
 				borderCollapse: "collapse",
 				fontSize: 14,
-				...s ? { border: C } : {}
+				...s ? { border: S } : {}
 			},
-			children: [/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ u("tr", { children: e.map((e, t) => /* @__PURE__ */ u("th", {
+			children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ d("tr", { children: e.map((e, t) => /* @__PURE__ */ d("th", {
 				style: {
 					textAlign: "left",
 					fontWeight: 600,
@@ -2658,9 +2765,9 @@ function Et({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped:
 					...w
 				},
 				children: e.label ?? e
-			}, t)) }) }), /* @__PURE__ */ u("tbody", { children: b.map((t, n) => /* @__PURE__ */ u("tr", {
+			}, t)) }) }), /* @__PURE__ */ d("tbody", { children: b.map((t, n) => /* @__PURE__ */ d("tr", {
 				style: o && n % 2 == 1 ? { background: "rgba(148, 163, 184, 0.07)" } : void 0,
-				children: e.map((e, n) => /* @__PURE__ */ u("td", {
+				children: e.map((e, n) => /* @__PURE__ */ d("td", {
 					style: {
 						padding: x,
 						...w
@@ -2671,68 +2778,75 @@ function Et({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped:
 		})
 	});
 }
-var Dt = {
-	PageRoot: fe,
-	Section: pe,
-	Container: me,
-	Heading: he,
-	TextBlock: Ee,
-	ButtonBlock: ke,
-	ImageBlock: Ae,
-	Spacer: Ie,
-	Divider: Le,
-	SliderBlock: Ue,
-	CanvasSlider: We,
-	TabsBlock: Je,
-	QuickStack: dt,
-	CollectionList: ft,
-	BreadcrumbsBlock: pt,
-	PaginationBlock: mt,
-	StepperBlock: ht,
-	OrgChartBlock: Tt,
-	TableBlock: Et,
-	AccordionBlock: Ye,
-	NavbarBlock: qe,
-	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__ */ u(st, {
+var Mt = {
+	PageRoot: me,
+	Section: he,
+	Container: ge,
+	Heading: _e,
+	TextBlock: Oe,
+	ButtonBlock: je,
+	ImageBlock: Me,
+	Spacer: Re,
+	Divider: ze,
+	SliderBlock: Ge,
+	CanvasSlider: Ke,
+	TabsBlock: Xe,
+	QuickStack: gt,
+	CollectionList: _t,
+	BreadcrumbsBlock: vt,
+	PaginationBlock: yt,
+	StepperBlock: bt,
+	OrgChartBlock: At,
+	TableBlock: jt,
+	AccordionBlock: Ze,
+	NavbarBlock: Ye,
+	ListBlock: De,
+	TextSpan: be,
+	QuoteBlock: Ee,
+	TextLink: Ae,
+	RichTextBlock: we,
+	RichContentBlock: we,
+	VideoBlock: Ne,
+	YouTubeBlock: Fe,
+	IframeBlock: Ie,
+	EmbedBlock: Le,
+	FormBlock: at,
+	FormLabel: lt,
+	FormInput: ut,
+	FormTextarea: dt,
+	FormCheckbox: (e) => /* @__PURE__ */ d(ft, {
 		kind: "checkbox",
 		...e
 	}),
-	FormRadio: (e) => /* @__PURE__ */ u(st, {
+	FormRadio: (e) => /* @__PURE__ */ d(ft, {
 		kind: "radio",
 		...e
 	}),
-	FormSelect: ct,
-	FormFile: lt,
-	FormSubmit: ut
-}, Ot = {
+	FormSelect: pt,
+	FormFile: mt,
+	FormRecaptcha: ct,
+	FormSubmit: ht
+}, Nt = {
 	id: "auth",
 	label: "Accounts",
 	category: "Apps",
 	keys: ["SiteLoginForm", "SiteAccountMenu"],
 	ssr: "shell",
 	settings: ["apps.auth.redirect"]
-}, kt = n({
+}, Pt = n({
 	user: null,
-	status: "loading",
+	status: "idle",
+	ensure: () => {},
 	refresh: () => {},
 	signOut: () => {}
-}), At = () => i(kt);
-function jt({ children: e, initialUser: t, disabled: n, apiUrl: o, tenant: l }) {
-	let d = i(U), f = o || d?.apiUrl || "/api", p = l || d?.tenant || "", [m, h] = c(t ?? null), [g, _] = c(t ? "user" : n ? "guest" : "loading"), v = r((e, t) => fetch(`${f}${e}`, {
+}), Ft = () => {
+	let e = i(Pt);
+	return a(() => {
+		e.ensure();
+	}, [e]), e;
+};
+function It({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o }) {
+	let u = i(H), f = a || u?.apiUrl || "/api", p = o || u?.tenant || "", [m, h] = l(t ?? null), [g, _] = l(t ? "user" : n ? "guest" : "idle"), v = c(!1), y = r((e, t) => fetch(`${f}${e}`, {
 		...t,
 		credentials: "include",
 		headers: {
@@ -2740,44 +2854,44 @@ function jt({ children: e, initialUser: t, disabled: n, apiUrl: o, tenant: l })
 			...p ? { "x-tenant": p } : {},
 			...t?.headers
 		}
-	}), [f, p]), y = r(() => n ? Promise.resolve(null) : v("/site/me").then((e) => e.ok ? e.json() : null).then((e) => {
+	}), [f, p]), b = r(() => n ? Promise.resolve(null) : y("/site/me").then((e) => e.ok ? e.json() : null).then((e) => {
 		let t = e?.payload ?? null;
 		return h(t), _(t ? "user" : "guest"), t;
-	}).catch(() => (h(null), _("guest"), null)), [v, n]), b = r(() => v("/site/logout", { method: "post" }).catch(() => {}).then(() => {
+	}).catch(() => (h(null), _("guest"), null)), [y, n]), x = r(() => y("/site/logout", { method: "post" }).catch(() => {}).then(() => {
 		h(null), _("guest");
-	}), [v]);
-	a(() => {
-		n || t || y();
+	}), [y]), S = r(() => {
+		v.current || n || t || (v.current = !0, _("loading"), b());
 	}, [
 		n,
 		t,
-		y
-	]);
-	let x = s(() => ({
+		b
+	]), C = s(() => ({
 		user: m,
 		status: g,
-		refresh: y,
-		signOut: b
+		ensure: S,
+		refresh: b,
+		signOut: x
 	}), [
 		m,
 		g,
-		y,
-		b
+		S,
+		b,
+		x
 	]);
-	return /* @__PURE__ */ u(kt.Provider, {
-		value: x,
+	return /* @__PURE__ */ d(Pt.Provider, {
+		value: C,
 		children: e
 	});
 }
-function Mt({ when: e, children: t }) {
-	let { status: n } = At();
-	return !e || e === "always" ? t : n === "loading" ? null : e === "user" == (n === "user") ? t : null;
+function Lt({ when: e, children: t }) {
+	let { status: n } = Ft();
+	return !e || e === "always" ? t : n === "idle" || n === "loading" ? null : e === "user" == (n === "user") ? t : null;
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/auth/views.jsx
-function Nt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: r = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: l, inert: f, linked: p, show: m }) {
-	let { tenant: h, apiUrl: g, settings: _ } = i(U), [v, y] = c("form"), [b, x] = c(""), [C, w] = c(!1), T = e === "register", E = f ? m || "form" : v, D = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
-		if (e.preventDefault(), f) return;
+function Rt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: r = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: c, inert: u, linked: p, show: m }) {
+	let { tenant: h, apiUrl: g, settings: _ } = i(H), [v, y] = l("form"), [b, x] = l(""), [S, w] = l(!1), T = e === "register", E = u ? m || "form" : v, D = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
+		if (e.preventDefault(), u) return;
 		let n = new FormData(e.currentTarget);
 		w(!0), x("");
 		try {
@@ -2806,79 +2920,79 @@ function Nt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 			x("Sign-in failed"), y("error"), w(!1);
 		}
 	};
-	return /* @__PURE__ */ d("div", {
-		ref: l,
+	return /* @__PURE__ */ f("div", {
+		ref: c,
 		style: {
 			display: "grid",
 			gap: 12,
 			maxWidth: 360,
-			...S(s)
+			...C(s)
 		},
 		children: [
-			/* @__PURE__ */ d("form", {
+			/* @__PURE__ */ f("form", {
 				onSubmit: O,
 				style: {
 					display: E === "form" ? "grid" : "none",
 					gap: 10
 				},
 				children: [
-					T ? /* @__PURE__ */ d("label", {
+					T ? /* @__PURE__ */ f("label", {
 						style: {
-							...X,
+							...Y,
 							display: "grid",
 							gap: 6
 						},
-						children: [a, /* @__PURE__ */ u("input", {
+						children: [a, /* @__PURE__ */ d("input", {
 							name: "name",
 							type: "text",
-							style: Z,
-							...Q(f)
+							style: X,
+							...Z(u)
 						})]
 					}) : null,
-					/* @__PURE__ */ d("label", {
+					/* @__PURE__ */ f("label", {
 						style: {
-							...X,
+							...Y,
 							display: "grid",
 							gap: 6
 						},
-						children: [n, /* @__PURE__ */ u("input", {
+						children: [n, /* @__PURE__ */ d("input", {
 							name: "email",
 							type: "email",
-							required: !f,
-							style: Z,
-							...Q(f)
+							required: !u,
+							style: X,
+							...Z(u)
 						})]
 					}),
-					/* @__PURE__ */ d("label", {
+					/* @__PURE__ */ f("label", {
 						style: {
-							...X,
+							...Y,
 							display: "grid",
 							gap: 6
 						},
-						children: [r, /* @__PURE__ */ u("input", {
+						children: [r, /* @__PURE__ */ d("input", {
 							name: "password",
 							type: "password",
-							required: !f,
-							style: Z,
-							...Q(f)
+							required: !u,
+							style: X,
+							...Z(u)
 						})]
 					}),
-					/* @__PURE__ */ u("button", {
-						type: f ? "button" : "submit",
-						disabled: C || void 0,
+					/* @__PURE__ */ d("button", {
+						type: u ? "button" : "submit",
+						disabled: S || void 0,
 						style: {
-							...J,
+							...q,
 							border: 0,
 							padding: "10px 22px",
 							borderRadius: 8,
 							fontSize: 15,
 							fontWeight: 600,
 							cursor: "pointer",
-							opacity: C ? .6 : 1
+							opacity: S ? .6 : 1
 						},
 						children: o || (T ? "Create account" : "Sign in")
 					}),
-					b ? /* @__PURE__ */ u("p", {
+					b ? /* @__PURE__ */ d("p", {
 						style: {
 							margin: 0,
 							fontSize: 14,
@@ -2888,40 +3002,40 @@ function Nt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 					}) : null
 				]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				style: { display: E === "success" ? "block" : "none" },
 				children: p?.success ?? null
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				style: { display: E === "error" ? "block" : "none" },
 				children: p?.error ?? null
 			})
 		]
 	});
 }
-function Pt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !1, style: r, nodeRef: i, inert: a, linked: o, show: s }) {
-	let { user: c, status: l, signOut: f } = At(), p = a ? s || "user" : l, m = a ? {
+function zt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !1, style: r, nodeRef: i, inert: a, linked: o, show: s }) {
+	let { user: c, status: l, signOut: u } = Ft(), p = a ? s || "user" : l, m = a ? {
 		name: "Ada Lovelace",
 		email: "ada@example.com"
 	} : c;
-	return p === "loading" ? /* @__PURE__ */ u("div", {
+	return p === "loading" ? /* @__PURE__ */ d("div", {
 		ref: i,
 		style: {
 			minHeight: 24,
-			...S(r)
+			...C(r)
 		}
-	}) : p === "user" ? /* @__PURE__ */ d("div", {
+	}) : p === "user" ? /* @__PURE__ */ f("div", {
 		ref: i,
 		style: {
 			display: "flex",
 			alignItems: "center",
 			gap: 10,
-			...S(r)
+			...C(r)
 		},
 		children: [
-			/* @__PURE__ */ d("span", {
+			/* @__PURE__ */ f("span", {
 				style: {
-					...X,
+					...Y,
 					fontWeight: 600
 				},
 				children: [
@@ -2930,53 +3044,53 @@ function Pt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 					m?.name || m?.email || ""
 				]
 			}),
-			n && m?.email ? /* @__PURE__ */ u("span", {
+			n && m?.email ? /* @__PURE__ */ d("span", {
 				style: {
-					...X,
+					...Y,
 					opacity: .7
 				},
 				children: m.email
 			}) : null,
-			/* @__PURE__ */ u("button", {
+			/* @__PURE__ */ d("button", {
 				type: "button",
-				onClick: a ? void 0 : f,
+				onClick: a ? void 0 : u,
 				style: {
-					...J,
+					...q,
 					border: 0,
 					padding: "8px 16px",
 					borderRadius: 8,
 					fontSize: 14,
 					cursor: a ? "default" : "pointer"
 				},
-				...Q(a),
+				...Z(a),
 				children: t
 			})
 		]
-	}) : /* @__PURE__ */ u("div", {
+	}) : /* @__PURE__ */ d("div", {
 		ref: i,
 		style: {
 			display: "flex",
 			alignItems: "center",
 			gap: 10,
-			...S(r)
+			...C(r)
 		},
 		children: o?.signedOut ?? null
 	});
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/index.js
-var Ft = [Ot], It = {
-	SiteLoginForm: Nt,
-	SiteAccountMenu: Pt
+var Bt = [Nt], Vt = {
+	SiteLoginForm: Rt,
+	SiteAccountMenu: zt
 };
-new Set(Ft.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
+new Set(Bt.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var Lt = {
-	...Dt,
-	...It
+var Ht = {
+	...Mt,
+	...Vt
 };
-function $(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
+function Q(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[e];
 	if (!o || o.hidden) return null;
 	let s = o.type?.resolvedName, c = a?.mapProps ? a.mapProps(o.props ?? {}, s) : o.props ?? {};
@@ -2984,28 +3098,28 @@ function $(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let n = o.props?.componentId, s = r?.[n];
 		if (!s?.template || i.has(n)) return null;
 		let c = new Set(i).add(n);
-		return /* @__PURE__ */ u(t, { children: $(s.template.rootId, s.template.nodes, r, c, a) }, e);
+		return /* @__PURE__ */ d(t, { children: Q(s.template.rootId, s.template.nodes, r, c, a) }, e);
 	}
-	let l = Lt[s];
+	let l = Ht[s];
 	if (!l) 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, m = /* @__PURE__ */ u(l, {
+	let u = (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, m = /* @__PURE__ */ d(l, {
 		...c,
 		...s === "CollectionList" ? { templateId: o.linkedNodes?.card } : null,
 		linked: p,
 		nodeRef: (t) => {
-			t && (t.setAttribute("data-wb", e), E(t, c));
+			t && (t.setAttribute("data-wb", e), D(t, c));
 		},
-		children: d.length ? d : void 0
+		children: u.length ? u : void 0
 	}, e);
-	return c.when && c.when !== "always" ? /* @__PURE__ */ u(Mt, {
+	return c.when && c.when !== "always" ? /* @__PURE__ */ d(Lt, {
 		when: c.when,
 		children: m
 	}, e) : m;
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var Rt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
-function zt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: o, tenant: c, apiUrl: l, datasets: f, locale: p, direction: h, settings: _, siteUser: y }) {
+var Ut = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
+function Wt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: o, tenant: c, apiUrl: l, datasets: u, locale: p, direction: m, settings: g, siteUser: v }) {
 	let b = o?.js?.trim();
 	if (a(() => {
 		if (!b) return;
@@ -3014,78 +3128,81 @@ function zt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 	}, [b]), !e?.ROOT) return null;
 	let x = {
 		lang: p || void 0,
-		dir: m(h, p)
-	}, S = {
+		dir: h(m, p)
+	}, S = ".webim-page, .webim-page *, .webim-page *::before, .webim-page *::after { box-sizing: border-box; }", C = {
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, C = $("ROOT", e, n), w = s(() => ({ render: (t, r) => $(t, e, n, void 0, { mapProps: r }) }), [e, n]), T = P(e, n), E = N(e, n), D = o?.css?.trim(), O = v(e, n).map((e) => /* @__PURE__ */ u("link", {
+	}, w = Q("ROOT", e, n), T = s(() => ({ render: (t, r) => Q(t, e, n, void 0, { mapProps: r }) }), [e, n]), E = F(e, n), D = P(e, n), O = o?.css?.trim(), k = y(e, n).map((e) => /* @__PURE__ */ d("link", {
 		rel: "stylesheet",
 		precedence: "default",
-		href: g(e)
+		href: _(e)
 	}, e));
-	if (r !== "auto") return /* @__PURE__ */ u(U.Provider, {
+	if (r !== "auto") return /* @__PURE__ */ d(H.Provider, {
 		value: {
 			tenant: c || "",
 			apiUrl: l || "/api",
 			locale: p || "",
-			settings: _ ?? null
+			settings: g ?? null
 		},
-		children: /* @__PURE__ */ u(jt, {
-			initialUser: y,
-			children: /* @__PURE__ */ u(W.Provider, {
-				value: f ?? null,
-				children: /* @__PURE__ */ u(G.Provider, {
-					value: w,
-					children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ d(It, {
+			initialUser: v,
+			children: /* @__PURE__ */ d(U.Provider, {
+				value: u ?? null,
+				children: /* @__PURE__ */ d(W.Provider, {
+					value: T,
+					children: /* @__PURE__ */ f("div", {
 						...x,
+						className: "webim-page",
 						style: {
-							...S,
-							...te(t, r),
+							...C,
+							...re(t, r),
 							...i
 						},
 						children: [
-							O,
-							T && /* @__PURE__ */ u("style", { children: T }),
-							E && /* @__PURE__ */ u("style", { children: E }),
-							D && /* @__PURE__ */ u("style", { children: D }),
-							C
+							k,
+							/* @__PURE__ */ d("style", { children: S }),
+							E && /* @__PURE__ */ d("style", { children: E }),
+							D && /* @__PURE__ */ d("style", { children: D }),
+							O && /* @__PURE__ */ d("style", { children: O }),
+							w
 						]
 					})
 				})
 			})
 		})
 	});
-	let k = B(t);
-	return /* @__PURE__ */ u(U.Provider, {
+	let A = B(t);
+	return /* @__PURE__ */ d(H.Provider, {
 		value: {
 			tenant: c || "",
 			apiUrl: l || "/api",
 			locale: p || "",
-			settings: _ ?? null
+			settings: g ?? null
 		},
-		children: /* @__PURE__ */ u(jt, {
-			initialUser: y,
-			children: /* @__PURE__ */ u(W.Provider, {
-				value: f ?? null,
-				children: /* @__PURE__ */ u(G.Provider, {
-					value: w,
-					children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ d(It, {
+			initialUser: v,
+			children: /* @__PURE__ */ d(U.Provider, {
+				value: u ?? null,
+				children: /* @__PURE__ */ d(W.Provider, {
+					value: T,
+					children: /* @__PURE__ */ f("div", {
 						...x,
 						className: "webim-page",
 						style: {
-							...S,
-							...H(t),
+							...C,
+							...ne(t),
 							...i
 						},
 						children: [
-							/* @__PURE__ */ u("style", { children: `.webim-page { ${Rt(V(k.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${Rt(V(k.dark))} } }` }),
-							O,
-							T && /* @__PURE__ */ u("style", { children: T }),
-							E && /* @__PURE__ */ u("style", { children: E }),
-							D && /* @__PURE__ */ u("style", { children: D }),
-							C
+							/* @__PURE__ */ d("style", { children: `.webim-page { ${Ut(V(A.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${Ut(V(A.dark))} } }` }),
+							k,
+							/* @__PURE__ */ d("style", { children: S }),
+							E && /* @__PURE__ */ d("style", { children: E }),
+							D && /* @__PURE__ */ d("style", { children: D }),
+							O && /* @__PURE__ */ d("style", { children: O }),
+							w
 						]
 					})
 				})
@@ -3095,8 +3212,8 @@ function zt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function Bt({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ u(zt, {
+function Gt({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ d(Wt, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -3113,7 +3230,7 @@ function Bt({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/bundle.js
-function Vt({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function Kt({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -3123,7 +3240,7 @@ function Vt({ 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: ne(o, a.builder_themes?.themes),
+		theme: ie(o, a.builder_themes?.themes),
 		components: a.builder_components?.components ?? {},
 		custom: o.custom,
 		seo: o.seo,
@@ -3137,18 +3254,18 @@ function Vt({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var Ht = async (e) => {
+var qt = 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 Ut({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, fetch: o }) {
+async function Jt({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, fetch: o }) {
 	if (!e) throw Error("fetchPage: apiUrl is required");
 	if (!n) throw Error("fetchPage: slug is required");
 	let s = o ?? fetch, c = e.replace(/\/$/, ""), l = {
 		...t ? { "x-tenant": t } : {},
 		...a ? { authorization: `Bearer ${a}` } : {}
-	}, [u, d] = await Promise.all([s(`${c}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: l }).then(Ht), s(`${c}/settings/public`, { headers: l }).then(Ht)]), f = Vt({
+	}, [u, d] = await Promise.all([s(`${c}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: l }).then(qt), s(`${c}/settings/public`, { headers: l }).then(qt)]), f = Kt({
 		page: u,
 		settings: d,
 		tenant: t,
@@ -3156,47 +3273,47 @@ async function Ut({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 		locale: r
 	}), p = [...new Set(Object.values(f.blocks ?? {}).map((e) => e?.type?.resolvedName === "CollectionList" ? e.props?.collection : e?.type?.resolvedName === "TableBlock" || e?.type?.resolvedName === "OrgChartBlock" ? e.props?.source : null).filter(Boolean))];
 	if (p.length) {
-		let e = (e) => e.startsWith("api:") ? `${c}/data/${encodeURIComponent(e.slice(4))}` : `${c}/dynamic/${encodeURIComponent(e)}${r ? `?locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(p.map((t) => s(e(t), { headers: l }).then(Ht).then((e) => [t, Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : []]).catch(() => [t, []])));
+		let e = (e) => e.startsWith("api:") ? `${c}/data/${encodeURIComponent(e.slice(4))}` : `${c}/dynamic/${encodeURIComponent(e)}${r ? `?locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(p.map((t) => s(e(t), { headers: l }).then(qt).then((e) => [t, Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : []]).catch(() => [t, []])));
 		f.datasets = Object.fromEntries(t);
 	}
 	return f;
 }
 //#endregion
 //#region src/ssr.jsx
-var Wt = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
+var $ = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
 	"&": "&amp;",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;"
 })[e]);
-function Gt(t, { mode: n = "auto", style: r } = {}) {
-	return e(/* @__PURE__ */ u(Bt, {
+function Yt(t, { mode: n = "auto", style: r } = {}) {
+	return e(/* @__PURE__ */ d(Gt, {
 		bundle: t,
 		mode: n,
 		style: r
 	}));
 }
-function Kt(e, { mode: t = "auto", lang: n } = {}) {
-	let r = e.seo ?? {}, i = n || e.locale || "en", a = m(e.direction, i), o = r.title || e.title || e.slug || "Page", s = e.custom?.js?.trim(), c = [
+function Xt(e, { mode: t = "auto", lang: n } = {}) {
+	let r = e.seo ?? {}, i = n || e.locale || "en", a = h(e.direction, i), o = r.title || e.title || e.slug || "Page", s = e.custom?.js?.trim(), c = [
 		"<meta charset=\"utf-8\"/>",
 		"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>",
-		`<title>${Wt(o)}</title>`,
-		r.description && `<meta name="description" content="${Wt(r.description)}"/>`,
-		`<meta property="og:title" content="${Wt(o)}"/>`,
-		r.image && `<meta property="og:image" content="${Wt(r.image)}"/>`,
+		`<title>${$(o)}</title>`,
+		r.description && `<meta name="description" content="${$(r.description)}"/>`,
+		`<meta property="og:title" content="${$(o)}"/>`,
+		r.image && `<meta property="og:image" content="${$(r.image)}"/>`,
 		r.noindex && "<meta name=\"robots\" content=\"noindex\"/>",
 		"<style>html,body{margin:0;height:100%}</style>"
 	].filter(Boolean).join("\n");
 	return `<!doctype html>
-<html lang="${Wt(i)}"${a ? ` dir="${a}"` : ""}>
+<html lang="${$(i)}"${a ? ` dir="${a}"` : ""}>
 <head>
 ${c}
 </head>
 <body>
-${Gt(e, { mode: t })}
+${Yt(e, { mode: t })}
 ${s ? `<script>${s.replaceAll("<\/script", "<\\/script")}<\/script>` : ""}
 </body>
 </html>`;
 }
 //#endregion
-export { Vt as assembleBundle, Ut as fetchPage, Gt as renderBundleHtml, Kt as renderPageDocument };
+export { Kt as assembleBundle, Jt as fetchPage, Yt as renderBundleHtml, Xt as renderPageDocument };