webim-adapter 0.28.0 → 1.0.0

package/build/webim-adapter.js

@@ -162,124 +162,219 @@ function y(e, t) {
 	return [...n].sort();
 }
 //#endregion
+//#region ../ui/src/components/builder/animations.js
+var b = [
+	"linear",
+	"ease",
+	"ease-in",
+	"ease-out",
+	"ease-in-out"
+], x = (e) => {
+	let t = String(e ?? "").trim();
+	if (!t) return null;
+	let n = Number(t);
+	return Number.isFinite(n) ? n : null;
+};
+function S(e) {
+	let t = [], n = [], r = x(e?.opacity), i = x(e?.x), a = x(e?.y), o = x(e?.scale), s = x(e?.rotate), c = x(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 C = (e) => `wb-anim-${String(e).replace(/[^\w-]/g, "")}`, w = (e) => `--wb-anim-${String(e).replace(/[^\w-]/g, "")}`;
+function T(e, t) {
+	if (!e || !Array.isArray(t)) return;
+	let n = window.getComputedStyle(e), r = t.map((e) => n.getPropertyValue(w(e)).trim()).filter(Boolean);
+	r.length && (e.style.animation = "none", e.offsetWidth, e.style.animation = r.join(", "));
+}
+function E(e) {
+	return Array.isArray(e) ? e.map((e) => {
+		let t = String(e?.id ?? "").replace(/[^\w-]/g, "");
+		if (!t) return "";
+		let n = C(t), r = S(e.from), i = S(e.to);
+		if (!r && !i) return "";
+		let a = Math.max(0, x(e.duration) ?? 400), o = Math.max(0, x(e.delay) ?? 0), s = `${n} ${a}ms ${b.includes(e.easing) ? e.easing : "ease-out"} ${o}ms ${e.loop ? "infinite" : "1"} both`;
+		return [
+			`@keyframes ${n} { from { ${r} } to { ${i} } }`,
+			`:root { ${w(t)}: ${s}; }`,
+			`.${n} { animation: ${s}; }`
+		].join("\n");
+	}).filter(Boolean).join("\n") : "";
+}
+//#endregion
 //#region ../ui/src/components/builder/styles.js
-var b = /* @__PURE__ */ new Set(/* @__PURE__ */ "marginTop.marginRight.marginBottom.marginLeft.paddingTop.paddingRight.paddingBottom.paddingLeft.gap.rowGap.columnGap.flexBasis.fontSize.borderRadius.borderTopLeftRadius.borderTopRightRadius.borderBottomRightRadius.borderBottomLeftRadius.borderWidth.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.letterSpacing.textDecorationThickness.textUnderlineOffset.top.right.bottom.left".split(".")), x = (e) => typeof e == "number" || typeof e == "string" && e.trim() !== "" && !Number.isNaN(Number(e)) ? `${Number(e)}px` : e, S = [
+var D = /* @__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(".")), O = (e) => typeof e == "number" || typeof e == "string" && e.trim() !== "" && !Number.isNaN(Number(e)) ? `${Number(e)}px` : e, k = [
 	"borderWidth",
 	"borderStyle",
 	"borderColor",
 	"borderRadius",
 	"gap"
 ];
-function C(e) {
+function A(e) {
 	let t = {};
-	for (let n of S) {
+	for (let n of k) {
 		let r = e?.[n];
-		r != null && r !== "" && (t[n] = b.has(n) ? x(r) : r);
+		r != null && r !== "" && (t[n] = D.has(n) ? O(r) : r);
 	}
-	for (let [n, r] of Object.entries(e || {})) r == null || r === "" || S.includes(n) || (t[n] = b.has(n) ? x(r) : r);
+	for (let [n, r] of Object.entries(e || {})) r == null || r === "" || k.includes(n) || (t[n] = D.has(n) ? O(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) => `${x(e.x ?? 0)} ${x(e.y ?? 0)} ${x(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) => `${O(e.x ?? 0)} ${O(e.y ?? 0)} ${O(e.blur ?? 0)} ${e.color || "rgba(0, 0, 0, 0.35)"}`);
 	[
 		s,
 		c,
 		l,
 		u
-	].some((e) => e !== void 0) && d.push(`${x(s ?? 0)} ${x(c ?? 0)} ${x(l ?? 0)} ${u || "rgba(0, 0, 0, 0.35)"}`), d.length && (t.textShadow = d.join(", "));
-	let f = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}deg` : e, p = (e) => e.type === "move" ? `translate(${x(e.x ?? 0)}, ${x(e.y ?? 0)})` : e.type === "scale" ? `scale(${e.v ?? 1})` : e.type === "rotate" ? `rotate(${f(e.a ?? 0)})` : e.type === "skew" ? `skew(${f(e.x ?? 0)}, ${f(e.y ?? 0)})` : null, { transforms: m, translateX: h, translateY: g, scale: _, rotate: v, skewX: y, skewY: C } = t;
+	].some((e) => e !== void 0) && d.push(`${O(s ?? 0)} ${O(c ?? 0)} ${O(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(${O(e.x ?? 0)}, ${O(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 w = (Array.isArray(m) ? m : []).filter((e) => e && e.on !== !1).map(p).filter(Boolean);
-	(h !== void 0 || g !== void 0) && w.push(`translate(${x(h ?? 0)}, ${x(g ?? 0)})`), _ !== void 0 && w.push(`scale(${_})`), v !== void 0 && w.push(`rotate(${f(v)})`), (y !== void 0 || C !== void 0) && w.push(`skew(${f(y ?? 0)}, ${f(C ?? 0)})`), w.length && (t.transform = w.join(" "));
-	let T = (e) => `${e.inset ? "inset " : ""}${x(e.x ?? 0)} ${x(e.y ?? 0)} ${x(e.blur ?? 0)} ${x(e.spread ?? 0)} ${e.color || "rgba(15, 23, 42, 0.2)"}`, { shadows: E, boxShadowX: D, boxShadowY: O, boxShadowBlur: k, boxShadowSpread: A, boxShadowColor: j, boxShadowInset: M } = t;
+	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(${O(h ?? 0)}, ${O(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 " : ""}${O(e.x ?? 0)} ${O(e.y ?? 0)} ${O(e.blur ?? 0)} ${O(e.spread ?? 0)} ${e.color || "rgba(15, 23, 42, 0.2)"}`, { shadows: C, boxShadowX: w, boxShadowY: T, boxShadowBlur: E, boxShadowSpread: A, boxShadowColor: j, boxShadowInset: M } = t;
 	delete t.shadows, delete t.boxShadowX, delete t.boxShadowY, delete t.boxShadowBlur, delete t.boxShadowSpread, delete t.boxShadowColor, delete t.boxShadowInset;
-	let N = (Array.isArray(E) ? E : []).filter((e) => e && e.on !== !1).map(T);
+	let N = (Array.isArray(C) ? C : []).filter((e) => e && e.on !== !1).map(S);
 	[
-		D,
-		O,
-		k,
+		w,
+		T,
+		E,
 		A,
 		j,
 		M
-	].some((e) => e !== void 0) && N.push(T({
-		x: D,
-		y: O,
-		blur: k,
+	].some((e) => e !== void 0) && N.push(S({
+		x: w,
+		y: T,
+		blur: E,
 		spread: A,
 		color: j,
 		inset: M
 	})), N.length && (t.boxShadow = N.join(", "));
-	let P = (e) => e.type === "blur" ? `blur(${x(e.v ?? 0)})` : e.type === "hue-rotate" ? `hue-rotate(${f(e.v ?? 0)})` : `${e.type}(${e.v ?? 100}%)`, F = (e) => (Array.isArray(e) ? e : []).filter((e) => e && e.on !== !1 && e.type).map(P), { filters: I, backdropFilters: L, filterBlur: R, filterGrayscale: z, filterBrightness: ee, filterContrast: te, filterSaturate: B } = t;
+	let P = (e) => e.type === "blur" ? `blur(${O(e.v ?? 0)})` : e.type === "hue-rotate" ? `hue-rotate(${f(e.v ?? 0)})` : `${e.type}(${e.v ?? 100}%)`, F = (e) => (Array.isArray(e) ? e : []).filter((e) => e && e.on !== !1 && e.type).map(P), { filters: I, backdropFilters: L, filterBlur: R, filterGrayscale: z, filterBrightness: ee, filterContrast: B, filterSaturate: V } = t;
 	delete t.filters, delete t.backdropFilters, delete t.filterBlur, delete t.filterGrayscale, delete t.filterBrightness, delete t.filterContrast, delete t.filterSaturate;
-	let V = F(I);
-	R !== void 0 && V.push(`blur(${x(R)})`), z !== void 0 && V.push(`grayscale(${z}%)`), ee !== void 0 && V.push(`brightness(${ee}%)`), te !== void 0 && V.push(`contrast(${te}%)`), B !== void 0 && V.push(`saturate(${B}%)`), V.length && (t.filter = V.join(" "));
-	let ne = F(L);
-	ne.length && (t.backdropFilter = ne.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
-	let { textStrokeWidth: re, textStrokeColor: ie } = t;
-	delete t.textStrokeWidth, delete t.textStrokeColor, (re !== void 0 || ie !== void 0) && (t.WebkitTextStroke = `${x(re ?? 1)} ${ie || "currentColor"}`);
-	let { clipText: ae } = t;
-	delete t.clipText, ae && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
-	let { transitions: oe, transitionDuration: H, transitionEasing: se, transitionProperty: ce } = t, le = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
+	let H = F(I);
+	R !== void 0 && H.push(`blur(${O(R)})`), z !== void 0 && H.push(`grayscale(${z}%)`), ee !== void 0 && H.push(`brightness(${ee}%)`), B !== void 0 && H.push(`contrast(${B}%)`), V !== void 0 && H.push(`saturate(${V}%)`), H.length && (t.filter = H.join(" "));
+	let te = F(L);
+	te.length && (t.backdropFilter = te.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
+	let { textStrokeWidth: ne, textStrokeColor: re } = t;
+	delete t.textStrokeWidth, delete t.textStrokeColor, (ne !== void 0 || re !== void 0) && (t.WebkitTextStroke = `${O(ne ?? 1)} ${re || "currentColor"}`);
+	let { clipText: ie } = t;
+	delete t.clipText, ie && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
+	let { transitions: ae, transitionDuration: oe, transitionEasing: U, transitionProperty: W } = 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 ue = (Array.isArray(oe) ? oe : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${le(e.duration ?? 200)} ${e.easing || "ease"}`);
-	if (H !== void 0 && ue.push(`${ce || "all"} ${le(H)} ${se || "ease"}`), ue.length && (t.transition = ue.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 G = (Array.isArray(ae) ? ae : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${se(e.duration ?? 200)} ${e.easing || "ease"}`);
+	if (oe !== void 0 && G.push(`${W || "all"} ${se(oe)} ${U || "ease"}`), G.length && (t.transition = G.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: U, overlayOpacity: W } = t;
-	if (delete t.overlayColor, delete t.overlayOpacity, U) {
-		let e = `color-mix(in srgb, ${U} ${W ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
+	let { overlayColor: ce, overlayOpacity: le } = t;
+	if (delete t.overlayColor, delete t.overlayOpacity, ce) {
+		let e = `color-mix(in srgb, ${ce} ${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: G } = t;
+	let { backgroundLayers: ue } = t;
 	delete t.backgroundLayers;
-	let de = (Array.isArray(G) ? G : []).filter((e) => e && e.on !== !1);
-	if (de.length) {
+	let K = (Array.isArray(ue) ? ue : []).filter((e) => e && e.on !== !1);
+	if (K.length) {
 		let e = [], n = [], r = [], i = [], a = [];
-		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");
+		for (let t of K) 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" ? `${x(t.w ?? "auto")} ${x(t.h ?? "auto")}` : t.size || "cover"), r.push(`${x(t.posX ?? 0)} ${x(t.posY ?? 0)}`), i.push(t.repeat || "no-repeat"), a.push(t.fixed ? "fixed" : "scroll");
+			e.push(`url("${t.src}")`), n.push(t.size === "custom" ? `${O(t.w ?? "auto")} ${O(t.h ?? "auto")}` : t.size || "cover"), r.push(`${O(t.posX ?? 0)} ${O(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 w = {
+var j = {
 	hover: ":hover",
 	pressed: ":active",
 	focused: ":focus"
-}, T = /* @__PURE__ */ new Set([
+}, M = /* @__PURE__ */ new Set([
 	"style",
 	"class",
 	"id",
 	"data-wb",
 	"data-wb-class",
 	"data-slot"
-]), E = (e) => /^[a-zA-Z_][\w-]*$/.test(e) && !/^on/i.test(e) && !T.has(e.toLowerCase());
-function D(e, t, n = []) {
+]), N = (e) => /^[a-zA-Z_][\w-]*$/.test(e) && !/^on/i.test(e) && !M.has(e.toLowerCase()), P = (e) => [...new Set(String(e ?? "").split(/\s+/).map((e) => e.replace(/^\./, "")).filter((e) => /^-?[_a-zA-Z][\w-]*$/.test(e)))], F = [
+	"click",
+	"dblclick",
+	"mouseenter",
+	"mouseleave",
+	"mousemove",
+	"focus",
+	"blur",
+	"input",
+	"change",
+	"submit",
+	"keydown",
+	"inview"
+], I = ["load", "pagescroll"], L = [...F, ...I], R = /^[A-Za-z_$][\w$]*$/;
+function z(e, t) {
+	let n = String(t ?? "").trim();
+	if (!n) return [e];
+	let r = e.closest?.(".webim-page") ?? 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 (!L.includes(t) || (i ? !a.length : !R.test(o))) continue;
+		let s = (t) => {
+			if (i) {
+				for (let t of z(e, r?.target)) T(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" ? (window.addEventListener("scroll", s, { passive: !0 }), n.push(() => window.removeEventListener("scroll", s))) : (e.addEventListener(t, s), n.push(() => e.removeEventListener(t, s)));
+	}
+	e.__webimEvents = n;
+}
+function B(e, t, n = []) {
 	t.htmlId ? e.id = t.htmlId : e.removeAttribute("id");
+	let r = P(t.classNames), i = P(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");
 	for (let t of n) e.removeAttribute(t);
-	let r = [];
+	let a = [];
 	for (let n of t.attributes ?? []) {
 		let t = String(n?.name ?? "").trim();
-		E(t) && (e.setAttribute(t, n.value ?? ""), r.push(t));
+		N(t) && (e.setAttribute(t, n.value ?? ""), a.push(t));
 	}
-	return r;
+	return a;
 }
-var O = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
-function k(e, t, n, r = !1) {
-	let i = Object.entries(C(t)).map(([e, t]) => `${O(e)}: ${t} !important;`).join(" ");
+var V = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+function H(e, t, n, r = !1) {
+	let i = Object.entries(A(t)).map(([e, t]) => `${V(e)}: ${t} !important;`).join(" ");
 	return i ? `[data-wb="${e}"]${r ? "" : n} { ${i} }` : "";
 }
-function A(e, t, n) {
-	return Object.entries(w).map(([r, i]) => k(e, t?.[r], i, n === r)).filter(Boolean).join("\n");
+function te(e, t, n) {
+	return Object.entries(j).map(([r, i]) => H(e, t?.[r], i, n === r)).filter(Boolean).join("\n");
 }
-var j = [
+var ne = [
 	{
 		key: "tablet",
 		max: 991
@@ -292,17 +387,17 @@ var j = [
 		key: "mobile",
 		max: 478
 	}
-], M = (e) => Object.entries(C(e)).map(([e, t]) => `${O(e)}: ${t} !important;`).join(" ");
-function N(e, t) {
-	return j.map(({ key: n, max: r }) => {
-		let i = t?.[n] ? M(t[n]) : "";
+], re = (e) => Object.entries(A(e)).map(([e, t]) => `${V(e)}: ${t} !important;`).join(" ");
+function ie(e, t) {
+	return ne.map(({ key: n, max: r }) => {
+		let i = t?.[n] ? re(t[n]) : "";
 		return i ? `@media (max-width: ${r}px) { [data-wb="${e}"] { ${i} } }` : "";
 	}).filter(Boolean).join("\n");
 }
-function P(e, t) {
+function ae(e, t) {
 	let n = [], r = (e) => {
 		for (let [t, r] of Object.entries(e || {})) {
-			let e = N(t, r.props);
+			let e = ie(t, r.props);
 			e && n.push(e);
 		}
 	};
@@ -310,10 +405,10 @@ function P(e, t) {
 	for (let e of Object.values(t || {})) r(e.template?.nodes);
 	return n.join("\n");
 }
-function F(e, t) {
+function oe(e, t) {
 	let n = [], r = (e) => {
 		for (let [t, r] of Object.entries(e || {})) {
-			let e = A(t, r.props);
+			let e = te(t, r.props);
 			e && n.push(e);
 		}
 	};
@@ -321,7 +416,7 @@ function F(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 U = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", W = {
 	light: {
 		background: "#f2f2f2",
 		surface: "#f2f2f2",
@@ -362,23 +457,23 @@ var I = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 			contrastText: "#052e2b"
 		}
 	}
-}, R = {
+}, se = {
 	font: "system",
 	headingFont: "inherit",
-	light: L.light,
-	dark: L.dark
-}, z = {
+	light: W.light,
+	dark: W.dark
+}, G = {
 	system: {
 		label: "System",
-		value: I
+		value: U
 	},
 	inter: {
 		label: "Inter",
-		value: `"Inter", ${I}`
+		value: `"Inter", ${U}`
 	},
 	outfit: {
 		label: "Outfit",
-		value: `"Outfit", ${I}`
+		value: `"Outfit", ${U}`
 	},
 	serif: {
 		label: "Serif",
@@ -388,7 +483,7 @@ var I = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 		label: "Mono",
 		value: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
 	}
-}, ee = (e, t) => z[e]?.value ?? v(e) ?? (typeof e == "string" && e.trim() ? `"${e.trim()}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif` : t), te = (e, ...t) => {
+}, ce = (e, t) => G[e]?.value ?? v(e) ?? (typeof e == "string" && e.trim() ? `"${e.trim()}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif` : t), le = (e, ...t) => {
 	let n = Object.assign({}, e, ...t);
 	return n.primary = {
 		...e.primary,
@@ -404,20 +499,20 @@ var I = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 		}), {})
 	}, n;
 };
-function B(e) {
+function ue(e) {
 	let { light: t, dark: n, font: r, headingFont: i, ...a } = e ?? {};
 	return {
-		font: r ?? R.font,
-		headingFont: i ?? R.headingFont,
-		light: te(L.light, a, t),
-		dark: te(L.dark, n)
+		font: r ?? se.font,
+		headingFont: i ?? se.headingFont,
+		light: le(W.light, a, t),
+		dark: le(W.dark, n)
 	};
 }
-function V(e) {
+function K(e) {
 	return {
 		"--page-bg": e.background,
 		"--page-surface": e.surface ?? e.background,
-		"--page-border": e.border ?? L.light.border,
+		"--page-border": e.border ?? W.light.border,
 		"--page-text": e.text,
 		"--page-accent": e.accent,
 		"--page-accent-text": e.accentText,
@@ -431,31 +526,31 @@ function V(e) {
 		"--page-secondary-contrast": e.secondary.contrastText
 	};
 }
-function ne(e) {
-	let t = B(e);
+function de(e) {
+	let t = ue(e);
 	return {
 		backgroundColor: "var(--page-bg)",
 		color: "var(--page-text)",
-		fontFamily: ee(t.font, I),
-		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : ee(t.headingFont, "inherit")
+		fontFamily: ce(t.font, U),
+		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : ce(t.headingFont, "inherit")
 	};
 }
-function re(e, t = "light") {
-	let n = B(e);
+function fe(e, t = "light") {
+	let n = ue(e);
 	return {
-		...ne(e),
-		...V(n[t] ?? n.light)
+		...de(e),
+		...K(n[t] ?? n.light)
 	};
 }
-function ie(e, t) {
+function pe(e, t) {
 	return e?.themeRef && t?.[e.themeRef] || e?.theme;
 }
-function ae(e, t) {
+function me(e, t) {
 	return e === "light" || e === "dark" ? e : t === "light" || t === "dark" ? t : "auto";
 }
 //#endregion
 //#region src/bundle.js
-function oe({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function he({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -465,9 +560,10 @@ function oe({ 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: ie(o, a.builder_themes?.themes),
+		theme: pe(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,
@@ -480,26 +576,31 @@ function oe({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var H = async (e) => {
+var ge = 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 se({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
+async function _e({ 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(H), c(`${l}/settings/public`, { headers: u }).then(H)]), p = oe({
+	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(ge), c(`${l}/settings/public`, { headers: u }).then(ge)]), p = he({
 		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(H).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(ge).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, []]])));
@@ -513,7 +614,7 @@ async function se({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 }
 //#endregion
 //#region ../ui/src/components/builder/locale.js
-var ce = /* @__PURE__ */ new Set([
+var ve = /* @__PURE__ */ new Set([
 	"ar",
 	"he",
 	"fa",
@@ -524,34 +625,34 @@ var ce = /* @__PURE__ */ new Set([
 	"yi",
 	"dv",
 	"ckb"
-]), le = (e) => ce.has(String(e || "").toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr", ue = (e, t) => e === "ltr" || e === "rtl" ? e : t ? le(t) : void 0, U = t({
+]), ye = (e) => ve.has(String(e || "").toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr", be = (e, t) => e === "ltr" || e === "rtl" ? e : t ? ye(t) : void 0, q = t({
 	tenant: "",
 	apiUrl: "/api",
 	locale: "",
 	settings: null
-}), W = t(null), G = (e) => {
+}), J = t(null), xe = (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;
-}, de = () => {
+}, Se = () => {
 	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;
-}, fe = (e) => {
+}, Ce = (e) => {
 	let t = {
 		...e && typeof e == "object" && !Array.isArray(e) ? e : {},
-		...de()
+		...Se()
 	};
 	return Object.fromEntries(Object.entries(t).filter(([, e]) => typeof e == "string" && e.trim() !== ""));
-}, pe = t(null), me = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-function K(e, t) {
+}, we = t(null), Te = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function Ee(e, t) {
 	if (t) return t.includes(".") ? t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e) : e?.[t];
 }
-var he = (e) => {
+var De = (e) => {
 	let t = [];
 	for (let [n, r] of Object.entries(e ?? {})) {
 		if (!/^[\w-]+$/.test(n)) continue;
@@ -561,36 +662,36 @@ var he = (e) => {
 	}
 	return t;
 };
-function q(e) {
+function Y(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 ge(e, t) {
-	let n = t?.data ?? {}, r = he(n);
+function Oe(e, t) {
+	let n = t?.data ?? {}, r = De(n);
 	if (!r.length) return e;
-	let i = RegExp(`:(${r.map(me).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => q(K(n, t))) : Array.isArray(e) ? e.map(a) : e && typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, t]) => [e, a(t)])) : e;
+	let i = RegExp(`:(${r.map(Te).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => Y(Ee(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 _e = {
+var ke = {
 	margin: 0,
 	fontWeight: 700,
 	lineHeight: 1.2,
 	fontFamily: "var(--page-heading-font, inherit)"
-}, ve = { margin: 0 }, J = {
+}, Ae = { margin: 0 }, X = {
 	display: "inline-block",
 	textDecoration: "none",
 	cursor: "pointer",
 	backgroundColor: "var(--page-accent, #111827)",
 	color: "var(--page-accent-text, #ffffff)"
-}, ye = {
+}, je = {
 	flexGrow: 1,
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-}, be = {
+}, Me = {
 	display: "flex",
 	flexDirection: "column"
 };
-function xe({ style: e }) {
+function Ne({ style: e }) {
 	let t = e?.backgroundVideo;
 	if (!t) return null;
 	let n = {
@@ -616,32 +717,32 @@ function xe({ style: e }) {
 		background: r
 	} })] });
 }
-var Se = (e, t) => e?.backgroundVideo ? {
+var Pe = (e, t) => e?.backgroundVideo ? {
 	position: "relative",
 	...t,
-	...C(e)
+	...A(e)
 } : {
 	...t,
-	...C(e)
+	...A(e)
 };
-function Ce({ style: e, nodeRef: t, children: n }) {
+function Fe({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ d("div", {
 		ref: t,
 		style: {
-			...ye,
-			...C(e)
+			...je,
+			...A(e)
 		},
-		children: [/* @__PURE__ */ u(xe, { style: e }), n]
+		children: [/* @__PURE__ */ u(Ne, { style: e }), n]
 	});
 }
-function we({ style: e, nodeRef: t, children: n }) {
+function Ie({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ d("section", {
 		ref: t,
-		style: Se(e, be),
-		children: [/* @__PURE__ */ u(xe, { style: e }), n]
+		style: Pe(e, Me),
+		children: [/* @__PURE__ */ u(Ne, { style: e }), n]
 	});
 }
-function Te({ style: e, freeLayout: t, nodeRef: n, children: r }) {
+function Le({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 	let i = t ? {
 		position: "relative",
 		minHeight: 240
@@ -650,32 +751,32 @@ function Te({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 		ref: n,
 		style: i ? {
 			...i,
-			...Se(e)
-		} : Se(e),
-		children: [/* @__PURE__ */ u(xe, { style: e }), r]
+			...Pe(e)
+		} : Pe(e),
+		children: [/* @__PURE__ */ u(Ne, { style: e }), r]
 	});
 }
-function Ee({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
+function Re({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
 	return /* @__PURE__ */ u(n, {
 		ref: a,
 		style: {
-			..._e,
-			...C(r)
+			...ke,
+			...A(r)
 		},
-		children: Y(t, e, i)
+		children: Z(t, e, i)
 	});
 }
-var De = {
-	fontFamily: z.mono.value,
+var ze = {
+	fontFamily: G.mono.value,
 	background: "rgba(148, 163, 184, 0.18)",
 	padding: "1px 5px",
 	borderRadius: 4,
 	fontSize: "0.9em"
 };
-function Oe(e, t = [], n, r) {
+function Be(e, t = [], n, r) {
 	let i = e;
 	return t.includes("sup") ? i = /* @__PURE__ */ u("sup", { children: i }) : t.includes("sub") && (i = /* @__PURE__ */ u("sub", { children: i })), t.includes("code") && (i = /* @__PURE__ */ u("code", {
-		style: De,
+		style: ze,
 		children: i
 	})), t.includes("strike") && (i = /* @__PURE__ */ u("s", { children: i })), t.includes("underline") && (i = /* @__PURE__ */ u("u", { children: i })), t.includes("italic") && (i = /* @__PURE__ */ u("em", { children: i })), t.includes("bold") && (i = /* @__PURE__ */ u("strong", { children: i })), n && (i = /* @__PURE__ */ u("a", {
 		href: n,
@@ -685,13 +786,13 @@ function Oe(e, t = [], n, r) {
 		children: i
 	})), i;
 }
-function Y(t, n, r) {
+function Z(t, n, r) {
 	return t?.length ? t.map((t, n) => {
 		if (t.slot) return /* @__PURE__ */ u(e, { children: r?.[t.slot] ?? null }, n);
-		if (t.parts) return /* @__PURE__ */ u(e, { children: Y(t.parts, "", r) }, n);
+		if (t.parts) return /* @__PURE__ */ u(e, { children: Z(t.parts, "", r) }, n);
 		let i = t.text;
 		return t.sup ? i = /* @__PURE__ */ u("sup", { children: i }) : t.sub && (i = /* @__PURE__ */ u("sub", { children: i })), t.code && (i = /* @__PURE__ */ u("code", {
-			style: De,
+			style: ze,
 			children: i
 		})), t.strike && (i = /* @__PURE__ */ u("s", { children: i })), t.underline && (i = /* @__PURE__ */ u("u", { children: i })), t.italic && (i = /* @__PURE__ */ u("em", { children: i })), t.bold && (i = /* @__PURE__ */ u("strong", { children: i })), (t.color || t.background) && (i = /* @__PURE__ */ u("span", {
 			style: {
@@ -708,13 +809,13 @@ function Y(t, n, r) {
 		})), /* @__PURE__ */ u(e, { children: i }, n);
 	}) : n;
 }
-function ke({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
+function Ve({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
 	return /* @__PURE__ */ u("span", {
-		style: C(a),
-		children: e?.length ? Y(e, t) : Oe(t, n, r, i)
+		style: A(a),
+		children: e?.length ? Z(e, t) : Be(t, n, r, i)
 	});
 }
-var Ae = {
+var He = {
 	h1: 40,
 	h2: 32,
 	h3: 26,
@@ -722,7 +823,7 @@ var Ae = {
 	h5: 19,
 	h6: 16
 };
-function je({ align: e = "center", width: t, wrap: n } = {}) {
+function Ue({ 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";
@@ -756,8 +857,8 @@ function je({ align: e = "center", width: t, wrap: n } = {}) {
 		marginRight: "auto"
 	};
 }
-function Me(e = [], t, n) {
-	let r = n ?? ((e, n) => Y(e, n, t));
+function We(e = [], t, n) {
+	let r = n ?? ((e, n) => Z(e, n, t));
 	return e.map((t, n) => {
 		let i = {
 			marginTop: 0,
@@ -779,7 +880,7 @@ function Me(e = [], t, n) {
 					marginLeft: 0,
 					marginRight: 0,
 					...i,
-					...je(t)
+					...Ue(t)
 				},
 				children: [t.href ? /* @__PURE__ */ u("a", {
 					href: t.href,
@@ -798,16 +899,16 @@ function Me(e = [], t, n) {
 				})]
 			}, n);
 		}
-		if (t.type === "video") return Ue(t.url) ? /* @__PURE__ */ u("div", {
+		if (t.type === "video") return tt(t.url) ? /* @__PURE__ */ u("div", {
 			style: {
 				...i,
-				...je({
+				...Ue({
 					align: t.align,
 					wrap: t.wrap,
 					width: t.width ?? 100
 				})
 			},
-			children: /* @__PURE__ */ u(We, {
+			children: /* @__PURE__ */ u(nt, {
 				url: t.url,
 				autoplay: t.autoplay,
 				muted: t.muted,
@@ -869,17 +970,17 @@ function Me(e = [], t, n) {
 		}
 		if (t.type === "quote") return /* @__PURE__ */ u("blockquote", {
 			style: {
-				...Pe,
+				...Ke,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
-		if (Ae[t.type]) {
+		if (He[t.type]) {
 			let e = t.type;
 			return /* @__PURE__ */ u(e, {
 				style: {
-					..._e,
-					fontSize: Ae[t.type],
+					...ke,
+					fontSize: He[t.type],
 					...i
 				},
 				children: r(t.parts, t.text)
@@ -887,95 +988,95 @@ function Me(e = [], t, n) {
 		}
 		return /* @__PURE__ */ u("p", {
 			style: {
-				...ve,
+				...Ae,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
 	});
 }
-function Ne({ content: e, style: t, linked: n, nodeRef: r }) {
+function Ge({ content: e, style: t, linked: n, nodeRef: r }) {
 	return /* @__PURE__ */ u("div", {
 		ref: r,
 		style: {
 			display: "flow-root",
-			...C(t)
+			...A(t)
 		},
-		children: Me(e, n)
+		children: We(e, n)
 	});
 }
-var Pe = {
+var Ke = {
 	margin: 0,
 	padding: "8px 0 8px 20px",
 	borderLeft: "4px solid var(--page-accent, rgba(148, 163, 184, 0.6))"
 };
-function Fe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function qe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ u("blockquote", {
 		ref: i,
 		style: {
-			...Pe,
-			...C(n)
+			...Ke,
+			...A(n)
 		},
-		children: Y(t, e, r)
+		children: Z(t, e, r)
 	});
 }
-function Ie({ ordered: e, items: t = [], style: n, nodeRef: r }) {
+function Je({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 	return /* @__PURE__ */ u(e ? "ol" : "ul", {
 		ref: r,
 		style: {
 			margin: 0,
 			paddingLeft: 24,
-			...C(n)
+			...A(n)
 		},
 		children: t.map((e, t) => /* @__PURE__ */ u("li", {
 			style: { marginBottom: 4 },
-			children: Y(e.parts, e.text)
+			children: Z(e.parts, e.text)
 		}, t))
 	});
 }
-function Le({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function Ye({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ u("p", {
 		ref: i,
 		style: {
-			...ve,
-			...C(n)
+			...Ae,
+			...A(n)
 		},
-		children: Y(t, e, r)
+		children: Z(t, e, r)
 	});
 }
-var Re = {
+var Xe = {
 	color: "var(--page-accent, inherit)",
 	textDecoration: "underline",
 	textUnderlineOffset: 3,
 	cursor: "pointer"
 };
-function ze({ 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__ */ u("a", {
 		ref: o,
 		href: n || "#",
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
 		style: {
-			...Re,
-			...C(i)
+			...Xe,
+			...A(i)
 		},
-		children: Y(t, e, a)
+		children: Z(t, e, a)
 	});
 }
-function Be({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function Qe({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
 	return /* @__PURE__ */ u("a", {
 		ref: o,
 		href: n || "#",
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
 		style: {
-			...J,
-			...C(i)
+			...X,
+			...A(i)
 		},
-		children: Y(t, e, a)
+		children: Z(t, e, a)
 	});
 }
-function Ve({ src: e, alt: t, style: n, nodeRef: r }) {
+function $e({ src: e, alt: t, style: n, nodeRef: r }) {
 	return e ? /* @__PURE__ */ u("img", {
 		ref: r,
 		src: e,
@@ -983,11 +1084,11 @@ function Ve({ src: e, alt: t, style: n, nodeRef: r }) {
 		style: {
 			display: "block",
 			maxWidth: "100%",
-			...C(n)
+			...A(n)
 		}
 	}) : null;
 }
-function He({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
+function et({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
 	return e ? /* @__PURE__ */ u("video", {
 		ref: s,
 		src: e,
@@ -1001,13 +1102,13 @@ function He({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !
 			display: "block",
 			width: "100%",
 			maxWidth: "100%",
-			...C(o)
+			...A(o)
 		}
 	}) : null;
 }
-var Ue = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
-function We({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
-	let c = Ue(e);
+var tt = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
+function nt({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
+	let c = tt(e);
 	if (!c) return null;
 	let l = new URLSearchParams({ rel: "0" });
 	return t && l.set("autoplay", "1"), (n || t) && l.set("mute", "1"), i || l.set("controls", "0"), r && (l.set("loop", "1"), l.set("playlist", c)), Number(a) > 0 && l.set("start", String(Math.floor(Number(a)))), /* @__PURE__ */ u("div", {
@@ -1016,7 +1117,7 @@ function We({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 			position: "relative",
 			width: "100%",
 			paddingTop: "56.25%",
-			...C(o)
+			...A(o)
 		},
 		children: /* @__PURE__ */ u("iframe", {
 			src: `https://www.youtube-nocookie.com/embed/${c}?${l}`,
@@ -1033,7 +1134,7 @@ function We({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 		})
 	});
 }
-function Ge({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
+function rt({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
 	return e ? /* @__PURE__ */ u("iframe", {
 		ref: i,
 		src: e,
@@ -1045,11 +1146,11 @@ function Ge({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i })
 			width: "100%",
 			height: 300,
 			border: 0,
-			...C(r)
+			...A(r)
 		}
 	}) : null;
 }
-function Ke({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
+function it({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 	let [a, o] = c(null);
 	return i(() => {
 		a && (a.innerHTML = e || "", t && a.querySelectorAll("script").forEach((e) => {
@@ -1065,10 +1166,10 @@ function Ke({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 		ref: (e) => {
 			o(e), r && r(e);
 		},
-		style: C(n)
+		style: A(n)
 	});
 }
-function qe({ height: e, nodeRef: t }) {
+function at({ height: e, nodeRef: t }) {
 	return /* @__PURE__ */ u("div", {
 		ref: t,
 		style: {
@@ -1078,18 +1179,18 @@ function qe({ height: e, nodeRef: t }) {
 		}
 	});
 }
-function Je({ style: e, nodeRef: t }) {
+function ot({ style: e, nodeRef: t }) {
 	return /* @__PURE__ */ u("div", {
 		ref: t,
 		style: {
 			height: 1,
 			alignSelf: "stretch",
 			flexShrink: 0,
-			...C(e)
+			...A(e)
 		}
 	});
 }
-var Ye = {
+var st = {
 	position: "absolute",
 	top: "50%",
 	transform: "translateY(-50%)",
@@ -1106,7 +1207,7 @@ var Ye = {
 	alignItems: "center",
 	justifyContent: "center",
 	padding: 0
-}, Xe = {
+}, ct = {
 	bottom: {
 		inset: "auto 0 0 0",
 		padding: "40px 24px 20px",
@@ -1125,8 +1226,8 @@ var Ye = {
 		padding: 24,
 		textShadow: "0 2px 12px rgba(0, 0, 0, 0.6)"
 	}
-}, Ze = 48;
-function Qe({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: a = 320, swipe: o = !0, style: s, nodeRef: f }) {
+}, lt = 48;
+function ut({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: a = 320, swipe: o = !0, style: s, nodeRef: f }) {
 	let [p, m] = c(0), [h, g] = c(!1), [_, v] = c(null), y = e ? Math.min(p, e - 1) : 0;
 	if (i(() => {
 		if (!n || h || _ || e < 2) return;
@@ -1142,7 +1243,7 @@ function Qe({ 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 > Ze && b(y - 1);
+		v(null), e < -48 ? b(y + 1) : e > lt && b(y - 1);
 	};
 	return /* @__PURE__ */ d("div", {
 		ref: f,
@@ -1167,7 +1268,7 @@ function Qe({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 			touchAction: "pan-y",
 			userSelect: _ ? "none" : void 0,
 			cursor: _ ? "grabbing" : void 0,
-			...C(s)
+			...A(s)
 		},
 		children: [/* @__PURE__ */ u("div", {
 			style: {
@@ -1190,7 +1291,7 @@ function Qe({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Previous slide",
 				style: {
-					...Ye,
+					...st,
 					left: 12
 				},
 				onClick: () => b(y - 1),
@@ -1200,7 +1301,7 @@ function Qe({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Next slide",
 				style: {
-					...Ye,
+					...st,
 					right: 12
 				},
 				onClick: () => b(y + 1),
@@ -1234,7 +1335,7 @@ function Qe({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 		] })]
 	});
 }
-var $e = (e, t) => ({
+var dt = (e, t) => ({
 	position: "absolute",
 	inset: 0,
 	backgroundImage: e ? `url(${e})` : "none",
@@ -1242,18 +1343,18 @@ var $e = (e, t) => ({
 	backgroundSize: "cover",
 	backgroundPosition: "center"
 });
-function et({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
-	return e.length ? /* @__PURE__ */ u(Qe, {
+function ft({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
+	return e.length ? /* @__PURE__ */ u(ut, {
 		...r,
 		count: e.length,
 		renderSlide: (r) => {
 			let i = e[r];
-			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: $e(i.image) }), (i.title || i.text) && /* @__PURE__ */ d("div", {
+			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: dt(i.image) }), (i.title || i.text) && /* @__PURE__ */ d("div", {
 				style: {
 					position: "absolute",
 					color: "#fff",
 					textAlign: n,
-					...Xe[t] ?? Xe.bottom
+					...ct[t] ?? ct.bottom
 				},
 				children: [i.title && /* @__PURE__ */ u("div", {
 					style: {
@@ -1273,13 +1374,13 @@ function et({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "
 		}
 	}) : null;
 }
-function tt({ slides: e = [], linked: t, ...n }) {
-	return e.length ? /* @__PURE__ */ u(Qe, {
+function pt({ slides: e = [], linked: t, ...n }) {
+	return e.length ? /* @__PURE__ */ u(ut, {
 		...n,
 		count: e.length,
 		renderSlide: (n) => {
 			let r = e[n];
-			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: $e(r.image, r.color) }), /* @__PURE__ */ u("div", {
+			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: dt(r.image, r.color) }), /* @__PURE__ */ u("div", {
 				style: {
 					position: "absolute",
 					inset: 0,
@@ -1291,7 +1392,7 @@ function tt({ slides: e = [], linked: t, ...n }) {
 		}
 	}) : null;
 }
-function nt({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lightbox: a = !0, style: o, nodeRef: s, inert: f }) {
+function mt({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lightbox: a = !0, style: o, nodeRef: s, inert: f }) {
 	let p = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.src) : [], m = Math.max(0, Number(n) || 0), h = f ? (e) => e.preventDefault() : void 0, [g, _] = c(null), v = a && !f && g !== null && p[g];
 	i(() => {
 		if (!v) return;
@@ -1316,7 +1417,7 @@ function nt({ 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%",
-			...C(o)
+			...A(o)
 		},
 		children: [
 			p.map((e, t) => {
@@ -1490,45 +1591,136 @@ function nt({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
 		]
 	});
 }
-var rt = {
+var ht = {
 	color: "inherit",
 	textDecoration: "none",
 	fontSize: 14,
 	opacity: .85
-}, it = {
+}, gt = {
 	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 at({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], style: s, nodeRef: f, menu: p = "auto", breakpoint: m = 768 }) {
-	let [h, g] = c(null), [_, v] = c(!1), [y, b] = c(!1), [x, S] = c(null);
+function _t(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 ? "" : Y(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 vt({ brand: t, logo: n, brandHref: a, brandTarget: o, links: s = [], style: f, 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] = c(null), [T, E] = c(!1), [D, O] = c(!1), [k, j] = c(null), { tenant: M, apiUrl: N } = r(q), P = r(J)?.[g], [F, I] = c(null);
 	i(() => {
-		if (!h) return;
-		let e = new ResizeObserver(() => v(h.offsetWidth < m));
-		return e.observe(h), () => e.disconnect();
-	}, [h, m]);
-	let w = p === "hamburger" || p === "auto" && _, T = (e, t) => /* @__PURE__ */ d("a", {
-		href: e.href || "#",
-		style: {
-			...rt,
-			display: "block",
-			...t
-		},
-		children: [e.label, e.desc && /* @__PURE__ */ u("span", {
-			style: {
+		if (!g || P) return;
+		let e = !0;
+		return fetch(`${N}/dynamic/${encodeURIComponent(g)}`, { headers: M ? { "x-tenant": M } : {} }).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,
+		M,
+		N,
+		P
+	]), i(() => {
+		if (!C) return;
+		let e = new ResizeObserver(() => E(C.offsetWidth < h));
+		return e.observe(C), () => e.disconnect();
+	}, [C, h]);
+	let L = g ? _t(P ?? 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__ */ u("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__ */ d("a", {
+			href: e.href || "#",
+			style: {
+				...ht,
+				display: n ? "block" : "flex",
+				alignItems: n ? void 0 : "center",
+				gap: n ? void 0 : 10,
+				...t
 			},
-			children: e.desc
-		})]
-	}, e.key);
+			children: [r, /* @__PURE__ */ d("span", {
+				style: {
+					display: "block",
+					minWidth: 0
+				},
+				children: [e.label, e.desc && /* @__PURE__ */ u("span", {
+					style: {
+						display: "block",
+						fontSize: 12,
+						opacity: .6,
+						marginTop: 2
+					},
+					children: e.desc
+				})]
+			})]
+		}, e.key);
+	};
 	return /* @__PURE__ */ d("nav", {
 		ref: (e) => {
-			g(e), f && f(e);
+			w(e), p && p(e);
 		},
 		style: {
 			display: "flex",
@@ -1538,7 +1730,7 @@ function at({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 			padding: "14px 24px",
 			width: "100%",
 			position: "relative",
-			...C(s)
+			...A(f)
 		},
 		children: [
 			(n || t) && (() => {
@@ -1556,29 +1748,29 @@ function at({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 						fontFamily: "var(--page-heading-font, inherit)"
 					},
 					children: t
-				})] }), i = {
+				})] }), r = {
 					display: "flex",
 					alignItems: "center",
 					gap: 10,
 					color: "inherit",
 					textDecoration: "none"
 				};
-				return r ? /* @__PURE__ */ u("a", {
-					href: r,
-					target: a || void 0,
-					rel: a === "_blank" ? "noopener noreferrer" : void 0,
-					style: i,
+				return a ? /* @__PURE__ */ u("a", {
+					href: a,
+					target: o || void 0,
+					rel: o === "_blank" ? "noopener noreferrer" : void 0,
+					style: r,
 					children: e
 				}) : /* @__PURE__ */ u("div", {
-					style: i,
+					style: r,
 					children: e
 				});
 			})(),
 			/* @__PURE__ */ u("div", { style: { flexGrow: 1 } }),
-			w ? /* @__PURE__ */ u("button", {
+			R ? /* @__PURE__ */ u("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,
@@ -1588,7 +1780,7 @@ function at({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 					lineHeight: 1,
 					padding: 4
 				},
-				children: y ? "✕" : "☰"
+				children: D ? "✕" : "☰"
 			}) : /* @__PURE__ */ u("div", {
 				style: {
 					display: "flex",
@@ -1596,11 +1788,11 @@ function at({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 					alignItems: "center",
 					flexWrap: "wrap"
 				},
-				children: o.map((e) => {
+				children: L.map((e) => {
 					let t = e.children ?? [];
 					if (!t.length) return /* @__PURE__ */ u("a", {
 						href: e.href || "#",
-						style: rt,
+						style: ht,
 						children: e.label
 					}, e.key);
 					let n = e.type === "mega";
@@ -1609,12 +1801,12 @@ function at({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 							position: n ? "static" : "relative",
 							display: "inline-flex"
 						},
-						onMouseEnter: () => S(e.key),
-						onMouseLeave: () => S(null),
+						onMouseEnter: () => j(e.key),
+						onMouseLeave: () => j(null),
 						children: [/* @__PURE__ */ d("a", {
 							href: e.href || "#",
 							style: {
-								...rt,
+								...ht,
 								cursor: "pointer"
 							},
 							children: [
@@ -1628,9 +1820,9 @@ function at({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 									children: "▼"
 								})
 							]
-						}), x === e.key && (n ? /* @__PURE__ */ u("div", {
+						}), k === e.key && (n ? /* @__PURE__ */ u("div", {
 							style: {
-								...it,
+								...gt,
 								position: "absolute",
 								left: 0,
 								right: 0,
@@ -1640,13 +1832,13 @@ function at({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 								gridTemplateColumns: "repeat(auto-fit, minmax(170px, 1fr))",
 								gap: 16
 							},
-							children: t.map((e) => T(e, {
-								padding: "6px 8px",
-								borderRadius: 6
-							}))
+							children: t.map((e) => z(e, {
+								padding: 8,
+								borderRadius: 8
+							}, !0))
 						}) : /* @__PURE__ */ u("div", {
 							style: {
-								...it,
+								...gt,
 								position: "absolute",
 								top: "100%",
 								left: 0,
@@ -1656,7 +1848,7 @@ function at({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 								display: "flex",
 								flexDirection: "column"
 							},
-							children: t.map((e) => T(e, {
+							children: t.map((e) => z(e, {
 								padding: "8px 12px",
 								borderRadius: 6
 							}))
@@ -1664,7 +1856,7 @@ function at({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 					}, e.key);
 				})
 			}),
-			w && y && /* @__PURE__ */ u("div", {
+			R && D && /* @__PURE__ */ u("div", {
 				style: {
 					flexBasis: "100%",
 					width: "100%",
@@ -1672,27 +1864,27 @@ function at({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 					flexDirection: "column",
 					paddingTop: 10
 				},
-				children: o.map((t) => /* @__PURE__ */ d(e, { children: [/* @__PURE__ */ u("a", {
+				children: L.map((t) => /* @__PURE__ */ d(e, { children: [/* @__PURE__ */ u("a", {
 					href: t.href || "#",
 					style: {
-						...rt,
+						...ht,
 						padding: "10px 4px",
 						fontWeight: (t.children ?? []).length ? 600 : 400,
 						opacity: 1
 					},
 					children: t.label
-				}), (t.children ?? []).map((e) => T(e, { padding: "8px 4px 8px 22px" }))] }, t.key))
+				}), (t.children ?? []).map((e) => z(e, { padding: "8px 4px 8px 22px" }))] }, t.key))
 			})
 		]
 	});
 }
-function ot({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
+function yt({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 	let [i, a] = c(0), o = e.length ? Math.min(i, e.length - 1) : 0;
 	return e.length ? /* @__PURE__ */ d("div", {
 		ref: r,
 		style: {
 			width: "100%",
-			...C(n)
+			...A(n)
 		},
 		children: [/* @__PURE__ */ u("div", {
 			style: {
@@ -1726,7 +1918,7 @@ function ot({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 		}, e.key))]
 	}) : null;
 }
-function st({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
+function bt({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
 	let [a, o] = c(() => new Set(e.length ? [e[0].key] : []));
 	if (!e.length) return null;
 	let s = (e) => o((t) => {
@@ -1737,7 +1929,7 @@ function st({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 		ref: i,
 		style: {
 			width: "100%",
-			...C(r)
+			...A(r)
 		},
 		children: e.map((n, r) => {
 			let i = a.has(n.key);
@@ -1783,15 +1975,15 @@ function st({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 		})
 	});
 }
-var ct = {
+var xt = {
 	display: "flex",
 	flexDirection: "column",
 	gap: "12px"
-}, X = {
+}, St = {
 	fontSize: "14px",
 	fontWeight: 500,
 	color: "var(--page-text, #111827)"
-}, Z = {
+}, Q = {
 	padding: "10px 12px",
 	border: "1px solid var(--page-border, #d1d5db)",
 	borderRadius: "6px",
@@ -1801,18 +1993,18 @@ var ct = {
 	boxSizing: "border-box",
 	backgroundColor: "var(--page-surface, #f2f2f2)",
 	color: "var(--page-text, #111827)"
-}, lt = {
+}, Ct = {
 	display: "flex",
 	alignItems: "center",
 	gap: "8px",
 	fontSize: "14px",
 	color: "var(--page-text, #111827)"
-}, Q = (e) => e ? {
+}, $ = (e) => e ? {
 	readOnly: !0,
 	tabIndex: -1,
 	onMouseDown: (e) => e.preventDefault()
 } : {};
-function ut(e, t) {
+function wt(e, t) {
 	if (!e) return !0;
 	let n = t[e.field], r = n == null || n === "" ? "" : String(n), i = e.value ?? "";
 	switch (e.op) {
@@ -1826,11 +2018,11 @@ function ut(e, t) {
 		default: return !1;
 	}
 }
-var dt = {
+var Tt = {
 	display: "flex",
 	flexDirection: "column",
 	gap: 6
-}, ft = {
+}, Et = {
 	font: "inherit",
 	fontSize: 15,
 	padding: "10px 12px",
@@ -1841,16 +2033,16 @@ var dt = {
 	width: "100%",
 	boxSizing: "border-box"
 };
-function pt(e, t) {
+function Dt(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 mt({ field: e, value: t, onChange: n, inert: r, values: i }) {
+function Ot({ field: e, value: t, onChange: n, inert: r, values: i }) {
 	let a = /* @__PURE__ */ d("span", {
 		style: {
-			...X,
+			...St,
 			fontSize: 14
 		},
 		children: [e.label, e.required ? " *" : ""]
@@ -1859,7 +2051,7 @@ function mt({ 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: ft,
+		style: Et,
 		value: t ?? "",
 		onChange: (t) => n(e.name, t.target.value)
 	};
@@ -1888,7 +2080,7 @@ function mt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 			borderRadius: 8,
 			display: "block"
 		}
-	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ u(We, {
+	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ u(nt, {
 		url: e.src,
 		style: { width: "100%" }
 	}) : /* @__PURE__ */ u("video", {
@@ -1900,14 +2092,14 @@ function mt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 			display: "block"
 		}
 	}) : null : /* @__PURE__ */ d("label", {
-		style: dt,
+		style: Tt,
 		children: [
 			a,
 			e.type === "textarea" || e.multiline ? /* @__PURE__ */ u("textarea", {
 				...o,
 				rows: 4,
 				style: {
-					...ft,
+					...Et,
 					resize: "vertical"
 				}
 			}) : e.type === "select" ? /* @__PURE__ */ d("select", {
@@ -1916,7 +2108,7 @@ function mt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 				children: [/* @__PURE__ */ u("option", {
 					value: "",
 					children: e.placeholder || "—"
-				}), pt(e, i).map((e, t) => /* @__PURE__ */ u("option", {
+				}), Dt(e, i).map((e, t) => /* @__PURE__ */ u("option", {
 					value: typeof e == "string" ? e : e.value,
 					children: typeof e == "string" ? e : e.label ?? e.value
 				}, t))]
@@ -1963,12 +2155,12 @@ function mt({ field: e, value: t, onChange: n, inert: r, values: i }) {
 		]
 	});
 }
-function ht({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s, auto: f, submitLabel: p, nodeRef: m, inert: h, children: g, linked: _, show: v }) {
-	let { tenant: y, apiUrl: b } = r(U), [x, S] = c("form"), [w, T] = c(null), [E, D] = c({}), [O, k] = c(0), A = h ? v || "form" : x;
+function kt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s, auto: f, submitLabel: p, nodeRef: m, inert: h, children: g, linked: _, show: v }) {
+	let { tenant: y, apiUrl: b } = r(q), [x, S] = c("form"), [C, w] = c(null), [T, E] = c({}), [D, O] = c(0), k = h ? v || "form" : x;
 	i(() => {
 		if (!f || !s) return;
 		let e = !0;
-		return fetch(`${b || "/api"}/forms/${encodeURIComponent(s)}`, { headers: y ? { "x-tenant": y } : {} }).then((e) => e.json()).then((t) => e && T(t?.payload && typeof t.payload == "object" ? t.payload : null)).catch(() => e && T(null)), () => {
+		return fetch(`${b || "/api"}/forms/${encodeURIComponent(s)}`, { headers: y ? { "x-tenant": y } : {} }).then((e) => e.json()).then((t) => e && w(t?.payload && typeof t.payload == "object" ? t.payload : null)).catch(() => e && w(null)), () => {
 			e = !1;
 		};
 	}, [
@@ -1981,27 +2173,27 @@ function ht({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 		section: null,
 		fields: []
 	}];
-	for (let e of Array.isArray(w?.fields) ? w.fields : []) e.type === "section" ? j.push({
+	for (let e of Array.isArray(C?.fields) ? C.fields : []) e.type === "section" ? j.push({
 		section: e,
 		fields: []
 	}) : j[j.length - 1].fields.push(e);
-	let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || ut(e.section.condition, E)).map((e) => ({
+	let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || wt(e.section.condition, T)).map((e) => ({
 		...e,
-		fields: e.fields.filter((e) => ut(e.condition, E))
-	})), P = M.length > 1, F = Math.min(O, Math.max(0, N.length - 1)), I = P ? N[F]?.fields ?? [] : N.flatMap((e) => e.fields), L = I.filter((e) => {
-		let t = E[e.name];
+		fields: e.fields.filter((e) => wt(e.condition, T))
+	})), P = M.length > 1, F = Math.min(D, Math.max(0, N.length - 1)), I = P ? N[F]?.fields ?? [] : N.flatMap((e) => e.fields), L = I.filter((e) => {
+		let t = T[e.name];
 		return e.required && (t == null || t === "" || t === !1);
-	}), R = F >= N.length - 1, z = (e, t) => D((n) => {
+	}), R = F >= N.length - 1, z = (e, t) => E((n) => {
 		let r = {
 			...n,
 			[e]: t
 		};
-		for (let t of Array.isArray(w?.fields) ? w.fields : []) t?.parentField === e && delete r[t.name];
+		for (let t of Array.isArray(C?.fields) ? C.fields : []) t?.parentField === e && delete r[t.name];
 		return r;
 	});
 	return /* @__PURE__ */ d("div", {
 		ref: m,
-		style: C(e),
+		style: A(e),
 		children: [
 			/* @__PURE__ */ u("form", {
 				action: t || void 0,
@@ -2012,7 +2204,7 @@ function ht({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 					if (e.preventDefault(), !h) {
 						if (s) {
 							let t = {};
-							if (f) for (let [e, n] of Object.entries(E)) n != null && n !== "" && (t[e] = n);
+							if (f) for (let [e, n] of Object.entries(T)) n != null && n !== "" && (t[e] = n);
 							else for (let [n, r] of new FormData(e.currentTarget).entries()) typeof r == "string" && (t[n] = r === "on" || r);
 							try {
 								let e = await fetch(`${b || "/api"}/forms/${s}/submit`, {
@@ -2045,11 +2237,11 @@ function ht({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 					}
 				},
 				style: {
-					...ct,
-					display: A === "success" ? "none" : "flex"
+					...xt,
+					display: k === "success" ? "none" : "flex"
 				},
 				children: f && s ? /* @__PURE__ */ d(l, { children: [
-					P && /* @__PURE__ */ u(Ht, {
+					P && /* @__PURE__ */ u(rn, {
 						steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
 						active: F + 1,
 						style: { marginBottom: 8 }
@@ -2062,10 +2254,10 @@ function ht({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 						},
 						children: N[F].section.help
 					}),
-					I.map((e) => /* @__PURE__ */ u(mt, {
+					I.map((e) => /* @__PURE__ */ u(Ot, {
 						field: e,
-						value: E[e.name],
-						values: E,
+						value: T[e.name],
+						values: T,
 						onChange: z,
 						inert: h
 					}, e.name)),
@@ -2079,9 +2271,9 @@ function ht({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 						children: [P && F > 0 && /* @__PURE__ */ u("button", {
 							type: "button",
 							disabled: h || void 0,
-							onClick: () => k(F - 1),
+							onClick: () => O(F - 1),
 							style: {
-								...J,
+								...X,
 								background: "transparent",
 								color: "inherit",
 								border: 0,
@@ -2092,9 +2284,9 @@ function ht({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 						}), P && !R ? /* @__PURE__ */ u("button", {
 							type: "button",
 							disabled: h || L.length > 0,
-							onClick: () => k(F + 1),
+							onClick: () => O(F + 1),
 							style: {
-								...J,
+								...X,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
@@ -2108,7 +2300,7 @@ function ht({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 							type: "submit",
 							disabled: h || void 0,
 							style: {
-								...J,
+								...X,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
@@ -2122,12 +2314,12 @@ function ht({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 				] }) : g
 			}),
 			/* @__PURE__ */ u("div", {
-				style: { display: A === "success" ? "block" : "none" },
+				style: { display: k === "success" ? "block" : "none" },
 				children: _?.success ?? null
 			}),
 			/* @__PURE__ */ u("div", {
 				style: {
-					display: A === "error" ? "block" : "none",
+					display: k === "error" ? "block" : "none",
 					marginTop: 12
 				},
 				children: _?.error ?? null
@@ -2135,10 +2327,10 @@ function ht({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 		]
 	});
 }
-var $ = null, gt = null, _t = (e) => {
+var At = null, jt = null, Mt = (e) => {
 	let t = typeof e == "string" && e.trim() ? e.trim() : "";
-	if ($ && gt === t) return $;
-	if ($ && typeof window < "u") {
+	if (At && jt === t) return At;
+	if (At && typeof window < "u") {
 		for (let e of ["grecaptcha", "___grecaptcha_cfg"]) try {
 			delete window[e];
 		} catch {
@@ -2146,22 +2338,22 @@ var $ = null, gt = null, _t = (e) => {
 		}
 		document.querySelectorAll("script[src*=\"recaptcha\"]").forEach((e) => e.remove());
 	}
-	return gt = t, $ = new Promise((e) => {
+	return jt = t, At = 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);
-	}), $;
+	}), At;
 };
-function vt({ siteKey: e, theme: t, size: n, hl: a, style: o, nodeRef: c, inert: l, onChange: f }) {
-	let p = r(U), m = p?.settings && typeof p.settings == "object" ? p.settings["google.recaptchaKey"] : "", h = typeof e == "string" && e.trim() || (typeof m == "string" ? m.trim() : ""), g = s(null), _ = s(f);
+function Nt({ siteKey: e, theme: t, size: n, hl: a, style: o, nodeRef: c, inert: l, onChange: f }) {
+	let p = r(q), m = p?.settings && typeof p.settings == "object" ? p.settings["google.recaptchaKey"] : "", h = typeof e == "string" && e.trim() || (typeof m == "string" ? m.trim() : ""), g = s(null), _ = s(f);
 	if (_.current = f, i(() => {
 		if (l || !h || !g.current) return;
 		let e = !0, r = (t) => {
 			e && typeof _.current == "function" && _.current(t);
 		};
-		return _t(a).then((i) => {
+		return Mt(a).then((i) => {
 			if (!(!e || !g.current || !i?.render)) {
 				g.current.innerHTML = "", r("");
 				try {
@@ -2188,7 +2380,7 @@ function vt({ siteKey: e, theme: t, size: n, hl: a, style: o, nodeRef: c, inert:
 		let e = t === "dark";
 		return /* @__PURE__ */ d("div", {
 			ref: c,
-			style: C(o),
+			style: A(o),
 			children: [/* @__PURE__ */ d("div", {
 				style: {
 					width: n === "compact" ? 164 : 302,
@@ -2239,21 +2431,21 @@ function vt({ siteKey: e, theme: t, size: n, hl: a, style: o, nodeRef: c, inert:
 	}
 	return h ? /* @__PURE__ */ u("div", {
 		ref: c,
-		style: C(o),
+		style: A(o),
 		children: /* @__PURE__ */ u("div", { ref: g })
 	}) : null;
 }
-function yt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
+function Pt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 	return /* @__PURE__ */ u("label", {
 		ref: r,
 		style: {
-			...X,
-			...C(n)
+			...St,
+			...A(n)
 		},
-		children: Y(t, e, i)
+		children: Z(t, e, i)
 	});
 }
-function bt({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
+function Ft({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ u("input", {
 		ref: a,
 		type: e,
@@ -2261,13 +2453,13 @@ function bt({ type: e = "text", name: t, placeholder: n, required: r, style: i,
 		placeholder: n,
 		required: !o && !!r,
 		style: {
-			...Z,
-			...C(i)
+			...Q,
+			...A(i)
 		},
-		...Q(o)
+		...$(o)
 	});
 }
-function xt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
+function It({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ u("textarea", {
 		ref: a,
 		name: e || void 0,
@@ -2275,19 +2467,19 @@ function xt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeR
 		rows: n,
 		required: !o && !!r,
 		style: {
-			...Z,
+			...Q,
 			resize: "vertical",
-			...C(i)
+			...A(i)
 		},
-		...Q(o)
+		...$(o)
 	});
 }
-function St({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
+function Lt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
 	return /* @__PURE__ */ d("label", {
 		ref: o,
 		style: {
-			...lt,
-			...C(a)
+			...Ct,
+			...A(a)
 		},
 		children: [/* @__PURE__ */ u("input", {
 			type: e,
@@ -2303,7 +2495,7 @@ function St({ kind: e = "checkbox", label: t, name: n, value: r, required: i, st
 		}), t]
 	});
 }
-function Ct({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
+function Rt({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ d("select", {
 		ref: a,
 		name: e || void 0,
@@ -2312,9 +2504,9 @@ function Ct({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		onMouseDown: o ? (e) => e.preventDefault() : void 0,
 		tabIndex: o ? -1 : void 0,
 		style: {
-			...Z,
+			...Q,
 			appearance: "auto",
-			...C(i)
+			...A(i)
 		},
 		children: [t !== "" && /* @__PURE__ */ u("option", {
 			value: "",
@@ -2326,19 +2518,19 @@ function Ct({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		}, t))]
 	});
 }
-function wt({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
+function zt({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
 	let [s, l] = c(null);
 	return /* @__PURE__ */ d("label", {
 		ref: a,
 		style: {
-			...Z,
+			...Q,
 			display: "flex",
 			alignItems: "center",
 			gap: "8px",
 			cursor: o ? "default" : "pointer",
 			borderStyle: "dashed",
 			color: s ? "#111827" : "#6b7280",
-			...C(i)
+			...A(i)
 		},
 		children: [
 			/* @__PURE__ */ u("input", {
@@ -2358,12 +2550,12 @@ function wt({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
 		]
 	});
 }
-function Tt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
+function Bt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 	return /* @__PURE__ */ u("button", {
 		ref: n,
 		type: r ? "button" : "submit",
 		style: {
-			...J,
+			...X,
 			border: 0,
 			cursor: "pointer",
 			alignSelf: "flex-start",
@@ -2373,12 +2565,12 @@ function Tt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 			fontWeight: 600,
 			lineHeight: 1.4,
 			fontFamily: "inherit",
-			...C(t)
+			...A(t)
 		},
 		children: e
 	});
 }
-function Et({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
+function Vt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 	let a = Math.max(1, (Number(e) || 1) * (Number(t) || 1));
 	return /* @__PURE__ */ u("div", {
 		ref: r,
@@ -2387,7 +2579,7 @@ function Et({ 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%",
-			...C(n)
+			...A(n)
 		},
 		children: Array.from({ length: a }, (e, t) => /* @__PURE__ */ u("div", {
 			style: { minWidth: 0 },
@@ -2395,22 +2587,22 @@ function Et({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 		}, t))
 	});
 }
-function Dt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, imageField: o, titleField: s = "name", textField: l, custom: f, templateId: p, paged: m, filters: h, style: g, nodeRef: _ }) {
-	let { tenant: v, apiUrl: y, locale: b } = r(U), x = r(pe), S = r(W), [, w] = c(0);
+function Ht({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, imageField: o, titleField: s = "name", textField: l, custom: f, templateId: p, paged: m, filters: h, style: g, nodeRef: _ }) {
+	let { tenant: v, apiUrl: y, locale: b } = r(q), x = r(we), S = r(J), [, C] = c(0);
 	i(() => {
 		if (typeof window > "u") return;
-		let e = () => w((e) => e + 1);
+		let e = () => C((e) => e + 1);
 		return window.addEventListener("popstate", e), window.addEventListener("webim:urlchange", e), () => {
 			window.removeEventListener("popstate", e), window.removeEventListener("webim:urlchange", e);
 		};
 	}, []);
-	let T = fe(h), E = JSON.stringify(T), D = E !== "{}" && !e?.startsWith?.("api:"), O = D ? null : S?.[e], k = m ? G(S) : 1, [A, j] = c(null);
+	let w = Ce(h), T = JSON.stringify(w), E = T !== "{}" && !e?.startsWith?.("api:"), D = E ? null : S?.[e], O = m ? xe(S) : 1, [k, j] = c(null);
 	if (i(() => {
-		if (!e || O) return;
+		if (!e || D) return;
 		let n = !0, r = new URLSearchParams();
-		if (b && r.set("locale", b), D && r.set("data_filter", E), m && !e.startsWith("api:")) {
+		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) => {
@@ -2424,14 +2616,14 @@ function Dt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 		v,
 		y,
 		b,
-		O,
+		D,
 		m,
-		k,
+		O,
 		t,
-		D,
-		E
+		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(a) || 3, 1), 6), F = n === "list" ? {
+	let M = Math.max(1, Number(t) || 6), N = m ? D || e.startsWith("api:") ? (D ?? k ?? []).slice((O - 1) * M, O * M) : (k ?? []).slice(0, M) : (D ?? k ?? []).slice(0, M), P = Math.min(Math.max(Number(a) || 3, 1), 6), F = n === "list" ? {
 		display: "flex",
 		flexDirection: "column",
 		gap: 20
@@ -2445,21 +2637,21 @@ function Dt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 		style: {
 			width: "100%",
 			...F,
-			...C(g)
+			...A(g)
 		},
 		children: N.map((e) => /* @__PURE__ */ u("div", {
 			style: { minWidth: 0 },
-			children: x.render(p, (t) => ge(t, e))
+			children: x.render(p, (t) => Oe(t, e))
 		}, e.id ?? e?.data?.slug))
 	}) : /* @__PURE__ */ u("div", {
 		ref: _,
 		style: {
 			width: "100%",
 			...F,
-			...C(g)
+			...A(g)
 		},
 		children: N.map((e) => {
-			let t = o ? K(e?.data, o) : null, r = s ? q(K(e?.data, s)) : null, i = l ? K(e?.data, l) : null, a = Array.isArray(i) ? i : null, c = a || i == null ? null : q(i), f = n === "list";
+			let t = o ? Ee(e?.data, o) : null, r = s ? Y(Ee(e?.data, s)) : null, i = l ? Ee(e?.data, l) : null, a = Array.isArray(i) ? i : null, c = a || i == null ? null : Y(i), f = n === "list";
 			return /* @__PURE__ */ d("div", {
 				style: {
 					display: "flex",
@@ -2506,7 +2698,7 @@ function Dt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 								lineHeight: 1.55,
 								opacity: .85
 							},
-							children: Me(a)
+							children: We(a)
 						})
 					]
 				})]
@@ -2514,8 +2706,8 @@ function Dt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 		})
 	});
 }
-function Ot({ 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 ? {} : de(), s = {
+function Ut({ 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 ? {} : Se(), s = {
 		height: 34,
 		padding: "0 12px",
 		borderRadius: 8,
@@ -2557,13 +2749,13 @@ function Ot({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 			alignItems: "center",
 			gap: 8,
 			width: "100%",
-			...C(n)
+			...A(n)
 		},
 		children: [a.map((e) => Array.isArray(e.options) && e.options.length > 0 || e.type === "option" || e.type === "select" ? /* @__PURE__ */ d("select", {
 			name: `f_${e.name}`,
 			defaultValue: o[e.name] ?? "",
 			style: s,
-			...Q(i),
+			...$(i),
 			children: [/* @__PURE__ */ u("option", {
 				value: "",
 				children: e.label || e.name
@@ -2578,7 +2770,7 @@ function Ot({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 			name: `f_${e.name}`,
 			defaultValue: o[e.name] ?? "",
 			style: s,
-			...Q(i),
+			...$(i),
 			children: [
 				/* @__PURE__ */ u("option", {
 					value: "",
@@ -2599,7 +2791,7 @@ function Ot({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 			defaultValue: o[e.name] ?? "",
 			placeholder: e.label || e.name,
 			style: s,
-			...Q(i)
+			...$(i)
 		}, e.name)), /* @__PURE__ */ u("button", {
 			type: "submit",
 			style: {
@@ -2612,16 +2804,16 @@ function Ot({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 				fontWeight: 600,
 				cursor: i ? "default" : "pointer"
 			},
-			...Q(i),
+			...$(i),
 			children: t
 		})]
 	});
 }
-function kt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
+function Wt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 	return e.length ? /* @__PURE__ */ u("nav", {
 		ref: r,
 		"aria-label": "Breadcrumb",
-		style: { ...C(n) },
+		style: { ...A(n) },
 		children: /* @__PURE__ */ u("ol", {
 			style: {
 				display: "flex",
@@ -2667,8 +2859,8 @@ function kt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 		})
 	}) : null;
 }
-function At({ pages: e = 5, current: t = 1, prevNext: n = !0, href: a = "#", source: o, pageSize: s = 6, align: l, hideEmpty: f, inert: p, style: m, nodeRef: h }) {
-	let { tenant: g, apiUrl: _ } = r(U), v = r(W), [y, b] = c(null), x = o ? Number(v?.[`${o}:total`]) : NaN;
+function Gt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: a = "#", source: o, pageSize: s = 6, align: l, hideEmpty: f, inert: p, style: m, nodeRef: h }) {
+	let { tenant: g, apiUrl: _ } = r(q), v = r(J), [y, b] = c(null), x = o ? Number(v?.[`${o}:total`]) : NaN;
 	i(() => {
 		if (!o || Number.isFinite(x)) return;
 		let e = !0, t = o.startsWith("api:") ? `${_}/data/${encodeURIComponent(o.slice(4))}` : `${_}/dynamic/${encodeURIComponent(o)}?limit=1`;
@@ -2685,9 +2877,9 @@ function At({ pages: e = 5, current: t = 1, prevNext: n = !0, href: a = "#", sou
 		_,
 		x
 	]);
-	let S = Math.max(1, Number(s) || 6), w = Number.isFinite(x) ? x : y;
-	if (o && w === null || o && f && !(w > 0)) return null;
-	let T = Math.min(Math.max(o ? Math.ceil(w / S) : Number(e) || 1, 1), 50), E = Math.min(Math.max(o ? G(v) : Number(t) || 1, 1), T), D = (e) => {
+	let S = Math.max(1, Number(s) || 6), C = Number.isFinite(x) ? x : y;
+	if (o && C === null || o && f && !(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 ? xe(v) : Number(t) || 1, 1), w), E = (e) => {
 		if (o) {
 			if (typeof window < "u") {
 				let t = new URLSearchParams(window.location.search);
@@ -2696,7 +2888,7 @@ function At({ pages: e = 5, current: t = 1, prevNext: n = !0, href: a = "#", sou
 			return `?page=${e}`;
 		}
 		return a && a !== "#" ? a.replace("{page}", String(e)) : "#";
-	}, O = l === "center" ? "center" : l === "right" ? "flex-end" : "flex-start", k = p ? (e) => e.preventDefault() : void 0, A = (e) => ({
+	}, D = l === "center" ? "center" : l === "right" ? "flex-end" : "flex-start", O = p ? (e) => e.preventDefault() : void 0, k = (e) => ({
 		display: "inline-flex",
 		alignItems: "center",
 		justifyContent: "center",
@@ -2718,49 +2910,49 @@ function At({ pages: e = 5, current: t = 1, prevNext: n = !0, href: a = "#", sou
 			flexWrap: "wrap",
 			gap: 8,
 			alignItems: "center",
-			justifyContent: O,
-			...C(m)
+			justifyContent: D,
+			...A(m)
 		},
 		children: [
 			n && /* @__PURE__ */ u("a", {
-				href: E > 1 ? D(E - 1) : "#",
-				onClick: k,
+				href: T > 1 ? E(T - 1) : "#",
+				onClick: O,
 				"aria-label": "Previous",
 				style: {
-					...A(!1),
-					opacity: E > 1 ? 1 : .4
+					...k(!1),
+					opacity: T > 1 ? 1 : .4
 				},
 				children: "‹"
 			}),
-			Array.from({ length: T }, (e, t) => t + 1).map((e) => /* @__PURE__ */ u("a", {
-				href: D(e),
-				onClick: k,
-				"aria-current": e === E ? "page" : void 0,
-				style: A(e === E),
+			Array.from({ length: w }, (e, t) => t + 1).map((e) => /* @__PURE__ */ u("a", {
+				href: E(e),
+				onClick: O,
+				"aria-current": e === T ? "page" : void 0,
+				style: k(e === T),
 				children: e
 			}, e)),
 			n && /* @__PURE__ */ u("a", {
-				href: E < T ? D(E + 1) : "#",
-				onClick: k,
+				href: T < w ? E(T + 1) : "#",
+				onClick: O,
 				"aria-label": "Next",
 				style: {
-					...A(!1),
-					opacity: E < T ? 1 : .4
+					...k(!1),
+					opacity: T < w ? 1 : .4
 				},
 				children: "›"
 			})
 		]
 	});
 }
-var jt = "webim.page_mode", Mt = () => {
+var Kt = "webim.page_mode", qt = () => {
 	if (typeof window > "u") return "auto";
 	try {
-		let e = window.localStorage.getItem(jt);
+		let e = window.localStorage.getItem(Kt);
 		return e === "light" || e === "dark" ? e : "auto";
 	} catch {
 		return "auto";
 	}
-}, Nt = (e) => {
+}, Jt = (e) => {
 	let t = {
 		width: 16,
 		height: 16,
@@ -2792,13 +2984,13 @@ var jt = "webim.page_mode", Mt = () => {
 			rx: "2"
 		}), /* @__PURE__ */ u("path", { d: "M8 21h8M12 17v4" })]
 	});
-}, Pt = {
+}, Yt = {
 	light: "Light theme",
 	dark: "Dark theme",
 	auto: "Follow the device theme"
 };
-function Ft({ variant: e, showSystem: t, style: n, nodeRef: r, inert: a }) {
-	let [o, l] = c(a ? "auto" : Mt), d = s(null), f = (e) => {
+function Xt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: a }) {
+	let [o, l] = c(a ? "auto" : qt), d = s(null), f = (e) => {
 		d.current = e, typeof r == "function" && r(e);
 	};
 	i(() => {
@@ -2806,7 +2998,7 @@ function Ft({ variant: e, showSystem: t, style: n, nodeRef: r, inert: a }) {
 		let e = d.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(jt) : window.localStorage.setItem(jt, o);
+			o === "auto" ? window.localStorage.removeItem(Kt) : window.localStorage.setItem(Kt, o);
 		} catch {}
 	}, [o, a]);
 	let p = t === !1 ? ["light", "dark"] : [
@@ -2837,12 +3029,12 @@ function Ft({ variant: e, showSystem: t, style: n, nodeRef: r, inert: a }) {
 			padding: 3,
 			borderRadius: 999,
 			border: "1px solid rgba(148, 163, 184, 0.4)",
-			...C(n)
+			...A(n)
 		},
 		children: p.map((e) => /* @__PURE__ */ u("button", {
 			type: "button",
-			title: Pt[e],
-			"aria-label": Pt[e],
+			title: Yt[e],
+			"aria-label": Yt[e],
 			"aria-pressed": e === m,
 			onClick: a ? void 0 : () => l(e),
 			style: {
@@ -2853,27 +3045,27 @@ function Ft({ variant: e, showSystem: t, style: n, nodeRef: r, inert: a }) {
 				background: e === m ? "var(--page-accent, #111827)" : "transparent",
 				opacity: e === m ? 1 : .7
 			},
-			children: Nt(e)
+			children: Jt(e)
 		}, e))
 	});
 	let g = p[(p.indexOf(m) + 1) % p.length];
 	return /* @__PURE__ */ u("button", {
 		ref: f,
 		type: "button",
-		title: Pt[m],
-		"aria-label": `Theme: ${Pt[m]} — switch to ${Pt[g]}`,
+		title: Yt[m],
+		"aria-label": `Theme: ${Yt[m]} — switch to ${Yt[g]}`,
 		onClick: a ? void 0 : () => l(g),
 		style: {
 			...h,
 			width: 36,
 			height: 36,
 			border: "1px solid rgba(148, 163, 184, 0.4)",
-			...C(n)
+			...A(n)
 		},
-		children: Nt(m)
+		children: Jt(m)
 	});
 }
-function It(e) {
+function Zt(e) {
 	let t = e?.parentElement;
 	for (; t && t !== document.body;) {
 		let e = getComputedStyle(t).overflowY;
@@ -2882,7 +3074,7 @@ function It(e) {
 	}
 	return window;
 }
-var Lt = (e) => e === window ? window.scrollY : e.scrollTop, Rt = {
+var Qt = (e) => e === window ? window.scrollY : e.scrollTop, $t = {
 	"bottom-right": (e) => ({
 		right: e,
 		bottom: e
@@ -2897,26 +3089,33 @@ var Lt = (e) => e === window ? window.scrollY : e.scrollTop, Rt = {
 		transform: "translateX(-50%)"
 	})
 };
-function zt({ variant: e, label: t, position: n, offset: r, showAfter: a, smooth: o, bg: s, fg: l, style: f, nodeRef: p, inert: m, frame: h }) {
-	let [g, _] = c(!!m), [v, y] = c(null), b = (e) => {
-		y(e), typeof p == "function" && p(e);
+function en({ variant: e, label: t, position: n, offset: r, showAfter: a, smooth: o, bg: s, fg: l, style: f, nodeRef: p, inert: m, frame: h, builder: g }) {
+	let [_, v] = c(!!m), [y, b] = c(null), x = (e) => {
+		b(e), typeof p == "function" && p(e);
 	};
 	i(() => {
 		if (m) {
-			_(!0);
+			v(!0);
 			return;
 		}
-		if (!v) return;
-		let e = It(v), t = Number(a) >= 0 ? Number(a) : 300, n = () => _(Lt(e) > t);
-		return n(), e.addEventListener("scroll", n, { passive: !0 }), () => e.removeEventListener("scroll", n);
+		if (!y) return;
+		let e = Number(a) >= 0 ? Number(a) : 300, t = () => {
+			let t = Zt(y), n = g && !(t === window ? document.documentElement.scrollHeight > window.innerHeight : t.scrollHeight > t.clientHeight);
+			v(n || Qt(t) > e);
+		};
+		return t(), document.addEventListener("scroll", t, {
+			capture: !0,
+			passive: !0
+		}), () => document.removeEventListener("scroll", t, { capture: !0 });
 	}, [
 		m,
-		v,
-		a
+		y,
+		a,
+		g
 	]);
-	let x = () => {
+	let S = () => {
 		if (m) return;
-		let e = It(v), t = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, n = o === !1 || t ? "auto" : "smooth";
+		let e = Zt(y), t = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, n = o === !1 || t ? "auto" : "smooth";
 		e === window ? window.scrollTo({
 			top: 0,
 			behavior: n
@@ -2924,12 +3123,12 @@ function zt({ variant: e, label: t, position: n, offset: r, showAfter: a, smooth
 			top: 0,
 			behavior: n
 		});
-	}, S = Number(r) >= 0 ? Number(r) : 24, w = e === "pill", T = t || "Top", E = Rt[n] ? n : "bottom-right", D = h ? {
+	}, C = Number(r) >= 0 ? Number(r) : 24, w = e === "pill", T = t || "Top", E = $t[n] ? n : "bottom-right", D = h ? {
 		position: "fixed",
 		zIndex: 5,
-		bottom: (h.bottom ?? 0) + S,
-		...E === "bottom-left" ? { left: (h.left ?? 0) + S } : null,
-		...E === "bottom-right" ? { right: (h.right ?? 0) + S } : null,
+		bottom: (h.bottom ?? 0) + C,
+		...E === "bottom-left" ? { left: (h.left ?? 0) + C } : null,
+		...E === "bottom-right" ? { right: (h.right ?? 0) + C } : null,
 		...E === "bottom-center" ? {
 			left: (h.left ?? 0) + (h.width ?? 0) / 2,
 			transform: "translateX(-50%)"
@@ -2937,16 +3136,16 @@ function zt({ variant: e, label: t, position: n, offset: r, showAfter: a, smooth
 	} : {
 		position: "fixed",
 		zIndex: 2147482e3,
-		...Rt[E](S)
+		...$t[E](C)
 	};
 	return /* @__PURE__ */ d("button", {
-		ref: b,
+		ref: x,
 		type: "button",
 		title: T,
 		"aria-label": T,
-		"aria-hidden": !g,
-		tabIndex: g ? 0 : -1,
-		onClick: x,
+		"aria-hidden": !_,
+		tabIndex: _ ? 0 : -1,
+		onClick: S,
 		style: {
 			display: "inline-flex",
 			alignItems: "center",
@@ -2965,11 +3164,11 @@ function zt({ variant: e, label: t, position: n, offset: r, showAfter: a, smooth
 			color: l || "var(--page-accent-text, #ffffff)",
 			boxShadow: "0 6px 20px rgba(15, 23, 42, 0.25)",
 			cursor: m ? "default" : "pointer",
-			opacity: +!!g,
-			pointerEvents: g ? "auto" : "none",
+			opacity: +!!_,
+			pointerEvents: _ ? "auto" : "none",
 			transition: "opacity 160ms ease, transform 160ms ease",
 			...D,
-			...C(f),
+			...A(f),
 			...D.transform ? { transform: D.transform } : null
 		},
 		children: [/* @__PURE__ */ u("svg", {
@@ -2988,7 +3187,7 @@ function zt({ variant: e, label: t, position: n, offset: r, showAfter: a, smooth
 		}), w ? /* @__PURE__ */ u("span", { children: T }) : null]
 	});
 }
-var Bt = {
+var tn = {
 	facebook: {
 		label: "Facebook",
 		color: "#1877f2",
@@ -3055,8 +3254,8 @@ var Bt = {
 		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 Vt({ 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 && Bt[e.network]) : [];
+function nn({ 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 && tn[e.network]) : [];
 	if (!l.length) return null;
 	let d = Math.min(Math.max(Number(r) || 18, 10), 64), f = Math.round(d * 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__ */ u("div", {
@@ -3066,10 +3265,10 @@ function Vt({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, s
 			flexWrap: "wrap",
 			alignItems: "center",
 			gap: p,
-			...C(o)
+			...A(o)
 		},
 		children: l.map((e, r) => {
-			let i = Bt[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 = tn[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__ */ u("a", {
 				href: e.url || "#",
 				onClick: h,
@@ -3103,7 +3302,7 @@ function Vt({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, s
 		})
 	});
 }
-function Ht({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
+function rn({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
 	if (!t.length) return null;
 	let o = Math.min(Math.max(Number(n) || 1, 1), t.length), s = (e) => ({
 		width: 32,
@@ -3141,7 +3340,7 @@ function Ht({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 			flexDirection: r ? "column" : "row",
 			alignItems: r ? "stretch" : "flex-start",
 			gap: r ? 4 : 8,
-			...C(i)
+			...A(i)
 		},
 		children: t.map((t, n) => {
 			let i = n + 1, a = i < o ? "done" : i === o ? "active" : "todo";
@@ -3181,7 +3380,7 @@ function Ht({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 		})
 	});
 }
-var Ut = {
+var an = {
 	small: {
 		w: 132,
 		h: 46,
@@ -3203,10 +3402,10 @@ var Ut = {
 		title: 12.5,
 		avatar: 46
 	}
-}, Wt = (e) => Ut[e] ?? Ut.medium;
-Ut.medium.w, Ut.medium.h;
-function Gt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
-	let r = Wt(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 = [];
+}, on = (e) => an[e] ?? an.medium;
+an.medium.w, an.medium.h;
+function sn(e, { size: t = "medium", horizontal: n = !1 } = {}) {
+	let r = on(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;
@@ -3258,19 +3457,19 @@ function Gt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
 		horizontal: n
 	};
 }
-var Kt = (e, t) => {
+var cn = (e, t) => {
 	let n = String(e ?? "");
 	return n.length > t ? `${n.slice(0, t - 1)}…` : n;
-}, qt = (e) => {
+}, ln = (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";
-}, Jt = (e) => !!(e?.cv?.trim?.() || e?.photo);
-function Yt(e, t = {}) {
-	let n = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.id) : [], r = (e) => Array.isArray(e) ? e[0] : e, i = (e) => e == null ? "" : q(e);
+}, un = (e) => !!(e?.cv?.trim?.() || e?.photo);
+function dn(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 ? "" : Y(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 {
@@ -3284,11 +3483,11 @@ function Yt(e, t = {}) {
 		};
 	});
 }
-var Xt = {
+var fn = {
 	size: 36,
 	pad: 10
 };
-function Zt({ node: e, onClose: t }) {
+function pn({ node: e, onClose: t }) {
 	return i(() => {
 		let e = (e) => e.key === "Escape" && t();
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
@@ -3409,31 +3608,31 @@ function Zt({ node: e, onClose: t }) {
 		})
 	});
 }
-function Qt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField: s, parentField: f, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
-	let b = a(), [x, S] = c(null), { tenant: w, apiUrl: T } = r(U), E = r(W)?.[t], [D, O] = c(null);
+function mn({ nodes: e = [], source: t, nameField: n, titleField: o, photoField: s, parentField: f, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
+	let b = a(), [x, S] = c(null), { tenant: C, apiUrl: w } = r(q), T = r(J)?.[t], [E, D] = c(null);
 	i(() => {
-		if (!t || E) return;
+		if (!t || T) return;
 		let e = !0;
-		return fetch(`${T}/dynamic/${encodeURIComponent(t)}`, { headers: w ? { "x-tenant": w } : {} }).then((e) => e.json()).then((t) => {
+		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;
 		};
 	}, [
 		t,
+		C,
 		w,
-		T,
-		E
+		T
 	]);
-	let k = t ? Yt(E ?? D ?? [], {
+	let O = t ? dn(T ?? E ?? [], {
 		nameField: n,
 		titleField: o,
 		photoField: s,
 		parentField: f,
 		cvField: p,
 		hrefField: m
-	}) : e, A = Wt(h), { boxes: j, links: M, width: N, height: P } = Gt(k, {
+	}) : e, k = on(h), { boxes: j, links: M, width: N, height: P } = sn(O, {
 		size: h,
 		horizontal: g
 	});
@@ -3446,7 +3645,7 @@ function Qt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 			fontSize: 13,
 			opacity: .7,
 			textAlign: "center",
-			...C(_)
+			...A(_)
 		},
 		children: [
 			"Org Chart — no published entries in “",
@@ -3460,7 +3659,7 @@ function Qt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 		style: {
 			maxWidth: "100%",
 			overflowX: "auto",
-			...C(_)
+			...A(_)
 		},
 		children: [/* @__PURE__ */ d("svg", {
 			viewBox: `0 0 ${N} ${P}`,
@@ -3479,7 +3678,7 @@ function Qt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 				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 ? qt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? qt(e.color2) : s, f = y && (Jt(e) || e.href), p = () => Jt(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + Xt.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);
+				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 ? ln(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? ln(e.color2) : s, f = y && (un(e) || e.href), p = () => un(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + fn.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__ */ d("g", {
 					onClick: f ? p : void 0,
 					style: f ? { cursor: "pointer" } : void 0,
@@ -3502,8 +3701,8 @@ function Qt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 						}), /* @__PURE__ */ u("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__ */ d(l, { children: [/* @__PURE__ */ u("clipPath", {
@@ -3511,8 +3710,8 @@ function Qt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							children: /* @__PURE__ */ u("rect", {
 								x: t,
 								y: n,
-								width: A.w,
-								height: A.h,
+								width: k.w,
+								height: k.h,
 								rx: "10"
 							})
 						}), /* @__PURE__ */ d("g", {
@@ -3520,21 +3719,21 @@ function Qt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							children: [/* @__PURE__ */ u("rect", {
 								x: t,
 								y: n,
-								width: A.w,
+								width: k.w,
 								height: _,
 								fill: o
 							}), /* @__PURE__ */ u("rect", {
 								x: t,
 								y: n + _,
-								width: A.w,
-								height: A.h - _,
+								width: k.w,
+								height: k.h - _,
 								fill: e.color2
 							})]
 						})] }) : /* @__PURE__ */ u("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)",
@@ -3543,63 +3742,63 @@ function Qt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 						e.photo && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("clipPath", {
 							id: `${b}-${e.id}`,
 							children: /* @__PURE__ */ u("circle", {
-								cx: t + Xt.pad + A.avatar / 2,
-								cy: n + A.h / 2,
-								r: A.avatar / 2
+								cx: t + fn.pad + k.avatar / 2,
+								cy: n + k.h / 2,
+								r: k.avatar / 2
 							})
 						}), /* @__PURE__ */ u("image", {
 							href: e.photo,
-							x: t + Xt.pad,
-							y: n + (A.h - A.avatar) / 2,
-							width: A.avatar,
-							height: A.avatar,
+							x: t + fn.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__ */ d(l, { children: [e.title && /* @__PURE__ */ u("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: Kt(e.title, g + 4)
+							children: cn(e.title, g + 4)
 						}), e.name && /* @__PURE__ */ u("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: Kt(e.name, g)
+							children: cn(e.name, g)
 						})] }) : /* @__PURE__ */ d(l, { children: [v[0] && /* @__PURE__ */ u("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: Kt(v[0], g)
+							children: cn(v[0], g)
 						}), v[1] && /* @__PURE__ */ u("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: Kt(v[1], g + 4)
+							children: cn(v[1], g + 4)
 						})] })
 					]
 				}, e.id);
 			})]
-		}), x && /* @__PURE__ */ u(Zt, {
+		}), x && /* @__PURE__ */ u(pn, {
 			node: x,
 			onClose: () => S(null)
 		})]
 	});
 }
-function $t({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped: o = !0, bordered: s = !1, compact: l = !1, paged: f, emptyText: p, style: m, nodeRef: h }) {
-	let { tenant: g, apiUrl: _ } = r(U), v = r(W), y = v?.[n], b = f ? G(v) : 1, [x, S] = c(null);
+function hn({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped: o = !0, bordered: s = !1, compact: l = !1, paged: f, emptyText: p, style: m, nodeRef: h }) {
+	let { tenant: g, apiUrl: _ } = r(q), v = r(J), y = v?.[n], b = f ? xe(v) : 1, [x, S] = c(null);
 	if (i(() => {
 		if (!n || y) return;
 		let e = !0, t = Math.max(1, Number(a) || 10), r = f && !n.startsWith("api:") ? `?offset=${(b - 1) * t}&limit=${t}` : "", i = n.startsWith("api:") ? `${_}/data/${encodeURIComponent(n.slice(4))}` : `${_}/dynamic/${encodeURIComponent(n)}${r}`;
@@ -3618,45 +3817,45 @@ function $t({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped:
 		b,
 		a
 	]), !e.length) return null;
-	let w = Math.max(1, Number(a) || 10), T = n ? f ? y || n.startsWith("api:") ? (y ?? x ?? []).slice((b - 1) * w, b * w) : (x ?? []).slice(0, w) : (y ?? x ?? []).slice(0, w) : null, E = T ? T.map((t) => e.map((e) => q(K(t?.data, e.field)))) : t, D = !!n && !(n && !y && x === null) && E.length === 0, O = l ? "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(a) || 10), w = n ? f ? 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) => Y(Ee(t?.data, e.field)))) : t, E = !!n && !(n && !y && x === null) && T.length === 0, D = l ? "6px 10px" : "10px 14px", O = "1px solid rgba(148, 163, 184, 0.35)", k = s ? { border: O } : { borderBottom: O };
 	return /* @__PURE__ */ u("div", {
 		ref: h,
 		style: {
 			width: "100%",
 			overflowX: "auto",
-			...C(m)
+			...A(m)
 		},
 		children: /* @__PURE__ */ d("table", {
 			style: {
 				width: "100%",
 				borderCollapse: "collapse",
 				fontSize: 14,
-				...s ? { border: k } : {}
+				...s ? { border: O } : {}
 			},
 			children: [/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ u("tr", { children: e.map((e, t) => /* @__PURE__ */ u("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__ */ d("tbody", { children: [D && /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", {
+			}, t)) }) }), /* @__PURE__ */ d("tbody", { children: [E && /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", {
 				colSpan: e.length,
 				style: {
-					padding: O,
+					padding: D,
 					textAlign: "center",
 					opacity: .6,
-					...A
+					...k
 				},
 				children: p || "No data yet"
-			}) }), E.map((t, n) => /* @__PURE__ */ u("tr", {
+			}) }), T.map((t, n) => /* @__PURE__ */ u("tr", {
 				style: o && n % 2 == 1 ? { background: "rgba(148, 163, 184, 0.07)" } : void 0,
 				children: e.map((e, n) => /* @__PURE__ */ u("td", {
 					style: {
-						padding: O,
-						...A
+						padding: D,
+						...k
 					},
 					children: t?.[n] ?? ""
 				}, n))
@@ -3664,129 +3863,647 @@ function $t({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped:
 		})
 	});
 }
-var en = {
-	PageRoot: Ce,
-	Section: we,
-	Container: Te,
-	Heading: Ee,
-	TextBlock: Le,
-	ButtonBlock: Be,
-	ImageBlock: Ve,
-	Spacer: qe,
-	Divider: Je,
-	SliderBlock: et,
-	CanvasSlider: tt,
-	TabsBlock: ot,
-	QuickStack: Et,
-	CollectionList: Dt,
-	CollectionSearch: Ot,
-	BreadcrumbsBlock: kt,
-	PaginationBlock: At,
-	StepperBlock: Ht,
-	SocialLinksBlock: Vt,
-	ThemeModeBlock: Ft,
-	ScrollTopBlock: zt,
-	OrgChartBlock: Qt,
-	TableBlock: $t,
-	MasonryBlock: nt,
-	AccordionBlock: st,
-	NavbarBlock: at,
-	ListBlock: Ie,
-	TextSpan: ke,
-	QuoteBlock: Fe,
-	TextLink: ze,
-	RichTextBlock: Ne,
-	RichContentBlock: Ne,
-	VideoBlock: He,
-	YouTubeBlock: We,
-	IframeBlock: Ge,
-	EmbedBlock: Ke,
-	FormBlock: ht,
-	FormLabel: yt,
-	FormInput: bt,
-	FormTextarea: xt,
-	FormCheckbox: (e) => /* @__PURE__ */ u(St, {
+var gn = {
+	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
+	}
+}, _n = (e) => `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`, vn = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), yn = 366;
+function bn(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 ? "" : Y(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 xn(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 Sn(e) {
+	let t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		let e = vn(n.start), r = n.end ? vn(n.end) : e, i = Math.min(Math.max(0, Math.round((r - e) / 864e5)), yn);
+		for (let r = 0; r <= i; r += 1) {
+			let i = _n(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 Cn({ events: e = [], source: t = "", titleField: n = "", startField: a = "", endField: o = "", hrefField: s = "", colorField: f = "", 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 } = r(q), O = r(J)?.[t], [k, j] = c(null), [M, N] = c(() => {
+		let e = /* @__PURE__ */ new Date();
+		return {
+			year: e.getFullYear(),
+			month: e.getMonth()
+		};
+	});
+	i(() => {
+		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 && j(n);
+		}).catch(() => e && j([])), () => {
+			e = !1;
+		};
+	}, [
+		t,
+		T,
+		E,
+		O
+	]);
+	let P = gn[m] ?? gn.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 ? bn(O ?? k ?? [], {
+		titleField: n,
+		startField: a,
+		endField: o,
+		hrefField: s,
+		colorField: f
+	}) : xn(e), ee = Sn(z), B = D || void 0, V = (e, t) => {
+		let n = /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("span", { style: {
+			width: 6,
+			height: 6,
+			borderRadius: "50%",
+			background: e.color || R,
+			flexShrink: 0,
+			opacity: e.color ? 1 : .85
+		} }), /* @__PURE__ */ u("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: P.font,
+			lineHeight: 1.35,
+			textDecoration: "none",
+			...t
+		};
+		return e.href && w ? /* @__PURE__ */ u("a", {
+			href: e.href,
+			style: r,
+			title: e.title,
+			children: n
+		}, e.key) : /* @__PURE__ */ u("div", {
+			style: r,
+			title: e.title,
+			children: n
+		}, e.key);
+	}, H = new Intl.DateTimeFormat(B, {
+		month: "long",
+		year: "numeric"
+	}).format(new Date(M.year, M.month, 1)), te = (e) => N((t) => {
+		let n = new Date(t.year, t.month + e, 1);
+		return {
+			year: n.getFullYear(),
+			month: n.getMonth()
+		};
+	}), ne = (e, t) => /* @__PURE__ */ u("button", {
+		type: "button",
+		"aria-label": e,
+		onClick: () => te(t),
+		style: {
+			background: "transparent",
+			border: `1px solid ${I}`,
+			borderRadius: 6,
+			color: "inherit",
+			cursor: "pointer",
+			fontSize: P.head,
+			lineHeight: 1,
+			padding: "4px 8px"
+		},
+		children: t < 0 ? "‹" : "›"
+	}), re = /* @__PURE__ */ d("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 8,
+			marginBottom: P.pad + 2
+		},
+		children: [
+			/* @__PURE__ */ u("div", {
+				style: {
+					fontSize: P.title,
+					fontWeight: 700,
+					flexGrow: 1,
+					fontFamily: "var(--page-heading-font, inherit)"
+				},
+				children: H
+			}),
+			ne("Previous month", -1),
+			ne("Next month", 1)
+		]
+	});
+	if (p === "list") {
+		let e = z.filter((e) => e.start.getFullYear() === M.year && e.start.getMonth() === M.month).sort((e, t) => e.start - t.start), t = new Intl.DateTimeFormat(B, {
+			day: "numeric",
+			month: "short",
+			hour: "2-digit",
+			minute: "2-digit"
+		});
+		return /* @__PURE__ */ d("div", {
+			ref: C,
+			style: {
+				width: "100%",
+				...A(S)
+			},
+			children: [re, e.length ? /* @__PURE__ */ u("div", {
+				style: {
+					display: "flex",
+					flexDirection: "column",
+					gap: P.gap + 2
+				},
+				children: e.map((e) => /* @__PURE__ */ d("div", {
+					style: {
+						display: "flex",
+						alignItems: "center",
+						gap: 10,
+						borderBottom: `1px solid ${I}`,
+						paddingBottom: P.gap + 2
+					},
+					children: [/* @__PURE__ */ u("span", {
+						style: {
+							fontSize: P.font,
+							opacity: .7,
+							minWidth: 96
+						},
+						children: t.format(e.start)
+					}), V(e, {
+						flexGrow: 1,
+						minWidth: 0
+					})]
+				}, e.key))
+			}) : /* @__PURE__ */ u("div", {
+				style: {
+					fontSize: P.font,
+					opacity: .6,
+					padding: P.pad * 2
+				},
+				children: x
+			})]
+		});
+	}
+	let ie = new Date(M.year, M.month, 1), ae = y === "sunday" ? 0 : 1, oe = (ie.getDay() - ae + 7) % 7, U = new Date(M.year, M.month + 1, 0).getDate(), W = Math.ceil((oe + U) / 7), se = _n(/* @__PURE__ */ new Date()), G = new Intl.DateTimeFormat(B, { weekday: "short" }), ce = [];
+	for (let e = 0; e < W * 7; e += 1) {
+		let t = e - oe + 1, n = t >= 1 && t <= U, r = _n(new Date(M.year, M.month, t)), i = n ? ee.get(r) ?? [] : [], a = i.slice(0, Math.max(1, b)), o = n && r === se;
+		ce.push(/* @__PURE__ */ d("div", {
+			style: {
+				minHeight: P.cell,
+				borderTop: `1px solid ${I}`,
+				borderLeft: `1px solid ${I}`,
+				padding: P.pad,
+				display: "flex",
+				flexDirection: "column",
+				gap: P.gap,
+				opacity: n ? 1 : .35,
+				minWidth: 0
+			},
+			children: [
+				/* @__PURE__ */ u("span", {
+					style: {
+						fontSize: P.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(M.year, M.month, t).getDate()
+				}),
+				a.map((e) => V(e)),
+				i.length > a.length && /* @__PURE__ */ u("span", {
+					style: {
+						fontSize: P.font,
+						opacity: .6
+					},
+					children: `+${i.length - a.length}`
+				})
+			]
+		}, e));
+	}
+	return /* @__PURE__ */ d("div", {
+		ref: C,
+		style: {
+			width: "100%",
+			...A(S)
+		},
+		children: [
+			re,
+			/* @__PURE__ */ d("div", {
+				style: {
+					display: "grid",
+					gridTemplateColumns: "repeat(7, minmax(0, 1fr))"
+				},
+				children: [Array.from({ length: 7 }, (e, t) => /* @__PURE__ */ u("div", {
+					style: {
+						fontSize: P.head,
+						fontWeight: 600,
+						opacity: .7,
+						textAlign: "center",
+						padding: `0 0 ${P.pad}px`
+					},
+					children: G.format(new Date(2024, 0, 7 + ae + t))
+				}, `head-${t}`)), ce]
+			}),
+			/* @__PURE__ */ u("div", { style: { borderTop: `1px solid ${I}` } })
+		]
+	});
+}
+var wn = {
+	small: 380,
+	medium: 560,
+	large: 820,
+	full: "100%"
+};
+function Tn({ dialogId: e = "", trigger: t = "button", triggerLabel: n = "Open", openOn: r = "trigger", delay: a = 0, size: o = "medium", title: l = "", showClose: f = !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] = c(!1), T = s(null);
+	i(() => {
+		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]), i(() => {
+		if (S || r !== "load") return;
+		let e = setTimeout(() => w(!0), Math.max(0, Number(a) || 0) * 1e3);
+		return () => clearTimeout(e);
+	}, [
+		S,
+		r,
+		a
+	]), i(() => {
+		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 = wn[o] ?? wn.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__ */ u("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__ */ u("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"), j = O.filter((e) => e.side !== "left"), M = g === !0 ? D({
+		key: "__close",
+		label: _ || "Close",
+		variant: "outline"
+	}) : null, N = k.length || j.length || M ? /* @__PURE__ */ d("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__ */ u("div", {
+			style: {
+				display: "flex",
+				gap: 8
+			},
+			children: k.map(D)
+		}), /* @__PURE__ */ d("div", {
+			style: {
+				display: "flex",
+				gap: 8
+			},
+			children: [M, j.map(D)]
+		})]
+	}) : null, P = /* @__PURE__ */ d("div", {
+		ref: T,
+		role: "dialog",
+		"aria-modal": S ? void 0 : "true",
+		"aria-label": l || 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",
+			...A(b)
+		},
+		children: [
+			(l || f !== !1) && /* @__PURE__ */ d("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__ */ u("span", {
+					style: {
+						fontWeight: 700,
+						fontSize: 17,
+						flexGrow: 1,
+						fontFamily: "var(--page-heading-font, inherit)"
+					},
+					children: l
+				}), f !== !1 && /* @__PURE__ */ u("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__ */ u("div", {
+				style: { padding: 20 },
+				children: y?.content
+			}),
+			N
+		]
+	});
+	return /* @__PURE__ */ d("div", {
+		ref: x,
+		id: e || void 0,
+		style: S ? void 0 : { display: "contents" },
+		children: [t === "button" && /* @__PURE__ */ u("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__ */ u("div", {
+			style: { marginTop: t === "button" ? 12 : 0 },
+			children: P
+		}) : C && /* @__PURE__ */ u("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: P
+		})]
+	});
+}
+var En = {
+	PageRoot: Fe,
+	CalendarBlock: Cn,
+	DialogBlock: Tn,
+	Section: Ie,
+	Container: Le,
+	Heading: Re,
+	TextBlock: Ye,
+	ButtonBlock: Qe,
+	ImageBlock: $e,
+	Spacer: at,
+	Divider: ot,
+	SliderBlock: ft,
+	CanvasSlider: pt,
+	TabsBlock: yt,
+	QuickStack: Vt,
+	CollectionList: Ht,
+	CollectionSearch: Ut,
+	BreadcrumbsBlock: Wt,
+	PaginationBlock: Gt,
+	StepperBlock: rn,
+	SocialLinksBlock: nn,
+	ThemeModeBlock: Xt,
+	ScrollTopBlock: en,
+	OrgChartBlock: mn,
+	TableBlock: hn,
+	MasonryBlock: mt,
+	AccordionBlock: bt,
+	NavbarBlock: vt,
+	ListBlock: Je,
+	TextSpan: Ve,
+	QuoteBlock: qe,
+	TextLink: Ze,
+	RichTextBlock: Ge,
+	RichContentBlock: Ge,
+	VideoBlock: et,
+	YouTubeBlock: nt,
+	IframeBlock: rt,
+	EmbedBlock: it,
+	FormBlock: kt,
+	FormLabel: Pt,
+	FormInput: Ft,
+	FormTextarea: It,
+	FormCheckbox: (e) => /* @__PURE__ */ u(Lt, {
 		kind: "checkbox",
 		...e
 	}),
-	FormRadio: (e) => /* @__PURE__ */ u(St, {
+	FormRadio: (e) => /* @__PURE__ */ u(Lt, {
 		kind: "radio",
 		...e
 	}),
-	FormSelect: Ct,
-	FormFile: wt,
-	FormRecaptcha: vt,
-	FormSubmit: Tt
-}, tn = {
+	FormSelect: Rt,
+	FormFile: zt,
+	FormRecaptcha: Nt,
+	FormSubmit: Bt
+}, Dn = {
 	id: "auth",
 	label: "Accounts",
 	category: "Apps",
 	keys: ["SiteLoginForm", "SiteAccountMenu"],
 	ssr: "shell",
 	settings: ["site.authRedirect"]
-}, nn = t({
+}, On = t({
 	user: null,
 	status: "idle",
 	ensure: () => {},
 	refresh: () => {},
 	signOut: () => {}
-}), rn = () => {
-	let e = r(nn);
+}), kn = () => {
+	let e = r(On);
 	return i(() => {
 		e.ensure();
 	}, [e]), e;
 };
-function an({ children: e, initialUser: t, disabled: i, apiUrl: a, tenant: l }) {
-	let d = r(U), f = a || d?.apiUrl || "/api", p = l || d?.tenant || "", [m, h] = c(t ?? null), [g, _] = c(t ? "user" : i ? "guest" : "idle"), v = s(!1), y = n((e, t) => fetch(`${f}${e}`, {
+function An({ children: e, initialUser: t, disabled: a, apiUrl: l, tenant: d }) {
+	let f = r(q), p = l || f?.apiUrl || "/api", m = d || f?.tenant || "", [h, g] = c(t ?? null), [_, v] = c(t ? "user" : a ? "guest" : "idle"), y = s(!1), b = n((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 = n(() => i ? Promise.resolve(null) : y("/site/me").then((e) => e.ok ? e.json() : null).then((e) => {
+	}), [p, m]), x = n(() => a ? 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, i]), x = n(() => y("/site/logout", { method: "post" }).catch(() => {}).then(() => {
-		h(null), _("guest");
-	}), [y]), S = n(() => {
-		v.current || i || t || (v.current = !0, _("loading"), b());
+		return g(t), v(t ? "user" : "guest"), t;
+	}).catch(() => (g(null), v("guest"), null)), [b, a]), S = n(() => b("/site/logout", { method: "post" }).catch(() => {}).then(() => {
+		g(null), v("guest");
+	}), [b]), C = n(() => {
+		y.current || a || t || (y.current = !0, v("loading"), x());
 	}, [
-		i,
+		a,
 		t,
-		b
-	]), C = o(() => ({
-		user: m,
-		status: g,
-		ensure: S,
-		refresh: b,
-		signOut: x
-	}), [
-		m,
-		g,
-		S,
-		b,
 		x
+	]), w = o(() => ({
+		user: h,
+		status: _,
+		ensure: C,
+		refresh: x,
+		signOut: S
+	}), [
+		h,
+		_,
+		C,
+		x,
+		S
 	]);
-	return /* @__PURE__ */ u(nn.Provider, {
-		value: C,
+	return i(() => {
+		a || 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: _
+		} })));
+	}, [
+		a,
+		h,
+		_,
+		t,
+		x,
+		S
+	]), /* @__PURE__ */ u(On.Provider, {
+		value: w,
 		children: e
 	});
 }
-function on({ when: e, children: t }) {
-	let { status: n } = rn();
+function jn({ when: e, children: t }) {
+	let { status: n } = kn();
 	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 sn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: i = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: l, inert: f, linked: p, show: m }) {
-	let { tenant: h, apiUrl: g, settings: _ } = r(U), [v, y] = c("form"), [b, x] = c(""), [S, w] = c(!1), T = e === "register", E = f ? m || "form" : v, D = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
+function Mn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: i = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: l, inert: f, linked: p, show: m }) {
+	let { tenant: h, apiUrl: g, settings: _ } = r(q), [v, y] = c("form"), [b, x] = c(""), [S, C] = c(!1), w = e === "register", T = f ? m || "form" : v, E = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", D = async (e) => {
 		if (e.preventDefault(), f) return;
 		let n = new FormData(e.currentTarget);
-		w(!0), x("");
+		C(!0), x("");
 		try {
-			let e = await fetch(`${g || "/api"}/site/${T ? "register" : "login"}`, {
+			let e = await fetch(`${g || "/api"}/site/${w ? "register" : "login"}`, {
 				method: "post",
 				headers: {
 					"content-type": "application/json",
@@ -3796,19 +4513,19 @@ function sn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 				body: JSON.stringify({
 					email: n.get("email"),
 					password: n.get("password"),
-					...T ? { name: n.get("name") || "" } : {}
+					...w ? { name: n.get("name") || "" } : {}
 				})
 			}), r = await e.json().catch(() => null);
 			if (!e.ok || r?.success === !1) {
-				x(r?.error?.message || "Sign-in failed"), y("error"), w(!1);
+				x(r?.error?.message || "Sign-in failed"), y("error"), C(!1);
 				return;
 			}
 			if (y("success"), typeof window < "u") {
-				let e = D(t) || D(new URLSearchParams(window.location.search).get("next")) || D(_?.["site.authRedirect"]) || D(_?.["apps.auth.redirect"]) || "/";
+				let e = E(t) || E(new URLSearchParams(window.location.search).get("next")) || E(_?.["site.authRedirect"]) || E(_?.["apps.auth.redirect"]) || "/";
 				window.location.assign(e);
 			}
 		} catch {
-			x("Sign-in failed"), y("error"), w(!1);
+			x("Sign-in failed"), y("error"), C(!1);
 		}
 	};
 	return /* @__PURE__ */ d("div", {
@@ -3817,32 +4534,32 @@ function sn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 			display: "grid",
 			gap: 12,
 			maxWidth: 360,
-			...C(s)
+			...A(s)
 		},
 		children: [
 			/* @__PURE__ */ d("form", {
-				onSubmit: O,
+				onSubmit: D,
 				style: {
-					display: E === "form" ? "grid" : "none",
+					display: T === "form" ? "grid" : "none",
 					gap: 10
 				},
 				children: [
-					T ? /* @__PURE__ */ d("label", {
+					w ? /* @__PURE__ */ d("label", {
 						style: {
-							...X,
+							...St,
 							display: "grid",
 							gap: 6
 						},
 						children: [a, /* @__PURE__ */ u("input", {
 							name: "name",
 							type: "text",
-							style: Z,
-							...Q(f)
+							style: Q,
+							...$(f)
 						})]
 					}) : null,
 					/* @__PURE__ */ d("label", {
 						style: {
-							...X,
+							...St,
 							display: "grid",
 							gap: 6
 						},
@@ -3850,13 +4567,13 @@ function sn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 							name: "email",
 							type: "email",
 							required: !f,
-							style: Z,
-							...Q(f)
+							style: Q,
+							...$(f)
 						})]
 					}),
 					/* @__PURE__ */ d("label", {
 						style: {
-							...X,
+							...St,
 							display: "grid",
 							gap: 6
 						},
@@ -3864,15 +4581,15 @@ function sn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 							name: "password",
 							type: "password",
 							required: !f,
-							style: Z,
-							...Q(f)
+							style: Q,
+							...$(f)
 						})]
 					}),
 					/* @__PURE__ */ u("button", {
 						type: f ? "button" : "submit",
 						disabled: S || void 0,
 						style: {
-							...J,
+							...X,
 							border: 0,
 							padding: "10px 22px",
 							borderRadius: 8,
@@ -3881,7 +4598,7 @@ function sn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 							cursor: "pointer",
 							opacity: S ? .6 : 1
 						},
-						children: o || (T ? "Create account" : "Sign in")
+						children: o || (w ? "Create account" : "Sign in")
 					}),
 					b ? /* @__PURE__ */ u("p", {
 						style: {
@@ -3894,18 +4611,18 @@ function sn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 				]
 			}),
 			/* @__PURE__ */ u("div", {
-				style: { display: E === "success" ? "block" : "none" },
+				style: { display: T === "success" ? "block" : "none" },
 				children: p?.success ?? null
 			}),
 			/* @__PURE__ */ u("div", {
-				style: { display: E === "error" ? "block" : "none" },
+				style: { display: T === "error" ? "block" : "none" },
 				children: p?.error ?? null
 			})
 		]
 	});
 }
-function cn({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !1, style: r, nodeRef: i, inert: a, linked: o, show: s }) {
-	let { user: c, status: l, signOut: f } = rn(), p = a ? s || "user" : l, m = a ? {
+function Nn({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !1, style: r, nodeRef: i, inert: a, linked: o, show: s }) {
+	let { user: c, status: l, signOut: f } = kn(), p = a ? s || "user" : l, m = a ? {
 		name: "Ada Lovelace",
 		email: "ada@example.com"
 	} : c;
@@ -3913,7 +4630,7 @@ function cn({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 		ref: i,
 		style: {
 			minHeight: 24,
-			...C(r)
+			...A(r)
 		}
 	}) : p === "user" ? /* @__PURE__ */ d("div", {
 		ref: i,
@@ -3921,12 +4638,12 @@ function cn({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 			display: "flex",
 			alignItems: "center",
 			gap: 10,
-			...C(r)
+			...A(r)
 		},
 		children: [
 			/* @__PURE__ */ d("span", {
 				style: {
-					...X,
+					...St,
 					fontWeight: 600
 				},
 				children: [
@@ -3937,7 +4654,7 @@ function cn({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 			}),
 			n && m?.email ? /* @__PURE__ */ u("span", {
 				style: {
-					...X,
+					...St,
 					opacity: .7
 				},
 				children: m.email
@@ -3946,14 +4663,14 @@ function cn({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 				type: "button",
 				onClick: a ? void 0 : f,
 				style: {
-					...J,
+					...X,
 					border: 0,
 					padding: "8px 16px",
 					borderRadius: 8,
 					fontSize: 14,
 					cursor: a ? "default" : "pointer"
 				},
-				...Q(a),
+				...$(a),
 				children: t
 			})
 		]
@@ -3963,47 +4680,47 @@ function cn({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 			display: "flex",
 			alignItems: "center",
 			gap: 10,
-			...C(r)
+			...A(r)
 		},
 		children: o?.signedOut ?? null
 	});
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/consent/manifest.js
-var ln = {
+var Pn = {
 	id: "consent",
 	label: "Cookie consent",
 	category: "Apps",
 	keys: ["CookieConsent"],
 	ssr: "shell",
 	settings: []
-}, un = "webim.cookie_consent";
-function dn() {
+}, Fn = "webim.cookie_consent";
+function In() {
 	try {
-		let e = window.localStorage.getItem(un), t = e ? JSON.parse(e) : null;
+		let e = window.localStorage.getItem(Fn), t = e ? JSON.parse(e) : null;
 		return t?.choice === "accepted" || t?.choice === "declined" ? t.choice : "";
 	} catch {
 		return "";
 	}
 }
-function fn(e) {
+function Ln(e) {
 	try {
 		document.querySelectorAll(".webim-page").forEach((t) => t.setAttribute("data-webim-consent", e));
 	} catch {}
 }
-function pn(e) {
+function Rn(e) {
 	try {
-		window.localStorage.setItem(un, JSON.stringify({
+		window.localStorage.setItem(Fn, JSON.stringify({
 			choice: e,
 			at: (/* @__PURE__ */ new Date()).toISOString()
 		}));
 	} catch {}
-	fn(e);
+	Ln(e);
 	try {
 		window.dispatchEvent(new CustomEvent("webim:consent", { detail: { choice: e } }));
 	} catch {}
 }
-var mn = {
+var zn = {
 	bottom: {
 		left: 0,
 		right: 0,
@@ -4025,21 +4742,21 @@ var mn = {
 		maxWidth: 400
 	}
 };
-function hn({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLabel: a, linkHref: o, position: s, linked: f, style: p, nodeRef: m, inert: h }) {
+function Bn({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLabel: a, linkHref: o, position: s, linked: f, style: p, nodeRef: m, inert: h }) {
 	let [g, _] = c(!!h), [v, y] = c(null), b = (e) => {
 		y(e), typeof m == "function" && m(e);
 	};
 	if (i(() => {
 		if (h) return;
-		let e = dn();
+		let e = In();
 		if (e) {
 			let t = v?.closest?.(".webim-page");
 			t && t.setAttribute("data-webim-consent", e);
 		} else _(!0);
 	}, [h, v]), !g) return null;
 	let x = (e) => () => {
-		h || (pn(e, v), _(!1));
-	}, S = mn[s] ?? mn.bottom, w = {
+		h || (Rn(e, v), _(!1));
+	}, S = zn[s] ?? zn.bottom, C = {
 		appearance: "none",
 		font: "inherit",
 		fontSize: 14,
@@ -4071,7 +4788,7 @@ function hn({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLab
 			boxShadow: "0 8px 30px rgba(15, 23, 42, 0.18)",
 			fontSize: 14,
 			lineHeight: 1.5,
-			...C(p)
+			...A(p)
 		},
 		children: [/* @__PURE__ */ d("div", {
 			style: {
@@ -4097,7 +4814,7 @@ function hn({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLab
 				type: "button",
 				onClick: x("declined"),
 				style: {
-					...w,
+					...C,
 					background: "transparent",
 					color: "inherit",
 					border: "1px solid var(--page-border, rgba(148, 163, 184, 0.6))"
@@ -4107,7 +4824,7 @@ function hn({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLab
 				type: "button",
 				onClick: x("accepted"),
 				style: {
-					...w,
+					...C,
 					background: "var(--page-accent, #111827)",
 					color: "var(--page-accent-text, #ffffff)",
 					border: "1px solid transparent"
@@ -4119,31 +4836,251 @@ function hn({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLab
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/language/manifest.js
-var gn = {
+var Vn = {
 	id: "language",
 	label: "Language",
 	category: "Apps",
 	keys: ["SiteLanguagePicker"],
 	ssr: "prefetch",
 	settings: ["locales"]
-};
+}, Hn = {
+	id: "search",
+	label: "Search",
+	category: "Apps",
+	keys: ["SiteSearch"],
+	ssr: "prefetch",
+	settings: []
+}, Un = 50, Wn = 2e3;
+function Gn() {
+	return typeof window > "u" ? "" : new URLSearchParams(window.location.search).get("q") ?? "";
+}
+function Kn(e, t) {
+	let n = e?.data ?? {}, r = [];
+	for (let e of Object.values(n)) {
+		let t = e == null ? "" : Y(e);
+		if (t && r.push(t), r.join(" ").length > Wn) break;
+	}
+	return r.join(" ").slice(0, Wn).toLocaleLowerCase(t || void 0);
+}
+function qn({ placeholder: e = "Search…", buttonLabel: t = "Search", showButton: n = !0, live: a = !1, layout: o = "inline", includePages: l = !0, collections: f = [], 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 } = r(q), [C, w] = c(() => Gn()), [T, E] = c(() => Gn()), [D, O] = c(null), [k, j] = c(!1), M = s(null), N = o === "popup";
+	i(() => {
+		let e = () => {
+			let e = Gn();
+			w(e), E(e);
+		};
+		return window.addEventListener("popstate", e), window.addEventListener("webim:urlchange", e), () => {
+			window.removeEventListener("popstate", e), window.removeEventListener("webim:urlchange", e);
+		};
+	}, []), i(() => {
+		if (!a) return;
+		let e = setTimeout(() => {
+			w(T), T.trim() && j(!0);
+		}, 200);
+		return () => clearTimeout(e);
+	}, [a, T]), i(() => {
+		if (!N) return;
+		let e = (e) => {
+			M.current && !M.current.contains(e.target) && j(!1);
+		}, t = (e) => e.key === "Escape" && j(!1);
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [N]), i(() => {
+		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 = [l ? n("/site/pages").then((e) => ({
+			kind: "page",
+			rows: Array.isArray(e) ? e : []
+		})) : null, ...(Array.isArray(f) ? f : []).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,
+		l,
+		JSON.stringify(f)
+	]);
+	let P = C.trim().toLocaleLowerCase(S || void 0), F = [];
+	if (P && 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(P) && F.push({
+			key: `page:${t.slug}`,
+			title: e || t.slug,
+			url: `/${t.slug}`,
+			kind: "page"
+		});
+	}
+	else for (let t of e.rows) {
+		if (!Kn(t, S).includes(P)) continue;
+		let n = t?.data ?? {}, r = Y(n.name) || "Untitled", i = Y(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), Un)), L = (e) => {
+		if (v) {
+			e.preventDefault(), w(T), j(!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")), j(!0);
+	}, R = y && !P ? [{
+		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, ee = !R && P && D && !I.length, B = !N || k && (z.length > 0 || ee), V = z.length > 0 && /* @__PURE__ */ u("ul", {
+		style: {
+			listStyle: "none",
+			margin: 0,
+			padding: 0,
+			display: "flex",
+			flexDirection: "column",
+			gap: 2
+		},
+		children: z.map((e) => /* @__PURE__ */ u("li", { children: /* @__PURE__ */ d("a", {
+			href: v ? void 0 : e.url,
+			style: {
+				display: "block",
+				padding: "10px 12px",
+				borderRadius: 6,
+				color: "inherit",
+				textDecoration: "none",
+				border: N ? 0 : "1px solid var(--page-border, rgba(148, 163, 184, 0.35))"
+			},
+			children: [/* @__PURE__ */ u("span", {
+				style: {
+					display: "block",
+					fontWeight: 600
+				},
+				children: e.title
+			}), /* @__PURE__ */ u("span", {
+				style: {
+					display: "block",
+					fontSize: 12,
+					opacity: .6
+				},
+				children: e.url
+			})]
+		}) }, e.key))
+	});
+	return /* @__PURE__ */ u("div", {
+		ref: _,
+		style: {
+			width: "100%",
+			...A(g)
+		},
+		children: /* @__PURE__ */ d("div", {
+			ref: M,
+			style: { position: "relative" },
+			children: [
+				/* @__PURE__ */ d("form", {
+					method: "get",
+					onSubmit: L,
+					style: {
+						display: "flex",
+						gap: 8,
+						alignItems: "center"
+					},
+					children: [/* @__PURE__ */ u("input", {
+						type: "search",
+						name: "q",
+						value: T,
+						placeholder: e,
+						onChange: (e) => E(e.target.value),
+						onFocus: () => P && j(!0),
+						style: {
+							...Q,
+							flexGrow: 1,
+							minWidth: 0
+						}
+					}), n !== !1 && /* @__PURE__ */ u("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__ */ u("div", {
+					style: {
+						fontSize: 13,
+						opacity: .65,
+						marginTop: 6
+					},
+					children: h
+				}),
+				B && /* @__PURE__ */ d("div", {
+					style: N ? {
+						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: [V, ee && /* @__PURE__ */ u("div", {
+						style: {
+							fontSize: 14,
+							opacity: .65,
+							padding: N ? "10px 12px" : 0
+						},
+						children: m
+					})]
+				})
+			]
+		})
+	});
+}
 //#endregion
 //#region ../ui/src/components/builder/apps/language/views.jsx
-function _n(e) {
+function Jn(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 vn = (e) => e && e.charAt(0).toUpperCase() + e.slice(1);
-function yn(e, t) {
+var Yn = (e) => e && e.charAt(0).toUpperCase() + e.slice(1);
+function Xn(e, t) {
 	let n = String(e ?? "").toUpperCase();
 	if (t === "code") return n;
 	let r = "";
 	try {
-		r = vn(new Intl.DisplayNames([e], { type: "language" }).of(e) ?? "");
+		r = Yn(new Intl.DisplayNames([e], { type: "language" }).of(e) ?? "");
 	} catch {}
 	return !r || r.toUpperCase() === n ? n : t === "both" ? `${n} — ${r}` : r;
 }
-function bn(e, t) {
+function Zn(e, t) {
 	let n = t ? "" : `?locale=${encodeURIComponent(e)}`;
 	if (typeof window > "u") return n || "?";
 	try {
@@ -4153,12 +5090,12 @@ function bn(e, t) {
 		return n || "/";
 	}
 }
-function xn({ variant: e, display: t, separator: n, label: i, style: a, nodeRef: o, inert: s }) {
-	let c = r(U), l = _n(c?.settings), f = l[0] ?? "", p = l.includes(c?.locale) ? c.locale : f, m = {
+function Qn({ variant: e, display: t, separator: n, label: i, style: a, nodeRef: o, inert: s }) {
+	let c = r(q), l = Jn(c?.settings), f = l[0] ?? "", p = l.includes(c?.locale) ? c.locale : f, m = {
 		display: "inline-flex",
 		alignItems: "center",
 		gap: 8,
-		...C(a)
+		...A(a)
 	};
 	if (l.length < 2) return s ? /* @__PURE__ */ u("div", {
 		ref: o,
@@ -4189,7 +5126,7 @@ function xn({ variant: e, display: t, separator: n, label: i, style: a, nodeRef:
 				style: { opacity: .4 },
 				children: n ?? "·"
 			}), /* @__PURE__ */ u("a", {
-				href: bn(e, e === f),
+				href: Zn(e, e === f),
 				hrefLang: e,
 				"aria-current": e === p ? "true" : void 0,
 				onClick: s ? (e) => e.preventDefault() : void 0,
@@ -4199,7 +5136,7 @@ function xn({ variant: e, display: t, separator: n, label: i, style: a, nodeRef:
 					textDecoration: "none",
 					cursor: s ? "default" : "pointer"
 				},
-				children: yn(e, t)
+				children: Xn(e, t)
 			})]
 		}, e))]
 	}) : /* @__PURE__ */ d("div", {
@@ -4210,7 +5147,7 @@ function xn({ variant: e, display: t, separator: n, label: i, style: a, nodeRef:
 			value: p,
 			onChange: s ? void 0 : (e) => {
 				let t = e.target.value;
-				window.location.assign(bn(t, t === f));
+				window.location.assign(Zn(t, t === f));
 			},
 			onKeyDown: s ? (e) => e.preventDefault() : void 0,
 			style: {
@@ -4224,55 +5161,57 @@ function xn({ variant: e, display: t, separator: n, label: i, style: a, nodeRef:
 			},
 			children: l.map((e) => /* @__PURE__ */ u("option", {
 				value: e,
-				children: yn(e, t)
+				children: Xn(e, t)
 			}, e))
 		})]
 	});
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/index.js
-var Sn = [
-	tn,
-	gn,
-	ln
-], Cn = {
-	SiteLoginForm: sn,
-	SiteAccountMenu: cn,
-	SiteLanguagePicker: xn,
-	CookieConsent: hn
+var $n = [
+	Dn,
+	Vn,
+	Pn,
+	Hn
+], er = {
+	SiteLoginForm: Mn,
+	SiteAccountMenu: Nn,
+	SiteLanguagePicker: Qn,
+	CookieConsent: Bn,
+	SiteSearch: qn
 };
-new Set(Sn.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
+new Set($n.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
 //#endregion
 //#region ../ui/src/components/builder/plugins/runtime.js
-var wn = /* @__PURE__ */ new Map();
-function Tn(e) {
-	if (wn.has(e)) return wn.get(e);
+var tr = /* @__PURE__ */ new Map();
+function nr(e) {
+	if (tr.has(e)) return tr.get(e);
 	let t = URL.createObjectURL(new Blob([e], { type: "text/javascript" })), n = import(
 		/* @vite-ignore */
 		/* webpackIgnore: true */
 		t
 ).finally(() => URL.revokeObjectURL(t));
-	return wn.set(e, n), n;
+	return tr.set(e, n), n;
 }
-function En(e) {
+function rr(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 Dn(e, t) {
-	let n = await Tn(e);
+async function ir(e, t) {
+	let n = await nr(e);
 	return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
 }
-var On = {
+var ar = {
 	padding: "10px 12px",
 	border: "1px dashed rgba(148, 163, 184, 0.5)",
 	borderRadius: 8,
 	fontSize: 12,
 	opacity: .6
 };
-function kn({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
-	let c = r(U), l = En(c?.settings)[e], f = s(null), p = s(null), m = {
+function or({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
+	let c = r(q), l = rr(c?.settings)[e], f = s(null), p = s(null), m = {
 		tenant: c?.tenant ?? "",
 		apiUrl: c?.apiUrl ?? "/api",
 		locale: c?.locale ?? "",
@@ -4284,7 +5223,7 @@ function kn({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 		let e = f.current;
 		if (!l?.code || !e) return;
 		let n = !0;
-		return Dn(l.code, t).then((e) => {
+		return ir(l.code, t).then((e) => {
 			if (!(!n || !e || !f.current)) {
 				p.current = e;
 				try {
@@ -4309,13 +5248,13 @@ function kn({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 		} catch {}
 	}, [g]), l ? /* @__PURE__ */ u("div", {
 		ref: o,
-		style: C(a),
+		style: A(a),
 		children: /* @__PURE__ */ u("div", { ref: f })
 	}) : /* @__PURE__ */ d("div", {
 		ref: o,
 		style: {
-			...On,
-			...C(a)
+			...ar,
+			...A(a)
 		},
 		children: [
 			"Plugin “",
@@ -4326,12 +5265,12 @@ function kn({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 }
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var An = {
-	...en,
-	...Cn,
-	PluginBlock: kn
+var sr = {
+	...En,
+	...er,
+	PluginBlock: or
 };
-function jn(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
+function cr(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[t];
 	if (!o || o.hidden) return null;
 	let s = o.type?.resolvedName, c = a?.mapProps ? a.mapProps(o.props ?? {}, s) : o.props ?? {};
@@ -4339,112 +5278,114 @@ function jn(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let n = o.props?.componentId, s = r?.[n];
 		if (!s?.template || i.has(n)) return null;
 		let c = new Set(i).add(n);
-		return /* @__PURE__ */ u(e, { children: jn(s.template.rootId, s.template.nodes, r, c, a) }, t);
+		return /* @__PURE__ */ u(e, { children: cr(s.template.rootId, s.template.nodes, r, c, a) }, t);
 	}
-	let l = An[s];
+	let l = sr[s];
 	if (!l) return null;
-	let d = (o.nodes ?? []).map((e) => jn(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, jn(t, n, r, i)])) : void 0, m = /* @__PURE__ */ u(l, {
+	let d = (o.nodes ?? []).map((e) => cr(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, cr(t, n, r, i)])) : void 0, m = /* @__PURE__ */ u(l, {
 		...c,
 		...s === "CollectionList" ? { templateId: o.linkedNodes?.card } : null,
 		linked: p,
 		nodeRef: (e) => {
-			e && (e.setAttribute("data-wb", t), D(e, c));
+			e && (e.setAttribute("data-wb", t), B(e, c), ee(e, c.events));
 		},
 		children: d.length ? d : void 0
 	}, t);
-	return c.when && c.when !== "always" ? /* @__PURE__ */ u(on, {
+	return c.when && c.when !== "always" ? /* @__PURE__ */ u(jn, {
 		when: c.when,
 		children: m
 	}, t) : 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(V(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
-.webim-page[data-webim-mode="dark"] { ${Object.entries(V(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
-function Pn({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, tenant: c, apiUrl: l, datasets: f, locale: p, direction: m, settings: h, siteUser: _ }) {
-	let v = s?.js?.trim();
+var lr = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), ur = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(K(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
+.webim-page[data-webim-mode="dark"] { ${Object.entries(K(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
+function dr({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, animations: c, tenant: l, apiUrl: f, datasets: p, locale: m, direction: h, settings: _, siteUser: v }) {
+	let b = s?.js?.trim();
 	if (i(() => {
-		if (!v) return;
+		if (!b) return;
 		let e = document.createElement("script");
-		return e.text = v, document.body.appendChild(e), () => e.remove();
-	}, [v]), !e?.ROOT) return null;
-	let b = {
-		lang: p || void 0,
-		dir: ue(m, p)
-	}, x = ".webim-page, .webim-page *, .webim-page *::before, .webim-page *::after { box-sizing: border-box; }", S = {
+		return e.text = b, document.body.appendChild(e), () => e.remove();
+	}, [b]), !e?.ROOT) return null;
+	let x = {
+		lang: m || void 0,
+		dir: be(h, m)
+	}, S = ".webim-page, .webim-page *, .webim-page *::before, .webim-page *::after { box-sizing: border-box; }", C = {
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, C = jn("ROOT", e, n), w = o(() => ({ render: (t, r) => jn(t, e, n, void 0, { mapProps: r }) }), [e, n]), T = F(e, n), E = P(e, n), D = s?.css?.trim(), O = B(t), k = [O.font, O.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !z[e]), A = [.../* @__PURE__ */ new Set([...y(e, n), ...k])].map((e) => /* @__PURE__ */ u("link", {
+	}, w = cr("ROOT", e, n), T = o(() => ({ render: (t, r) => cr(t, e, n, void 0, { mapProps: r }) }), [e, n]), D = oe(e, n), O = ae(e, n), k = s?.css?.trim(), A = E(c), j = ue(t), M = [j.font, j.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !G[e]), N = [.../* @__PURE__ */ new Set([...y(e, n), ...M])].map((e) => /* @__PURE__ */ u("link", {
 		rel: "stylesheet",
 		precedence: "default",
 		href: g(e)
-	}, e)), j = Nn(O);
-	return r === "auto" ? /* @__PURE__ */ u(U.Provider, {
+	}, e)), P = ur(j);
+	return r === "auto" ? /* @__PURE__ */ u(q.Provider, {
 		value: {
-			tenant: c || "",
-			apiUrl: l || "/api",
-			locale: p || "",
-			settings: h ?? null
+			tenant: l || "",
+			apiUrl: f || "/api",
+			locale: m || "",
+			settings: _ ?? null
 		},
-		children: /* @__PURE__ */ u(an, {
-			initialUser: _,
-			children: /* @__PURE__ */ u(W.Provider, {
-				value: f ?? null,
-				children: /* @__PURE__ */ u(pe.Provider, {
-					value: w,
+		children: /* @__PURE__ */ u(An, {
+			initialUser: v,
+			children: /* @__PURE__ */ u(J.Provider, {
+				value: p ?? null,
+				children: /* @__PURE__ */ u(we.Provider, {
+					value: T,
 					children: /* @__PURE__ */ d("div", {
-						...b,
+						...x,
 						className: "webim-page",
 						style: {
-							...S,
-							...ne(t),
+							...C,
+							...de(t),
 							...a
 						},
 						children: [
-							/* @__PURE__ */ u("style", { children: `.webim-page { ${Mn(V(O.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${Mn(V(O.dark))} } }` }),
-							/* @__PURE__ */ u("style", { children: j }),
-							A,
-							/* @__PURE__ */ u("style", { children: x }),
-							T && /* @__PURE__ */ u("style", { children: T }),
-							E && /* @__PURE__ */ u("style", { children: E }),
+							/* @__PURE__ */ u("style", { children: `.webim-page { ${lr(K(j.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${lr(K(j.dark))} } }` }),
+							/* @__PURE__ */ u("style", { children: P }),
+							N,
+							/* @__PURE__ */ u("style", { children: S }),
 							D && /* @__PURE__ */ u("style", { children: D }),
-							C
+							O && /* @__PURE__ */ u("style", { children: O }),
+							k && /* @__PURE__ */ u("style", { children: k }),
+							w
 						]
 					})
 				})
 			})
 		})
-	}) : /* @__PURE__ */ u(U.Provider, {
+	}) : /* @__PURE__ */ u(q.Provider, {
 		value: {
-			tenant: c || "",
-			apiUrl: l || "/api",
-			locale: p || "",
-			settings: h ?? null
+			tenant: l || "",
+			apiUrl: f || "/api",
+			locale: m || "",
+			settings: _ ?? null
 		},
-		children: /* @__PURE__ */ u(an, {
-			initialUser: _,
-			children: /* @__PURE__ */ u(W.Provider, {
-				value: f ?? null,
-				children: /* @__PURE__ */ u(pe.Provider, {
-					value: w,
+		children: /* @__PURE__ */ u(An, {
+			initialUser: v,
+			children: /* @__PURE__ */ u(J.Provider, {
+				value: p ?? null,
+				children: /* @__PURE__ */ u(we.Provider, {
+					value: T,
 					children: /* @__PURE__ */ d("div", {
-						...b,
+						...x,
 						className: "webim-page",
 						style: {
-							...S,
-							...re(t, r),
+							...C,
+							...fe(t, r),
 							...a
 						},
 						children: [
-							A,
-							/* @__PURE__ */ u("style", { children: j }),
-							/* @__PURE__ */ u("style", { children: x }),
-							T && /* @__PURE__ */ u("style", { children: T }),
-							E && /* @__PURE__ */ u("style", { children: E }),
+							N,
+							/* @__PURE__ */ u("style", { children: P }),
+							/* @__PURE__ */ u("style", { children: S }),
 							D && /* @__PURE__ */ u("style", { children: D }),
-							C
+							O && /* @__PURE__ */ u("style", { children: O }),
+							A && /* @__PURE__ */ u("style", { children: A }),
+							A && /* @__PURE__ */ u("style", { children: A }),
+							k && /* @__PURE__ */ u("style", { children: k }),
+							w
 						]
 					})
 				})
@@ -4454,25 +5395,26 @@ function Pn({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function Fn({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ u(Pn, {
+function fr({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ u(dr, {
 		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: ae(t, e.scheme),
+		mode: me(t, e.scheme),
 		style: n
 	}) : null;
 }
 //#endregion
 //#region src/WebimPage.jsx
-function In({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mode: l = "auto", style: d, fallback: f = null, errorFallback: p = null, onLoad: m, onError: h }) {
+function pr({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mode: l = "auto", style: d, fallback: f = null, errorFallback: p = null, onLoad: m, onError: h }) {
 	let [g, _] = c({ status: "loading" }), v = s({
 		onLoad: m,
 		onError: h
@@ -4482,7 +5424,7 @@ function In({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mo
 		onError: h
 	}, i(() => {
 		let i = !0;
-		return _({ status: "loading" }), se({
+		return _({ status: "loading" }), _e({
 			apiUrl: e,
 			tenant: t,
 			slug: n,
@@ -4509,11 +5451,11 @@ function In({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mo
 		r,
 		a,
 		o
-	]), g.status === "loading" ? f : g.status === "error" ? typeof p == "function" ? p(g.error) : p : /* @__PURE__ */ u(Fn, {
+	]), g.status === "loading" ? f : g.status === "error" ? typeof p == "function" ? p(g.error) : p : /* @__PURE__ */ u(fr, {
 		bundle: g.bundle,
 		mode: l,
 		style: d
 	});
 }
 //#endregion
-export { Pn as PageRenderer, Fn as WebimContent, In as WebimPage, se as fetchPage, Me as renderRichContent, ie as resolveTheme };
+export { dr as PageRenderer, fr as WebimContent, pr as WebimPage, _e as fetchPage, We as renderRichContent, pe as resolveTheme };