webim-adapter 0.10.0 → 0.13.0

package/build/webim-ssr.js

@@ -202,26 +202,26 @@ function C(e) {
 	delete t.textStrokeWidth, delete t.textStrokeColor, (re !== void 0 || ie !== void 0) && (t.WebkitTextStroke = `${x(re ?? 1)} ${ie || "currentColor"}`);
 	let { clipText: H } = t;
 	delete t.clipText, H && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
-	let { transitions: U, transitionDuration: W, transitionEasing: ae, transitionProperty: G } = t, oe = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
+	let { transitions: U, transitionDuration: W, transitionEasing: ae, transitionProperty: oe } = t, G = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
 	delete t.transitions, delete t.transitionDuration, delete t.transitionEasing, delete t.transitionProperty;
-	let K = (Array.isArray(U) ? U : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${oe(e.duration ?? 200)} ${e.easing || "ease"}`);
-	if (W !== void 0 && K.push(`${G || "all"} ${oe(W)} ${ae || "ease"}`), K.length && (t.transition = K.join(", ")), t.textDecoration !== void 0 && (t.textDecorationLine = t.textDecoration, delete t.textDecoration), t.backgroundImage && !String(t.backgroundImage).includes("(") && (t.backgroundImage = `url("${t.backgroundImage}")`), n) {
+	let se = (Array.isArray(U) ? U : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${G(e.duration ?? 200)} ${e.easing || "ease"}`);
+	if (W !== void 0 && se.push(`${oe || "all"} ${G(W)} ${ae || "ease"}`), se.length && (t.transition = se.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: se, overlayOpacity: ce } = t;
-	if (delete t.overlayColor, delete t.overlayOpacity, se) {
-		let e = `color-mix(in srgb, ${se} ${ce ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
+	let { overlayColor: K, overlayOpacity: ce } = t;
+	if (delete t.overlayColor, delete t.overlayOpacity, K) {
+		let e = `color-mix(in srgb, ${K} ${ce ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
 		t.backgroundImage = t.backgroundImage ? `${n}, ${t.backgroundImage}` : n;
 	}
 	t.backgroundImage && (t.backgroundSize ??= "cover", t.backgroundPosition ??= "center", t.backgroundRepeat ??= "no-repeat");
 	let { backgroundLayers: le } = t;
 	delete t.backgroundLayers;
-	let q = (Array.isArray(le) ? le : []).filter((e) => e && e.on !== !1);
-	if (q.length) {
+	let ue = (Array.isArray(le) ? le : []).filter((e) => e && e.on !== !1);
+	if (ue.length) {
 		let e = [], n = [], r = [], i = [], a = [];
-		for (let t of q) if (t.kind === "linear") e.push(`linear-gradient(${t.angle ?? 180}deg, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
+		for (let t of ue) 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;
@@ -433,11 +433,17 @@ var H = n({
 	apiUrl: "/api",
 	locale: "",
 	settings: null
-}), U = n(null), W = n(null), ae = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}), U = n(null), W = (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;
+}, ae = n(null), oe = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 function G(e, t) {
 	if (t) return t.includes(".") ? t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e) : e?.[t];
 }
-var oe = (e) => {
+var se = (e) => {
 	let t = [];
 	for (let [n, r] of Object.entries(e ?? {})) {
 		if (!/^[\w-]+$/.test(n)) continue;
@@ -450,33 +456,33 @@ var oe = (e) => {
 function K(e) {
 	return e == null ? "" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "object" && !Array.isArray(e) && ("label" in e || "name" in e || "slug" in e) ? String(e.label ?? e.name ?? e.slug ?? "") : Array.isArray(e) ? e.map((e) => typeof e == "string" ? e : Array.isArray(e?.parts) ? e.parts.map((e) => e?.text ?? "").join("") : Array.isArray(e?.items) ? e.items.map((e) => e?.text ?? "").join(" ") : e && (e.label != null || e.name != null || e.slug != null) ? String(e.label ?? e.name ?? e.slug) : "").filter(Boolean).join(" ") : "";
 }
-function se(e, t) {
-	let n = t?.data ?? {}, r = oe(n);
+function ce(e, t) {
+	let n = t?.data ?? {}, r = se(n);
 	if (!r.length) return e;
-	let i = RegExp(`:(${r.map(ae).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => K(G(n, t))) : Array.isArray(e) ? e.map(a) : e && typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, t]) => [e, a(t)])) : e;
+	let i = RegExp(`:(${r.map(oe).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => K(G(n, t))) : Array.isArray(e) ? e.map(a) : e && typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, t]) => [e, a(t)])) : e;
 	return a(e);
 }
-var ce = {
+var le = {
 	margin: 0,
 	fontWeight: 700,
 	lineHeight: 1.2,
 	fontFamily: "var(--page-heading-font, inherit)"
-}, le = { margin: 0 }, q = {
+}, ue = { margin: 0 }, q = {
 	display: "inline-block",
 	textDecoration: "none",
 	cursor: "pointer",
 	backgroundColor: "var(--page-accent, #111827)",
 	color: "var(--page-accent-text, #ffffff)"
-}, ue = {
+}, de = {
 	flexGrow: 1,
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-}, de = {
+}, fe = {
 	display: "flex",
 	flexDirection: "column"
 };
-function fe({ style: e }) {
+function pe({ style: e }) {
 	let t = e?.backgroundVideo;
 	if (!t) return null;
 	let n = {
@@ -502,7 +508,7 @@ function fe({ style: e }) {
 		background: r
 	} })] });
 }
-var pe = (e, t) => e?.backgroundVideo ? {
+var me = (e, t) => e?.backgroundVideo ? {
 	position: "relative",
 	...t,
 	...C(e)
@@ -510,24 +516,24 @@ var pe = (e, t) => e?.backgroundVideo ? {
 	...t,
 	...C(e)
 };
-function me({ style: e, nodeRef: t, children: n }) {
+function he({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ f("div", {
 		ref: t,
 		style: {
-			...ue,
+			...de,
 			...C(e)
 		},
-		children: [/* @__PURE__ */ d(fe, { style: e }), n]
+		children: [/* @__PURE__ */ d(pe, { style: e }), n]
 	});
 }
-function he({ style: e, nodeRef: t, children: n }) {
+function ge({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ f("section", {
 		ref: t,
-		style: pe(e, de),
-		children: [/* @__PURE__ */ d(fe, { style: e }), n]
+		style: me(e, fe),
+		children: [/* @__PURE__ */ d(pe, { style: e }), n]
 	});
 }
-function ge({ style: e, freeLayout: t, nodeRef: n, children: r }) {
+function _e({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 	let i = t ? {
 		position: "relative",
 		minHeight: 240
@@ -536,32 +542,32 @@ function ge({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 		ref: n,
 		style: i ? {
 			...i,
-			...pe(e)
-		} : pe(e),
-		children: [/* @__PURE__ */ d(fe, { style: e }), r]
+			...me(e)
+		} : me(e),
+		children: [/* @__PURE__ */ d(pe, { style: e }), r]
 	});
 }
-function _e({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
+function ve({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
 	return /* @__PURE__ */ d(n, {
 		ref: a,
 		style: {
-			...ce,
+			...le,
 			...C(r)
 		},
 		children: J(t, e, i)
 	});
 }
-var ve = {
+var ye = {
 	fontFamily: z.mono.value,
 	background: "rgba(148, 163, 184, 0.18)",
 	padding: "1px 5px",
 	borderRadius: 4,
 	fontSize: "0.9em"
 };
-function ye(e, t = [], n, r) {
+function be(e, t = [], n, r) {
 	let i = e;
 	return t.includes("sup") ? i = /* @__PURE__ */ d("sup", { children: i }) : t.includes("sub") && (i = /* @__PURE__ */ d("sub", { children: i })), t.includes("code") && (i = /* @__PURE__ */ d("code", {
-		style: ve,
+		style: ye,
 		children: i
 	})), t.includes("strike") && (i = /* @__PURE__ */ d("s", { children: i })), t.includes("underline") && (i = /* @__PURE__ */ d("u", { children: i })), t.includes("italic") && (i = /* @__PURE__ */ d("em", { children: i })), t.includes("bold") && (i = /* @__PURE__ */ d("strong", { children: i })), n && (i = /* @__PURE__ */ d("a", {
 		href: n,
@@ -577,7 +583,7 @@ function J(e, n, r) {
 		if (e.parts) return /* @__PURE__ */ d(t, { children: J(e.parts, "", r) }, n);
 		let i = e.text;
 		return e.sup ? i = /* @__PURE__ */ d("sup", { children: i }) : e.sub && (i = /* @__PURE__ */ d("sub", { children: i })), e.code && (i = /* @__PURE__ */ d("code", {
-			style: ve,
+			style: ye,
 			children: i
 		})), e.strike && (i = /* @__PURE__ */ d("s", { children: i })), e.underline && (i = /* @__PURE__ */ d("u", { children: i })), e.italic && (i = /* @__PURE__ */ d("em", { children: i })), e.bold && (i = /* @__PURE__ */ d("strong", { children: i })), (e.color || e.background) && (i = /* @__PURE__ */ d("span", {
 			style: {
@@ -594,13 +600,13 @@ function J(e, n, r) {
 		})), /* @__PURE__ */ d(t, { children: i }, n);
 	}) : n;
 }
-function be({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
+function xe({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
 	return /* @__PURE__ */ d("span", {
 		style: C(a),
-		children: e?.length ? J(e, t) : ye(t, n, r, i)
+		children: e?.length ? J(e, t) : be(t, n, r, i)
 	});
 }
-var xe = {
+var Se = {
 	h1: 40,
 	h2: 32,
 	h3: 26,
@@ -608,7 +614,7 @@ var xe = {
 	h5: 19,
 	h6: 16
 };
-function Se({ align: e = "center", width: t, wrap: n } = {}) {
+function Ce({ align: e = "center", width: t, wrap: n } = {}) {
 	let r = t ? `${t}%` : void 0;
 	if (e === "full") return { width: "100%" };
 	let i = e === "left" || e === "right";
@@ -642,7 +648,7 @@ function Se({ align: e = "center", width: t, wrap: n } = {}) {
 		marginRight: "auto"
 	};
 }
-function Ce(e = [], t, n) {
+function we(e = [], t, n) {
 	let r = n ?? ((e, n) => J(e, n, t));
 	return e.map((t, n) => {
 		let i = {
@@ -665,7 +671,7 @@ function Ce(e = [], t, n) {
 					marginLeft: 0,
 					marginRight: 0,
 					...i,
-					...Se(t)
+					...Ce(t)
 				},
 				children: [t.href ? /* @__PURE__ */ d("a", {
 					href: t.href,
@@ -684,16 +690,16 @@ function Ce(e = [], t, n) {
 				})]
 			}, n);
 		}
-		if (t.type === "video") return Pe(t.url) ? /* @__PURE__ */ d("div", {
+		if (t.type === "video") return Fe(t.url) ? /* @__PURE__ */ d("div", {
 			style: {
 				...i,
-				...Se({
+				...Ce({
 					align: t.align,
 					wrap: t.wrap,
 					width: t.width ?? 100
 				})
 			},
-			children: /* @__PURE__ */ d(Fe, {
+			children: /* @__PURE__ */ d(Ie, {
 				url: t.url,
 				autoplay: t.autoplay,
 				muted: t.muted,
@@ -722,17 +728,17 @@ function Ce(e = [], t, n) {
 		}
 		if (t.type === "quote") return /* @__PURE__ */ d("blockquote", {
 			style: {
-				...Te,
+				...Ee,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
-		if (xe[t.type]) {
+		if (Se[t.type]) {
 			let e = t.type;
 			return /* @__PURE__ */ d(e, {
 				style: {
-					...ce,
-					fontSize: xe[t.type],
+					...le,
+					fontSize: Se[t.type],
 					...i
 				},
 				children: r(t.parts, t.text)
@@ -740,39 +746,39 @@ function Ce(e = [], t, n) {
 		}
 		return /* @__PURE__ */ d("p", {
 			style: {
-				...le,
+				...ue,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
 	});
 }
-function we({ content: e, style: t, linked: n, nodeRef: r }) {
+function Te({ content: e, style: t, linked: n, nodeRef: r }) {
 	return /* @__PURE__ */ d("div", {
 		ref: r,
 		style: {
 			display: "flow-root",
 			...C(t)
 		},
-		children: Ce(e, n)
+		children: we(e, n)
 	});
 }
-var Te = {
+var Ee = {
 	margin: 0,
 	padding: "8px 0 8px 20px",
 	borderLeft: "4px solid var(--page-accent, rgba(148, 163, 184, 0.6))"
 };
-function Ee({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function De({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ d("blockquote", {
 		ref: i,
 		style: {
-			...Te,
+			...Ee,
 			...C(n)
 		},
 		children: J(t, e, r)
 	});
 }
-function De({ ordered: e, items: t = [], style: n, nodeRef: r }) {
+function Oe({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 	return /* @__PURE__ */ d(e ? "ol" : "ul", {
 		ref: r,
 		style: {
@@ -786,36 +792,36 @@ function De({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 		}, t))
 	});
 }
-function Oe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function ke({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ d("p", {
 		ref: i,
 		style: {
-			...le,
+			...ue,
 			...C(n)
 		},
 		children: J(t, e, r)
 	});
 }
-var ke = {
+var Ae = {
 	color: "var(--page-accent, inherit)",
 	textDecoration: "underline",
 	textUnderlineOffset: 3,
 	cursor: "pointer"
 };
-function Ae({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function je({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
 	return /* @__PURE__ */ d("a", {
 		ref: o,
 		href: n || "#",
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
 		style: {
-			...ke,
+			...Ae,
 			...C(i)
 		},
 		children: J(t, e, a)
 	});
 }
-function je({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function Me({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
 	return /* @__PURE__ */ d("a", {
 		ref: o,
 		href: n || "#",
@@ -828,7 +834,7 @@ function je({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRe
 		children: J(t, e, a)
 	});
 }
-function Me({ src: e, alt: t, style: n, nodeRef: r }) {
+function Ne({ src: e, alt: t, style: n, nodeRef: r }) {
 	return e ? /* @__PURE__ */ d("img", {
 		ref: r,
 		src: e,
@@ -840,7 +846,7 @@ function Me({ src: e, alt: t, style: n, nodeRef: r }) {
 		}
 	}) : null;
 }
-function Ne({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
+function Pe({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
 	return e ? /* @__PURE__ */ d("video", {
 		ref: s,
 		src: e,
@@ -858,9 +864,9 @@ function Ne({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !
 		}
 	}) : null;
 }
-var Pe = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
-function Fe({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
-	let c = Pe(e);
+var Fe = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
+function Ie({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
+	let c = Fe(e);
 	if (!c) return null;
 	let l = new URLSearchParams({ rel: "0" });
 	return t && l.set("autoplay", "1"), (n || t) && l.set("mute", "1"), i || l.set("controls", "0"), r && (l.set("loop", "1"), l.set("playlist", c)), Number(a) > 0 && l.set("start", String(Math.floor(Number(a)))), /* @__PURE__ */ d("div", {
@@ -886,7 +892,7 @@ function Fe({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 		})
 	});
 }
-function Ie({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
+function Le({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
 	return e ? /* @__PURE__ */ d("iframe", {
 		ref: i,
 		src: e,
@@ -902,7 +908,7 @@ function Ie({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i })
 		}
 	}) : null;
 }
-function Le({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
+function Re({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 	let [i, o] = l(null);
 	return a(() => {
 		i && (i.innerHTML = e || "", t && i.querySelectorAll("script").forEach((e) => {
@@ -921,7 +927,7 @@ function Le({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 		style: C(n)
 	});
 }
-function Re({ height: e, nodeRef: t }) {
+function ze({ height: e, nodeRef: t }) {
 	return /* @__PURE__ */ d("div", {
 		ref: t,
 		style: {
@@ -931,7 +937,7 @@ function Re({ height: e, nodeRef: t }) {
 		}
 	});
 }
-function ze({ style: e, nodeRef: t }) {
+function Be({ style: e, nodeRef: t }) {
 	return /* @__PURE__ */ d("div", {
 		ref: t,
 		style: {
@@ -942,7 +948,7 @@ function ze({ style: e, nodeRef: t }) {
 		}
 	});
 }
-var Be = {
+var Ve = {
 	position: "absolute",
 	top: "50%",
 	transform: "translateY(-50%)",
@@ -959,7 +965,7 @@ var Be = {
 	alignItems: "center",
 	justifyContent: "center",
 	padding: 0
-}, Ve = {
+}, He = {
 	bottom: {
 		inset: "auto 0 0 0",
 		padding: "40px 24px 20px",
@@ -978,8 +984,8 @@ var Be = {
 		padding: 24,
 		textShadow: "0 2px 12px rgba(0, 0, 0, 0.6)"
 	}
-}, He = 48;
-function Ue({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: i = 320, swipe: o = !0, style: s, nodeRef: c }) {
+}, Ue = 48;
+function We({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: i = 320, swipe: o = !0, style: s, nodeRef: c }) {
 	let [p, m] = l(0), [h, g] = l(!1), [_, v] = l(null), y = e ? Math.min(p, e - 1) : 0;
 	if (a(() => {
 		if (!n || h || _ || e < 2) return;
@@ -995,7 +1001,7 @@ function Ue({ 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 > He && b(y - 1);
+		v(null), e < -48 ? b(y + 1) : e > Ue && b(y - 1);
 	};
 	return /* @__PURE__ */ f("div", {
 		ref: c,
@@ -1043,7 +1049,7 @@ function Ue({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Previous slide",
 				style: {
-					...Be,
+					...Ve,
 					left: 12
 				},
 				onClick: () => b(y - 1),
@@ -1053,7 +1059,7 @@ function Ue({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Next slide",
 				style: {
-					...Be,
+					...Ve,
 					right: 12
 				},
 				onClick: () => b(y + 1),
@@ -1087,7 +1093,7 @@ function Ue({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 		] })]
 	});
 }
-var We = (e, t) => ({
+var Ge = (e, t) => ({
 	position: "absolute",
 	inset: 0,
 	backgroundImage: e ? `url(${e})` : "none",
@@ -1095,18 +1101,18 @@ var We = (e, t) => ({
 	backgroundSize: "cover",
 	backgroundPosition: "center"
 });
-function Ge({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
-	return e.length ? /* @__PURE__ */ d(Ue, {
+function Ke({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
+	return e.length ? /* @__PURE__ */ d(We, {
 		...r,
 		count: e.length,
 		renderSlide: (r) => {
 			let i = e[r];
-			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: We(i.image) }), (i.title || i.text) && /* @__PURE__ */ f("div", {
+			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: Ge(i.image) }), (i.title || i.text) && /* @__PURE__ */ f("div", {
 				style: {
 					position: "absolute",
 					color: "#fff",
 					textAlign: n,
-					...Ve[t] ?? Ve.bottom
+					...He[t] ?? He.bottom
 				},
 				children: [i.title && /* @__PURE__ */ d("div", {
 					style: {
@@ -1126,13 +1132,13 @@ function Ge({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "
 		}
 	}) : null;
 }
-function Ke({ slides: e = [], linked: t, ...n }) {
-	return e.length ? /* @__PURE__ */ d(Ue, {
+function qe({ slides: e = [], linked: t, ...n }) {
+	return e.length ? /* @__PURE__ */ d(We, {
 		...n,
 		count: e.length,
 		renderSlide: (n) => {
 			let r = e[n];
-			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: We(r.image, r.color) }), /* @__PURE__ */ d("div", {
+			return /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", { style: Ge(r.image, r.color) }), /* @__PURE__ */ d("div", {
 				style: {
 					position: "absolute",
 					inset: 0,
@@ -1144,29 +1150,29 @@ function Ke({ slides: e = [], linked: t, ...n }) {
 		}
 	}) : null;
 }
-var qe = {
+var Je = {
 	color: "inherit",
 	textDecoration: "none",
 	fontSize: 14,
 	opacity: .85
-}, Je = {
+}, Ye = {
 	background: "var(--page-bg, #ffffff)",
 	color: "var(--page-text, #111827)",
 	border: "1px solid rgba(148, 163, 184, 0.25)",
 	boxShadow: "0 16px 40px rgba(15, 23, 42, 0.16)",
 	zIndex: 60
 };
-function Ye({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s = "auto", breakpoint: c = 768 }) {
-	let [u, p] = l(null), [m, h] = l(!1), [g, _] = l(!1), [v, y] = l(null);
+function Xe({ brand: e, logo: n, brandHref: r, brandTarget: i, links: o = [], style: s, nodeRef: c, menu: p = "auto", breakpoint: m = 768 }) {
+	let [h, g] = l(null), [_, v] = l(!1), [y, b] = l(!1), [x, S] = l(null);
 	a(() => {
-		if (!u) return;
-		let e = new ResizeObserver(() => h(u.offsetWidth < c));
-		return e.observe(u), () => e.disconnect();
-	}, [u, c]);
-	let b = s === "hamburger" || s === "auto" && m, x = (e, t) => /* @__PURE__ */ f("a", {
+		if (!h) return;
+		let e = new ResizeObserver(() => v(h.offsetWidth < m));
+		return e.observe(h), () => e.disconnect();
+	}, [h, m]);
+	let w = p === "hamburger" || p === "auto" && _, T = (e, t) => /* @__PURE__ */ f("a", {
 		href: e.href || "#",
 		style: {
-			...qe,
+			...Je,
 			display: "block",
 			...t
 		},
@@ -1182,7 +1188,7 @@ function Ye({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 	}, e.key);
 	return /* @__PURE__ */ f("nav", {
 		ref: (e) => {
-			p(e), o && o(e);
+			g(e), c && c(e);
 		},
 		style: {
 			display: "flex",
@@ -1192,30 +1198,47 @@ function Ye({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 			padding: "14px 24px",
 			width: "100%",
 			position: "relative",
-			...C(i)
+			...C(s)
 		},
 		children: [
-			n && /* @__PURE__ */ d("img", {
-				src: n,
-				alt: e || "Logo",
-				style: {
-					height: 28,
-					display: "block"
-				}
-			}),
-			e && /* @__PURE__ */ d("div", {
-				style: {
-					fontWeight: 700,
-					fontSize: 18,
-					fontFamily: "var(--page-heading-font, inherit)"
-				},
-				children: e
-			}),
+			(n || e) && (() => {
+				let t = /* @__PURE__ */ f(u, { children: [n && /* @__PURE__ */ d("img", {
+					src: n,
+					alt: e || "Logo",
+					style: {
+						height: 28,
+						display: "block"
+					}
+				}), e && /* @__PURE__ */ d("span", {
+					style: {
+						fontWeight: 700,
+						fontSize: 18,
+						fontFamily: "var(--page-heading-font, inherit)"
+					},
+					children: e
+				})] }), a = {
+					display: "flex",
+					alignItems: "center",
+					gap: 10,
+					color: "inherit",
+					textDecoration: "none"
+				};
+				return r ? /* @__PURE__ */ d("a", {
+					href: r,
+					target: i || void 0,
+					rel: i === "_blank" ? "noopener noreferrer" : void 0,
+					style: a,
+					children: t
+				}) : /* @__PURE__ */ d("div", {
+					style: a,
+					children: t
+				});
+			})(),
 			/* @__PURE__ */ d("div", { style: { flexGrow: 1 } }),
-			b ? /* @__PURE__ */ d("button", {
+			w ? /* @__PURE__ */ d("button", {
 				type: "button",
-				"aria-label": g ? "Close menu" : "Open menu",
-				onClick: () => _(!g),
+				"aria-label": y ? "Close menu" : "Open menu",
+				onClick: () => b(!y),
 				style: {
 					background: "transparent",
 					border: 0,
@@ -1225,7 +1248,7 @@ function Ye({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 					lineHeight: 1,
 					padding: 4
 				},
-				children: g ? "✕" : "☰"
+				children: y ? "✕" : "☰"
 			}) : /* @__PURE__ */ d("div", {
 				style: {
 					display: "flex",
@@ -1233,11 +1256,11 @@ function Ye({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 					alignItems: "center",
 					flexWrap: "wrap"
 				},
-				children: r.map((e) => {
+				children: o.map((e) => {
 					let t = e.children ?? [];
 					if (!t.length) return /* @__PURE__ */ d("a", {
 						href: e.href || "#",
-						style: qe,
+						style: Je,
 						children: e.label
 					}, e.key);
 					let n = e.type === "mega";
@@ -1246,12 +1269,12 @@ function Ye({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 							position: n ? "static" : "relative",
 							display: "inline-flex"
 						},
-						onMouseEnter: () => y(e.key),
-						onMouseLeave: () => y(null),
+						onMouseEnter: () => S(e.key),
+						onMouseLeave: () => S(null),
 						children: [/* @__PURE__ */ f("a", {
 							href: e.href || "#",
 							style: {
-								...qe,
+								...Je,
 								cursor: "pointer"
 							},
 							children: [
@@ -1265,9 +1288,9 @@ function Ye({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 									children: "▼"
 								})
 							]
-						}), v === e.key && (n ? /* @__PURE__ */ d("div", {
+						}), x === e.key && (n ? /* @__PURE__ */ d("div", {
 							style: {
-								...Je,
+								...Ye,
 								position: "absolute",
 								left: 0,
 								right: 0,
@@ -1277,13 +1300,13 @@ function Ye({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 								gridTemplateColumns: "repeat(auto-fit, minmax(170px, 1fr))",
 								gap: 16
 							},
-							children: t.map((e) => x(e, {
+							children: t.map((e) => T(e, {
 								padding: "6px 8px",
 								borderRadius: 6
 							}))
 						}) : /* @__PURE__ */ d("div", {
 							style: {
-								...Je,
+								...Ye,
 								position: "absolute",
 								top: "100%",
 								left: 0,
@@ -1293,7 +1316,7 @@ function Ye({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 								display: "flex",
 								flexDirection: "column"
 							},
-							children: t.map((e) => x(e, {
+							children: t.map((e) => T(e, {
 								padding: "8px 12px",
 								borderRadius: 6
 							}))
@@ -1301,7 +1324,7 @@ function Ye({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 					}, e.key);
 				})
 			}),
-			b && g && /* @__PURE__ */ d("div", {
+			w && y && /* @__PURE__ */ d("div", {
 				style: {
 					flexBasis: "100%",
 					width: "100%",
@@ -1309,21 +1332,21 @@ function Ye({ brand: e, logo: n, links: r = [], style: i, nodeRef: o, menu: s =
 					flexDirection: "column",
 					paddingTop: 10
 				},
-				children: r.map((e) => /* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d("a", {
+				children: o.map((e) => /* @__PURE__ */ f(t, { children: [/* @__PURE__ */ d("a", {
 					href: e.href || "#",
 					style: {
-						...qe,
+						...Je,
 						padding: "10px 4px",
 						fontWeight: (e.children ?? []).length ? 600 : 400,
 						opacity: 1
 					},
 					children: e.label
-				}), (e.children ?? []).map((e) => x(e, { padding: "8px 4px 8px 22px" }))] }, e.key))
+				}), (e.children ?? []).map((e) => T(e, { padding: "8px 4px 8px 22px" }))] }, e.key))
 			})
 		]
 	});
 }
-function Xe({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
+function Ze({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 	let [i, a] = l(0), o = e.length ? Math.min(i, e.length - 1) : 0;
 	return e.length ? /* @__PURE__ */ f("div", {
 		ref: r,
@@ -1363,7 +1386,7 @@ function Xe({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 		}, e.key))]
 	}) : null;
 }
-function Ze({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
+function Qe({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
 	let [a, o] = l(() => new Set(e.length ? [e[0].key] : []));
 	if (!e.length) return null;
 	let s = (e) => o((t) => {
@@ -1420,7 +1443,7 @@ function Ze({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 		})
 	});
 }
-var Qe = {
+var $e = {
 	display: "flex",
 	flexDirection: "column",
 	gap: "12px"
@@ -1438,7 +1461,7 @@ var Qe = {
 	boxSizing: "border-box",
 	backgroundColor: "#ffffff",
 	color: "#111827"
-}, $e = {
+}, et = {
 	display: "flex",
 	alignItems: "center",
 	gap: "8px",
@@ -1449,7 +1472,7 @@ var Qe = {
 	tabIndex: -1,
 	onMouseDown: (e) => e.preventDefault()
 } : {};
-function et(e, t) {
+function tt(e, t) {
 	if (!e) return !0;
 	let n = t[e.field], r = n == null || n === "" ? "" : String(n), i = e.value ?? "";
 	switch (e.op) {
@@ -1463,11 +1486,11 @@ function et(e, t) {
 		default: return !1;
 	}
 }
-var tt = {
+var nt = {
 	display: "flex",
 	flexDirection: "column",
 	gap: 6
-}, nt = {
+}, rt = {
 	font: "inherit",
 	fontSize: 15,
 	padding: "10px 12px",
@@ -1478,13 +1501,13 @@ var tt = {
 	width: "100%",
 	boxSizing: "border-box"
 };
-function rt(e, t) {
+function it(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 it({ field: e, value: t, onChange: n, inert: r, values: i }) {
+function at({ field: e, value: t, onChange: n, inert: r, values: i }) {
 	let a = /* @__PURE__ */ f("span", {
 		style: {
 			...Y,
@@ -1496,7 +1519,7 @@ function it({ 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: nt,
+		style: rt,
 		value: t ?? "",
 		onChange: (t) => n(e.name, t.target.value)
 	};
@@ -1525,7 +1548,7 @@ function it({ field: e, value: t, onChange: n, inert: r, values: i }) {
 			borderRadius: 8,
 			display: "block"
 		}
-	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ d(Fe, {
+	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ d(Ie, {
 		url: e.src,
 		style: { width: "100%" }
 	}) : /* @__PURE__ */ d("video", {
@@ -1537,14 +1560,14 @@ function it({ field: e, value: t, onChange: n, inert: r, values: i }) {
 			display: "block"
 		}
 	}) : null : /* @__PURE__ */ f("label", {
-		style: tt,
+		style: nt,
 		children: [
 			a,
 			e.type === "textarea" || e.multiline ? /* @__PURE__ */ d("textarea", {
 				...o,
 				rows: 4,
 				style: {
-					...nt,
+					...rt,
 					resize: "vertical"
 				}
 			}) : e.type === "select" ? /* @__PURE__ */ f("select", {
@@ -1553,7 +1576,7 @@ function it({ field: e, value: t, onChange: n, inert: r, values: i }) {
 				children: [/* @__PURE__ */ d("option", {
 					value: "",
 					children: e.placeholder || "—"
-				}), rt(e, i).map((e, t) => /* @__PURE__ */ d("option", {
+				}), it(e, i).map((e, t) => /* @__PURE__ */ d("option", {
 					value: typeof e == "string" ? e : e.value,
 					children: typeof e == "string" ? e : e.label ?? e.value
 				}, t))]
@@ -1600,7 +1623,7 @@ function it({ field: e, value: t, onChange: n, inert: r, values: i }) {
 		]
 	});
 }
-function at({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s, auto: c, submitLabel: p, nodeRef: m, inert: h, children: g, linked: _, show: v }) {
+function ot({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s, auto: c, submitLabel: p, nodeRef: m, inert: h, children: g, linked: _, show: v }) {
 	let { tenant: y, apiUrl: b } = i(H), [x, S] = l("form"), [w, T] = l(null), [E, D] = l({}), [O, k] = l(0), A = h ? v || "form" : x;
 	a(() => {
 		if (!c || !s) return;
@@ -1622,9 +1645,9 @@ function at({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 		section: e,
 		fields: []
 	}) : j[j.length - 1].fields.push(e);
-	let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || et(e.section.condition, E)).map((e) => ({
+	let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || tt(e.section.condition, E)).map((e) => ({
 		...e,
-		fields: e.fields.filter((e) => et(e.condition, E))
+		fields: e.fields.filter((e) => tt(e.condition, E))
 	})), P = M.length > 1, F = Math.min(O, Math.max(0, N.length - 1)), I = P ? N[F]?.fields ?? [] : N.flatMap((e) => e.fields), L = I.filter((e) => {
 		let t = E[e.name];
 		return e.required && (t == null || t === "" || t === !1);
@@ -1682,11 +1705,11 @@ function at({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 					}
 				},
 				style: {
-					...Qe,
+					...$e,
 					display: A === "success" ? "none" : "flex"
 				},
 				children: c && s ? /* @__PURE__ */ f(u, { children: [
-					P && /* @__PURE__ */ d(_t, {
+					P && /* @__PURE__ */ d(xt, {
 						steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
 						active: F + 1,
 						style: { marginBottom: 8 }
@@ -1699,7 +1722,7 @@ function at({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 						},
 						children: N[F].section.help
 					}),
-					I.map((e) => /* @__PURE__ */ d(it, {
+					I.map((e) => /* @__PURE__ */ d(at, {
 						field: e,
 						value: E[e.name],
 						values: E,
@@ -1772,7 +1795,97 @@ function at({ style: e, action: t, method: n, name: r, enctype: o, formSlug: s,
 		]
 	});
 }
-function ot({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
+var st = null, ct = () => st || (st = new Promise((e) => {
+	if (typeof window > "u") return;
+	if (window.grecaptcha?.render) return e(window.grecaptcha);
+	window.__webimRecaptchaReady = () => e(window.grecaptcha);
+	let t = document.createElement("script");
+	t.src = "https://www.google.com/recaptcha/api.js?onload=__webimRecaptchaReady&render=explicit", t.async = !0, document.head.appendChild(t);
+}), st);
+function lt({ siteKey: e, theme: t, size: n, style: r, nodeRef: o, inert: s }) {
+	let l = i(H), u = l?.settings && typeof l.settings == "object" ? l.settings["google.recaptchaKey"] : "", p = typeof e == "string" && e.trim() || (typeof u == "string" ? u.trim() : ""), m = c(null), h = c(!1);
+	if (a(() => {
+		if (s || !p || h.current || !m.current) return;
+		let e = !0;
+		return ct().then((r) => {
+			if (!(!e || h.current || !m.current || !r?.render)) {
+				h.current = !0;
+				try {
+					r.render(m.current, {
+						sitekey: p,
+						theme: t === "dark" ? "dark" : "light",
+						size: n === "compact" ? "compact" : "normal"
+					});
+				} catch {}
+			}
+		}), () => {
+			e = !1;
+		};
+	}, [
+		s,
+		p,
+		t,
+		n
+	]), s) {
+		let e = t === "dark";
+		return /* @__PURE__ */ f("div", {
+			ref: o,
+			style: C(r),
+			children: [/* @__PURE__ */ f("div", {
+				style: {
+					width: n === "compact" ? 164 : 302,
+					boxSizing: "border-box",
+					padding: "12px 14px",
+					display: "flex",
+					alignItems: "center",
+					gap: 12,
+					borderRadius: 4,
+					border: `1px solid ${e ? "#52565b" : "#d3d3d3"}`,
+					background: e ? "#222528" : "#f9f9f9",
+					color: e ? "#f1f1f1" : "#282828",
+					fontSize: 14,
+					fontFamily: "Roboto, Arial, sans-serif"
+				},
+				children: [
+					/* @__PURE__ */ d("span", { style: {
+						width: 24,
+						height: 24,
+						flexShrink: 0,
+						borderRadius: 3,
+						border: `2px solid ${e ? "#8a8f94" : "#c1c1c1"}`,
+						background: e ? "#2f3337" : "#fff"
+					} }),
+					/* @__PURE__ */ d("span", {
+						style: { flexGrow: 1 },
+						children: "I'm not a robot"
+					}),
+					/* @__PURE__ */ d("span", {
+						style: {
+							fontSize: 9,
+							opacity: .6,
+							textAlign: "center",
+							lineHeight: 1.3
+						},
+						children: "reCAPTCHA"
+					})
+				]
+			}), !p && /* @__PURE__ */ d("div", {
+				style: {
+					marginTop: 6,
+					fontSize: 11,
+					color: "#b45309"
+				},
+				children: "Set the google.recaptchaKey tenant setting (or a site key in Settings) to activate it."
+			})]
+		});
+	}
+	return p ? /* @__PURE__ */ d("div", {
+		ref: o,
+		style: C(r),
+		children: /* @__PURE__ */ d("div", { ref: m })
+	}) : null;
+}
+function ut({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 	return /* @__PURE__ */ d("label", {
 		ref: r,
 		style: {
@@ -1782,7 +1895,7 @@ function ot({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 		children: J(t, e, i)
 	});
 }
-function st({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
+function dt({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ d("input", {
 		ref: a,
 		type: e,
@@ -1796,7 +1909,7 @@ function st({ type: e = "text", name: t, placeholder: n, required: r, style: i,
 		...Z(o)
 	});
 }
-function ct({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
+function ft({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ d("textarea", {
 		ref: a,
 		name: e || void 0,
@@ -1811,11 +1924,11 @@ function ct({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeR
 		...Z(o)
 	});
 }
-function lt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
+function pt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
 	return /* @__PURE__ */ f("label", {
 		ref: o,
 		style: {
-			...$e,
+			...et,
 			...C(a)
 		},
 		children: [/* @__PURE__ */ d("input", {
@@ -1832,7 +1945,7 @@ function lt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, st
 		}), t]
 	});
 }
-function ut({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
+function mt({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ f("select", {
 		ref: a,
 		name: e || void 0,
@@ -1855,7 +1968,7 @@ function ut({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		}, t))]
 	});
 }
-function dt({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
+function ht({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
 	let [s, c] = l(null);
 	return /* @__PURE__ */ f("label", {
 		ref: a,
@@ -1887,7 +2000,7 @@ function dt({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
 		]
 	});
 }
-function ft({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
+function gt({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 	return /* @__PURE__ */ d("button", {
 		ref: n,
 		type: r ? "button" : "submit",
@@ -1907,7 +2020,7 @@ function ft({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 		children: e
 	});
 }
-function pt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
+function _t({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 	let a = Math.max(1, (Number(e) || 1) * (Number(t) || 1));
 	return /* @__PURE__ */ d("div", {
 		ref: r,
@@ -1924,52 +2037,60 @@ function pt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 		}, t))
 	});
 }
-function mt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, imageField: o, titleField: s = "name", textField: c, custom: u, templateId: p, style: m, nodeRef: h }) {
-	let { tenant: g, apiUrl: _, locale: v } = i(H), y = i(W), b = i(U)?.[e], [x, S] = l(null);
+function vt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, imageField: o, titleField: s = "name", textField: c, custom: u, templateId: p, paged: m, style: h, nodeRef: g }) {
+	let { tenant: _, apiUrl: v, locale: y } = i(H), b = i(ae), x = i(U), S = x?.[e], w = m ? W(x) : 1, [T, E] = l(null);
 	if (a(() => {
-		if (!e || b) return;
-		let t = !0, n = e.startsWith("api:") ? `${_}/data/${encodeURIComponent(e.slice(4))}` : `${_}/dynamic/${encodeURIComponent(e)}${v ? `?locale=${encodeURIComponent(v)}` : ""}`;
-		return fetch(n, { headers: g ? { "x-tenant": g } : {} }).then((e) => e.json()).then((e) => {
-			let n = Array.isArray(e?.payload) ? e.payload : Array.isArray(e?.payload?.data) ? e.payload.data : [];
-			return t && S(n.filter((e) => e && typeof e == "object"));
-		}).catch(() => t && S([])), () => {
-			t = !1;
+		if (!e || S) return;
+		let n = !0, r = new URLSearchParams();
+		if (y && r.set("locale", y), m && !e.startsWith("api:")) {
+			let e = Math.max(1, Number(t) || 6);
+			r.set("offset", String((w - 1) * e)), r.set("limit", String(e));
+		}
+		let i = r.toString(), a = e.startsWith("api:") ? `${v}/data/${encodeURIComponent(e.slice(4))}` : `${v}/dynamic/${encodeURIComponent(e)}${i ? `?${i}` : ""}`;
+		return fetch(a, { headers: _ ? { "x-tenant": _ } : {} }).then((e) => e.json()).then((e) => {
+			let t = Array.isArray(e?.payload) ? e.payload : Array.isArray(e?.payload?.data) ? e.payload.data : [];
+			return n && E(t.filter((e) => e && typeof e == "object"));
+		}).catch(() => n && E([])), () => {
+			n = !1;
 		};
 	}, [
 		e,
-		g,
 		_,
 		v,
-		b
+		y,
+		S,
+		m,
+		w,
+		t
 	]), !e) return null;
-	let w = (b ?? x ?? []).slice(0, Math.max(1, Number(t) || 6)), T = Math.min(Math.max(Number(r) || 3, 1), 6), E = n === "list" ? {
+	let D = Math.max(1, Number(t) || 6), O = m ? S || e.startsWith("api:") ? (S ?? T ?? []).slice((w - 1) * D, w * D) : (T ?? []).slice(0, D) : (S ?? T ?? []).slice(0, D), k = Math.min(Math.max(Number(r) || 3, 1), 6), A = n === "list" ? {
 		display: "flex",
 		flexDirection: "column",
 		gap: 20
 	} : {
 		display: "grid",
-		gridTemplateColumns: `repeat(${T}, minmax(0, 1fr))`,
+		gridTemplateColumns: `repeat(${k}, minmax(0, 1fr))`,
 		gap: 24
 	};
-	return u && p && y?.render ? /* @__PURE__ */ d("div", {
-		ref: h,
+	return u && p && b?.render ? /* @__PURE__ */ d("div", {
+		ref: g,
 		style: {
 			width: "100%",
-			...E,
-			...C(m)
+			...A,
+			...C(h)
 		},
-		children: w.map((e) => /* @__PURE__ */ d("div", {
+		children: O.map((e) => /* @__PURE__ */ d("div", {
 			style: { minWidth: 0 },
-			children: y.render(p, (t) => se(t, e))
+			children: b.render(p, (t) => ce(t, e))
 		}, e.id ?? e?.data?.slug))
 	}) : /* @__PURE__ */ d("div", {
-		ref: h,
+		ref: g,
 		style: {
 			width: "100%",
-			...E,
-			...C(m)
+			...A,
+			...C(h)
 		},
-		children: w.map((e) => {
+		children: O.map((e) => {
 			let t = o ? G(e?.data, o) : null, r = s ? K(G(e?.data, s)) : null, i = c ? G(e?.data, c) : null, a = Array.isArray(i) ? i : null, l = a || i == null ? null : K(i), u = n === "list";
 			return /* @__PURE__ */ f("div", {
 				style: {
@@ -2017,7 +2138,7 @@ function mt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 								lineHeight: 1.55,
 								opacity: .85
 							},
-							children: Ce(a)
+							children: we(a)
 						})
 					]
 				})]
@@ -2025,7 +2146,7 @@ function mt({ collection: e, limit: t = 6, layout: n = "grid", columns: r = 3, i
 		})
 	});
 }
-function ht({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
+function yt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 	return e.length ? /* @__PURE__ */ d("nav", {
 		ref: r,
 		"aria-label": "Breadcrumb",
@@ -2075,8 +2196,36 @@ function ht({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 		})
 	}) : null;
 }
-function gt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", style: i, nodeRef: a }) {
-	let o = Math.min(Math.max(Number(e) || 1, 1), 50), s = Math.min(Math.max(Number(t) || 1, 1), o), c = (e) => r && r !== "#" ? r.replace("{page}", String(e)) : "#", l = (e) => ({
+function bt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", source: o, pageSize: s = 6, align: c, style: u, nodeRef: p }) {
+	let { tenant: m, apiUrl: h } = i(H), g = i(U), [_, v] = l(null), y = o ? Number(g?.[`${o}:total`]) : NaN;
+	a(() => {
+		if (!o || Number.isFinite(y)) return;
+		let e = !0, t = o.startsWith("api:") ? `${h}/data/${encodeURIComponent(o.slice(4))}` : `${h}/dynamic/${encodeURIComponent(o)}?limit=1`;
+		return fetch(t, { headers: m ? { "x-tenant": m } : {} }).then((e) => e.json()).then((t) => {
+			if (!e) return;
+			let n = t?.payload, r = Array.isArray(n) ? n.length : Number(n?.total?.filtered ?? n?.total?.all ?? (Array.isArray(n?.data) ? n.data.length : 0));
+			v(Number.isFinite(r) ? r : 0);
+		}).catch(() => e && v(0)), () => {
+			e = !1;
+		};
+	}, [
+		o,
+		m,
+		h,
+		y
+	]);
+	let b = Math.max(1, Number(s) || 6), x = Number.isFinite(y) ? y : _;
+	if (o && x === null) return null;
+	let S = Math.min(Math.max(o ? Math.ceil(x / b) : Number(e) || 1, 1), 50), w = Math.min(Math.max(o ? W(g) : Number(t) || 1, 1), S), T = (e) => {
+		if (o) {
+			if (typeof window < "u") {
+				let t = new URLSearchParams(window.location.search);
+				return t.set("page", String(e)), `?${t.toString()}`;
+			}
+			return `?page=${e}`;
+		}
+		return r && r !== "#" ? r.replace("{page}", String(e)) : "#";
+	}, E = c === "center" ? "center" : c === "right" ? "flex-end" : "flex-start", D = (e) => ({
 		display: "inline-flex",
 		alignItems: "center",
 		justifyContent: "center",
@@ -2091,44 +2240,45 @@ function gt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: r = "#", sty
 		border: e ? "1px solid transparent" : "1px solid rgba(148, 163, 184, 0.4)"
 	});
 	return /* @__PURE__ */ f("nav", {
-		ref: a,
+		ref: p,
 		"aria-label": "Pagination",
 		style: {
 			display: "flex",
 			flexWrap: "wrap",
 			gap: 8,
 			alignItems: "center",
-			...C(i)
+			justifyContent: E,
+			...C(u)
 		},
 		children: [
 			n && /* @__PURE__ */ d("a", {
-				href: s > 1 ? c(s - 1) : "#",
+				href: w > 1 ? T(w - 1) : "#",
 				"aria-label": "Previous",
 				style: {
-					...l(!1),
-					opacity: s > 1 ? 1 : .4
+					...D(!1),
+					opacity: w > 1 ? 1 : .4
 				},
 				children: "‹"
 			}),
-			Array.from({ length: o }, (e, t) => t + 1).map((e) => /* @__PURE__ */ d("a", {
-				href: c(e),
-				"aria-current": e === s ? "page" : void 0,
-				style: l(e === s),
+			Array.from({ length: S }, (e, t) => t + 1).map((e) => /* @__PURE__ */ d("a", {
+				href: T(e),
+				"aria-current": e === w ? "page" : void 0,
+				style: D(e === w),
 				children: e
 			}, e)),
 			n && /* @__PURE__ */ d("a", {
-				href: s < o ? c(s + 1) : "#",
+				href: w < S ? T(w + 1) : "#",
 				"aria-label": "Next",
 				style: {
-					...l(!1),
-					opacity: s < o ? 1 : .4
+					...D(!1),
+					opacity: w < S ? 1 : .4
 				},
 				children: "›"
 			})
 		]
 	});
 }
-function _t({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
+function xt({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
 	if (!e.length) return null;
 	let o = Math.min(Math.max(Number(n) || 1, 1), e.length), s = (e) => ({
 		width: 32,
@@ -2206,7 +2356,7 @@ function _t({ steps: e = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 		})
 	});
 }
-var vt = {
+var St = {
 	small: {
 		w: 132,
 		h: 46,
@@ -2228,10 +2378,10 @@ var vt = {
 		title: 12.5,
 		avatar: 46
 	}
-}, yt = (e) => vt[e] ?? vt.medium;
-vt.medium.w, vt.medium.h;
-function bt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
-	let r = yt(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 = [];
+}, Ct = (e) => St[e] ?? St.medium;
+St.medium.w, St.medium.h;
+function wt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
+	let r = Ct(t), i = n ? r.h : r.w, a = n ? 16 : 20, o = (n ? r.w : r.h) + (n ? 56 : 48), s = Array.isArray(e) ? e.filter((e) => e && e.id) : [], c = new Set(s.map((e) => e.id)), l = /* @__PURE__ */ new Map(), u = [];
 	for (let e of s) e.parent && c.has(e.parent) && e.parent !== e.id ? (l.has(e.parent) || l.set(e.parent, []), l.get(e.parent).push(e)) : u.push(e);
 	let d = /* @__PURE__ */ new Map(), f = (e, t) => {
 		if (t.has(e.id)) return 0;
@@ -2283,18 +2433,18 @@ function bt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
 		horizontal: n
 	};
 }
-var xt = (e, t) => {
+var Tt = (e, t) => {
 	let n = String(e ?? "");
 	return n.length > t ? `${n.slice(0, t - 1)}…` : n;
-}, St = (e) => {
+}, Et = (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";
-}, Ct = (e) => !!(e?.cv?.trim?.() || e?.photo);
-function wt(e, t = {}) {
+}, Dt = (e) => !!(e?.cv?.trim?.() || e?.photo);
+function Ot(e, t = {}) {
 	let n = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.id) : [], r = (e) => Array.isArray(e) ? e[0] : e, i = (e) => e == null ? "" : K(e);
 	return n.map((e) => {
 		let n = e.data ?? {}, a = r(n[t.parentField]), o = a && typeof a == "object" ? a.id ?? null : a || null;
@@ -2309,11 +2459,11 @@ function wt(e, t = {}) {
 		};
 	});
 }
-var Tt = {
+var kt = {
 	size: 36,
 	pad: 10
 };
-function Et({ node: e, onClose: t }) {
+function At({ node: e, onClose: t }) {
 	return a(() => {
 		let e = (e) => e.key === "Escape" && t();
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
@@ -2431,7 +2581,7 @@ function Et({ node: e, onClose: t }) {
 		})
 	});
 }
-function Dt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField: s, parentField: c, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
+function jt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField: s, parentField: c, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
 	let b = o(), [x, S] = l(null), { tenant: w, apiUrl: T } = i(H), E = i(U)?.[t], [D, O] = l(null);
 	a(() => {
 		if (!t || E) return;
@@ -2448,14 +2598,14 @@ function Dt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 		T,
 		E
 	]);
-	let k = t ? wt(E ?? D ?? [], {
+	let k = t ? Ot(E ?? D ?? [], {
 		nameField: n,
 		titleField: r,
 		photoField: s,
 		parentField: c,
 		cvField: p,
 		hrefField: m
-	}) : e, A = yt(h), { boxes: j, links: M, width: N, height: P } = bt(k, {
+	}) : e, A = Ct(h), { boxes: j, links: M, width: N, height: P } = wt(k, {
 		size: h,
 		horizontal: g
 	});
@@ -2501,7 +2651,7 @@ function Dt({ nodes: e = [], source: t, nameField: n, titleField: r, 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 ? St(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? St(e.color2) : s, l = y && (Ct(e) || e.href), p = () => Ct(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + Tt.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 ? Et(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? Et(e.color2) : s, l = y && (Dt(e) || e.href), p = () => Dt(e) ? S(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + kt.pad + A.avatar + 8 : t + A.w / 2, h = e.photo ? "start" : "middle", g = e.photo ? Math.floor((A.w - A.avatar - 26) / 7) : Math.floor(A.w / 7.6), _ = A.h / 2, v = [e.name, e.title].map((e) => String(e ?? "").trim()).filter(Boolean);
 				return /* @__PURE__ */ f("g", {
 					onClick: l ? p : void 0,
 					style: l ? { cursor: "pointer" } : void 0,
@@ -2565,13 +2715,13 @@ function Dt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 						e.photo && /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("clipPath", {
 							id: `${b}-${e.id}`,
 							children: /* @__PURE__ */ d("circle", {
-								cx: t + Tt.pad + A.avatar / 2,
+								cx: t + kt.pad + A.avatar / 2,
 								cy: n + A.h / 2,
 								r: A.avatar / 2
 							})
 						}), /* @__PURE__ */ d("image", {
 							href: e.photo,
-							x: t + Tt.pad,
+							x: t + kt.pad,
 							y: n + (A.h - A.avatar) / 2,
 							width: A.avatar,
 							height: A.avatar,
@@ -2585,7 +2735,7 @@ function Dt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.title,
 							fontWeight: "600",
 							fill: s,
-							children: xt(e.title, g + 4)
+							children: Tt(e.title, g + 4)
 						}), e.name && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + _ + _ / 2 + A.name * .35,
@@ -2593,7 +2743,7 @@ function Dt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: c,
-							children: xt(e.name, g)
+							children: Tt(e.name, g)
 						})] }) : /* @__PURE__ */ f(u, { children: [v[0] && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + (v[1] ? A.h * .43 : A.h * .57),
@@ -2601,7 +2751,7 @@ function Dt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: s,
-							children: xt(v[0], g)
+							children: Tt(v[0], g)
 						}), v[1] && /* @__PURE__ */ d("text", {
 							x: m,
 							y: n + A.h * .73,
@@ -2609,135 +2759,151 @@ function Dt({ nodes: e = [], source: t, nameField: n, titleField: r, photoField:
 							fontSize: A.title,
 							opacity: "0.7",
 							fill: s,
-							children: xt(v[1], g + 4)
+							children: Tt(v[1], g + 4)
 						})] })
 					]
 				}, e.id);
 			})]
-		}), x && /* @__PURE__ */ d(Et, {
+		}), x && /* @__PURE__ */ d(At, {
 			node: x,
 			onClose: () => S(null)
 		})]
 	});
 }
-function Ot({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped: o = !0, bordered: s = !1, compact: c = !1, style: u, nodeRef: p }) {
-	let { tenant: m, apiUrl: h } = i(H), g = i(U)?.[n], [_, v] = l(null);
+function Mt({ columns: e = [], rows: t = [], source: n, limit: r = 10, striped: o = !0, bordered: s = !1, compact: c = !1, paged: u, emptyText: p, style: m, nodeRef: h }) {
+	let { tenant: g, apiUrl: _ } = i(H), v = i(U), y = v?.[n], b = u ? W(v) : 1, [x, S] = l(null);
 	if (a(() => {
-		if (!n || g) return;
-		let e = !0, t = n.startsWith("api:") ? `${h}/data/${encodeURIComponent(n.slice(4))}` : `${h}/dynamic/${encodeURIComponent(n)}`;
-		return fetch(t, { headers: m ? { "x-tenant": m } : {} }).then((e) => e.json()).then((t) => e && v(Array.isArray(t?.payload) ? t.payload : [])).catch(() => e && v([])), () => {
+		if (!n || y) return;
+		let e = !0, t = Math.max(1, Number(r) || 10), i = u && !n.startsWith("api:") ? `?offset=${(b - 1) * t}&limit=${t}` : "", a = n.startsWith("api:") ? `${_}/data/${encodeURIComponent(n.slice(4))}` : `${_}/dynamic/${encodeURIComponent(n)}${i}`;
+		return fetch(a, { headers: g ? { "x-tenant": g } : {} }).then((e) => e.json()).then((t) => {
+			let n = Array.isArray(t?.payload) ? t.payload : Array.isArray(t?.payload?.data) ? t.payload.data : [];
+			return e && S(n);
+		}).catch(() => e && S([])), () => {
 			e = !1;
 		};
 	}, [
 		n,
-		m,
-		h,
-		g
+		g,
+		_,
+		y,
+		u,
+		b,
+		r
 	]), !e.length) return null;
-	let y = n ? (g ?? _ ?? []).slice(0, Math.max(1, Number(r) || 10)) : null, b = y ? y.map((t) => e.map((e) => K(G(t?.data, e.field)))) : t, x = c ? "6px 10px" : "10px 14px", S = "1px solid rgba(148, 163, 184, 0.35)", w = s ? { border: S } : { borderBottom: S };
+	let w = Math.max(1, Number(r) || 10), T = n ? u ? 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) => K(G(t?.data, e.field)))) : t, D = !!n && !(n && !y && x === null) && E.length === 0, O = c ? "6px 10px" : "10px 14px", k = "1px solid rgba(148, 163, 184, 0.35)", A = s ? { border: k } : { borderBottom: k };
 	return /* @__PURE__ */ d("div", {
-		ref: p,
+		ref: h,
 		style: {
 			width: "100%",
 			overflowX: "auto",
-			...C(u)
+			...C(m)
 		},
 		children: /* @__PURE__ */ f("table", {
 			style: {
 				width: "100%",
 				borderCollapse: "collapse",
 				fontSize: 14,
-				...s ? { border: S } : {}
+				...s ? { border: k } : {}
 			},
 			children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ d("tr", { children: e.map((e, t) => /* @__PURE__ */ d("th", {
 				style: {
 					textAlign: "left",
 					fontWeight: 600,
-					padding: x,
+					padding: O,
 					background: "rgba(148, 163, 184, 0.12)",
-					...w
+					...A
 				},
 				children: e.label ?? e
-			}, t)) }) }), /* @__PURE__ */ d("tbody", { children: b.map((t, n) => /* @__PURE__ */ d("tr", {
+			}, t)) }) }), /* @__PURE__ */ f("tbody", { children: [D && /* @__PURE__ */ d("tr", { children: /* @__PURE__ */ d("td", {
+				colSpan: e.length,
+				style: {
+					padding: O,
+					textAlign: "center",
+					opacity: .6,
+					...A
+				},
+				children: p || "No data yet"
+			}) }), E.map((t, n) => /* @__PURE__ */ d("tr", {
 				style: o && n % 2 == 1 ? { background: "rgba(148, 163, 184, 0.07)" } : void 0,
 				children: e.map((e, n) => /* @__PURE__ */ d("td", {
 					style: {
-						padding: x,
-						...w
+						padding: O,
+						...A
 					},
 					children: t?.[n] ?? ""
 				}, n))
-			}, n)) })]
+			}, n))] })]
 		})
 	});
 }
-var kt = {
-	PageRoot: me,
-	Section: he,
-	Container: ge,
-	Heading: _e,
-	TextBlock: Oe,
-	ButtonBlock: je,
-	ImageBlock: Me,
-	Spacer: Re,
-	Divider: ze,
-	SliderBlock: Ge,
-	CanvasSlider: Ke,
-	TabsBlock: Xe,
-	QuickStack: pt,
-	CollectionList: mt,
-	BreadcrumbsBlock: ht,
-	PaginationBlock: gt,
-	StepperBlock: _t,
-	OrgChartBlock: Dt,
-	TableBlock: Ot,
-	AccordionBlock: Ze,
-	NavbarBlock: Ye,
-	ListBlock: De,
-	TextSpan: be,
-	QuoteBlock: Ee,
-	TextLink: Ae,
-	RichTextBlock: we,
-	RichContentBlock: we,
-	VideoBlock: Ne,
-	YouTubeBlock: Fe,
-	IframeBlock: Ie,
-	EmbedBlock: Le,
-	FormBlock: at,
-	FormLabel: ot,
-	FormInput: st,
-	FormTextarea: ct,
-	FormCheckbox: (e) => /* @__PURE__ */ d(lt, {
+var Nt = {
+	PageRoot: he,
+	Section: ge,
+	Container: _e,
+	Heading: ve,
+	TextBlock: ke,
+	ButtonBlock: Me,
+	ImageBlock: Ne,
+	Spacer: ze,
+	Divider: Be,
+	SliderBlock: Ke,
+	CanvasSlider: qe,
+	TabsBlock: Ze,
+	QuickStack: _t,
+	CollectionList: vt,
+	BreadcrumbsBlock: yt,
+	PaginationBlock: bt,
+	StepperBlock: xt,
+	OrgChartBlock: jt,
+	TableBlock: Mt,
+	AccordionBlock: Qe,
+	NavbarBlock: Xe,
+	ListBlock: Oe,
+	TextSpan: xe,
+	QuoteBlock: De,
+	TextLink: je,
+	RichTextBlock: Te,
+	RichContentBlock: Te,
+	VideoBlock: Pe,
+	YouTubeBlock: Ie,
+	IframeBlock: Le,
+	EmbedBlock: Re,
+	FormBlock: ot,
+	FormLabel: ut,
+	FormInput: dt,
+	FormTextarea: ft,
+	FormCheckbox: (e) => /* @__PURE__ */ d(pt, {
 		kind: "checkbox",
 		...e
 	}),
-	FormRadio: (e) => /* @__PURE__ */ d(lt, {
+	FormRadio: (e) => /* @__PURE__ */ d(pt, {
 		kind: "radio",
 		...e
 	}),
-	FormSelect: ut,
-	FormFile: dt,
-	FormSubmit: ft
-}, At = {
+	FormSelect: mt,
+	FormFile: ht,
+	FormRecaptcha: lt,
+	FormSubmit: gt
+}, Pt = {
 	id: "auth",
 	label: "Accounts",
 	category: "Apps",
 	keys: ["SiteLoginForm", "SiteAccountMenu"],
 	ssr: "shell",
 	settings: ["apps.auth.redirect"]
-}, jt = n({
+}, Ft = n({
 	user: null,
 	status: "idle",
 	ensure: () => {},
 	refresh: () => {},
 	signOut: () => {}
-}), Mt = () => {
-	let e = i(jt);
+}), It = () => {
+	let e = i(Ft);
 	return a(() => {
 		e.ensure();
 	}, [e]), e;
 };
-function Nt({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o }) {
+function Lt({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o }) {
 	let u = i(H), f = a || u?.apiUrl || "/api", p = o || u?.tenant || "", [m, h] = l(t ?? null), [g, _] = l(t ? "user" : n ? "guest" : "idle"), v = c(!1), y = r((e, t) => fetch(`${f}${e}`, {
 		...t,
 		credentials: "include",
@@ -2770,18 +2936,18 @@ function Nt({ children: e, initialUser: t, disabled: n, apiUrl: a, tenant: o })
 		b,
 		x
 	]);
-	return /* @__PURE__ */ d(jt.Provider, {
+	return /* @__PURE__ */ d(Ft.Provider, {
 		value: C,
 		children: e
 	});
 }
-function Pt({ when: e, children: t }) {
-	let { status: n } = Mt();
+function Rt({ when: e, children: t }) {
+	let { status: n } = It();
 	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 Ft({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: r = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: c, inert: u, linked: p, show: m }) {
+function zt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: r = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: c, inert: u, linked: p, show: m }) {
 	let { tenant: h, apiUrl: g, settings: _ } = i(H), [v, y] = l("form"), [b, x] = l(""), [S, w] = l(!1), T = e === "register", E = u ? m || "form" : v, D = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
 		if (e.preventDefault(), u) return;
 		let n = new FormData(e.currentTarget);
@@ -2905,8 +3071,8 @@ function Ft({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 		]
 	});
 }
-function It({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !1, style: r, nodeRef: i, inert: a, linked: o, show: s }) {
-	let { user: c, status: l, signOut: u } = Mt(), p = a ? s || "user" : l, m = a ? {
+function Bt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !1, style: r, nodeRef: i, inert: a, linked: o, show: s }) {
+	let { user: c, status: l, signOut: u } = It(), p = a ? s || "user" : l, m = a ? {
 		name: "Ada Lovelace",
 		email: "ada@example.com"
 	} : c;
@@ -2971,16 +3137,16 @@ function It({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/index.js
-var Lt = [At], Rt = {
-	SiteLoginForm: Ft,
-	SiteAccountMenu: It
+var Vt = [Pt], Ht = {
+	SiteLoginForm: zt,
+	SiteAccountMenu: Bt
 };
-new Set(Lt.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
+new Set(Vt.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var zt = {
-	...kt,
-	...Rt
+var Ut = {
+	...Nt,
+	...Ht
 };
 function Q(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[e];
@@ -2992,7 +3158,7 @@ function Q(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let c = new Set(i).add(n);
 		return /* @__PURE__ */ d(t, { children: Q(s.template.rootId, s.template.nodes, r, c, a) }, e);
 	}
-	let l = zt[s];
+	let l = Ut[s];
 	if (!l) return null;
 	let u = (o.nodes ?? []).map((e) => Q(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, Q(t, n, r, i)])) : void 0, m = /* @__PURE__ */ d(l, {
 		...c,
@@ -3003,15 +3169,15 @@ function Q(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		},
 		children: u.length ? u : void 0
 	}, e);
-	return c.when && c.when !== "always" ? /* @__PURE__ */ d(Pt, {
+	return c.when && c.when !== "always" ? /* @__PURE__ */ d(Rt, {
 		when: c.when,
 		children: m
 	}, e) : m;
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var Bt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
-function Vt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: o, tenant: c, apiUrl: l, datasets: u, locale: p, direction: m, settings: g, siteUser: v }) {
+var Wt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
+function Gt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: o, tenant: c, apiUrl: l, datasets: u, locale: p, direction: m, settings: g, siteUser: v }) {
 	let b = o?.js?.trim();
 	if (a(() => {
 		if (!b) return;
@@ -3021,11 +3187,11 @@ function Vt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 	let x = {
 		lang: p || void 0,
 		dir: h(m, p)
-	}, S = {
+	}, S = ".webim-page, .webim-page *, .webim-page *::before, .webim-page *::after { box-sizing: border-box; }", C = {
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, C = Q("ROOT", e, n), w = s(() => ({ render: (t, r) => Q(t, e, n, void 0, { mapProps: r }) }), [e, n]), T = F(e, n), E = P(e, n), D = o?.css?.trim(), O = y(e, n).map((e) => /* @__PURE__ */ d("link", {
+	}, w = Q("ROOT", e, n), T = s(() => ({ render: (t, r) => Q(t, e, n, void 0, { mapProps: r }) }), [e, n]), E = F(e, n), D = P(e, n), O = o?.css?.trim(), k = y(e, n).map((e) => /* @__PURE__ */ d("link", {
 		rel: "stylesheet",
 		precedence: "default",
 		href: _(e)
@@ -3037,32 +3203,34 @@ function Vt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 			locale: p || "",
 			settings: g ?? null
 		},
-		children: /* @__PURE__ */ d(Nt, {
+		children: /* @__PURE__ */ d(Lt, {
 			initialUser: v,
 			children: /* @__PURE__ */ d(U.Provider, {
 				value: u ?? null,
-				children: /* @__PURE__ */ d(W.Provider, {
-					value: w,
+				children: /* @__PURE__ */ d(ae.Provider, {
+					value: T,
 					children: /* @__PURE__ */ f("div", {
 						...x,
+						className: "webim-page",
 						style: {
-							...S,
+							...C,
 							...re(t, r),
 							...i
 						},
 						children: [
-							O,
-							T && /* @__PURE__ */ d("style", { children: T }),
+							k,
+							/* @__PURE__ */ d("style", { children: S }),
 							E && /* @__PURE__ */ d("style", { children: E }),
 							D && /* @__PURE__ */ d("style", { children: D }),
-							C
+							O && /* @__PURE__ */ d("style", { children: O }),
+							w
 						]
 					})
 				})
 			})
 		})
 	});
-	let k = B(t);
+	let A = B(t);
 	return /* @__PURE__ */ d(H.Provider, {
 		value: {
 			tenant: c || "",
@@ -3070,28 +3238,29 @@ function Vt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 			locale: p || "",
 			settings: g ?? null
 		},
-		children: /* @__PURE__ */ d(Nt, {
+		children: /* @__PURE__ */ d(Lt, {
 			initialUser: v,
 			children: /* @__PURE__ */ d(U.Provider, {
 				value: u ?? null,
-				children: /* @__PURE__ */ d(W.Provider, {
-					value: w,
+				children: /* @__PURE__ */ d(ae.Provider, {
+					value: T,
 					children: /* @__PURE__ */ f("div", {
 						...x,
 						className: "webim-page",
 						style: {
-							...S,
+							...C,
 							...ne(t),
 							...i
 						},
 						children: [
-							/* @__PURE__ */ d("style", { children: `.webim-page { ${Bt(V(k.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${Bt(V(k.dark))} } }` }),
-							O,
-							T && /* @__PURE__ */ d("style", { children: T }),
+							/* @__PURE__ */ d("style", { children: `.webim-page { ${Wt(V(A.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${Wt(V(A.dark))} } }` }),
+							k,
+							/* @__PURE__ */ d("style", { children: S }),
 							E && /* @__PURE__ */ d("style", { children: E }),
 							D && /* @__PURE__ */ d("style", { children: D }),
-							C
+							O && /* @__PURE__ */ d("style", { children: O }),
+							w
 						]
 					})
 				})
@@ -3101,8 +3270,8 @@ function Vt({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function Ht({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ d(Vt, {
+function Kt({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ d(Gt, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -3119,7 +3288,7 @@ function Ht({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/bundle.js
-function Ut({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function qt({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -3143,29 +3312,36 @@ function Ut({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var Wt = async (e) => {
+var Jt = 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 Gt({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, fetch: o }) {
+async function Yt({ 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 s = o ?? fetch, c = e.replace(/\/$/, ""), l = {
+	let c = s ?? fetch, l = e.replace(/\/$/, ""), u = {
 		...t ? { "x-tenant": t } : {},
 		...a ? { authorization: `Bearer ${a}` } : {}
-	}, [u, d] = await Promise.all([s(`${c}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: l }).then(Wt), s(`${c}/settings/public`, { headers: l }).then(Wt)]), f = Ut({
-		page: u,
-		settings: d,
+	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(Jt), c(`${l}/settings/public`, { headers: u }).then(Jt)]), p = qt({
+		page: d,
+		settings: f,
 		tenant: t,
-		apiUrl: c,
+		apiUrl: l,
 		locale: r
-	}), p = [...new Set(Object.values(f.blocks ?? {}).map((e) => e?.type?.resolvedName === "CollectionList" ? e.props?.collection : e?.type?.resolvedName === "TableBlock" || e?.type?.resolvedName === "OrgChartBlock" ? e.props?.source : null).filter(Boolean))];
-	if (p.length) {
-		let e = (e) => e.startsWith("api:") ? `${c}/data/${encodeURIComponent(e.slice(4))}` : `${c}/dynamic/${encodeURIComponent(e)}${r ? `?locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(p.map((t) => s(e(t), { headers: l }).then(Wt).then((e) => [t, Array.isArray(e) ? e : Array.isArray(e?.data) ? e.data : []]).catch(() => [t, []])));
-		f.datasets = Object.fromEntries(t);
+	}), 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))];
+	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(Jt).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, []]])));
+		p.datasets = Object.fromEntries(t.flat());
 	}
-	return f;
+	let h = Number(o);
+	return Number.isFinite(h) && h >= 1 && (p.datasets = {
+		...p.datasets ?? {},
+		__page: Math.floor(h)
+	}), p;
 }
 //#endregion
 //#region src/ssr.jsx
@@ -3175,14 +3351,14 @@ var $ = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
 	">": "&gt;",
 	"\"": "&quot;"
 })[e]);
-function Kt(t, { mode: n = "auto", style: r } = {}) {
-	return e(/* @__PURE__ */ d(Ht, {
+function Xt(t, { mode: n = "auto", style: r } = {}) {
+	return e(/* @__PURE__ */ d(Kt, {
 		bundle: t,
 		mode: n,
 		style: r
 	}));
 }
-function qt(e, { mode: t = "auto", lang: n } = {}) {
+function Zt(e, { mode: t = "auto", lang: n } = {}) {
 	let r = e.seo ?? {}, i = n || e.locale || "en", a = h(e.direction, i), o = r.title || e.title || e.slug || "Page", s = e.custom?.js?.trim(), c = [
 		"<meta charset=\"utf-8\"/>",
 		"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>",
@@ -3199,10 +3375,10 @@ function qt(e, { mode: t = "auto", lang: n } = {}) {
 ${c}
 </head>
 <body>
-${Kt(e, { mode: t })}
+${Xt(e, { mode: t })}
 ${s ? `<script>${s.replaceAll("<\/script", "<\\/script")}<\/script>` : ""}
 </body>
 </html>`;
 }
 //#endregion
-export { Ut as assembleBundle, Gt as fetchPage, Kt as renderBundleHtml, qt as renderPageDocument };
+export { qt as assembleBundle, Yt as fetchPage, Xt as renderBundleHtml, Zt as renderPageDocument };