webim-adapter 0.29.0 → 1.0.1

package/build/webim-ssr.js

@@ -13,7 +13,43 @@ var p = /* @__PURE__ */ new Set([
 	"yi",
 	"dv",
 	"ckb"
-]), m = (e) => p.has(String(e || "").toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr", h = (e, t) => e === "ltr" || e === "rtl" ? e : t ? m(t) : void 0, g = new Map([
+]), m = (e) => p.has(String(e || "").toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr", h = (e, t) => e === "ltr" || e === "rtl" ? e : t ? m(t) : void 0, g = [
+	"linear",
+	"ease",
+	"ease-in",
+	"ease-out",
+	"ease-in-out"
+], _ = (e) => {
+	let t = String(e ?? "").trim();
+	if (!t) return null;
+	let n = Number(t);
+	return Number.isFinite(n) ? n : null;
+};
+function v(e) {
+	let t = [], n = [], r = _(e?.opacity), i = _(e?.x), a = _(e?.y), o = _(e?.scale), s = _(e?.rotate), c = _(e?.blur);
+	return r !== null && t.push(`opacity: ${r}`), i !== null && n.push(`translateX(${i}px)`), a !== null && n.push(`translateY(${a}px)`), o !== null && n.push(`scale(${o})`), s !== null && n.push(`rotate(${s}deg)`), n.length && t.push(`transform: ${n.join(" ")}`), c !== null && t.push(`filter: blur(${c}px)`), t.join("; ");
+}
+var y = (e) => `wb-anim-${String(e).replace(/[^\w-]/g, "")}`, b = (e) => `--wb-anim-${String(e).replace(/[^\w-]/g, "")}`;
+function x(e, t) {
+	if (!e || !Array.isArray(t)) return;
+	let n = window.getComputedStyle(e), r = t.map((e) => n.getPropertyValue(b(e)).trim()).filter(Boolean);
+	r.length && (e.style.animation = "none", e.offsetWidth, e.style.animation = r.join(", "));
+}
+function S(e) {
+	return Array.isArray(e) ? e.map((e) => {
+		let t = String(e?.id ?? "").replace(/[^\w-]/g, "");
+		if (!t) return "";
+		let n = y(t), r = v(e.from), i = v(e.to);
+		if (!r && !i) return "";
+		let a = Math.max(0, _(e.duration) ?? 400), o = Math.max(0, _(e.delay) ?? 0), s = `${n} ${a}ms ${g.includes(e.easing) ? e.easing : "ease-out"} ${o}ms ${e.loop ? "infinite" : "1"} both`;
+		return [
+			`@keyframes ${n} { from { ${r} } to { ${i} } }`,
+			`:root { ${b(t)}: ${s}; }`,
+			`.${n} { animation: ${s}; }`
+		].join("\n");
+	}).filter(Boolean).join("\n") : "";
+}
+var C = new Map([
 	{
 		family: "Bebas Neue",
 		fallback: "sans-serif",
@@ -144,21 +180,21 @@ var p = /* @__PURE__ */ new Set([
 		fallback: "sans-serif",
 		weights: "100..900"
 	}
-].map((e) => [e.family, e])), _ = (e) => `"${e.family}", ${e.fallback}`, v = (e) => {
-	let t = g.get(e)?.weights;
+].map((e) => [e.family, e])), w = (e) => `"${e.family}", ${e.fallback}`, T = (e) => {
+	let t = C.get(e)?.weights;
 	return `family=${e.replace(/ /g, "+")}${t ? `:wght@${t}` : ""}`;
 };
-function y(e) {
-	return e.length ? `https://fonts.googleapis.com/css2?${e.map(v).join("&")}&display=swap` : null;
+function E(e) {
+	return e.length ? `https://fonts.googleapis.com/css2?${e.map(T).join("&")}&display=swap` : null;
 }
-var b = (e) => y([e]), x = (e) => {
+var D = (e) => E([e]), O = (e) => {
 	let t = typeof e == "string" && e.match(/^"([^"]+)"/);
 	return t ? t[1] : null;
-}, S = (e) => {
-	let t = g.get(e);
-	return t ? _(t) : null;
+}, k = (e) => {
+	let t = C.get(e);
+	return t ? w(t) : null;
 };
-function C(e, t) {
+function A(e, t) {
 	let n = /* @__PURE__ */ new Set(), r = (e) => {
 		for (let t of Object.values(e || {})) for (let e of [
 			"style",
@@ -166,7 +202,7 @@ function C(e, t) {
 			"pressed",
 			"focused"
 		]) {
-			let r = x(t.props?.[e]?.fontFamily);
+			let r = O(t.props?.[e]?.fontFamily);
 			r && n.add(r);
 		}
 	};
@@ -176,107 +212,163 @@ function C(e, t) {
 }
 //#endregion
 //#region ../ui/src/components/builder/styles.js
-var w = /* @__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(".")), T = (e) => typeof e == "number" || typeof e == "string" && e.trim() !== "" && !Number.isNaN(Number(e)) ? `${Number(e)}px` : e, E = [
+var j = /* @__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(".")), M = (e) => typeof e == "number" || typeof e == "string" && e.trim() !== "" && !Number.isNaN(Number(e)) ? `${Number(e)}px` : e, N = [
 	"borderWidth",
 	"borderStyle",
 	"borderColor",
 	"borderRadius",
 	"gap"
 ];
-function D(e) {
+function P(e) {
 	let t = {};
-	for (let n of E) {
+	for (let n of N) {
 		let r = e?.[n];
-		r != null && r !== "" && (t[n] = w.has(n) ? T(r) : r);
+		r != null && r !== "" && (t[n] = j.has(n) ? M(r) : r);
 	}
-	for (let [n, r] of Object.entries(e || {})) r == null || r === "" || E.includes(n) || (t[n] = w.has(n) ? T(r) : r);
+	for (let [n, r] of Object.entries(e || {})) r == null || r === "" || N.includes(n) || (t[n] = j.has(n) ? M(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) => `${T(e.x ?? 0)} ${T(e.y ?? 0)} ${T(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) => `${M(e.x ?? 0)} ${M(e.y ?? 0)} ${M(e.blur ?? 0)} ${e.color || "rgba(0, 0, 0, 0.35)"}`);
 	[
 		s,
 		c,
 		l,
 		u
-	].some((e) => e !== void 0) && d.push(`${T(s ?? 0)} ${T(c ?? 0)} ${T(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(${T(e.x ?? 0)}, ${T(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: b } = t;
+	].some((e) => e !== void 0) && d.push(`${M(s ?? 0)} ${M(c ?? 0)} ${M(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(${M(e.x ?? 0)}, ${M(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: b } = t;
 	delete t.transforms, delete t.translateX, delete t.translateY, delete t.scale, delete t.rotate, delete t.skewX, delete t.skewY;
 	let x = (Array.isArray(m) ? m : []).filter((e) => e && e.on !== !1).map(p).filter(Boolean);
-	(h !== void 0 || g !== void 0) && x.push(`translate(${T(h ?? 0)}, ${T(g ?? 0)})`), _ !== void 0 && x.push(`scale(${_})`), v !== void 0 && x.push(`rotate(${f(v)})`), (y !== void 0 || b !== void 0) && x.push(`skew(${f(y ?? 0)}, ${f(b ?? 0)})`), x.length && (t.transform = x.join(" "));
-	let S = (e) => `${e.inset ? "inset " : ""}${T(e.x ?? 0)} ${T(e.y ?? 0)} ${T(e.blur ?? 0)} ${T(e.spread ?? 0)} ${e.color || "rgba(15, 23, 42, 0.2)"}`, { shadows: C, boxShadowX: D, boxShadowY: O, boxShadowBlur: k, boxShadowSpread: A, boxShadowColor: j, boxShadowInset: M } = t;
+	(h !== void 0 || g !== void 0) && x.push(`translate(${M(h ?? 0)}, ${M(g ?? 0)})`), _ !== void 0 && x.push(`scale(${_})`), v !== void 0 && x.push(`rotate(${f(v)})`), (y !== void 0 || b !== void 0) && x.push(`skew(${f(y ?? 0)}, ${f(b ?? 0)})`), x.length && (t.transform = x.join(" "));
+	let S = (e) => `${e.inset ? "inset " : ""}${M(e.x ?? 0)} ${M(e.y ?? 0)} ${M(e.blur ?? 0)} ${M(e.spread ?? 0)} ${e.color || "rgba(15, 23, 42, 0.2)"}`, { shadows: C, boxShadowX: w, boxShadowY: T, boxShadowBlur: E, boxShadowSpread: D, boxShadowColor: O, boxShadowInset: k } = 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(C) ? C : []).filter((e) => e && e.on !== !1).map(S);
+	let A = (Array.isArray(C) ? C : []).filter((e) => e && e.on !== !1).map(S);
 	[
+		w,
+		T,
+		E,
 		D,
 		O,
-		k,
-		A,
-		j,
-		M
-	].some((e) => e !== void 0) && N.push(S({
-		x: D,
-		y: O,
-		blur: k,
-		spread: A,
-		color: j,
-		inset: M
-	})), N.length && (t.boxShadow = N.join(", "));
-	let P = (e) => e.type === "blur" ? `blur(${T(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: ee, backdropFilters: te, filterBlur: ne, filterGrayscale: re, filterBrightness: ie, filterContrast: I, filterSaturate: L } = t;
+		k
+	].some((e) => e !== void 0) && A.push(S({
+		x: w,
+		y: T,
+		blur: E,
+		spread: D,
+		color: O,
+		inset: k
+	})), A.length && (t.boxShadow = A.join(", "));
+	let P = (e) => e.type === "blur" ? `blur(${M(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: B, filterContrast: V, filterSaturate: H } = t;
 	delete t.filters, delete t.backdropFilters, delete t.filterBlur, delete t.filterGrayscale, delete t.filterBrightness, delete t.filterContrast, delete t.filterSaturate;
-	let R = F(ee);
-	ne !== void 0 && R.push(`blur(${T(ne)})`), re !== void 0 && R.push(`grayscale(${re}%)`), ie !== void 0 && R.push(`brightness(${ie}%)`), I !== void 0 && R.push(`contrast(${I}%)`), L !== void 0 && R.push(`saturate(${L}%)`), R.length && (t.filter = R.join(" "));
-	let z = F(te);
-	z.length && (t.backdropFilter = z.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
-	let { textStrokeWidth: ae, textStrokeColor: oe } = t;
-	delete t.textStrokeWidth, delete t.textStrokeColor, (ae !== void 0 || oe !== void 0) && (t.WebkitTextStroke = `${T(ae ?? 1)} ${oe || "currentColor"}`);
-	let { clipText: se } = t;
-	delete t.clipText, se && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
-	let { transitions: B, transitionDuration: ce, transitionEasing: le, transitionProperty: ue } = t, de = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
+	let U = F(I);
+	R !== void 0 && U.push(`blur(${M(R)})`), z !== void 0 && U.push(`grayscale(${z}%)`), B !== void 0 && U.push(`brightness(${B}%)`), V !== void 0 && U.push(`contrast(${V}%)`), H !== void 0 && U.push(`saturate(${H}%)`), U.length && (t.filter = U.join(" "));
+	let ee = F(L);
+	ee.length && (t.backdropFilter = ee.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
+	let { textStrokeWidth: te, textStrokeColor: W } = t;
+	delete t.textStrokeWidth, delete t.textStrokeColor, (te !== void 0 || W !== void 0) && (t.WebkitTextStroke = `${M(te ?? 1)} ${W || "currentColor"}`);
+	let { clipText: ne } = t;
+	delete t.clipText, ne && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
+	let { transitions: re, transitionDuration: ie, transitionEasing: ae, transitionProperty: oe } = t, se = (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 V = (Array.isArray(B) ? B : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${de(e.duration ?? 200)} ${e.easing || "ease"}`);
-	if (ce !== void 0 && V.push(`${ue || "all"} ${de(ce)} ${le || "ease"}`), V.length && (t.transition = V.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 ce = (Array.isArray(re) ? re : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${se(e.duration ?? 200)} ${e.easing || "ease"}`);
+	if (ie !== void 0 && ce.push(`${oe || "all"} ${se(ie)} ${ae || "ease"}`), ce.length && (t.transition = ce.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: H, overlayOpacity: fe } = t;
-	if (delete t.overlayColor, delete t.overlayOpacity, H) {
-		let e = `color-mix(in srgb, ${H} ${fe ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
+	let { overlayColor: G, overlayOpacity: le } = t;
+	if (delete t.overlayColor, delete t.overlayOpacity, G) {
+		let e = `color-mix(in srgb, ${G} ${le ?? 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: pe } = t;
+	let { backgroundLayers: ue } = t;
 	delete t.backgroundLayers;
-	let me = (Array.isArray(pe) ? pe : []).filter((e) => e && e.on !== !1);
-	if (me.length) {
+	let de = (Array.isArray(ue) ? ue : []).filter((e) => e && e.on !== !1);
+	if (de.length) {
 		let e = [], n = [], r = [], i = [], a = [];
-		for (let t of me) 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 de) 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" ? `${T(t.w ?? "auto")} ${T(t.h ?? "auto")}` : t.size || "cover"), r.push(`${T(t.posX ?? 0)} ${T(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" ? `${M(t.w ?? "auto")} ${M(t.h ?? "auto")}` : t.size || "cover"), r.push(`${M(t.posX ?? 0)} ${M(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 O = {
+var F = {
 	hover: ":hover",
 	pressed: ":active",
 	focused: ":focus"
-}, k = /* @__PURE__ */ new Set([
+}, I = /* @__PURE__ */ new Set([
 	"style",
 	"class",
 	"id",
 	"data-wb",
 	"data-wb-class",
 	"data-slot"
-]), A = (e) => /^[a-zA-Z_][\w-]*$/.test(e) && !/^on/i.test(e) && !k.has(e.toLowerCase()), j = (e) => [...new Set(String(e ?? "").split(/\s+/).map((e) => e.replace(/^\./, "")).filter((e) => /^-?[_a-zA-Z][\w-]*$/.test(e)))];
-function M(e, t, n = []) {
+]), L = (e) => /^[a-zA-Z_][\w-]*$/.test(e) && !/^on/i.test(e) && !I.has(e.toLowerCase()), R = (e) => [...new Set(String(e ?? "").split(/\s+/).map((e) => e.replace(/^\./, "")).filter((e) => /^-?[_a-zA-Z][\w-]*$/.test(e)))], z = [
+	"click",
+	"dblclick",
+	"mouseenter",
+	"mouseleave",
+	"mousemove",
+	"focus",
+	"blur",
+	"input",
+	"change",
+	"submit",
+	"keydown",
+	"inview"
+], B = ["load", "pagescroll"], V = [...z, ...B], H = /^[A-Za-z_$][\w$]*$/;
+function U(e, t) {
+	let n = String(t ?? "").trim();
+	if (!n) return [e];
+	let r = e.closest?.(".webim-page") ?? e.closest?.(".builder-canvas") ?? document, i = /^[A-Za-z_][\w-]*$/.test(n) ? [`#${n}`, n] : [n];
+	for (let e of i) try {
+		let t = Array.from(r.querySelectorAll(e));
+		if (t.length) return t;
+	} catch {
+		return [];
+	}
+	return [];
+}
+function ee(e, t) {
+	for (let t of e.__webimEvents ?? []) t();
+	let n = [];
+	for (let r of t ?? []) {
+		let t = String(r?.event ?? ""), i = r?.action === "animation", a = i ? (Array.isArray(r?.animations) ? r.animations : [r?.animation]).map((e) => String(e ?? "").trim()).filter(Boolean) : [], o = i ? "" : String(r?.handler ?? "").trim();
+		if (!V.includes(t) || (i ? !a.length : !H.test(o))) continue;
+		let s = (t) => {
+			if (i) {
+				for (let t of U(e, r?.target)) x(t, a);
+				return;
+			}
+			let n = window[o];
+			typeof n == "function" && n.call(e, t);
+		};
+		if (t === "inview") {
+			if (typeof IntersectionObserver > "u") continue;
+			let t = new IntersectionObserver((e) => {
+				for (let n of e) n.isIntersecting && (t.disconnect(), s(n));
+			});
+			t.observe(e), n.push(() => t.disconnect());
+		} else if (t === "load") if (document.readyState === "complete") {
+			let e = setTimeout(s, 0);
+			n.push(() => clearTimeout(e));
+		} else window.addEventListener("load", s, { once: !0 }), n.push(() => window.removeEventListener("load", s));
+		else t === "pagescroll" ? (document.addEventListener("scroll", s, {
+			capture: !0,
+			passive: !0
+		}), n.push(() => document.removeEventListener("scroll", s, { capture: !0 }))) : (e.addEventListener(t, s), n.push(() => e.removeEventListener(t, s)));
+	}
+	e.__webimEvents = n;
+}
+function te(e, t, n = []) {
 	t.htmlId ? e.id = t.htmlId : e.removeAttribute("id");
-	let r = j(t.classNames), i = j(e.getAttribute("data-wb-class"));
+	let r = R(t.classNames), i = R(e.getAttribute("data-wb-class"));
 	for (let t of i) r.includes(t) || e.classList.remove(t);
 	for (let t of r) e.classList.add(t);
 	r.length ? e.setAttribute("data-wb-class", r.join(" ")) : e.removeAttribute("data-wb-class");
@@ -284,19 +376,19 @@ function M(e, t, n = []) {
 	let a = [];
 	for (let n of t.attributes ?? []) {
 		let t = String(n?.name ?? "").trim();
-		A(t) && (e.setAttribute(t, n.value ?? ""), a.push(t));
+		L(t) && (e.setAttribute(t, n.value ?? ""), a.push(t));
 	}
 	return a;
 }
-var N = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
-function P(e, t, n, r = !1) {
-	let i = Object.entries(D(t)).map(([e, t]) => `${N(e)}: ${t} !important;`).join(" ");
+var W = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+function ne(e, t, n, r = !1) {
+	let i = Object.entries(P(t)).map(([e, t]) => `${W(e)}: ${t} !important;`).join(" ");
 	return i ? `[data-wb="${e}"]${r ? "" : n} { ${i} }` : "";
 }
-function F(e, t, n) {
-	return Object.entries(O).map(([r, i]) => P(e, t?.[r], i, n === r)).filter(Boolean).join("\n");
+function re(e, t, n) {
+	return Object.entries(F).map(([r, i]) => ne(e, t?.[r], i, n === r)).filter(Boolean).join("\n");
 }
-var ee = [
+var ie = [
 	{
 		key: "tablet",
 		max: 991
@@ -309,17 +401,17 @@ var ee = [
 		key: "mobile",
 		max: 478
 	}
-], te = (e) => Object.entries(D(e)).map(([e, t]) => `${N(e)}: ${t} !important;`).join(" ");
-function ne(e, t) {
-	return ee.map(({ key: n, max: r }) => {
-		let i = t?.[n] ? te(t[n]) : "";
+], ae = (e) => Object.entries(P(e)).map(([e, t]) => `${W(e)}: ${t} !important;`).join(" ");
+function oe(e, t) {
+	return ie.map(({ key: n, max: r }) => {
+		let i = t?.[n] ? ae(t[n]) : "";
 		return i ? `@media (max-width: ${r}px) { [data-wb="${e}"] { ${i} } }` : "";
 	}).filter(Boolean).join("\n");
 }
-function re(e, t) {
+function se(e, t) {
 	let n = [], r = (e) => {
 		for (let [t, r] of Object.entries(e || {})) {
-			let e = ne(t, r.props);
+			let e = oe(t, r.props);
 			e && n.push(e);
 		}
 	};
@@ -327,10 +419,10 @@ function re(e, t) {
 	for (let e of Object.values(t || {})) r(e.template?.nodes);
 	return n.join("\n");
 }
-function ie(e, t) {
+function ce(e, t) {
 	let n = [], r = (e) => {
 		for (let [t, r] of Object.entries(e || {})) {
-			let e = F(t, r.props);
+			let e = re(t, r.props);
 			e && n.push(e);
 		}
 	};
@@ -338,7 +430,7 @@ function ie(e, t) {
 	for (let e of Object.values(t || {})) r(e.template?.nodes);
 	return n.join("\n");
 }
-var I = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", L = {
+var G = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", le = {
 	light: {
 		background: "#f2f2f2",
 		surface: "#f2f2f2",
@@ -379,23 +471,23 @@ var I = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 			contrastText: "#052e2b"
 		}
 	}
-}, R = {
+}, ue = {
 	font: "system",
 	headingFont: "inherit",
-	light: L.light,
-	dark: L.dark
-}, z = {
+	light: le.light,
+	dark: le.dark
+}, de = {
 	system: {
 		label: "System",
-		value: I
+		value: G
 	},
 	inter: {
 		label: "Inter",
-		value: `"Inter", ${I}`
+		value: `"Inter", ${G}`
 	},
 	outfit: {
 		label: "Outfit",
-		value: `"Outfit", ${I}`
+		value: `"Outfit", ${G}`
 	},
 	serif: {
 		label: "Serif",
@@ -405,7 +497,7 @@ var I = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 		label: "Mono",
 		value: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
 	}
-}, ae = (e, t) => z[e]?.value ?? S(e) ?? (typeof e == "string" && e.trim() ? `"${e.trim()}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif` : t), oe = (e, ...t) => {
+}, fe = (e, t) => de[e]?.value ?? k(e) ?? (typeof e == "string" && e.trim() ? `"${e.trim()}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif` : t), pe = (e, ...t) => {
 	let n = Object.assign({}, e, ...t);
 	return n.primary = {
 		...e.primary,
@@ -421,20 +513,20 @@ var I = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 		}), {})
 	}, n;
 };
-function se(e) {
+function me(e) {
 	let { light: t, dark: n, font: r, headingFont: i, ...a } = e ?? {};
 	return {
-		font: r ?? R.font,
-		headingFont: i ?? R.headingFont,
-		light: oe(L.light, a, t),
-		dark: oe(L.dark, n)
+		font: r ?? ue.font,
+		headingFont: i ?? ue.headingFont,
+		light: pe(le.light, a, t),
+		dark: pe(le.dark, n)
 	};
 }
-function B(e) {
+function he(e) {
 	return {
 		"--page-bg": e.background,
 		"--page-surface": e.surface ?? e.background,
-		"--page-border": e.border ?? L.light.border,
+		"--page-border": e.border ?? le.light.border,
 		"--page-text": e.text,
 		"--page-accent": e.accent,
 		"--page-accent-text": e.accentText,
@@ -448,58 +540,58 @@ function B(e) {
 		"--page-secondary-contrast": e.secondary.contrastText
 	};
 }
-function ce(e) {
-	let t = se(e);
+function ge(e) {
+	let t = me(e);
 	return {
 		backgroundColor: "var(--page-bg)",
 		color: "var(--page-text)",
-		fontFamily: ae(t.font, I),
-		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : ae(t.headingFont, "inherit")
+		fontFamily: fe(t.font, G),
+		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : fe(t.headingFont, "inherit")
 	};
 }
-function le(e, t = "light") {
-	let n = se(e);
+function _e(e, t = "light") {
+	let n = me(e);
 	return {
-		...ce(e),
-		...B(n[t] ?? n.light)
+		...ge(e),
+		...he(n[t] ?? n.light)
 	};
 }
-function ue(e, t) {
+function ve(e, t) {
 	return e?.themeRef && t?.[e.themeRef] || e?.theme;
 }
-function de(e, t) {
+function ye(e, t) {
 	return e === "light" || e === "dark" ? e : t === "light" || t === "dark" ? t : "auto";
 }
 //#endregion
 //#region ../ui/src/components/builder/views.jsx
-var V = n({
+var K = n({
 	tenant: "",
 	apiUrl: "/api",
 	locale: "",
 	settings: null
-}), H = n(null), fe = (e) => {
+}), q = n(null), be = (e) => {
 	let t = Number(e?.__page);
 	if (Number.isFinite(t) && t >= 1) return Math.floor(t);
 	if (typeof window > "u") return 1;
 	let n = Number(new URLSearchParams(window.location.search).get("page"));
 	return Number.isFinite(n) && n >= 1 ? Math.floor(n) : 1;
-}, pe = () => {
+}, xe = () => {
 	if (typeof window > "u") return {};
 	let e = {};
 	return new URLSearchParams(window.location.search).forEach((t, n) => {
 		n.startsWith("f_") && n.length > 2 && t !== "" && (e[n.slice(2)] = t);
 	}), e;
-}, me = (e) => {
+}, Se = (e) => {
 	let t = {
 		...e && typeof e == "object" && !Array.isArray(e) ? e : {},
-		...pe()
+		...xe()
 	};
 	return Object.fromEntries(Object.entries(t).filter(([, e]) => typeof e == "string" && e.trim() !== ""));
-}, he = n(null), ge = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-function U(e, t) {
+}, Ce = n(null), we = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function Te(e, t) {
 	if (t) return t.includes(".") ? t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e) : e?.[t];
 }
-var _e = (e) => {
+var Ee = (e) => {
 	let t = [];
 	for (let [n, r] of Object.entries(e ?? {})) {
 		if (!/^[\w-]+$/.test(n)) continue;
@@ -509,36 +601,36 @@ var _e = (e) => {
 	}
 	return t;
 };
-function W(e) {
+function J(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 ?? "") : typeof e == "object" && !Array.isArray(e) && Number.isFinite(Number(e.lat)) && Number.isFinite(Number(e.lng)) ? `${e.lat}, ${e.lng}` : 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 ve(e, t) {
-	let n = t?.data ?? {}, r = _e(n);
+function De(e, t) {
+	let n = t?.data ?? {}, r = Ee(n);
 	if (!r.length) return e;
-	let i = RegExp(`:(${r.map(ge).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => W(U(n, t))) : Array.isArray(e) ? e.map(a) : e && typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, t]) => [e, a(t)])) : e;
+	let i = RegExp(`:(${r.map(we).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => J(Te(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 ye = {
+var Oe = {
 	margin: 0,
 	fontWeight: 700,
 	lineHeight: 1.2,
 	fontFamily: "var(--page-heading-font, inherit)"
-}, be = { margin: 0 }, G = {
+}, ke = { margin: 0 }, Y = {
 	display: "inline-block",
 	textDecoration: "none",
 	cursor: "pointer",
 	backgroundColor: "var(--page-accent, #111827)",
 	color: "var(--page-accent-text, #ffffff)"
-}, xe = {
+}, Ae = {
 	flexGrow: 1,
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-}, Se = {
+}, je = {
 	display: "flex",
 	flexDirection: "column"
 };
-function Ce({ style: e }) {
+function Me({ style: e }) {
 	let t = e?.backgroundVideo;
 	if (!t) return null;
 	let n = {
@@ -564,32 +656,32 @@ function Ce({ style: e }) {
 		background: r
 	} })] });
 }
-var we = (e, t) => e?.backgroundVideo ? {
+var Ne = (e, t) => e?.backgroundVideo ? {
 	position: "relative",
 	...t,
-	...D(e)
+	...P(e)
 } : {
 	...t,
-	...D(e)
+	...P(e)
 };
-function Te({ style: e, nodeRef: t, children: n }) {
+function Pe({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ f("div", {
 		ref: t,
 		style: {
-			...xe,
-			...D(e)
+			...Ae,
+			...P(e)
 		},
-		children: [/* @__PURE__ */ d(Ce, { style: e }), n]
+		children: [/* @__PURE__ */ d(Me, { style: e }), n]
 	});
 }
-function Ee({ style: e, nodeRef: t, children: n }) {
+function Fe({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ f("section", {
 		ref: t,
-		style: we(e, Se),
-		children: [/* @__PURE__ */ d(Ce, { style: e }), n]
+		style: Ne(e, je),
+		children: [/* @__PURE__ */ d(Me, { style: e }), n]
 	});
 }
-function De({ style: e, freeLayout: t, nodeRef: n, children: r }) {
+function Ie({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 	let i = t ? {
 		position: "relative",
 		minHeight: 240
@@ -598,32 +690,32 @@ function De({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 		ref: n,
 		style: i ? {
 			...i,
-			...we(e)
-		} : we(e),
-		children: [/* @__PURE__ */ d(Ce, { style: e }), r]
+			...Ne(e)
+		} : Ne(e),
+		children: [/* @__PURE__ */ d(Me, { style: e }), r]
 	});
 }
-function Oe({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
+function Le({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
 	return /* @__PURE__ */ d(n, {
 		ref: a,
 		style: {
-			...ye,
-			...D(r)
+			...Oe,
+			...P(r)
 		},
-		children: K(t, e, i)
+		children: X(t, e, i)
 	});
 }
-var ke = {
-	fontFamily: z.mono.value,
+var Re = {
+	fontFamily: de.mono.value,
 	background: "rgba(148, 163, 184, 0.18)",
 	padding: "1px 5px",
 	borderRadius: 4,
 	fontSize: "0.9em"
 };
-function Ae(e, t = [], n, r) {
+function ze(e, t = [], n, r) {
 	let i = e;
 	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: ke,
+		style: Re,
 		children: i
 	})), 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,
@@ -633,13 +725,13 @@ function Ae(e, t = [], n, r) {
 		children: i
 	})), i;
 }
-function K(e, n, r) {
+function X(e, n, r) {
 	return e?.length ? e.map((e, n) => {
 		if (e.slot) return /* @__PURE__ */ d(t, { children: r?.[e.slot] ?? null }, n);
-		if (e.parts) return /* @__PURE__ */ d(t, { children: K(e.parts, "", r) }, n);
+		if (e.parts) return /* @__PURE__ */ d(t, { children: X(e.parts, "", r) }, n);
 		let i = e.text;
 		return e.sup ? i = /* @__PURE__ */ d("sup", { children: i }) : e.sub && (i = /* @__PURE__ */ d("sub", { children: i })), e.code && (i = /* @__PURE__ */ d("code", {
-			style: ke,
+			style: Re,
 			children: i
 		})), 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: {
@@ -656,13 +748,13 @@ function K(e, n, r) {
 		})), /* @__PURE__ */ d(t, { children: i }, n);
 	}) : n;
 }
-function je({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
+function Be({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
 	return /* @__PURE__ */ d("span", {
-		style: D(a),
-		children: e?.length ? K(e, t) : Ae(t, n, r, i)
+		style: P(a),
+		children: e?.length ? X(e, t) : ze(t, n, r, i)
 	});
 }
-var Me = {
+var Ve = {
 	h1: 40,
 	h2: 32,
 	h3: 26,
@@ -670,7 +762,7 @@ var Me = {
 	h5: 19,
 	h6: 16
 };
-function Ne({ align: e = "center", width: t, wrap: n } = {}) {
+function He({ 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";
@@ -704,8 +796,8 @@ function Ne({ align: e = "center", width: t, wrap: n } = {}) {
 		marginRight: "auto"
 	};
 }
-function Pe(e = [], t, n) {
-	let r = n ?? ((e, n) => K(e, n, t));
+function Ue(e = [], t, n) {
+	let r = n ?? ((e, n) => X(e, n, t));
 	return e.map((t, n) => {
 		let i = {
 			marginTop: 0,
@@ -727,7 +819,7 @@ function Pe(e = [], t, n) {
 					marginLeft: 0,
 					marginRight: 0,
 					...i,
-					...Ne(t)
+					...He(t)
 				},
 				children: [t.href ? /* @__PURE__ */ d("a", {
 					href: t.href,
@@ -746,16 +838,16 @@ function Pe(e = [], t, n) {
 				})]
 			}, n);
 		}
-		if (t.type === "video") return Ge(t.url) ? /* @__PURE__ */ d("div", {
+		if (t.type === "video") return et(t.url) ? /* @__PURE__ */ d("div", {
 			style: {
 				...i,
-				...Ne({
+				...He({
 					align: t.align,
 					wrap: t.wrap,
 					width: t.width ?? 100
 				})
 			},
-			children: /* @__PURE__ */ d(Ke, {
+			children: /* @__PURE__ */ d(tt, {
 				url: t.url,
 				autoplay: t.autoplay,
 				muted: t.muted,
@@ -817,17 +909,17 @@ function Pe(e = [], t, n) {
 		}
 		if (t.type === "quote") return /* @__PURE__ */ d("blockquote", {
 			style: {
-				...Ie,
+				...Ge,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
-		if (Me[t.type]) {
+		if (Ve[t.type]) {
 			let e = t.type;
 			return /* @__PURE__ */ d(e, {
 				style: {
-					...ye,
-					fontSize: Me[t.type],
+					...Oe,
+					fontSize: Ve[t.type],
 					...i
 				},
 				children: r(t.parts, t.text)
@@ -835,95 +927,95 @@ function Pe(e = [], t, n) {
 		}
 		return /* @__PURE__ */ d("p", {
 			style: {
-				...be,
+				...ke,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
 	});
 }
-function Fe({ content: e, style: t, linked: n, nodeRef: r }) {
+function We({ content: e, style: t, linked: n, nodeRef: r }) {
 	return /* @__PURE__ */ d("div", {
 		ref: r,
 		style: {
 			display: "flow-root",
-			...D(t)
+			...P(t)
 		},
-		children: Pe(e, n)
+		children: Ue(e, n)
 	});
 }
-var Ie = {
+var Ge = {
 	margin: 0,
 	padding: "8px 0 8px 20px",
 	borderLeft: "4px solid var(--page-accent, rgba(148, 163, 184, 0.6))"
 };
-function Le({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function Ke({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ d("blockquote", {
 		ref: i,
 		style: {
-			...Ie,
-			...D(n)
+			...Ge,
+			...P(n)
 		},
-		children: K(t, e, r)
+		children: X(t, e, r)
 	});
 }
-function Re({ ordered: e, items: t = [], style: n, nodeRef: r }) {
+function qe({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 	return /* @__PURE__ */ d(e ? "ol" : "ul", {
 		ref: r,
 		style: {
 			margin: 0,
 			paddingLeft: 24,
-			...D(n)
+			...P(n)
 		},
 		children: t.map((e, t) => /* @__PURE__ */ d("li", {
 			style: { marginBottom: 4 },
-			children: K(e.parts, e.text)
+			children: X(e.parts, e.text)
 		}, t))
 	});
 }
-function ze({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function Je({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ d("p", {
 		ref: i,
 		style: {
-			...be,
-			...D(n)
+			...ke,
+			...P(n)
 		},
-		children: K(t, e, r)
+		children: X(t, e, r)
 	});
 }
-var Be = {
+var Ye = {
 	color: "var(--page-accent, inherit)",
 	textDecoration: "underline",
 	textUnderlineOffset: 3,
 	cursor: "pointer"
 };
-function Ve({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function Xe({ 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: {
-			...Be,
-			...D(i)
+			...Ye,
+			...P(i)
 		},
-		children: K(t, e, a)
+		children: X(t, e, a)
 	});
 }
-function He({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function Ze({ 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: {
-			...G,
-			...D(i)
+			...Y,
+			...P(i)
 		},
-		children: K(t, e, a)
+		children: X(t, e, a)
 	});
 }
-function Ue({ src: e, alt: t, style: n, nodeRef: r }) {
+function Qe({ src: e, alt: t, style: n, nodeRef: r }) {
 	return e ? /* @__PURE__ */ d("img", {
 		ref: r,
 		src: e,
@@ -931,11 +1023,11 @@ function Ue({ src: e, alt: t, style: n, nodeRef: r }) {
 		style: {
 			display: "block",
 			maxWidth: "100%",
-			...D(n)
+			...P(n)
 		}
 	}) : null;
 }
-function We({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
+function $e({ 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,
@@ -949,13 +1041,13 @@ function We({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !
 			display: "block",
 			width: "100%",
 			maxWidth: "100%",
-			...D(o)
+			...P(o)
 		}
 	}) : null;
 }
-var Ge = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
-function Ke({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
-	let c = Ge(e);
+var et = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
+function tt({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
+	let c = et(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__ */ d("div", {
@@ -964,7 +1056,7 @@ function Ke({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 			position: "relative",
 			width: "100%",
 			paddingTop: "56.25%",
-			...D(o)
+			...P(o)
 		},
 		children: /* @__PURE__ */ d("iframe", {
 			src: `https://www.youtube-nocookie.com/embed/${c}?${l}`,
@@ -981,7 +1073,7 @@ function Ke({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 		})
 	});
 }
-function qe({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
+function nt({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
 	return e ? /* @__PURE__ */ d("iframe", {
 		ref: i,
 		src: e,
@@ -993,11 +1085,11 @@ function qe({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i })
 			width: "100%",
 			height: 300,
 			border: 0,
-			...D(r)
+			...P(r)
 		}
 	}) : null;
 }
-function Je({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
+function rt({ 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) => {
@@ -1013,10 +1105,10 @@ function Je({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 		ref: (e) => {
 			o(e), r && r(e);
 		},
-		style: D(n)
+		style: P(n)
 	});
 }
-function Ye({ height: e, nodeRef: t }) {
+function it({ height: e, nodeRef: t }) {
 	return /* @__PURE__ */ d("div", {
 		ref: t,
 		style: {
@@ -1026,18 +1118,18 @@ function Ye({ height: e, nodeRef: t }) {
 		}
 	});
 }
-function Xe({ style: e, nodeRef: t }) {
+function at({ style: e, nodeRef: t }) {
 	return /* @__PURE__ */ d("div", {
 		ref: t,
 		style: {
 			height: 1,
 			alignSelf: "stretch",
 			flexShrink: 0,
-			...D(e)
+			...P(e)
 		}
 	});
 }
-var Ze = {
+var ot = {
 	position: "absolute",
 	top: "50%",
 	transform: "translateY(-50%)",
@@ -1054,7 +1146,7 @@ var Ze = {
 	alignItems: "center",
 	justifyContent: "center",
 	padding: 0
-}, Qe = {
+}, st = {
 	bottom: {
 		inset: "auto 0 0 0",
 		padding: "40px 24px 20px",
@@ -1073,8 +1165,8 @@ var Ze = {
 		padding: 24,
 		textShadow: "0 2px 12px rgba(0, 0, 0, 0.6)"
 	}
-}, $e = 48;
-function et({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: i = 320, swipe: o = !0, style: s, nodeRef: c }) {
+}, ct = 48;
+function lt({ 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;
@@ -1090,7 +1182,7 @@ function et({ 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 > $e && b(y - 1);
+		v(null), e < -48 ? b(y + 1) : e > ct && b(y - 1);
 	};
 	return /* @__PURE__ */ f("div", {
 		ref: c,
@@ -1115,7 +1207,7 @@ function et({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 			touchAction: "pan-y",
 			userSelect: _ ? "none" : void 0,
 			cursor: _ ? "grabbing" : void 0,
-			...D(s)
+			...P(s)
 		},
 		children: [/* @__PURE__ */ d("div", {
 			style: {
@@ -1138,7 +1230,7 @@ function et({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Previous slide",
 				style: {
-					...Ze,
+					...ot,
 					left: 12
 				},
 				onClick: () => b(y - 1),
@@ -1148,7 +1240,7 @@ function et({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Next slide",
 				style: {
-					...Ze,
+					...ot,
 					right: 12
 				},
 				onClick: () => b(y + 1),
@@ -1182,7 +1274,7 @@ function et({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 		] })]
 	});
 }
-var tt = (e, t) => ({
+var ut = (e, t) => ({
 	position: "absolute",
 	inset: 0,
 	backgroundImage: e ? `url(${e})` : "none",
@@ -1190,18 +1282,18 @@ var tt = (e, t) => ({
 	backgroundSize: "cover",
 	backgroundPosition: "center"
 });
-function nt({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
-	return e.length ? /* @__PURE__ */ d(et, {
+function dt({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
+	return e.length ? /* @__PURE__ */ d(lt, {
 		...r,
 		count: e.length,
 		renderSlide: (r) => {
 			let i = e[r];
-			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: tt(i.image) }), (i.title || i.text) && /* @__PURE__ */ f("div", {
+			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: ut(i.image) }), (i.title || i.text) && /* @__PURE__ */ f("div", {
 				style: {
 					position: "absolute",
 					color: "#fff",
 					textAlign: n,
-					...Qe[t] ?? Qe.bottom
+					...st[t] ?? st.bottom
 				},
 				children: [i.title && /* @__PURE__ */ d("div", {
 					style: {
@@ -1221,13 +1313,13 @@ function nt({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "
 		}
 	}) : null;
 }
-function rt({ slides: e = [], linked: t, ...n }) {
-	return e.length ? /* @__PURE__ */ d(et, {
+function ft({ slides: e = [], linked: t, ...n }) {
+	return e.length ? /* @__PURE__ */ d(lt, {
 		...n,
 		count: e.length,
 		renderSlide: (n) => {
 			let r = e[n];
-			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: tt(r.image, r.color) }), /* @__PURE__ */ d("div", {
+			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: ut(r.image, r.color) }), /* @__PURE__ */ d("div", {
 				style: {
 					position: "absolute",
 					inset: 0,
@@ -1239,7 +1331,7 @@ function rt({ slides: e = [], linked: t, ...n }) {
 		}
 	}) : null;
 }
-function it({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lightbox: i = !0, style: o, nodeRef: s, inert: c }) {
+function pt({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lightbox: i = !0, style: o, nodeRef: s, inert: c }) {
 	let p = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.src) : [], m = Math.max(0, Number(n) || 0), h = c ? (e) => e.preventDefault() : void 0, [g, _] = l(null), v = i && !c && g !== null && p[g];
 	a(() => {
 		if (!v) return;
@@ -1264,7 +1356,7 @@ function it({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
 			columnCount: Math.min(Math.max(Number(t) || 3, 1), 8),
 			columnGap: m,
 			width: "100%",
-			...D(o)
+			...P(o)
 		},
 		children: [
 			p.map((e, t) => {
@@ -1438,45 +1530,136 @@ function it({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
 		]
 	});
 }
-var at = {
+var mt = {
 	color: "inherit",
 	textDecoration: "none",
 	fontSize: 14,
 	opacity: .85
-}, ot = {
+}, ht = {
 	background: "var(--page-surface, #f2f2f2)",
 	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 st({ 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);
+function gt(e, t = {}, n = "dropdown") {
+	let r = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.id) : [], i = (e) => Array.isArray(e) ? e[0] : e, a = (e) => e == null ? "" : J(e), o = r.map((e) => {
+		let n = e.data ?? {}, r = t.parentField ? i(n[t.parentField]) : null;
+		return {
+			key: e.id,
+			parent: (r && typeof r == "object" ? r.id : r) || null,
+			label: a(n[t.labelField || "name"]) || a(n.name) || "Untitled",
+			href: t.hrefField ? a(n[t.hrefField]) : "",
+			image: t.imageField && i(n[t.imageField]) || "",
+			desc: t.descField ? a(n[t.descField]) : ""
+		};
+	}), s = new Map(o.map((e) => [e.key, e])), c = (e) => {
+		let t = /* @__PURE__ */ new Set(), n = e;
+		for (; n.parent && s.has(n.parent) && !t.has(n.key);) t.add(n.key), n = s.get(n.parent);
+		return n;
+	}, l = [], u = /* @__PURE__ */ new Map();
+	for (let e of o) {
+		if (c(e) !== e) continue;
+		let t = {
+			key: e.key,
+			label: e.label,
+			href: e.href,
+			image: e.image,
+			children: []
+		};
+		u.set(e.key, t), l.push(t);
+	}
+	for (let e of o) {
+		let t = c(e);
+		t !== e && u.get(t.key)?.children.push({
+			key: e.key,
+			label: e.label,
+			href: e.href,
+			image: e.image,
+			desc: e.desc
+		});
+	}
+	return l.map((e) => ({
+		...e,
+		type: e.children.length ? n : "link"
+	}));
+}
+function _t({ brand: e, logo: n, brandHref: r, brandTarget: o, links: s = [], style: c, nodeRef: p, menu: m = "auto", breakpoint: h = 768, source: g = "", labelField: _ = "", hrefField: v = "", imageField: y = "", descField: b = "", parentField: x = "", submenu: S = "dropdown" }) {
+	let [C, w] = l(null), [T, E] = l(!1), [D, O] = l(!1), [k, A] = l(null), { tenant: j, apiUrl: M } = i(K), N = i(q)?.[g], [F, I] = l(null);
 	a(() => {
-		if (!h) return;
-		let e = new ResizeObserver(() => v(h.offsetWidth < m));
-		return e.observe(h), () => e.disconnect();
-	}, [h, m]);
-	let C = p === "hamburger" || p === "auto" && _, w = (e, t) => /* @__PURE__ */ f("a", {
-		href: e.href || "#",
-		style: {
-			...at,
-			display: "block",
-			...t
-		},
-		children: [e.label, e.desc && /* @__PURE__ */ d("span", {
-			style: {
+		if (!g || N) return;
+		let e = !0;
+		return fetch(`${M}/dynamic/${encodeURIComponent(g)}`, { headers: j ? { "x-tenant": j } : {} }).then((e) => e.json()).then((t) => {
+			let n = Array.isArray(t?.payload) ? t.payload : Array.isArray(t?.payload?.data) ? t.payload.data : [];
+			e && I(n);
+		}).catch(() => e && I([])), () => {
+			e = !1;
+		};
+	}, [
+		g,
+		j,
+		M,
+		N
+	]), a(() => {
+		if (!C) return;
+		let e = new ResizeObserver(() => E(C.offsetWidth < h));
+		return e.observe(C), () => e.disconnect();
+	}, [C, h]);
+	let L = g ? gt(N ?? F ?? [], {
+		labelField: _,
+		hrefField: v,
+		imageField: y,
+		descField: b,
+		parentField: x
+	}, S) : s, R = m === "hamburger" || m === "auto" && T, z = (e, t, n = !1) => {
+		let r = e.image ? /* @__PURE__ */ d("img", {
+			src: e.image,
+			alt: "",
+			style: n ? {
+				width: "100%",
+				aspectRatio: "16 / 9",
+				objectFit: "cover",
+				borderRadius: 6,
+				display: "block",
+				marginBottom: 8
+			} : {
+				width: 22,
+				height: 22,
+				objectFit: "cover",
+				borderRadius: 4,
 				display: "block",
-				fontSize: 12,
-				opacity: .6,
-				marginTop: 2
+				flexShrink: 0
+			}
+		}) : null;
+		return /* @__PURE__ */ f("a", {
+			href: e.href || "#",
+			style: {
+				...mt,
+				display: n ? "block" : "flex",
+				alignItems: n ? void 0 : "center",
+				gap: n ? void 0 : 10,
+				...t
 			},
-			children: e.desc
-		})]
-	}, e.key);
+			children: [r, /* @__PURE__ */ f("span", {
+				style: {
+					display: "block",
+					minWidth: 0
+				},
+				children: [e.label, e.desc && /* @__PURE__ */ d("span", {
+					style: {
+						display: "block",
+						fontSize: 12,
+						opacity: .6,
+						marginTop: 2
+					},
+					children: e.desc
+				})]
+			})]
+		}, e.key);
+	};
 	return /* @__PURE__ */ f("nav", {
 		ref: (e) => {
-			g(e), c && c(e);
+			w(e), p && p(e);
 		},
 		style: {
 			display: "flex",
@@ -1486,7 +1669,7 @@ function st({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 			padding: "14px 24px",
 			width: "100%",
 			position: "relative",
-			...D(s)
+			...P(c)
 		},
 		children: [
 			(n || e) && (() => {
@@ -1504,7 +1687,7 @@ function st({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 						fontFamily: "var(--page-heading-font, inherit)"
 					},
 					children: e
-				})] }), a = {
+				})] }), i = {
 					display: "flex",
 					alignItems: "center",
 					gap: 10,
@@ -1513,20 +1696,20 @@ function st({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 				};
 				return r ? /* @__PURE__ */ d("a", {
 					href: r,
-					target: i || void 0,
-					rel: i === "_blank" ? "noopener noreferrer" : void 0,
-					style: a,
+					target: o || void 0,
+					rel: o === "_blank" ? "noopener noreferrer" : void 0,
+					style: i,
 					children: t
 				}) : /* @__PURE__ */ d("div", {
-					style: a,
+					style: i,
 					children: t
 				});
 			})(),
 			/* @__PURE__ */ d("div", { style: { flexGrow: 1 } }),
-			C ? /* @__PURE__ */ d("button", {
+			R ? /* @__PURE__ */ d("button", {
 				type: "button",
-				"aria-label": y ? "Close menu" : "Open menu",
-				onClick: () => b(!y),
+				"aria-label": D ? "Close menu" : "Open menu",
+				onClick: () => O(!D),
 				style: {
 					background: "transparent",
 					border: 0,
@@ -1536,7 +1719,7 @@ function st({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 					lineHeight: 1,
 					padding: 4
 				},
-				children: y ? "✕" : "☰"
+				children: D ? "✕" : "☰"
 			}) : /* @__PURE__ */ d("div", {
 				style: {
 					display: "flex",
@@ -1544,11 +1727,11 @@ function st({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 					alignItems: "center",
 					flexWrap: "wrap"
 				},
-				children: o.map((e) => {
+				children: L.map((e) => {
 					let t = e.children ?? [];
 					if (!t.length) return /* @__PURE__ */ d("a", {
 						href: e.href || "#",
-						style: at,
+						style: mt,
 						children: e.label
 					}, e.key);
 					let n = e.type === "mega";
@@ -1557,12 +1740,12 @@ function st({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 							position: n ? "static" : "relative",
 							display: "inline-flex"
 						},
-						onMouseEnter: () => S(e.key),
-						onMouseLeave: () => S(null),
+						onMouseEnter: () => A(e.key),
+						onMouseLeave: () => A(null),
 						children: [/* @__PURE__ */ f("a", {
 							href: e.href || "#",
 							style: {
-								...at,
+								...mt,
 								cursor: "pointer"
 							},
 							children: [
@@ -1576,9 +1759,9 @@ function st({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 									children: "▼"
 								})
 							]
-						}), x === e.key && (n ? /* @__PURE__ */ d("div", {
+						}), k === e.key && (n ? /* @__PURE__ */ d("div", {
 							style: {
-								...ot,
+								...ht,
 								position: "absolute",
 								left: 0,
 								right: 0,
@@ -1588,13 +1771,13 @@ function st({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 								gridTemplateColumns: "repeat(auto-fit, minmax(170px, 1fr))",
 								gap: 16
 							},
-							children: t.map((e) => w(e, {
-								padding: "6px 8px",
-								borderRadius: 6
-							}))
+							children: t.map((e) => z(e, {
+								padding: 8,
+								borderRadius: 8
+							}, !0))
 						}) : /* @__PURE__ */ d("div", {
 							style: {
-								...ot,
+								...ht,
 								position: "absolute",
 								top: "100%",
 								left: 0,
@@ -1604,7 +1787,7 @@ function st({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 								display: "flex",
 								flexDirection: "column"
 							},
-							children: t.map((e) => w(e, {
+							children: t.map((e) => z(e, {
 								padding: "8px 12px",
 								borderRadius: 6
 							}))
@@ -1612,7 +1795,7 @@ function st({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 					}, e.key);
 				})
 			}),
-			C && y && /* @__PURE__ */ d("div", {
+			R && D && /* @__PURE__ */ d("div", {
 				style: {
 					flexBasis: "100%",
 					width: "100%",
@@ -1620,27 +1803,27 @@ function st({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], st
 					flexDirection: "column",
 					paddingTop: 10
 				},
-				children: o.map((e) => /* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d("a", {
+				children: L.map((e) => /* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d("a", {
 					href: e.href || "#",
 					style: {
-						...at,
+						...mt,
 						padding: "10px 4px",
 						fontWeight: (e.children ?? []).length ? 600 : 400,
 						opacity: 1
 					},
 					children: e.label
-				}), (e.children ?? []).map((e) => w(e, { padding: "8px 4px 8px 22px" }))] }, e.key))
+				}), (e.children ?? []).map((e) => z(e, { padding: "8px 4px 8px 22px" }))] }, e.key))
 			})
 		]
 	});
 }
-function ct({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
+function vt({ 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%",
-			...D(n)
+			...P(n)
 		},
 		children: [/* @__PURE__ */ d("div", {
 			style: {
@@ -1674,7 +1857,7 @@ function ct({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 		}, e.key))]
 	}) : null;
 }
-function lt({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
+function yt({ 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) => {
@@ -1685,7 +1868,7 @@ function lt({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 		ref: i,
 		style: {
 			width: "100%",
-			...D(r)
+			...P(r)
 		},
 		children: e.map((n, r) => {
 			let i = a.has(n.key);
@@ -1731,15 +1914,15 @@ function lt({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 		})
 	});
 }
-var ut = {
+var bt = {
 	display: "flex",
 	flexDirection: "column",
 	gap: "12px"
-}, q = {
+}, Z = {
 	fontSize: "14px",
 	fontWeight: 500,
 	color: "var(--page-text, #111827)"
-}, J = {
+}, Q = {
 	padding: "10px 12px",
 	border: "1px solid var(--page-border, #d1d5db)",
 	borderRadius: "6px",
@@ -1749,18 +1932,18 @@ var ut = {
 	boxSizing: "border-box",
 	backgroundColor: "var(--page-surface, #f2f2f2)",
 	color: "var(--page-text, #111827)"
-}, dt = {
+}, xt = {
 	display: "flex",
 	alignItems: "center",
 	gap: "8px",
 	fontSize: "14px",
 	color: "var(--page-text, #111827)"
-}, Y = (e) => e ? {
+}, $ = (e) => e ? {
 	readOnly: !0,
 	tabIndex: -1,
 	onMouseDown: (e) => e.preventDefault()
 } : {};
-function ft(e, t) {
+function St(e, t) {
 	if (!e) return !0;
 	let n = t[e.field], r = n == null || n === "" ? "" : String(n), i = e.value ?? "";
 	switch (e.op) {
@@ -1774,11 +1957,11 @@ function ft(e, t) {
 		default: return !1;
 	}
 }
-var pt = {
+var Ct = {
 	display: "flex",
 	flexDirection: "column",
 	gap: 6
-}, mt = {
+}, wt = {
 	font: "inherit",
 	fontSize: 15,
 	padding: "10px 12px",
@@ -1789,16 +1972,16 @@ var pt = {
 	width: "100%",
 	boxSizing: "border-box"
 };
-function ht(e, t) {
+function Tt(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 gt({ field: e, value: t, onChange: n, inert: r, values: i }) {
+function Et({ field: e, value: t, onChange: n, inert: r, values: i }) {
 	let a = /* @__PURE__ */ f("span", {
 		style: {
-			...q,
+			...Z,
 			fontSize: 14
 		},
 		children: [e.label, e.required ? " *" : ""]
@@ -1807,7 +1990,7 @@ function gt({ 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: mt,
+		style: wt,
 		value: t ?? "",
 		onChange: (t) => n(e.name, t.target.value)
 	};
@@ -1836,7 +2019,7 @@ function gt({ 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__ */ d(Ke, {
+	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ d(tt, {
 		url: e.src,
 		style: { width: "100%" }
 	}) : /* @__PURE__ */ d("video", {
@@ -1848,14 +2031,14 @@ function gt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 			display: "block"
 		}
 	}) : null : /* @__PURE__ */ f("label", {
-		style: pt,
+		style: Ct,
 		children: [
 			a,
 			e.type === "textarea" || e.multiline ? /* @__PURE__ */ d("textarea", {
 				...o,
 				rows: 4,
 				style: {
-					...mt,
+					...wt,
 					resize: "vertical"
 				}
 			}) : e.type === "select" ? /* @__PURE__ */ f("select", {
@@ -1864,7 +2047,7 @@ function gt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 				children: [/* @__PURE__ */ d("option", {
 					value: "",
 					children: e.placeholder || "—"
-				}), ht(e, i).map((e, t) => /* @__PURE__ */ d("option", {
+				}), Tt(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))]
@@ -1911,8 +2094,8 @@ function gt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 		]
 	});
 }
-function _t({ 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(V), [x, S] = l("form"), [C, w] = l(null), [T, E] = l({}), [O, k] = l(0), A = h ? v || "form" : x;
+function Dt({ 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(K), [x, S] = l("form"), [C, w] = l(null), [T, E] = l({}), [D, O] = l(0), k = h ? v || "form" : x;
 	a(() => {
 		if (!c || !s) return;
 		let e = !0;
@@ -1925,21 +2108,21 @@ function _t({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 		y,
 		b
 	]);
-	let j = [{
+	let A = [{
 		section: null,
 		fields: []
 	}];
-	for (let e of Array.isArray(C?.fields) ? C.fields : []) e.type === "section" ? j.push({
+	for (let e of Array.isArray(C?.fields) ? C.fields : []) e.type === "section" ? A.push({
 		section: e,
 		fields: []
-	}) : j[j.length - 1].fields.push(e);
-	let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || ft(e.section.condition, T)).map((e) => ({
+	}) : A[A.length - 1].fields.push(e);
+	let j = A.filter((e) => e.section || e.fields.length), M = j.filter((e) => !e.section || St(e.section.condition, T)).map((e) => ({
 		...e,
-		fields: e.fields.filter((e) => ft(e.condition, T))
-	})), P = M.length > 1, F = Math.min(O, Math.max(0, N.length - 1)), ee = P ? N[F]?.fields ?? [] : N.flatMap((e) => e.fields), te = ee.filter((e) => {
+		fields: e.fields.filter((e) => St(e.condition, T))
+	})), N = j.length > 1, F = Math.min(D, Math.max(0, M.length - 1)), I = N ? M[F]?.fields ?? [] : M.flatMap((e) => e.fields), L = I.filter((e) => {
 		let t = T[e.name];
 		return e.required && (t == null || t === "" || t === !1);
-	}), ne = F >= N.length - 1, re = (e, t) => E((n) => {
+	}), R = F >= M.length - 1, z = (e, t) => E((n) => {
 		let r = {
 			...n,
 			[e]: t
@@ -1949,7 +2132,7 @@ function _t({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 	});
 	return /* @__PURE__ */ f("div", {
 		ref: m,
-		style: D(e),
+		style: P(e),
 		children: [
 			/* @__PURE__ */ d("form", {
 				action: t || void 0,
@@ -1993,28 +2176,28 @@ function _t({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 					}
 				},
 				style: {
-					...ut,
-					display: A === "success" ? "none" : "flex"
+					...bt,
+					display: k === "success" ? "none" : "flex"
 				},
 				children: c && s ? /* @__PURE__ */ f(u, { children: [
-					P && /* @__PURE__ */ d(Ut, {
-						steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
+					N && /* @__PURE__ */ d(tn, {
+						steps: M.map((e) => ({ label: e.section?.label ?? "Start" })),
 						active: F + 1,
 						style: { marginBottom: 8 }
 					}),
-					P && N[F]?.section?.help && /* @__PURE__ */ d("p", {
+					N && M[F]?.section?.help && /* @__PURE__ */ d("p", {
 						style: {
 							margin: 0,
 							fontSize: 14,
 							opacity: .7
 						},
-						children: N[F].section.help
+						children: M[F].section.help
 					}),
-					ee.map((e) => /* @__PURE__ */ d(gt, {
+					I.map((e) => /* @__PURE__ */ d(Et, {
 						field: e,
 						value: T[e.name],
 						values: T,
-						onChange: re,
+						onChange: z,
 						inert: h
 					}, e.name)),
 					/* @__PURE__ */ f("div", {
@@ -2024,12 +2207,12 @@ function _t({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 							alignItems: "center",
 							marginTop: 4
 						},
-						children: [P && F > 0 && /* @__PURE__ */ d("button", {
+						children: [N && F > 0 && /* @__PURE__ */ d("button", {
 							type: "button",
 							disabled: h || void 0,
-							onClick: () => k(F - 1),
+							onClick: () => O(F - 1),
 							style: {
-								...G,
+								...Y,
 								background: "transparent",
 								color: "inherit",
 								border: 0,
@@ -2037,26 +2220,26 @@ function _t({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 								cursor: "pointer"
 							},
 							children: "Back"
-						}), P && !ne ? /* @__PURE__ */ d("button", {
+						}), N && !R ? /* @__PURE__ */ d("button", {
 							type: "button",
-							disabled: h || te.length > 0,
-							onClick: () => k(F + 1),
+							disabled: h || L.length > 0,
+							onClick: () => O(F + 1),
 							style: {
-								...G,
+								...Y,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
 								fontSize: 15,
 								fontWeight: 600,
 								cursor: "pointer",
-								opacity: te.length ? .5 : 1
+								opacity: L.length ? .5 : 1
 							},
 							children: "Next"
 						}) : /* @__PURE__ */ d("button", {
 							type: "submit",
 							disabled: h || void 0,
 							style: {
-								...G,
+								...Y,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
@@ -2070,12 +2253,12 @@ function _t({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 				] }) : g
 			}),
 			/* @__PURE__ */ d("div", {
-				style: { display: A === "success" ? "block" : "none" },
+				style: { display: k === "success" ? "block" : "none" },
 				children: _?.success ?? null
 			}),
 			/* @__PURE__ */ d("div", {
 				style: {
-					display: A === "error" ? "block" : "none",
+					display: k === "error" ? "block" : "none",
 					marginTop: 12
 				},
 				children: _?.error ?? null
@@ -2083,10 +2266,10 @@ function _t({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 		]
 	});
 }
-var X = null, vt = null, yt = (e) => {
+var Ot = null, kt = null, At = (e) => {
 	let t = typeof e == "string" && e.trim() ? e.trim() : "";
-	if (X && vt === t) return X;
-	if (X && typeof window < "u") {
+	if (Ot && kt === t) return Ot;
+	if (Ot && typeof window < "u") {
 		for (let e of ["grecaptcha", "___grecaptcha_cfg"]) try {
 			delete window[e];
 		} catch {
@@ -2094,22 +2277,22 @@ var X = null, vt = null, yt = (e) => {
 		}
 		document.querySelectorAll("script[src*=\"recaptcha\"]").forEach((e) => e.remove());
 	}
-	return vt = t, X = new Promise((e) => {
+	return kt = t, Ot = new Promise((e) => {
 		if (typeof window > "u") return;
 		if (window.grecaptcha?.render) return e(window.grecaptcha);
 		window.__webimRecaptchaReady = () => e(window.grecaptcha);
 		let n = document.createElement("script");
 		n.src = `https://www.google.com/recaptcha/api.js?onload=__webimRecaptchaReady&render=explicit${t ? `&hl=${encodeURIComponent(t)}` : ""}`, n.async = !0, document.head.appendChild(n);
-	}), X;
+	}), Ot;
 };
-function bt({ siteKey: e, theme: t, size: n, hl: r, style: o, nodeRef: s, inert: l, onChange: u }) {
-	let p = i(V), m = p?.settings && typeof p.settings == "object" ? p.settings["google.recaptchaKey"] : "", h = typeof e == "string" && e.trim() || (typeof m == "string" ? m.trim() : ""), g = c(null), _ = c(u);
+function jt({ siteKey: e, theme: t, size: n, hl: r, style: o, nodeRef: s, inert: l, onChange: u }) {
+	let p = i(K), m = p?.settings && typeof p.settings == "object" ? p.settings["google.recaptchaKey"] : "", h = typeof e == "string" && e.trim() || (typeof m == "string" ? m.trim() : ""), g = c(null), _ = c(u);
 	if (_.current = u, a(() => {
 		if (l || !h || !g.current) return;
 		let e = !0, i = (t) => {
 			e && typeof _.current == "function" && _.current(t);
 		};
-		return yt(r).then((r) => {
+		return At(r).then((r) => {
 			if (!(!e || !g.current || !r?.render)) {
 				g.current.innerHTML = "", i("");
 				try {
@@ -2136,7 +2319,7 @@ function bt({ siteKey: e, theme: t, size: n, hl: r, style: o, nodeRef: s, inert:
 		let e = t === "dark";
 		return /* @__PURE__ */ f("div", {
 			ref: s,
-			style: D(o),
+			style: P(o),
 			children: [/* @__PURE__ */ f("div", {
 				style: {
 					width: n === "compact" ? 164 : 302,
@@ -2187,21 +2370,21 @@ function bt({ siteKey: e, theme: t, size: n, hl: r, style: o, nodeRef: s, inert:
 	}
 	return h ? /* @__PURE__ */ d("div", {
 		ref: s,
-		style: D(o),
+		style: P(o),
 		children: /* @__PURE__ */ d("div", { ref: g })
 	}) : null;
 }
-function xt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
+function Mt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 	return /* @__PURE__ */ d("label", {
 		ref: r,
 		style: {
-			...q,
-			...D(n)
+			...Z,
+			...P(n)
 		},
-		children: K(t, e, i)
+		children: X(t, e, i)
 	});
 }
-function St({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
+function Nt({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ d("input", {
 		ref: a,
 		type: e,
@@ -2209,13 +2392,13 @@ function St({ type: e = "text", name: t, placeholder: n, required: r, style: i,
 		placeholder: n,
 		required: !o && !!r,
 		style: {
-			...J,
-			...D(i)
+			...Q,
+			...P(i)
 		},
-		...Y(o)
+		...$(o)
 	});
 }
-function Ct({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
+function Pt({ 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,
@@ -2223,19 +2406,19 @@ function Ct({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeR
 		rows: n,
 		required: !o && !!r,
 		style: {
-			...J,
+			...Q,
 			resize: "vertical",
-			...D(i)
+			...P(i)
 		},
-		...Y(o)
+		...$(o)
 	});
 }
-function wt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
+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: {
-			...dt,
-			...D(a)
+			...xt,
+			...P(a)
 		},
 		children: [/* @__PURE__ */ d("input", {
 			type: e,
@@ -2251,7 +2434,7 @@ function wt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, st
 		}), t]
 	});
 }
-function Tt({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
+function It({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ f("select", {
 		ref: a,
 		name: e || void 0,
@@ -2260,9 +2443,9 @@ function Tt({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		onMouseDown: o ? (e) => e.preventDefault() : void 0,
 		tabIndex: o ? -1 : void 0,
 		style: {
-			...J,
+			...Q,
 			appearance: "auto",
-			...D(i)
+			...P(i)
 		},
 		children: [t !== "" && /* @__PURE__ */ d("option", {
 			value: "",
@@ -2274,19 +2457,19 @@ function Tt({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		}, t))]
 	});
 }
-function Et({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
+function Lt({ 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: {
-			...J,
+			...Q,
 			display: "flex",
 			alignItems: "center",
 			gap: "8px",
 			cursor: o ? "default" : "pointer",
 			borderStyle: "dashed",
 			color: s ? "#111827" : "#6b7280",
-			...D(i)
+			...P(i)
 		},
 		children: [
 			/* @__PURE__ */ d("input", {
@@ -2306,12 +2489,12 @@ function Et({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
 		]
 	});
 }
-function Dt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
+function Rt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 	return /* @__PURE__ */ d("button", {
 		ref: n,
 		type: r ? "button" : "submit",
 		style: {
-			...G,
+			...Y,
 			border: 0,
 			cursor: "pointer",
 			alignSelf: "flex-start",
@@ -2321,12 +2504,12 @@ function Dt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 			fontWeight: 600,
 			lineHeight: 1.4,
 			fontFamily: "inherit",
-			...D(t)
+			...P(t)
 		},
 		children: e
 	});
 }
-function Ot({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
+function zt({ 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__ */ d("div", {
 		ref: r,
@@ -2335,7 +2518,7 @@ function Ot({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 			gridTemplateColumns: `repeat(${Math.max(1, Number(e) || 1)}, minmax(0, 1fr))`,
 			gap: 16,
 			width: "100%",
-			...D(n)
+			...P(n)
 		},
 		children: Array.from({ length: a }, (e, t) => /* @__PURE__ */ d("div", {
 			style: { minWidth: 0 },
@@ -2343,8 +2526,8 @@ function Ot({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 		}, t))
 	});
 }
-function kt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, imageField: o, titleField: s = "name", textField: c, custom: u, templateId: p, paged: m, filters: h, style: g, nodeRef: _ }) {
-	let { tenant: v, apiUrl: y, locale: b } = i(V), x = i(he), S = i(H), [, C] = l(0);
+function Bt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, imageField: o, titleField: s = "name", textField: c, custom: u, templateId: p, paged: m, filters: h, style: g, nodeRef: _ }) {
+	let { tenant: v, apiUrl: y, locale: b } = i(K), x = i(Ce), S = i(q), [, C] = l(0);
 	a(() => {
 		if (typeof window > "u") return;
 		let e = () => C((e) => e + 1);
@@ -2352,19 +2535,19 @@ function kt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 			window.removeEventListener("popstate", e), window.removeEventListener("webim:urlchange", e);
 		};
 	}, []);
-	let w = me(h), T = JSON.stringify(w), E = T !== "{}" && !e?.startsWith?.("api:"), O = E ? null : S?.[e], k = m ? fe(S) : 1, [A, j] = l(null);
+	let w = Se(h), T = JSON.stringify(w), E = T !== "{}" && !e?.startsWith?.("api:"), D = E ? null : S?.[e], O = m ? be(S) : 1, [k, A] = l(null);
 	if (a(() => {
-		if (!e || O) return;
+		if (!e || D) return;
 		let n = !0, r = new URLSearchParams();
 		if (b && r.set("locale", b), E && r.set("data_filter", T), m && !e.startsWith("api:")) {
 			let e = Math.max(1, Number(t) || 6);
-			r.set("offset", String((k - 1) * e)), r.set("limit", String(e));
+			r.set("offset", String((O - 1) * e)), r.set("limit", String(e));
 		}
 		let i = r.toString(), a = e.startsWith("api:") ? `${y}/data/${encodeURIComponent(e.slice(4))}` : `${y}/dynamic/${encodeURIComponent(e)}${i ? `?${i}` : ""}`;
 		return fetch(a, { headers: v ? { "x-tenant": v } : {} }).then((e) => e.json()).then((e) => {
 			let t = Array.isArray(e?.payload) ? e.payload : Array.isArray(e?.payload?.data) ? e.payload.data : [];
-			return n && j(t.filter((e) => e && typeof e == "object"));
-		}).catch(() => n && j([])), () => {
+			return n && A(t.filter((e) => e && typeof e == "object"));
+		}).catch(() => n && A([])), () => {
 			n = !1;
 		};
 	}, [
@@ -2372,20 +2555,20 @@ function kt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 		v,
 		y,
 		b,
-		O,
+		D,
 		m,
-		k,
+		O,
 		t,
 		E,
 		T
 	]), !e) return null;
-	let M = Math.max(1, Number(t) || 6), N = m ? O || e.startsWith("api:") ? (O ?? A ?? []).slice((k - 1) * M, k * M) : (A ?? []).slice(0, M) : (O ?? A ?? []).slice(0, M), P = Math.min(Math.max(Number(r) || 3, 1), 6), F = n === "list" ? {
+	let j = Math.max(1, Number(t) || 6), M = m ? D || e.startsWith("api:") ? (D ?? k ?? []).slice((O - 1) * j, O * j) : (k ?? []).slice(0, j) : (D ?? k ?? []).slice(0, j), N = Math.min(Math.max(Number(r) || 3, 1), 6), F = n === "list" ? {
 		display: "flex",
 		flexDirection: "column",
 		gap: 20
 	} : {
 		display: "grid",
-		gridTemplateColumns: `repeat(${P}, minmax(0, 1fr))`,
+		gridTemplateColumns: `repeat(${N}, minmax(0, 1fr))`,
 		gap: 24
 	};
 	return u && p && x?.render ? /* @__PURE__ */ d("div", {
@@ -2393,21 +2576,21 @@ function kt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 		style: {
 			width: "100%",
 			...F,
-			...D(g)
+			...P(g)
 		},
-		children: N.map((e) => /* @__PURE__ */ d("div", {
+		children: M.map((e) => /* @__PURE__ */ d("div", {
 			style: { minWidth: 0 },
-			children: x.render(p, (t) => ve(t, e))
+			children: x.render(p, (t) => De(t, e))
 		}, e.id ?? e?.data?.slug))
 	}) : /* @__PURE__ */ d("div", {
 		ref: _,
 		style: {
 			width: "100%",
 			...F,
-			...D(g)
+			...P(g)
 		},
-		children: N.map((e) => {
-			let t = o ? U(e?.data, o) : null, r = s ? W(U(e?.data, s)) : null, i = c ? U(e?.data, c) : null, a = Array.isArray(i) ? i : null, l = a || i == null ? null : W(i), u = n === "list";
+		children: M.map((e) => {
+			let t = o ? Te(e?.data, o) : null, r = s ? J(Te(e?.data, s)) : null, i = c ? Te(e?.data, c) : null, a = Array.isArray(i) ? i : null, l = a || i == null ? null : J(i), u = n === "list";
 			return /* @__PURE__ */ f("div", {
 				style: {
 					display: "flex",
@@ -2454,7 +2637,7 @@ function kt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 								lineHeight: 1.55,
 								opacity: .85
 							},
-							children: Pe(a)
+							children: Ue(a)
 						})
 					]
 				})]
@@ -2462,8 +2645,8 @@ function kt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 		})
 	});
 }
-function At({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, inert: i }) {
-	let a = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && typeof e.name == "string" && e.name) : [], o = i ? {} : pe(), s = {
+function Vt({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, inert: i }) {
+	let a = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && typeof e.name == "string" && e.name) : [], o = i ? {} : xe(), s = {
 		height: 34,
 		padding: "0 12px",
 		borderRadius: 8,
@@ -2505,13 +2688,13 @@ function At({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 			alignItems: "center",
 			gap: 8,
 			width: "100%",
-			...D(n)
+			...P(n)
 		},
 		children: [a.map((e) => Array.isArray(e.options) && e.options.length > 0 || e.type === "option" || e.type === "select" ? /* @__PURE__ */ f("select", {
 			name: `f_${e.name}`,
 			defaultValue: o[e.name] ?? "",
 			style: s,
-			...Y(i),
+			...$(i),
 			children: [/* @__PURE__ */ d("option", {
 				value: "",
 				children: e.label || e.name
@@ -2526,7 +2709,7 @@ function At({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 			name: `f_${e.name}`,
 			defaultValue: o[e.name] ?? "",
 			style: s,
-			...Y(i),
+			...$(i),
 			children: [
 				/* @__PURE__ */ d("option", {
 					value: "",
@@ -2547,7 +2730,7 @@ function At({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 			defaultValue: o[e.name] ?? "",
 			placeholder: e.label || e.name,
 			style: s,
-			...Y(i)
+			...$(i)
 		}, e.name)), /* @__PURE__ */ d("button", {
 			type: "submit",
 			style: {
@@ -2560,16 +2743,16 @@ function At({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 				fontWeight: 600,
 				cursor: i ? "default" : "pointer"
 			},
-			...Y(i),
+			...$(i),
 			children: t
 		})]
 	});
 }
-function jt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
+function Ht({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 	return e.length ? /* @__PURE__ */ d("nav", {
 		ref: r,
 		"aria-label": "Breadcrumb",
-		style: { ...D(n) },
+		style: { ...P(n) },
 		children: /* @__PURE__ */ d("ol", {
 			style: {
 				display: "flex",
@@ -2615,8 +2798,8 @@ function jt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 		})
 	}) : null;
 }
-function Mt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", source: o, pageSize: s = 6, align: c, hideEmpty: u, inert: p, style: m, nodeRef: h }) {
-	let { tenant: g, apiUrl: _ } = i(V), v = i(H), [y, b] = l(null), x = o ? Number(v?.[`${o}:total`]) : NaN;
+function Ut({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", source: o, pageSize: s = 6, align: c, hideEmpty: u, inert: p, style: m, nodeRef: h }) {
+	let { tenant: g, apiUrl: _ } = i(K), v = i(q), [y, b] = l(null), x = o ? Number(v?.[`${o}:total`]) : NaN;
 	a(() => {
 		if (!o || Number.isFinite(x)) return;
 		let e = !0, t = o.startsWith("api:") ? `${_}/data/${encodeURIComponent(o.slice(4))}` : `${_}/dynamic/${encodeURIComponent(o)}?limit=1`;
@@ -2635,7 +2818,7 @@ function Mt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sou
 	]);
 	let S = Math.max(1, Number(s) || 6), C = Number.isFinite(x) ? x : y;
 	if (o && C === null || o && u && !(C > 0)) return null;
-	let w = Math.min(Math.max(o ? Math.ceil(C / S) : Number(e) || 1, 1), 50), T = Math.min(Math.max(o ? fe(v) : Number(t) || 1, 1), w), E = (e) => {
+	let w = Math.min(Math.max(o ? Math.ceil(C / S) : Number(e) || 1, 1), 50), T = Math.min(Math.max(o ? be(v) : Number(t) || 1, 1), w), E = (e) => {
 		if (o) {
 			if (typeof window < "u") {
 				let t = new URLSearchParams(window.location.search);
@@ -2644,7 +2827,7 @@ function Mt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sou
 			return `?page=${e}`;
 		}
 		return r && r !== "#" ? r.replace("{page}", String(e)) : "#";
-	}, O = c === "center" ? "center" : c === "right" ? "flex-end" : "flex-start", k = p ? (e) => e.preventDefault() : void 0, A = (e) => ({
+	}, D = c === "center" ? "center" : c === "right" ? "flex-end" : "flex-start", O = p ? (e) => e.preventDefault() : void 0, k = (e) => ({
 		display: "inline-flex",
 		alignItems: "center",
 		justifyContent: "center",
@@ -2666,33 +2849,33 @@ function Mt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sou
 			flexWrap: "wrap",
 			gap: 8,
 			alignItems: "center",
-			justifyContent: O,
-			...D(m)
+			justifyContent: D,
+			...P(m)
 		},
 		children: [
 			n && /* @__PURE__ */ d("a", {
 				href: T > 1 ? E(T - 1) : "#",
-				onClick: k,
+				onClick: O,
 				"aria-label": "Previous",
 				style: {
-					...A(!1),
+					...k(!1),
 					opacity: T > 1 ? 1 : .4
 				},
 				children: "‹"
 			}),
 			Array.from({ length: w }, (e, t) => t + 1).map((e) => /* @__PURE__ */ d("a", {
 				href: E(e),
-				onClick: k,
+				onClick: O,
 				"aria-current": e === T ? "page" : void 0,
-				style: A(e === T),
+				style: k(e === T),
 				children: e
 			}, e)),
 			n && /* @__PURE__ */ d("a", {
 				href: T < w ? E(T + 1) : "#",
-				onClick: k,
+				onClick: O,
 				"aria-label": "Next",
 				style: {
-					...A(!1),
+					...k(!1),
 					opacity: T < w ? 1 : .4
 				},
 				children: "›"
@@ -2700,15 +2883,15 @@ function Mt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sou
 		]
 	});
 }
-var Nt = "webim.page_mode", Pt = () => {
+var Wt = "webim.page_mode", Gt = () => {
 	if (typeof window > "u") return "auto";
 	try {
-		let e = window.localStorage.getItem(Nt);
+		let e = window.localStorage.getItem(Wt);
 		return e === "light" || e === "dark" ? e : "auto";
 	} catch {
 		return "auto";
 	}
-}, Ft = (e) => {
+}, Kt = (e) => {
 	let t = {
 		width: 16,
 		height: 16,
@@ -2740,13 +2923,13 @@ var Nt = "webim.page_mode", Pt = () => {
 			rx: "2"
 		}), /* @__PURE__ */ d("path", { d: "M8 21h8M12 17v4" })]
 	});
-}, Z = {
+}, qt = {
 	light: "Light theme",
 	dark: "Dark theme",
 	auto: "Follow the device theme"
 };
-function It({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
-	let [o, s] = l(i ? "auto" : Pt), u = c(null), f = (e) => {
+function Jt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
+	let [o, s] = l(i ? "auto" : Gt), u = c(null), f = (e) => {
 		u.current = e, typeof r == "function" && r(e);
 	};
 	a(() => {
@@ -2754,7 +2937,7 @@ function It({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
 		let e = u.current?.closest?.(".webim-page");
 		e && (o === "light" || o === "dark" ? e.setAttribute("data-webim-mode", o) : e.removeAttribute("data-webim-mode"));
 		try {
-			o === "auto" ? window.localStorage.removeItem(Nt) : window.localStorage.setItem(Nt, o);
+			o === "auto" ? window.localStorage.removeItem(Wt) : window.localStorage.setItem(Wt, o);
 		} catch {}
 	}, [o, i]);
 	let p = t === !1 ? ["light", "dark"] : [
@@ -2785,12 +2968,12 @@ function It({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
 			padding: 3,
 			borderRadius: 999,
 			border: "1px solid rgba(148, 163, 184, 0.4)",
-			...D(n)
+			...P(n)
 		},
 		children: p.map((e) => /* @__PURE__ */ d("button", {
 			type: "button",
-			title: Z[e],
-			"aria-label": Z[e],
+			title: qt[e],
+			"aria-label": qt[e],
 			"aria-pressed": e === m,
 			onClick: i ? void 0 : () => s(e),
 			style: {
@@ -2801,27 +2984,27 @@ function It({ variant: e, showSystem: t, style: n, nodeRef: r, inert: i }) {
 				background: e === m ? "var(--page-accent, #111827)" : "transparent",
 				opacity: e === m ? 1 : .7
 			},
-			children: Ft(e)
+			children: Kt(e)
 		}, e))
 	});
 	let g = p[(p.indexOf(m) + 1) % p.length];
 	return /* @__PURE__ */ d("button", {
 		ref: f,
 		type: "button",
-		title: Z[m],
-		"aria-label": `Theme: ${Z[m]} — switch to ${Z[g]}`,
+		title: qt[m],
+		"aria-label": `Theme: ${qt[m]} — switch to ${qt[g]}`,
 		onClick: i ? void 0 : () => s(g),
 		style: {
 			...h,
 			width: 36,
 			height: 36,
 			border: "1px solid rgba(148, 163, 184, 0.4)",
-			...D(n)
+			...P(n)
 		},
-		children: Ft(m)
+		children: Kt(m)
 	});
 }
-function Lt(e) {
+function Yt(e) {
 	let t = e?.parentElement;
 	for (; t && t !== document.body;) {
 		let e = getComputedStyle(t).overflowY;
@@ -2830,7 +3013,7 @@ function Lt(e) {
 	}
 	return window;
 }
-var Rt = (e) => e === window ? window.scrollY : e.scrollTop, zt = {
+var Xt = (e) => e === window ? window.scrollY : e.scrollTop, Zt = {
 	"bottom-right": (e) => ({
 		right: e,
 		bottom: e
@@ -2845,7 +3028,7 @@ var Rt = (e) => e === window ? window.scrollY : e.scrollTop, zt = {
 		transform: "translateX(-50%)"
 	})
 };
-function Bt({ variant: e, label: t, position: n, offset: r, showAfter: i, smooth: o, bg: s, fg: c, style: u, nodeRef: p, inert: m, frame: h, builder: g }) {
+function Qt({ variant: e, label: t, position: n, offset: r, showAfter: i, smooth: o, bg: s, fg: c, style: u, nodeRef: p, inert: m, frame: h, builder: g }) {
 	let [_, v] = l(!!m), [y, b] = l(null), x = (e) => {
 		b(e), typeof p == "function" && p(e);
 	};
@@ -2856,8 +3039,8 @@ function Bt({ variant: e, label: t, position: n, offset: r, showAfter: i, smooth
 		}
 		if (!y) return;
 		let e = Number(i) >= 0 ? Number(i) : 300, t = () => {
-			let t = Lt(y), n = g && !(t === window ? document.documentElement.scrollHeight > window.innerHeight : t.scrollHeight > t.clientHeight);
-			v(n || Rt(t) > e);
+			let t = Yt(y), n = g && !(t === window ? document.documentElement.scrollHeight > window.innerHeight : t.scrollHeight > t.clientHeight);
+			v(n || Xt(t) > e);
 		};
 		return t(), document.addEventListener("scroll", t, {
 			capture: !0,
@@ -2871,7 +3054,7 @@ function Bt({ variant: e, label: t, position: n, offset: r, showAfter: i, smooth
 	]);
 	let S = () => {
 		if (m) return;
-		let e = Lt(y), t = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, n = o === !1 || t ? "auto" : "smooth";
+		let e = Yt(y), t = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, n = o === !1 || t ? "auto" : "smooth";
 		e === window ? window.scrollTo({
 			top: 0,
 			behavior: n
@@ -2879,7 +3062,7 @@ function Bt({ variant: e, label: t, position: n, offset: r, showAfter: i, smooth
 			top: 0,
 			behavior: n
 		});
-	}, C = Number(r) >= 0 ? Number(r) : 24, w = e === "pill", T = t || "Top", E = zt[n] ? n : "bottom-right", O = h ? {
+	}, C = Number(r) >= 0 ? Number(r) : 24, w = e === "pill", T = t || "Top", E = Zt[n] ? n : "bottom-right", D = h ? {
 		position: "fixed",
 		zIndex: 5,
 		bottom: (h.bottom ?? 0) + C,
@@ -2892,7 +3075,7 @@ function Bt({ variant: e, label: t, position: n, offset: r, showAfter: i, smooth
 	} : {
 		position: "fixed",
 		zIndex: 2147482e3,
-		...zt[E](C)
+		...Zt[E](C)
 	};
 	return /* @__PURE__ */ f("button", {
 		ref: x,
@@ -2923,9 +3106,9 @@ function Bt({ variant: e, label: t, position: n, offset: r, showAfter: i, smooth
 			opacity: +!!_,
 			pointerEvents: _ ? "auto" : "none",
 			transition: "opacity 160ms ease, transform 160ms ease",
-			...O,
-			...D(u),
-			...O.transform ? { transform: O.transform } : null
+			...D,
+			...P(u),
+			...D.transform ? { transform: D.transform } : null
 		},
 		children: [/* @__PURE__ */ d("svg", {
 			width: "18",
@@ -2943,7 +3126,7 @@ function Bt({ variant: e, label: t, position: n, offset: r, showAfter: i, smooth
 		}), w ? /* @__PURE__ */ d("span", { children: T }) : null]
 	});
 }
-var Vt = {
+var $t = {
 	facebook: {
 		label: "Facebook",
 		color: "#1877f2",
@@ -3010,8 +3193,8 @@ var Vt = {
 		d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
 	}
 };
-function Ht({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, style: o, nodeRef: s, inert: c }) {
-	let l = Array.isArray(e) ? e.filter((e) => e && Vt[e.network]) : [];
+function en({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, style: o, nodeRef: s, inert: c }) {
+	let l = Array.isArray(e) ? e.filter((e) => e && $t[e.network]) : [];
 	if (!l.length) return null;
 	let u = Math.min(Math.max(Number(r) || 18, 10), 64), f = Math.round(u * 1.9), p = Number.isFinite(Number(i)) ? Number(i) : 10, m = (e) => n === "accent" ? "var(--page-accent, #111827)" : n === "inherit" ? "currentColor" : e.color, h = c ? (e) => e.preventDefault() : void 0;
 	return /* @__PURE__ */ d("div", {
@@ -3021,10 +3204,10 @@ function Ht({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, s
 			flexWrap: "wrap",
 			alignItems: "center",
 			gap: p,
-			...D(o)
+			...P(o)
 		},
 		children: l.map((e, r) => {
-			let i = Vt[e.network], o = t !== "outline" && t !== "plain", s = o ? n === "accent" ? "var(--page-accent-text, #ffffff)" : n === "inherit" ? "var(--page-bg, #ffffff)" : "#ffffff" : m(i);
+			let i = $t[e.network], o = t !== "outline" && t !== "plain", s = o ? n === "accent" ? "var(--page-accent-text, #ffffff)" : n === "inherit" ? "var(--page-bg, #ffffff)" : "#ffffff" : m(i);
 			return /* @__PURE__ */ d("a", {
 				href: e.url || "#",
 				onClick: h,
@@ -3058,7 +3241,7 @@ function Ht({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, s
 		})
 	});
 }
-function Ut({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
+function tn({ 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,
@@ -3096,7 +3279,7 @@ function Ut({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 			flexDirection: r ? "column" : "row",
 			alignItems: r ? "stretch" : "flex-start",
 			gap: r ? 4 : 8,
-			...D(i)
+			...P(i)
 		},
 		children: e.map((e, n) => {
 			let i = n + 1, a = i < o ? "done" : i === o ? "active" : "todo";
@@ -3136,7 +3319,7 @@ function Ut({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 		})
 	});
 }
-var Wt = {
+var nn = {
 	small: {
 		w: 132,
 		h: 46,
@@ -3158,10 +3341,10 @@ var Wt = {
 		title: 12.5,
 		avatar: 46
 	}
-}, Gt = (e) => Wt[e] ?? Wt.medium;
-Wt.medium.w, Wt.medium.h;
-function Kt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
-	let r = Gt(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 = [];
+}, rn = (e) => nn[e] ?? nn.medium;
+nn.medium.w, nn.medium.h;
+function an(e, { size: t = "medium", horizontal: n = !1 } = {}) {
+	let r = rn(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;
@@ -3213,19 +3396,19 @@ function Kt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
 		horizontal: n
 	};
 }
-var qt = (e, t) => {
+var on = (e, t) => {
 	let n = String(e ?? "");
 	return n.length > t ? `${n.slice(0, t - 1)}…` : n;
-}, Jt = (e) => {
+}, sn = (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";
-}, Yt = (e) => !!(e?.cv?.trim?.() || e?.photo);
-function Xt(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 ? "" : W(e);
+}, cn = (e) => !!(e?.cv?.trim?.() || e?.photo);
+function ln(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 ? "" : J(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 {
@@ -3239,11 +3422,11 @@ function Xt(e, t = {}) {
 		};
 	});
 }
-var Zt = {
+var un = {
 	size: 36,
 	pad: 10
 };
-function Qt({ node: e, onClose: t }) {
+function dn({ node: e, onClose: t }) {
 	return a(() => {
 		let e = (e) => e.key === "Escape" && t();
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
@@ -3364,15 +3547,15 @@ function Qt({ node: e, onClose: t }) {
 		})
 	});
 }
-function $t({ 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: C, apiUrl: w } = i(V), T = i(H)?.[t], [E, O] = l(null);
+function fn({ 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: C, apiUrl: w } = i(K), T = i(q)?.[t], [E, D] = l(null);
 	a(() => {
 		if (!t || T) return;
 		let e = !0;
 		return fetch(`${w}/dynamic/${encodeURIComponent(t)}`, { headers: C ? { "x-tenant": C } : {} }).then((e) => e.json()).then((t) => {
 			let n = Array.isArray(t?.payload) ? t.payload : Array.isArray(t?.payload?.data) ? t.payload.data : [];
-			e && O(n);
-		}).catch(() => e && O([])), () => {
+			e && D(n);
+		}).catch(() => e && D([])), () => {
 			e = !1;
 		};
 	}, [
@@ -3381,18 +3564,18 @@ function $t({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 		w,
 		T
 	]);
-	let k = t ? Xt(T ?? E ?? [], {
+	let O = t ? ln(T ?? E ?? [], {
 		nameField: n,
 		titleField: r,
 		photoField: s,
 		parentField: c,
 		cvField: p,
 		hrefField: m
-	}) : e, A = Gt(h), { boxes: j, links: M, width: N, height: P } = Kt(k, {
+	}) : e, k = rn(h), { boxes: A, links: j, width: M, height: N } = an(O, {
 		size: h,
 		horizontal: g
 	});
-	if (!j.length) return !y && t ? /* @__PURE__ */ f("div", {
+	if (!A.length) return !y && t ? /* @__PURE__ */ f("div", {
 		ref: v,
 		style: {
 			padding: 18,
@@ -3401,7 +3584,7 @@ function $t({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 			fontSize: 13,
 			opacity: .7,
 			textAlign: "center",
-			...D(_)
+			...P(_)
 		},
 		children: [
 			"Org Chart — no published entries in “",
@@ -3409,32 +3592,32 @@ function $t({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 			"” yet"
 		]
 	}) : null;
-	let F = new Set(j.filter((e) => e.node.parent == null || e.node.parent === "").map((e) => e.node.id));
+	let F = new Set(A.filter((e) => e.node.parent == null || e.node.parent === "").map((e) => e.node.id));
 	return /* @__PURE__ */ f("div", {
 		ref: v,
 		style: {
 			maxWidth: "100%",
 			overflowX: "auto",
-			...D(_)
+			...P(_)
 		},
 		children: [/* @__PURE__ */ f("svg", {
-			viewBox: `0 0 ${N} ${P}`,
+			viewBox: `0 0 ${M} ${N}`,
 			role: "img",
 			"aria-label": "Organization chart",
 			style: {
 				display: "block",
 				width: "100%",
-				maxWidth: N,
+				maxWidth: M,
 				height: "auto",
 				margin: "0 auto"
 			},
-			children: [M.map((e, t) => /* @__PURE__ */ d("path", {
+			children: [j.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 ? Jt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? Jt(e.color2) : s, l = y && (Yt(e) || e.href), p = () => Yt(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + Zt.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);
+			}, t)), A.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 ? sn(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? sn(e.color2) : s, l = y && (cn(e) || e.href), p = () => cn(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + un.pad + k.avatar + 8 : t + k.w / 2, h = e.photo ? "start" : "middle", g = e.photo ? Math.floor((k.w - k.avatar - 26) / 7) : Math.floor(k.w / 7.6), _ = k.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,
@@ -3457,8 +3640,8 @@ function $t({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 						}), /* @__PURE__ */ d("rect", {
 							x: t,
 							y: n,
-							width: A.w,
-							height: A.h,
+							width: k.w,
+							height: k.h,
 							rx: "10",
 							fill: `url(#${b}-${e.id}-grad)`
 						})] }) : i ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("clipPath", {
@@ -3466,8 +3649,8 @@ function $t({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							children: /* @__PURE__ */ d("rect", {
 								x: t,
 								y: n,
-								width: A.w,
-								height: A.h,
+								width: k.w,
+								height: k.h,
 								rx: "10"
 							})
 						}), /* @__PURE__ */ f("g", {
@@ -3475,21 +3658,21 @@ function $t({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							children: [/* @__PURE__ */ d("rect", {
 								x: t,
 								y: n,
-								width: A.w,
+								width: k.w,
 								height: _,
 								fill: o
 							}), /* @__PURE__ */ d("rect", {
 								x: t,
 								y: n + _,
-								width: A.w,
-								height: A.h - _,
+								width: k.w,
+								height: k.h - _,
 								fill: e.color2
 							})]
 						})] }) : /* @__PURE__ */ d("rect", {
 							x: t,
 							y: n,
-							width: A.w,
-							height: A.h,
+							width: k.w,
+							height: k.h,
 							rx: "10",
 							fill: o,
 							stroke: a ? "none" : "var(--page-accent, #4f46e5)",
@@ -3498,63 +3681,63 @@ function $t({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 						e.photo && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("clipPath", {
 							id: `${b}-${e.id}`,
 							children: /* @__PURE__ */ d("circle", {
-								cx: t + Zt.pad + A.avatar / 2,
-								cy: n + A.h / 2,
-								r: A.avatar / 2
+								cx: t + un.pad + k.avatar / 2,
+								cy: n + k.h / 2,
+								r: k.avatar / 2
 							})
 						}), /* @__PURE__ */ d("image", {
 							href: e.photo,
-							x: t + Zt.pad,
-							y: n + (A.h - A.avatar) / 2,
-							width: A.avatar,
-							height: A.avatar,
+							x: t + un.pad,
+							y: n + (k.h - k.avatar) / 2,
+							width: k.avatar,
+							height: k.avatar,
 							preserveAspectRatio: "xMidYMid slice",
 							clipPath: `url(#${b}-${e.id})`
 						})] }),
 						i && !e.gradient ? /* @__PURE__ */ f(u, { children: [e.title && /* @__PURE__ */ d("text", {
 							x: m,
-							y: n + _ / 2 + A.title * .35,
+							y: n + _ / 2 + k.title * .35,
 							textAnchor: h,
-							fontSize: A.title,
+							fontSize: k.title,
 							fontWeight: "600",
 							fill: s,
-							children: qt(e.title, g + 4)
+							children: on(e.title, g + 4)
 						}), e.name && /* @__PURE__ */ d("text", {
 							x: m,
-							y: n + _ + _ / 2 + A.name * .35,
+							y: n + _ + _ / 2 + k.name * .35,
 							textAnchor: h,
-							fontSize: A.name,
+							fontSize: k.name,
 							fontWeight: "600",
 							fill: c,
-							children: qt(e.name, g)
+							children: on(e.name, g)
 						})] }) : /* @__PURE__ */ f(u, { children: [v[0] && /* @__PURE__ */ d("text", {
 							x: m,
-							y: n + (v[1] ? A.h * .43 : A.h * .57),
+							y: n + (v[1] ? k.h * .43 : k.h * .57),
 							textAnchor: h,
-							fontSize: A.name,
+							fontSize: k.name,
 							fontWeight: "600",
 							fill: s,
-							children: qt(v[0], g)
+							children: on(v[0], g)
 						}), v[1] && /* @__PURE__ */ d("text", {
 							x: m,
-							y: n + A.h * .73,
+							y: n + k.h * .73,
 							textAnchor: h,
-							fontSize: A.title,
+							fontSize: k.title,
 							opacity: "0.7",
 							fill: s,
-							children: qt(v[1], g + 4)
+							children: on(v[1], g + 4)
 						})] })
 					]
 				}, e.id);
 			})]
-		}), x && /* @__PURE__ */ d(Qt, {
+		}), x && /* @__PURE__ */ d(dn, {
 			node: x,
 			onClose: () => S(null)
 		})]
 	});
 }
-function en({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped: o = !0, bordered: s = !1, compact: c = !1, paged: u, emptyText: p, style: m, nodeRef: h }) {
-	let { tenant: g, apiUrl: _ } = i(V), v = i(H), y = v?.[n], b = u ? fe(v) : 1, [x, S] = l(null);
+function pn({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped: o = !0, bordered: s = !1, compact: c = !1, paged: u, emptyText: p, style: m, nodeRef: h }) {
+	let { tenant: g, apiUrl: _ } = i(K), v = i(q), y = v?.[n], b = u ? be(v) : 1, [x, S] = l(null);
 	if (a(() => {
 		if (!n || y) return;
 		let e = !0, t = Math.max(1, Number(r) || 10), i = u && !n.startsWith("api:") ? `?offset=${(b - 1) * t}&limit=${t}` : "", a = n.startsWith("api:") ? `${_}/data/${encodeURIComponent(n.slice(4))}` : `${_}/dynamic/${encodeURIComponent(n)}${i}`;
@@ -3573,45 +3756,45 @@ function en({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped:
 		b,
 		r
 	]), !e.length) return null;
-	let C = Math.max(1, Number(r) || 10), w = n ? u ? y || n.startsWith("api:") ? (y ?? x ?? []).slice((b - 1) * C, b * C) : (x ?? []).slice(0, C) : (y ?? x ?? []).slice(0, C) : null, T = w ? w.map((t) => e.map((e) => W(U(t?.data, e.field)))) : t, E = !!n && !(n && !y && x === null) && T.length === 0, O = c ? "6px 10px" : "10px 14px", k = "1px solid rgba(148, 163, 184, 0.35)", A = s ? { border: k } : { borderBottom: k };
+	let C = Math.max(1, Number(r) || 10), w = n ? u ? y || n.startsWith("api:") ? (y ?? x ?? []).slice((b - 1) * C, b * C) : (x ?? []).slice(0, C) : (y ?? x ?? []).slice(0, C) : null, T = w ? w.map((t) => e.map((e) => J(Te(t?.data, e.field)))) : t, E = !!n && !(n && !y && x === null) && T.length === 0, D = c ? "6px 10px" : "10px 14px", O = "1px solid rgba(148, 163, 184, 0.35)", k = s ? { border: O } : { borderBottom: O };
 	return /* @__PURE__ */ d("div", {
 		ref: h,
 		style: {
 			width: "100%",
 			overflowX: "auto",
-			...D(m)
+			...P(m)
 		},
 		children: /* @__PURE__ */ f("table", {
 			style: {
 				width: "100%",
 				borderCollapse: "collapse",
 				fontSize: 14,
-				...s ? { border: k } : {}
+				...s ? { border: O } : {}
 			},
 			children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ d("tr", { children: e.map((e, t) => /* @__PURE__ */ d("th", {
 				style: {
 					textAlign: "left",
 					fontWeight: 600,
-					padding: O,
+					padding: D,
 					background: "rgba(148, 163, 184, 0.12)",
-					...A
+					...k
 				},
 				children: e.label ?? e
 			}, t)) }) }), /* @__PURE__ */ f("tbody", { children: [E && /* @__PURE__ */ d("tr", { children: /* @__PURE__ */ d("td", {
 				colSpan: e.length,
 				style: {
-					padding: O,
+					padding: D,
 					textAlign: "center",
 					opacity: .6,
-					...A
+					...k
 				},
 				children: p || "No data yet"
 			}) }), T.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__ */ d("td", {
 					style: {
-						padding: O,
-						...A
+						padding: D,
+						...k
 					},
 					children: t?.[n] ?? ""
 				}, n))
@@ -3619,124 +3802,642 @@ function en({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped:
 		})
 	});
 }
-var tn = {
-	PageRoot: Te,
-	Section: Ee,
-	Container: De,
-	Heading: Oe,
-	TextBlock: ze,
-	ButtonBlock: He,
-	ImageBlock: Ue,
-	Spacer: Ye,
-	Divider: Xe,
-	SliderBlock: nt,
-	CanvasSlider: rt,
-	TabsBlock: ct,
-	QuickStack: Ot,
-	CollectionList: kt,
-	CollectionSearch: At,
-	BreadcrumbsBlock: jt,
-	PaginationBlock: Mt,
-	StepperBlock: Ut,
-	SocialLinksBlock: Ht,
-	ThemeModeBlock: It,
-	ScrollTopBlock: Bt,
-	OrgChartBlock: $t,
-	TableBlock: en,
-	MasonryBlock: it,
-	AccordionBlock: lt,
-	NavbarBlock: st,
-	ListBlock: Re,
-	TextSpan: je,
-	QuoteBlock: Le,
-	TextLink: Ve,
-	RichTextBlock: Fe,
-	RichContentBlock: Fe,
-	VideoBlock: We,
-	YouTubeBlock: Ke,
-	IframeBlock: qe,
-	EmbedBlock: Je,
-	FormBlock: _t,
-	FormLabel: xt,
-	FormInput: St,
-	FormTextarea: Ct,
-	FormCheckbox: (e) => /* @__PURE__ */ d(wt, {
+var mn = {
+	small: {
+		cell: 62,
+		font: 10.5,
+		head: 11,
+		title: 15,
+		pad: 4,
+		gap: 2
+	},
+	medium: {
+		cell: 92,
+		font: 12,
+		head: 12,
+		title: 18,
+		pad: 6,
+		gap: 3
+	},
+	large: {
+		cell: 124,
+		font: 13,
+		head: 13,
+		title: 22,
+		pad: 8,
+		gap: 4
+	}
+}, hn = (e) => `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`, gn = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), _n = 366;
+function vn(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 ? "" : J(e), a = (e) => {
+		let t = i(r(e)), n = t ? new Date(t) : null;
+		return n && !Number.isNaN(n.getTime()) ? n : null;
+	};
+	return n.map((e) => {
+		let n = e.data ?? {}, o = a(n[t.startField]);
+		return o ? {
+			key: e.id,
+			title: i(n[t.titleField || "name"]) || i(n.name) || "Untitled",
+			start: o,
+			end: a(n[t.endField]),
+			href: t.hrefField ? i(n[t.hrefField]) : "",
+			color: t.colorField ? i(r(n[t.colorField])) : ""
+		} : null;
+	}).filter(Boolean);
+}
+function yn(e) {
+	return (Array.isArray(e) ? e : []).map((e, t) => {
+		let n = e?.start ? new Date(e.start) : null;
+		if (!n || Number.isNaN(n.getTime())) return null;
+		let r = e?.end ? new Date(e.end) : null;
+		return {
+			key: e.key ?? `event-${t}`,
+			title: e.title ?? "",
+			start: n,
+			end: r && !Number.isNaN(r.getTime()) ? r : null,
+			href: e.href ?? "",
+			color: e.color ?? ""
+		};
+	}).filter(Boolean);
+}
+function bn(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		let e = gn(n.start), r = n.end ? gn(n.end) : e, i = Math.min(Math.max(0, Math.round((r - e) / 864e5)), _n);
+		for (let r = 0; r <= i; r += 1) {
+			let i = hn(new Date(e.getFullYear(), e.getMonth(), e.getDate() + r));
+			t.has(i) || t.set(i, []), t.get(i).push(n);
+		}
+	}
+	for (let e of t.values()) e.sort((e, t) => e.start - t.start);
+	return t;
+}
+function xn({ events: e = [], source: t = "", titleField: n = "", startField: r = "", endField: o = "", hrefField: s = "", colorField: c = "", variant: p = "month", size: m = "medium", accent: h = "", eventBg: g = "", eventText: _ = "", borderColor: v = "", weekStart: y = "monday", max: b = 3, emptyText: x = "No events", style: S, nodeRef: C, interactive: w = !0 }) {
+	let { tenant: T, apiUrl: E, locale: D } = i(K), O = i(q)?.[t], [k, A] = l(null), [j, M] = l(() => {
+		let e = /* @__PURE__ */ new Date();
+		return {
+			year: e.getFullYear(),
+			month: e.getMonth()
+		};
+	});
+	a(() => {
+		if (!t || O) return;
+		let e = !0;
+		return fetch(`${E}/dynamic/${encodeURIComponent(t)}`, { headers: T ? { "x-tenant": T } : {} }).then((e) => e.json()).then((t) => {
+			let n = Array.isArray(t?.payload) ? t.payload : Array.isArray(t?.payload?.data) ? t.payload.data : [];
+			e && A(n);
+		}).catch(() => e && A([])), () => {
+			e = !1;
+		};
+	}, [
+		t,
+		T,
+		E,
+		O
+	]);
+	let N = mn[m] ?? mn.medium, F = h || "var(--page-accent, #4f46e5)", I = v || "var(--page-border, rgba(148, 163, 184, 0.35))", L = g || F, R = _ || "var(--page-accent-text, #ffffff)", z = t ? vn(O ?? k ?? [], {
+		titleField: n,
+		startField: r,
+		endField: o,
+		hrefField: s,
+		colorField: c
+	}) : yn(e), B = bn(z), V = D || void 0, H = (e, t) => {
+		let n = /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("span", { style: {
+			width: 6,
+			height: 6,
+			borderRadius: "50%",
+			background: e.color || R,
+			flexShrink: 0,
+			opacity: e.color ? 1 : .85
+		} }), /* @__PURE__ */ d("span", {
+			style: {
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				whiteSpace: "nowrap"
+			},
+			children: e.title
+		})] }), r = {
+			display: "flex",
+			alignItems: "center",
+			gap: 5,
+			background: e.color ? `color-mix(in srgb, ${e.color} 18%, transparent)` : L,
+			color: e.color ? "inherit" : R,
+			borderRadius: 4,
+			padding: "2px 5px",
+			fontSize: N.font,
+			lineHeight: 1.35,
+			textDecoration: "none",
+			...t
+		};
+		return e.href && w ? /* @__PURE__ */ d("a", {
+			href: e.href,
+			style: r,
+			title: e.title,
+			children: n
+		}, e.key) : /* @__PURE__ */ d("div", {
+			style: r,
+			title: e.title,
+			children: n
+		}, e.key);
+	}, U = new Intl.DateTimeFormat(V, {
+		month: "long",
+		year: "numeric"
+	}).format(new Date(j.year, j.month, 1)), ee = (e) => M((t) => {
+		let n = new Date(t.year, t.month + e, 1);
+		return {
+			year: n.getFullYear(),
+			month: n.getMonth()
+		};
+	}), te = (e, t) => /* @__PURE__ */ d("button", {
+		type: "button",
+		"aria-label": e,
+		onClick: () => ee(t),
+		style: {
+			background: "transparent",
+			border: `1px solid ${I}`,
+			borderRadius: 6,
+			color: "inherit",
+			cursor: "pointer",
+			fontSize: N.head,
+			lineHeight: 1,
+			padding: "4px 8px"
+		},
+		children: t < 0 ? "‹" : "›"
+	}), W = /* @__PURE__ */ f("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			marginBottom: N.pad + 2
+		},
+		children: [
+			/* @__PURE__ */ d("div", {
+				style: {
+					fontSize: N.title,
+					fontWeight: 700,
+					flexGrow: 1,
+					fontFamily: "var(--page-heading-font, inherit)"
+				},
+				children: U
+			}),
+			te("Previous month", -1),
+			te("Next month", 1)
+		]
+	});
+	if (p === "list") {
+		let e = z.filter((e) => e.start.getFullYear() === j.year && e.start.getMonth() === j.month).sort((e, t) => e.start - t.start), t = new Intl.DateTimeFormat(V, {
+			day: "numeric",
+			month: "short",
+			hour: "2-digit",
+			minute: "2-digit"
+		});
+		return /* @__PURE__ */ f("div", {
+			ref: C,
+			style: {
+				width: "100%",
+				...P(S)
+			},
+			children: [W, e.length ? /* @__PURE__ */ d("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: N.gap + 2
+				},
+				children: e.map((e) => /* @__PURE__ */ f("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 10,
+						borderBottom: `1px solid ${I}`,
+						paddingBottom: N.gap + 2
+					},
+					children: [/* @__PURE__ */ d("span", {
+						style: {
+							fontSize: N.font,
+							opacity: .7,
+							minWidth: 96
+						},
+						children: t.format(e.start)
+					}), H(e, {
+						flexGrow: 1,
+						minWidth: 0
+					})]
+				}, e.key))
+			}) : /* @__PURE__ */ d("div", {
+				style: {
+					fontSize: N.font,
+					opacity: .6,
+					padding: N.pad * 2
+				},
+				children: x
+			})]
+		});
+	}
+	let ne = new Date(j.year, j.month, 1), re = y === "sunday" ? 0 : 1, ie = (ne.getDay() - re + 7) % 7, ae = new Date(j.year, j.month + 1, 0).getDate(), oe = Math.ceil((ie + ae) / 7), se = hn(/* @__PURE__ */ new Date()), ce = new Intl.DateTimeFormat(V, { weekday: "short" }), G = [];
+	for (let e = 0; e < oe * 7; e += 1) {
+		let t = e - ie + 1, n = t >= 1 && t <= ae, r = hn(new Date(j.year, j.month, t)), i = n ? B.get(r) ?? [] : [], a = i.slice(0, Math.max(1, b)), o = n && r === se;
+		G.push(/* @__PURE__ */ f("div", {
+			style: {
+				minHeight: N.cell,
+				borderTop: `1px solid ${I}`,
+				borderLeft: `1px solid ${I}`,
+				padding: N.pad,
+				display: "flex",
+				flexDirection: "column",
+				gap: N.gap,
+				opacity: n ? 1 : .35,
+				minWidth: 0
+			},
+			children: [
+				/* @__PURE__ */ d("span", {
+					style: {
+						fontSize: N.font,
+						fontWeight: o ? 700 : 400,
+						alignSelf: "flex-start",
+						borderRadius: "999px",
+						padding: o ? "1px 6px" : 0,
+						background: o ? F : "transparent",
+						color: o ? R : "inherit"
+					},
+					children: n ? t : new Date(j.year, j.month, t).getDate()
+				}),
+				a.map((e) => H(e)),
+				i.length > a.length && /* @__PURE__ */ d("span", {
+					style: {
+						fontSize: N.font,
+						opacity: .6
+					},
+					children: `+${i.length - a.length}`
+				})
+			]
+		}, e));
+	}
+	return /* @__PURE__ */ f("div", {
+		ref: C,
+		style: {
+			width: "100%",
+			...P(S)
+		},
+		children: [
+			W,
+			/* @__PURE__ */ f("div", {
+				style: {
+					display: "grid",
+					gridTemplateColumns: "repeat(7, minmax(0, 1fr))"
+				},
+				children: [Array.from({ length: 7 }, (e, t) => /* @__PURE__ */ d("div", {
+					style: {
+						fontSize: N.head,
+						fontWeight: 600,
+						opacity: .7,
+						textAlign: "center",
+						padding: `0 0 ${N.pad}px`
+					},
+					children: ce.format(new Date(2024, 0, 7 + re + t))
+				}, `head-${t}`)), G]
+			}),
+			/* @__PURE__ */ d("div", { style: { borderTop: `1px solid ${I}` } })
+		]
+	});
+}
+var Sn = {
+	small: 380,
+	medium: 560,
+	large: 820,
+	full: "100%"
+};
+function Cn({ dialogId: e = "", trigger: t = "button", triggerLabel: n = "Open", openOn: r = "trigger", delay: i = 0, size: o = "medium", title: s = "", showClose: u = !0, backdropClose: p = !0, position: m = "center", actions: h = [], showCloseAction: g = !1, closeLabel: _ = "Close", actionsAlign: v = "right", linked: y, style: b, nodeRef: x, inert: S = !1 }) {
+	let [C, w] = l(!1), T = c(null);
+	a(() => {
+		if (S || !e) return;
+		let t = (t) => {
+			t.target.closest?.(`a[href="#${e}"], [data-webim-open="${e}"]`) && (t.preventDefault(), w(!0));
+		};
+		return document.addEventListener("click", t), () => document.removeEventListener("click", t);
+	}, [S, e]), a(() => {
+		if (S || r !== "load") return;
+		let e = setTimeout(() => w(!0), Math.max(0, Number(i) || 0) * 1e3);
+		return () => clearTimeout(e);
+	}, [
+		S,
+		r,
+		i
+	]), a(() => {
+		if (S || !C) return;
+		let e = (e) => e.key === "Escape" && w(!1);
+		document.addEventListener("keydown", e);
+		let t = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", T.current?.focus?.(), () => {
+			document.removeEventListener("keydown", e), document.body.style.overflow = t;
+		};
+	}, [S, C]);
+	let E = Sn[o] ?? Sn.medium, D = (e) => {
+		let t = {
+			padding: "9px 16px",
+			borderRadius: 6,
+			cursor: "pointer",
+			fontSize: 14,
+			fontFamily: "inherit",
+			textDecoration: "none",
+			display: "inline-block",
+			...{
+				primary: {
+					background: "var(--page-accent, #4f46e5)",
+					color: "var(--page-accent-text, #ffffff)",
+					border: "1px solid transparent"
+				},
+				outline: {
+					background: "transparent",
+					color: "inherit",
+					border: "1px solid var(--page-border, rgba(148, 163, 184, 0.35))"
+				},
+				text: {
+					background: "transparent",
+					color: "inherit",
+					border: "1px solid transparent"
+				},
+				danger: {
+					background: "#dc2626",
+					color: "#ffffff",
+					border: "1px solid transparent"
+				}
+			}[e.variant ?? "primary"] ?? {}
+		};
+		return e.href && !S ? /* @__PURE__ */ d("a", {
+			href: e.href,
+			target: e.target || void 0,
+			rel: e.target === "_blank" ? "noopener noreferrer" : void 0,
+			style: t,
+			children: e.label
+		}, e.key) : /* @__PURE__ */ d("button", {
+			type: "button",
+			onClick: () => !S && w(!1),
+			style: t,
+			children: e.label
+		}, e.key);
+	}, O = Array.isArray(h) ? h : [], k = O.filter((e) => e.side === "left"), A = O.filter((e) => e.side !== "left"), j = g === !0 ? D({
+		key: "__close",
+		label: _ || "Close",
+		variant: "outline"
+	}) : null, M = k.length || A.length || j ? /* @__PURE__ */ f("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			padding: "14px 20px",
+			borderTop: "1px solid var(--page-border, rgba(148, 163, 184, 0.35))",
+			justifyContent: k.length ? "space-between" : v === "left" ? "flex-start" : v === "center" ? "center" : "flex-end"
+		},
+		children: [k.length > 0 && /* @__PURE__ */ d("div", {
+			style: {
+				display: "flex",
+				gap: 8
+			},
+			children: k.map(D)
+		}), /* @__PURE__ */ f("div", {
+			style: {
+				display: "flex",
+				gap: 8
+			},
+			children: [j, A.map(D)]
+		})]
+	}) : null, N = /* @__PURE__ */ f("div", {
+		ref: T,
+		role: "dialog",
+		"aria-modal": S ? void 0 : "true",
+		"aria-label": s || void 0,
+		tabIndex: -1,
+		onClick: (e) => e.stopPropagation(),
+		style: {
+			width: typeof E == "number" ? `min(${E}px, 100%)` : E,
+			maxHeight: S ? void 0 : "85vh",
+			overflowY: S ? void 0 : "auto",
+			borderRadius: 12,
+			background: "var(--page-surface, #ffffff)",
+			color: "var(--page-text, #111827)",
+			border: "1px solid var(--page-border, rgba(148, 163, 184, 0.35))",
+			boxShadow: S ? "none" : "0 24px 64px rgba(15, 23, 42, 0.35)",
+			outline: "none",
+			...P(b)
+		},
+		children: [
+			(s || u !== !1) && /* @__PURE__ */ f("div", {
+				style: {
+					display: "flex",
+					alignItems: "center",
+					gap: 12,
+					padding: "16px 20px",
+					borderBottom: "1px solid var(--page-border, rgba(148, 163, 184, 0.35))"
+				},
+				children: [/* @__PURE__ */ d("span", {
+					style: {
+						fontWeight: 700,
+						fontSize: 17,
+						flexGrow: 1,
+						fontFamily: "var(--page-heading-font, inherit)"
+					},
+					children: s
+				}), u !== !1 && /* @__PURE__ */ d("button", {
+					type: "button",
+					"aria-label": "Close",
+					onClick: () => !S && w(!1),
+					style: {
+						background: "transparent",
+						border: 0,
+						color: "inherit",
+						cursor: "pointer",
+						fontSize: 20,
+						lineHeight: 1,
+						padding: 2,
+						opacity: .7
+					},
+					children: "✕"
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				style: { padding: 20 },
+				children: y?.content
+			}),
+			M
+		]
+	});
+	return /* @__PURE__ */ f("div", {
+		ref: x,
+		id: e || void 0,
+		style: S ? void 0 : { display: "contents" },
+		children: [t === "button" && /* @__PURE__ */ d("button", {
+			type: "button",
+			onClick: () => !S && w(!0),
+			style: {
+				padding: "10px 18px",
+				border: 0,
+				borderRadius: 6,
+				cursor: "pointer",
+				fontSize: 15,
+				fontFamily: "inherit",
+				background: "var(--page-accent, #4f46e5)",
+				color: "var(--page-accent-text, #ffffff)"
+			},
+			children: n
+		}), S ? /* @__PURE__ */ d("div", {
+			style: { marginTop: t === "button" ? 12 : 0 },
+			children: N
+		}) : C && /* @__PURE__ */ d("div", {
+			onClick: p === !1 ? void 0 : () => w(!1),
+			style: {
+				position: "fixed",
+				inset: 0,
+				zIndex: 2147483e3,
+				display: "flex",
+				alignItems: m === "top" ? "flex-start" : "center",
+				justifyContent: "center",
+				padding: 20,
+				paddingTop: m === "top" ? "8vh" : 20,
+				background: "rgba(15, 23, 42, 0.55)",
+				backdropFilter: "blur(2px)"
+			},
+			children: N
+		})]
+	});
+}
+var wn = {
+	PageRoot: Pe,
+	CalendarBlock: xn,
+	DialogBlock: Cn,
+	Section: Fe,
+	Container: Ie,
+	Heading: Le,
+	TextBlock: Je,
+	ButtonBlock: Ze,
+	ImageBlock: Qe,
+	Spacer: it,
+	Divider: at,
+	SliderBlock: dt,
+	CanvasSlider: ft,
+	TabsBlock: vt,
+	QuickStack: zt,
+	CollectionList: Bt,
+	CollectionSearch: Vt,
+	BreadcrumbsBlock: Ht,
+	PaginationBlock: Ut,
+	StepperBlock: tn,
+	SocialLinksBlock: en,
+	ThemeModeBlock: Jt,
+	ScrollTopBlock: Qt,
+	OrgChartBlock: fn,
+	TableBlock: pn,
+	MasonryBlock: pt,
+	AccordionBlock: yt,
+	NavbarBlock: _t,
+	ListBlock: qe,
+	TextSpan: Be,
+	QuoteBlock: Ke,
+	TextLink: Xe,
+	RichTextBlock: We,
+	RichContentBlock: We,
+	VideoBlock: $e,
+	YouTubeBlock: tt,
+	IframeBlock: nt,
+	EmbedBlock: rt,
+	FormBlock: Dt,
+	FormLabel: Mt,
+	FormInput: Nt,
+	FormTextarea: Pt,
+	FormCheckbox: (e) => /* @__PURE__ */ d(Ft, {
 		kind: "checkbox",
 		...e
 	}),
-	FormRadio: (e) => /* @__PURE__ */ d(wt, {
+	FormRadio: (e) => /* @__PURE__ */ d(Ft, {
 		kind: "radio",
 		...e
 	}),
-	FormSelect: Tt,
-	FormFile: Et,
-	FormRecaptcha: bt,
-	FormSubmit: Dt
-}, nn = {
+	FormSelect: It,
+	FormFile: Lt,
+	FormRecaptcha: jt,
+	FormSubmit: Rt
+}, Tn = {
 	id: "auth",
 	label: "Accounts",
 	category: "Apps",
 	keys: ["SiteLoginForm", "SiteAccountMenu"],
 	ssr: "shell",
 	settings: ["site.authRedirect"]
-}, rn = n({
+}, En = n({
 	user: null,
 	status: "idle",
 	ensure: () => {},
 	refresh: () => {},
 	signOut: () => {}
-}), an = () => {
-	let e = i(rn);
+}), Dn = () => {
+	let e = i(En);
 	return a(() => {
 		e.ensure();
 	}, [e]), e;
 };
-function on({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o }) {
-	let u = i(V), 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}`, {
+function On({ children: e, initialUser: t, disabled: n, apiUrl: o, tenant: u }) {
+	let f = i(K), p = o || f?.apiUrl || "/api", m = u || f?.tenant || "", [h, g] = l(t ?? null), [_, v] = l(t ? "user" : n ? "guest" : "idle"), y = c(!1), b = r((e, t) => fetch(`${p}${e}`, {
 		...t,
 		credentials: "include",
 		headers: {
 			"content-type": "application/json",
-			...p ? { "x-tenant": p } : {},
+			...m ? { "x-tenant": m } : {},
 			...t?.headers
 		}
-	}), [f, p]), b = r(() => n ? Promise.resolve(null) : y("/site/me").then((e) => e.ok ? e.json() : null).then((e) => {
+	}), [p, m]), x = r(() => n ? Promise.resolve(null) : b("/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)), [y, n]), x = r(() => y("/site/logout", { method: "post" }).catch(() => {}).then(() => {
-		h(null), _("guest");
-	}), [y]), S = r(() => {
-		v.current || n || t || (v.current = !0, _("loading"), b());
+		return g(t), v(t ? "user" : "guest"), t;
+	}).catch(() => (g(null), v("guest"), null)), [b, n]), S = r(() => b("/site/logout", { method: "post" }).catch(() => {}).then(() => {
+		g(null), v("guest");
+	}), [b]), C = r(() => {
+		y.current || n || t || (y.current = !0, v("loading"), x());
 	}, [
 		n,
 		t,
-		b
-	]), C = s(() => ({
-		user: m,
-		status: g,
-		ensure: S,
-		refresh: b,
-		signOut: x
-	}), [
-		m,
-		g,
-		S,
-		b,
 		x
+	]), w = s(() => ({
+		user: h,
+		status: _,
+		ensure: C,
+		refresh: x,
+		signOut: S
+	}), [
+		h,
+		_,
+		C,
+		x,
+		S
 	]);
-	return /* @__PURE__ */ d(rn.Provider, {
-		value: C,
+	return a(() => {
+		n || typeof window > "u" || (window.webim = {
+			...window.webim,
+			user: h,
+			status: _,
+			requireUser: () => y.current || t ? Promise.resolve(h) : x(),
+			signOut: S
+		}, window.dispatchEvent(new CustomEvent("webim:session", { detail: {
+			user: h,
+			status: _
+		} })));
+	}, [
+		n,
+		h,
+		_,
+		t,
+		x,
+		S
+	]), /* @__PURE__ */ d(En.Provider, {
+		value: w,
 		children: e
 	});
 }
-function sn({ when: e, children: t }) {
-	let { status: n } = an();
+function kn({ when: e, children: t }) {
+	let { status: n } = Dn();
 	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 cn({ 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(V), [v, y] = l("form"), [b, x] = l(""), [S, C] = l(!1), w = e === "register", T = u ? m || "form" : v, E = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
+function An({ 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(K), [v, y] = l("form"), [b, x] = l(""), [S, C] = l(!1), w = e === "register", T = u ? m || "form" : v, E = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", D = async (e) => {
 		if (e.preventDefault(), u) return;
 		let n = new FormData(e.currentTarget);
 		C(!0), x("");
@@ -3772,11 +4473,11 @@ function cn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 			display: "grid",
 			gap: 12,
 			maxWidth: 360,
-			...D(s)
+			...P(s)
 		},
 		children: [
 			/* @__PURE__ */ f("form", {
-				onSubmit: O,
+				onSubmit: D,
 				style: {
 					display: T === "form" ? "grid" : "none",
 					gap: 10
@@ -3784,20 +4485,20 @@ function cn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 				children: [
 					w ? /* @__PURE__ */ f("label", {
 						style: {
-							...q,
+							...Z,
 							display: "grid",
 							gap: 6
 						},
 						children: [a, /* @__PURE__ */ d("input", {
 							name: "name",
 							type: "text",
-							style: J,
-							...Y(u)
+							style: Q,
+							...$(u)
 						})]
 					}) : null,
 					/* @__PURE__ */ f("label", {
 						style: {
-							...q,
+							...Z,
 							display: "grid",
 							gap: 6
 						},
@@ -3805,13 +4506,13 @@ function cn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 							name: "email",
 							type: "email",
 							required: !u,
-							style: J,
-							...Y(u)
+							style: Q,
+							...$(u)
 						})]
 					}),
 					/* @__PURE__ */ f("label", {
 						style: {
-							...q,
+							...Z,
 							display: "grid",
 							gap: 6
 						},
@@ -3819,15 +4520,15 @@ function cn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 							name: "password",
 							type: "password",
 							required: !u,
-							style: J,
-							...Y(u)
+							style: Q,
+							...$(u)
 						})]
 					}),
 					/* @__PURE__ */ d("button", {
 						type: u ? "button" : "submit",
 						disabled: S || void 0,
 						style: {
-							...G,
+							...Y,
 							border: 0,
 							padding: "10px 22px",
 							borderRadius: 8,
@@ -3859,8 +4560,8 @@ function cn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 		]
 	});
 }
-function ln({ 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 } = an(), p = a ? s || "user" : l, m = a ? {
+function jn({ 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 } = Dn(), p = a ? s || "user" : l, m = a ? {
 		name: "Ada Lovelace",
 		email: "ada@example.com"
 	} : c;
@@ -3868,7 +4569,7 @@ function ln({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 		ref: i,
 		style: {
 			minHeight: 24,
-			...D(r)
+			...P(r)
 		}
 	}) : p === "user" ? /* @__PURE__ */ f("div", {
 		ref: i,
@@ -3876,12 +4577,12 @@ function ln({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 			display: "flex",
 			alignItems: "center",
 			gap: 10,
-			...D(r)
+			...P(r)
 		},
 		children: [
 			/* @__PURE__ */ f("span", {
 				style: {
-					...q,
+					...Z,
 					fontWeight: 600
 				},
 				children: [
@@ -3892,7 +4593,7 @@ function ln({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 			}),
 			n && m?.email ? /* @__PURE__ */ d("span", {
 				style: {
-					...q,
+					...Z,
 					opacity: .7
 				},
 				children: m.email
@@ -3901,14 +4602,14 @@ function ln({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 				type: "button",
 				onClick: a ? void 0 : u,
 				style: {
-					...G,
+					...Y,
 					border: 0,
 					padding: "8px 16px",
 					borderRadius: 8,
 					fontSize: 14,
 					cursor: a ? "default" : "pointer"
 				},
-				...Y(a),
+				...$(a),
 				children: t
 			})
 		]
@@ -3918,47 +4619,47 @@ function ln({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 			display: "flex",
 			alignItems: "center",
 			gap: 10,
-			...D(r)
+			...P(r)
 		},
 		children: o?.signedOut ?? null
 	});
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/consent/manifest.js
-var un = {
+var Mn = {
 	id: "consent",
 	label: "Cookie consent",
 	category: "Apps",
 	keys: ["CookieConsent"],
 	ssr: "shell",
 	settings: []
-}, dn = "webim.cookie_consent";
-function fn() {
+}, Nn = "webim.cookie_consent";
+function Pn() {
 	try {
-		let e = window.localStorage.getItem(dn), t = e ? JSON.parse(e) : null;
+		let e = window.localStorage.getItem(Nn), t = e ? JSON.parse(e) : null;
 		return t?.choice === "accepted" || t?.choice === "declined" ? t.choice : "";
 	} catch {
 		return "";
 	}
 }
-function pn(e) {
+function Fn(e) {
 	try {
 		document.querySelectorAll(".webim-page").forEach((t) => t.setAttribute("data-webim-consent", e));
 	} catch {}
 }
-function mn(e) {
+function In(e) {
 	try {
-		window.localStorage.setItem(dn, JSON.stringify({
+		window.localStorage.setItem(Nn, JSON.stringify({
 			choice: e,
 			at: (/* @__PURE__ */ new Date()).toISOString()
 		}));
 	} catch {}
-	pn(e);
+	Fn(e);
 	try {
 		window.dispatchEvent(new CustomEvent("webim:consent", { detail: { choice: e } }));
 	} catch {}
 }
-var hn = {
+var Ln = {
 	bottom: {
 		left: 0,
 		right: 0,
@@ -3980,21 +4681,18 @@ var hn = {
 		maxWidth: 400
 	}
 };
-function gn({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLabel: i, linkHref: o, position: s, linked: c, style: p, nodeRef: m, inert: h }) {
+function Rn({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLabel: i, linkHref: o, position: s, linked: c, style: p, nodeRef: m, inert: h }) {
 	let [g, _] = l(!!h), [v, y] = l(null), b = (e) => {
 		y(e), typeof m == "function" && m(e);
 	};
 	if (a(() => {
 		if (h) return;
-		let e = fn();
-		if (e) {
-			let t = v?.closest?.(".webim-page");
-			t && t.setAttribute("data-webim-consent", e);
-		} else _(!0);
+		let e = Pn();
+		e ? Fn(e) : _(!0);
 	}, [h, v]), !g) return null;
 	let x = (e) => () => {
-		h || (mn(e, v), _(!1));
-	}, S = hn[s] ?? hn.bottom, C = {
+		h || (In(e), _(!1));
+	}, S = Ln[s] ?? Ln.bottom, C = {
 		appearance: "none",
 		font: "inherit",
 		fontSize: 14,
@@ -4026,7 +4724,7 @@ function gn({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLab
 			boxShadow: "0 8px 30px rgba(15, 23, 42, 0.18)",
 			fontSize: 14,
 			lineHeight: 1.5,
-			...D(p)
+			...P(p)
 		},
 		children: [/* @__PURE__ */ f("div", {
 			style: {
@@ -4074,31 +4772,251 @@ function gn({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLab
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/language/manifest.js
-var _n = {
+var zn = {
 	id: "language",
 	label: "Language",
 	category: "Apps",
 	keys: ["SiteLanguagePicker"],
 	ssr: "prefetch",
 	settings: ["locales"]
-};
+}, Bn = {
+	id: "search",
+	label: "Search",
+	category: "Apps",
+	keys: ["SiteSearch"],
+	ssr: "prefetch",
+	settings: []
+}, Vn = 50, Hn = 2e3;
+function Un() {
+	return typeof window > "u" ? "" : new URLSearchParams(window.location.search).get("q") ?? "";
+}
+function Wn(e, t) {
+	let n = e?.data ?? {}, r = [];
+	for (let e of Object.values(n)) {
+		let t = e == null ? "" : J(e);
+		if (t && r.push(t), r.join(" ").length > Hn) break;
+	}
+	return r.join(" ").slice(0, Hn).toLocaleLowerCase(t || void 0);
+}
+function Gn({ placeholder: e = "Search…", buttonLabel: t = "Search", showButton: n = !0, live: r = !1, layout: o = "inline", includePages: s = !0, collections: u = [], limit: p = 10, emptyText: m = "Nothing found", hint: h = "", style: g, nodeRef: _, inert: v = !1, sample: y = !1 }) {
+	let { tenant: b, apiUrl: x, locale: S } = i(K), [C, w] = l(() => Un()), [T, E] = l(() => Un()), [D, O] = l(null), [k, A] = l(!1), j = c(null), M = o === "popup";
+	a(() => {
+		let e = () => {
+			let e = Un();
+			w(e), E(e);
+		};
+		return window.addEventListener("popstate", e), window.addEventListener("webim:urlchange", e), () => {
+			window.removeEventListener("popstate", e), window.removeEventListener("webim:urlchange", e);
+		};
+	}, []), a(() => {
+		if (!r) return;
+		let e = setTimeout(() => {
+			w(T), T.trim() && A(!0);
+		}, 200);
+		return () => clearTimeout(e);
+	}, [r, T]), a(() => {
+		if (!M) return;
+		let e = (e) => {
+			j.current && !j.current.contains(e.target) && A(!1);
+		}, t = (e) => e.key === "Escape" && A(!1);
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [M]), a(() => {
+		let e = !0, t = b ? { "x-tenant": b } : {}, n = (e) => fetch(`${x}${e}`, { headers: t }).then((e) => e.json()).then((e) => e?.payload).catch(() => null), r = [s ? n("/site/pages").then((e) => ({
+			kind: "page",
+			rows: Array.isArray(e) ? e : []
+		})) : null, ...(Array.isArray(u) ? u : []).filter(Boolean).map((e) => n(`/dynamic/${encodeURIComponent(e)}?all=1${S ? `&locale=${encodeURIComponent(S)}` : ""}`).then((t) => ({
+			kind: "entry",
+			slug: e,
+			rows: Array.isArray(t) ? t : Array.isArray(t?.data) ? t.data : []
+		})))].filter(Boolean);
+		return Promise.all(r).then((t) => e && O(t)), () => {
+			e = !1;
+		};
+	}, [
+		x,
+		b,
+		S,
+		s,
+		JSON.stringify(u)
+	]);
+	let N = C.trim().toLocaleLowerCase(S || void 0), F = [];
+	if (N && D) for (let e of D) if (e.kind === "page") for (let t of e.rows) {
+		if (t?.access && t.access !== "public") continue;
+		let e = String(t?.title ?? "");
+		`${e} ${t?.slug ?? ""}`.toLocaleLowerCase(S || void 0).includes(N) && F.push({
+			key: `page:${t.slug}`,
+			title: e || t.slug,
+			url: `/${t.slug}`,
+			kind: "page"
+		});
+	}
+	else for (let t of e.rows) {
+		if (!Wn(t, S).includes(N)) continue;
+		let n = t?.data ?? {}, r = J(n.name) || "Untitled", i = J(n.slug);
+		F.push({
+			key: `entry:${t.id}`,
+			title: r,
+			url: i ? `/${e.slug}/${i}` : `/${e.slug}`,
+			kind: "entry"
+		});
+	}
+	let I = F.slice(0, Math.min(Math.max(1, p), Vn)), L = (e) => {
+		if (v) {
+			e.preventDefault(), w(T), A(!0);
+			return;
+		}
+		if (typeof window > "u" || !window.history?.pushState) return;
+		e.preventDefault();
+		let t = new URLSearchParams(window.location.search);
+		T.trim() ? t.set("q", T.trim()) : t.delete("q"), t.delete("page");
+		let n = t.toString();
+		window.history.pushState({}, "", `${window.location.pathname}${n ? `?${n}` : ""}`), window.dispatchEvent(new Event("webim:urlchange")), A(!0);
+	}, R = y && !N ? [{
+		key: "sample-1",
+		title: "About us",
+		url: "/about",
+		kind: "page"
+	}, {
+		key: "sample-2",
+		title: "Spring collection",
+		url: "/blog/spring",
+		kind: "entry"
+	}] : null, z = R ?? I, B = !R && N && D && !I.length, V = !M || k && (z.length > 0 || B), H = z.length > 0 && /* @__PURE__ */ d("ul", {
+		style: {
+			listStyle: "none",
+			margin: 0,
+			padding: 0,
+			display: "flex",
+			flexDirection: "column",
+			gap: 2
+		},
+		children: z.map((e) => /* @__PURE__ */ d("li", { children: /* @__PURE__ */ f("a", {
+			href: v ? void 0 : e.url,
+			style: {
+				display: "block",
+				padding: "10px 12px",
+				borderRadius: 6,
+				color: "inherit",
+				textDecoration: "none",
+				border: M ? 0 : "1px solid var(--page-border, rgba(148, 163, 184, 0.35))"
+			},
+			children: [/* @__PURE__ */ d("span", {
+				style: {
+					display: "block",
+					fontWeight: 600
+				},
+				children: e.title
+			}), /* @__PURE__ */ d("span", {
+				style: {
+					display: "block",
+					fontSize: 12,
+					opacity: .6
+				},
+				children: e.url
+			})]
+		}) }, e.key))
+	});
+	return /* @__PURE__ */ d("div", {
+		ref: _,
+		style: {
+			width: "100%",
+			...P(g)
+		},
+		children: /* @__PURE__ */ f("div", {
+			ref: j,
+			style: { position: "relative" },
+			children: [
+				/* @__PURE__ */ f("form", {
+					method: "get",
+					onSubmit: L,
+					style: {
+						display: "flex",
+						gap: 8,
+						alignItems: "center"
+					},
+					children: [/* @__PURE__ */ d("input", {
+						type: "search",
+						name: "q",
+						value: T,
+						placeholder: e,
+						onChange: (e) => E(e.target.value),
+						onFocus: () => N && A(!0),
+						style: {
+							...Q,
+							flexGrow: 1,
+							minWidth: 0
+						}
+					}), n !== !1 && /* @__PURE__ */ d("button", {
+						type: "submit",
+						style: {
+							padding: "10px 16px",
+							border: 0,
+							borderRadius: 6,
+							cursor: "pointer",
+							fontSize: 14,
+							fontFamily: "inherit",
+							background: "var(--page-accent, #4f46e5)",
+							color: "var(--page-accent-text, #ffffff)"
+						},
+						children: t
+					})]
+				}),
+				h && /* @__PURE__ */ d("div", {
+					style: {
+						fontSize: 13,
+						opacity: .65,
+						marginTop: 6
+					},
+					children: h
+				}),
+				V && /* @__PURE__ */ f("div", {
+					style: M ? {
+						position: "absolute",
+						top: "100%",
+						left: 0,
+						right: 0,
+						zIndex: 30,
+						marginTop: 6,
+						padding: 6,
+						maxHeight: 320,
+						overflowY: "auto",
+						borderRadius: 8,
+						border: "1px solid var(--page-border, rgba(148, 163, 184, 0.35))",
+						background: "var(--page-surface, #f2f2f2)",
+						boxShadow: "0 12px 32px rgba(15, 23, 42, 0.18)"
+					} : { marginTop: 14 },
+					children: [H, B && /* @__PURE__ */ d("div", {
+						style: {
+							fontSize: 14,
+							opacity: .65,
+							padding: M ? "10px 12px" : 0
+						},
+						children: m
+					})]
+				})
+			]
+		})
+	});
+}
 //#endregion
 //#region ../ui/src/components/builder/apps/language/views.jsx
-function vn(e) {
+function Kn(e) {
 	let t = e?.locales, n = [typeof t?.default == "string" && t.default.trim() ? t.default.trim() : "", ...Array.isArray(t?.enabled) ? t.enabled : []].filter((e) => typeof e == "string" && e.trim());
 	return [...new Set(n.map((e) => e.trim()))];
 }
-var yn = (e) => e && e.charAt(0).toUpperCase() + e.slice(1);
-function bn(e, t) {
+var qn = (e) => e && e.charAt(0).toUpperCase() + e.slice(1);
+function Jn(e, t) {
 	let n = String(e ?? "").toUpperCase();
 	if (t === "code") return n;
 	let r = "";
 	try {
-		r = yn(new Intl.DisplayNames([e], { type: "language" }).of(e) ?? "");
+		r = qn(new Intl.DisplayNames([e], { type: "language" }).of(e) ?? "");
 	} catch {}
 	return !r || r.toUpperCase() === n ? n : t === "both" ? `${n} — ${r}` : r;
 }
-function xn(e, t) {
+function Yn(e, t) {
 	let n = t ? "" : `?locale=${encodeURIComponent(e)}`;
 	if (typeof window > "u") return n || "?";
 	try {
@@ -4108,12 +5026,12 @@ function xn(e, t) {
 		return n || "/";
 	}
 }
-function Sn({ variant: e, display: t, separator: n, label: r, style: a, nodeRef: o, inert: s }) {
-	let c = i(V), l = vn(c?.settings), u = l[0] ?? "", p = l.includes(c?.locale) ? c.locale : u, m = {
+function Xn({ variant: e, display: t, separator: n, label: r, style: a, nodeRef: o, inert: s }) {
+	let c = i(K), l = Kn(c?.settings), u = l[0] ?? "", p = l.includes(c?.locale) ? c.locale : u, m = {
 		display: "inline-flex",
 		alignItems: "center",
 		gap: 8,
-		...D(a)
+		...P(a)
 	};
 	if (l.length < 2) return s ? /* @__PURE__ */ d("div", {
 		ref: o,
@@ -4144,7 +5062,7 @@ function Sn({ variant: e, display: t, separator: n, label: r, style: a, nodeRef:
 				style: { opacity: .4 },
 				children: n ?? "·"
 			}), /* @__PURE__ */ d("a", {
-				href: xn(e, e === u),
+				href: Yn(e, e === u),
 				hrefLang: e,
 				"aria-current": e === p ? "true" : void 0,
 				onClick: s ? (e) => e.preventDefault() : void 0,
@@ -4154,7 +5072,7 @@ function Sn({ variant: e, display: t, separator: n, label: r, style: a, nodeRef:
 					textDecoration: "none",
 					cursor: s ? "default" : "pointer"
 				},
-				children: bn(e, t)
+				children: Jn(e, t)
 			})]
 		}, e))]
 	}) : /* @__PURE__ */ f("div", {
@@ -4165,7 +5083,7 @@ function Sn({ variant: e, display: t, separator: n, label: r, style: a, nodeRef:
 			value: p,
 			onChange: s ? void 0 : (e) => {
 				let t = e.target.value;
-				window.location.assign(xn(t, t === u));
+				window.location.assign(Yn(t, t === u));
 			},
 			onKeyDown: s ? (e) => e.preventDefault() : void 0,
 			style: {
@@ -4179,55 +5097,57 @@ function Sn({ variant: e, display: t, separator: n, label: r, style: a, nodeRef:
 			},
 			children: l.map((e) => /* @__PURE__ */ d("option", {
 				value: e,
-				children: bn(e, t)
+				children: Jn(e, t)
 			}, e))
 		})]
 	});
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/index.js
-var Cn = [
-	nn,
-	_n,
-	un
-], wn = {
-	SiteLoginForm: cn,
-	SiteAccountMenu: ln,
-	SiteLanguagePicker: Sn,
-	CookieConsent: gn
+var Zn = [
+	Tn,
+	zn,
+	Mn,
+	Bn
+], Qn = {
+	SiteLoginForm: An,
+	SiteAccountMenu: jn,
+	SiteLanguagePicker: Xn,
+	CookieConsent: Rn,
+	SiteSearch: Gn
 };
-new Set(Cn.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
+new Set(Zn.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
 //#endregion
 //#region ../ui/src/components/builder/plugins/runtime.js
-var Tn = /* @__PURE__ */ new Map();
-function En(e) {
-	if (Tn.has(e)) return Tn.get(e);
+var $n = /* @__PURE__ */ new Map();
+function er(e) {
+	if ($n.has(e)) return $n.get(e);
 	let t = URL.createObjectURL(new Blob([e], { type: "text/javascript" })), n = import(
 		/* @vite-ignore */
 		/* webpackIgnore: true */
 		t
 ).finally(() => URL.revokeObjectURL(t));
-	return Tn.set(e, n), n;
+	return $n.set(e, n), n;
 }
-function Dn(e) {
+function tr(e) {
 	let t = e && typeof e == "object" ? e.builder_plugins : null, n = t && typeof t == "object" ? t.plugins : null;
 	return n && typeof n == "object" ? n : {};
 }
 //#endregion
 //#region ../ui/src/components/builder/plugins/view.jsx
-async function On(e, t) {
-	let n = await En(e);
+async function nr(e, t) {
+	let n = await er(e);
 	return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
 }
-var kn = {
+var rr = {
 	padding: "10px 12px",
 	border: "1px dashed rgba(148, 163, 184, 0.5)",
 	borderRadius: 8,
 	fontSize: 12,
 	opacity: .6
 };
-function An({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
-	let s = i(V), l = Dn(s?.settings)[e], u = c(null), p = c(null), m = {
+function ir({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
+	let s = i(K), l = tr(s?.settings)[e], u = c(null), p = c(null), m = {
 		tenant: s?.tenant ?? "",
 		apiUrl: s?.apiUrl ?? "/api",
 		locale: s?.locale ?? "",
@@ -4239,7 +5159,7 @@ function An({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 		let e = u.current;
 		if (!l?.code || !e) return;
 		let n = !0;
-		return On(l.code, t).then((e) => {
+		return nr(l.code, t).then((e) => {
 			if (!(!n || !e || !u.current)) {
 				p.current = e;
 				try {
@@ -4264,13 +5184,13 @@ function An({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 		} catch {}
 	}, [g]), l ? /* @__PURE__ */ d("div", {
 		ref: o,
-		style: D(r),
+		style: P(r),
 		children: /* @__PURE__ */ d("div", { ref: u })
 	}) : /* @__PURE__ */ f("div", {
 		ref: o,
 		style: {
-			...kn,
-			...D(r)
+			...rr,
+			...P(r)
 		},
 		children: [
 			"Plugin “",
@@ -4281,12 +5201,12 @@ function An({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 }
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var jn = {
-	...tn,
+var ar = {
 	...wn,
-	PluginBlock: An
+	...Qn,
+	PluginBlock: ir
 };
-function Q(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
+function or(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 ?? {};
@@ -4294,111 +5214,113 @@ function Q(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__ */ d(t, { children: Q(s.template.rootId, s.template.nodes, r, c, a) }, e);
+		return /* @__PURE__ */ d(t, { children: or(s.template.rootId, s.template.nodes, r, c, a) }, e);
 	}
-	let l = jn[s];
+	let l = ar[s];
 	if (!l) return null;
-	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, {
+	let u = (o.nodes ?? []).map((e) => or(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, or(t, n, r, i, a)])) : void 0, m = /* @__PURE__ */ d(l, {
 		...c,
 		...s === "CollectionList" ? { templateId: o.linkedNodes?.card } : null,
 		linked: p,
 		nodeRef: (t) => {
-			t && (t.setAttribute("data-wb", e), M(t, c));
+			t && (t.setAttribute("data-wb", e), te(t, c), ee(t, a?.events === !1 ? [] : c.events));
 		},
 		children: u.length ? u : void 0
 	}, e);
-	return c.when && c.when !== "always" ? /* @__PURE__ */ d(sn, {
+	return c.when && c.when !== "always" ? /* @__PURE__ */ d(kn, {
 		when: c.when,
 		children: m
 	}, e) : m;
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var Mn = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), Nn = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(B(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
-.webim-page[data-webim-mode="dark"] { ${Object.entries(B(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
-function Pn({ 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: _ }) {
-	let v = o?.js?.trim();
+var sr = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), cr = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(he(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
+.webim-page[data-webim-mode="dark"] { ${Object.entries(he(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
+function lr({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: o, animations: c, tenant: l, apiUrl: u, datasets: p, locale: m, direction: g, settings: _, siteUser: v }) {
+	let y = o?.js?.trim();
 	if (a(() => {
-		if (!v) return;
+		if (!y) return;
 		let e = document.createElement("script");
-		return e.text = v, document.body.appendChild(e), () => e.remove();
-	}, [v]), !e?.ROOT) return null;
-	let y = {
-		lang: p || void 0,
-		dir: h(m, p)
-	}, x = ".webim-page, .webim-page *, .webim-page *::before, .webim-page *::after { box-sizing: border-box; }", S = {
+		return e.text = y, document.body.appendChild(e), () => e.remove();
+	}, [y]), !e?.ROOT) return null;
+	let b = {
+		lang: m || void 0,
+		dir: h(g, m)
+	}, x = ".webim-page, .webim-page *, .webim-page *::before, .webim-page *::after { box-sizing: border-box; }", C = {
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, w = Q("ROOT", e, n), T = s(() => ({ render: (t, r) => Q(t, e, n, void 0, { mapProps: r }) }), [e, n]), E = ie(e, n), D = re(e, n), O = o?.css?.trim(), k = se(t), A = [k.font, k.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !z[e]), j = [.../* @__PURE__ */ new Set([...C(e, n), ...A])].map((e) => /* @__PURE__ */ d("link", {
+	}, w = or("ROOT", e, n), T = s(() => ({ render: (t, r) => or(t, e, n, void 0, { mapProps: r }) }), [e, n]), E = ce(e, n), O = se(e, n), k = o?.css?.trim(), j = S(c), M = me(t), N = [M.font, M.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !de[e]), P = [.../* @__PURE__ */ new Set([...A(e, n), ...N])].map((e) => /* @__PURE__ */ d("link", {
 		rel: "stylesheet",
 		precedence: "default",
-		href: b(e)
-	}, e)), M = Nn(k);
-	return r === "auto" ? /* @__PURE__ */ d(V.Provider, {
+		href: D(e)
+	}, e)), F = cr(M);
+	return r === "auto" ? /* @__PURE__ */ d(K.Provider, {
 		value: {
-			tenant: c || "",
-			apiUrl: l || "/api",
-			locale: p || "",
-			settings: g ?? null
+			tenant: l || "",
+			apiUrl: u || "/api",
+			locale: m || "",
+			settings: _ ?? null
 		},
-		children: /* @__PURE__ */ d(on, {
-			initialUser: _,
-			children: /* @__PURE__ */ d(H.Provider, {
-				value: u ?? null,
-				children: /* @__PURE__ */ d(he.Provider, {
+		children: /* @__PURE__ */ d(On, {
+			initialUser: v,
+			children: /* @__PURE__ */ d(q.Provider, {
+				value: p ?? null,
+				children: /* @__PURE__ */ d(Ce.Provider, {
 					value: T,
 					children: /* @__PURE__ */ f("div", {
-						...y,
+						...b,
 						className: "webim-page",
 						style: {
-							...S,
-							...ce(t),
+							...C,
+							...ge(t),
 							...i
 						},
 						children: [
-							/* @__PURE__ */ d("style", { children: `.webim-page { ${Mn(B(k.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${Mn(B(k.dark))} } }` }),
-							/* @__PURE__ */ d("style", { children: M }),
-							j,
+							/* @__PURE__ */ d("style", { children: `.webim-page { ${sr(he(M.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${sr(he(M.dark))} } }` }),
+							/* @__PURE__ */ d("style", { children: F }),
+							P,
 							/* @__PURE__ */ d("style", { children: x }),
 							E && /* @__PURE__ */ d("style", { children: E }),
-							D && /* @__PURE__ */ d("style", { children: D }),
 							O && /* @__PURE__ */ d("style", { children: O }),
+							k && /* @__PURE__ */ d("style", { children: k }),
 							w
 						]
 					})
 				})
 			})
 		})
-	}) : /* @__PURE__ */ d(V.Provider, {
+	}) : /* @__PURE__ */ d(K.Provider, {
 		value: {
-			tenant: c || "",
-			apiUrl: l || "/api",
-			locale: p || "",
-			settings: g ?? null
+			tenant: l || "",
+			apiUrl: u || "/api",
+			locale: m || "",
+			settings: _ ?? null
 		},
-		children: /* @__PURE__ */ d(on, {
-			initialUser: _,
-			children: /* @__PURE__ */ d(H.Provider, {
-				value: u ?? null,
-				children: /* @__PURE__ */ d(he.Provider, {
+		children: /* @__PURE__ */ d(On, {
+			initialUser: v,
+			children: /* @__PURE__ */ d(q.Provider, {
+				value: p ?? null,
+				children: /* @__PURE__ */ d(Ce.Provider, {
 					value: T,
 					children: /* @__PURE__ */ f("div", {
-						...y,
+						...b,
 						className: "webim-page",
 						style: {
-							...S,
-							...le(t, r),
+							...C,
+							..._e(t, r),
 							...i
 						},
 						children: [
-							j,
-							/* @__PURE__ */ d("style", { children: M }),
+							P,
+							/* @__PURE__ */ d("style", { children: F }),
 							/* @__PURE__ */ d("style", { children: x }),
 							E && /* @__PURE__ */ d("style", { children: E }),
-							D && /* @__PURE__ */ d("style", { children: D }),
 							O && /* @__PURE__ */ d("style", { children: O }),
+							j && /* @__PURE__ */ d("style", { children: j }),
+							j && /* @__PURE__ */ d("style", { children: j }),
+							k && /* @__PURE__ */ d("style", { children: k }),
 							w
 						]
 					})
@@ -4409,25 +5331,26 @@ function Pn({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function Fn({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ d(Pn, {
+function ur({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ d(lr, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
 		custom: e.custom,
+		animations: e.animations,
 		tenant: e.tenant,
 		apiUrl: e.apiUrl,
 		datasets: e.datasets,
 		locale: e.locale,
 		direction: e.direction,
 		settings: e.settings,
-		mode: de(t, e.scheme),
+		mode: ye(t, e.scheme),
 		style: n
 	}) : null;
 }
 //#endregion
 //#region src/bundle.js
-function In({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function dr({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -4437,9 +5360,10 @@ function In({ 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: ue(o, a.builder_themes?.themes),
+		theme: ve(o, a.builder_themes?.themes),
 		components: a.builder_components?.components ?? {},
 		custom: o.custom,
+		animations: o.animations,
 		seo: o.seo,
 		direction: o.direction,
 		scheme: o.scheme,
@@ -4452,26 +5376,31 @@ function In({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var Ln = async (e) => {
+var fr = 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 Rn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
+async function pr({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
 	if (!e) throw Error("fetchPage: apiUrl is required");
 	if (!n) throw Error("fetchPage: slug is required");
 	let c = s ?? fetch, l = e.replace(/\/$/, ""), u = {
 		...t ? { "x-tenant": t } : {},
 		...a ? { authorization: `Bearer ${a}` } : {}
-	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(Ln), c(`${l}/settings/public`, { headers: u }).then(Ln)]), p = In({
+	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(fr), c(`${l}/settings/public`, { headers: u }).then(fr)]), p = dr({
 		page: d,
 		settings: f,
 		tenant: t,
 		apiUrl: l,
 		locale: r
-	}), m = [...new Set(Object.values(p.blocks ?? {}).map((e) => e?.type?.resolvedName === "CollectionList" ? e.props?.collection : e?.type?.resolvedName === "TableBlock" || e?.type?.resolvedName === "OrgChartBlock" ? e.props?.source : null).filter(Boolean))];
+	}), m = [...new Set(Object.values(p.blocks ?? {}).map((e) => e?.type?.resolvedName === "CollectionList" ? e.props?.collection : [
+		"TableBlock",
+		"OrgChartBlock",
+		"NavbarBlock",
+		"CalendarBlock"
+	].includes(e?.type?.resolvedName) ? e.props?.source : null).filter(Boolean))];
 	if (m.length) {
-		let e = (e) => e.startsWith("api:") ? `${l}/data/${encodeURIComponent(e.slice(4))}` : `${l}/dynamic/${encodeURIComponent(e)}?all=1${r ? `&locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(m.map((t) => c(e(t), { headers: u }).then(Ln).then((e) => {
+		let e = (e) => e.startsWith("api:") ? `${l}/data/${encodeURIComponent(e.slice(4))}` : `${l}/dynamic/${encodeURIComponent(e)}?all=1${r ? `&locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(m.map((t) => c(e(t), { headers: u }).then(fr).then((e) => {
 			let n = Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : [], r = Number(e?.total?.filtered ?? e?.total?.all ?? n.length);
 			return [[t, n], [`${t}:total`, Number.isFinite(r) ? r : n.length]];
 		}).catch(() => [[t, []]])));
@@ -4485,40 +5414,40 @@ async function Rn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 }
 //#endregion
 //#region src/ssr.jsx
-var $ = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
+var mr = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
 	"&": "&amp;",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;"
 })[e]);
-function zn(t, { mode: n = "auto", style: r } = {}) {
-	return e(/* @__PURE__ */ d(Fn, {
+function hr(t, { mode: n = "auto", style: r } = {}) {
+	return e(/* @__PURE__ */ d(ur, {
 		bundle: t,
 		mode: n,
 		style: r
 	}));
 }
-function Bn(e, { mode: t = "auto", lang: n } = {}) {
+function gr(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>${$(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)}"/>`,
+		`<title>${mr(o)}</title>`,
+		r.description && `<meta name="description" content="${mr(r.description)}"/>`,
+		`<meta property="og:title" content="${mr(o)}"/>`,
+		r.image && `<meta property="og:image" content="${mr(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="${$(i)}"${a ? ` dir="${a}"` : ""}>
+<html lang="${mr(i)}"${a ? ` dir="${a}"` : ""}>
 <head>
 ${c}
 </head>
 <body>
-${zn(e, { mode: t })}
+${hr(e, { mode: t })}
 ${s ? `<script>${s.replaceAll("<\/script", "<\\/script")}<\/script>` : ""}
 </body>
 </html>`;
 }
 //#endregion
-export { In as assembleBundle, Rn as fetchPage, zn as renderBundleHtml, Bn as renderPageDocument };
+export { dr as assembleBundle, pr as fetchPage, hr as renderBundleHtml, gr as renderPageDocument };