webim-adapter 0.12.0 → 0.14.0

package/build/webim-adapter.js

@@ -48,36 +48,36 @@ function h(e) {
 		color: j,
 		inset: M
 	})), N.length && (t.boxShadow = N.join(", "));
-	let P = (e) => e.type === "blur" ? `blur(${p(e.v ?? 0)})` : e.type === "hue-rotate" ? `hue-rotate(${h(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: ee, filterBrightness: z, filterContrast: te, filterSaturate: ne } = t;
+	let P = (e) => e.type === "blur" ? `blur(${p(e.v ?? 0)})` : e.type === "hue-rotate" ? `hue-rotate(${h(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: ee, filterBlur: L, filterGrayscale: te, filterBrightness: R, filterContrast: z, filterSaturate: ne } = t;
 	delete t.filters, delete t.backdropFilters, delete t.filterBlur, delete t.filterGrayscale, delete t.filterBrightness, delete t.filterContrast, delete t.filterSaturate;
 	let B = F(I);
-	R !== void 0 && B.push(`blur(${p(R)})`), ee !== void 0 && B.push(`grayscale(${ee}%)`), z !== void 0 && B.push(`brightness(${z}%)`), te !== void 0 && B.push(`contrast(${te}%)`), ne !== void 0 && B.push(`saturate(${ne}%)`), B.length && (t.filter = B.join(" "));
-	let re = F(L);
+	L !== void 0 && B.push(`blur(${p(L)})`), te !== void 0 && B.push(`grayscale(${te}%)`), R !== void 0 && B.push(`brightness(${R}%)`), z !== void 0 && B.push(`contrast(${z}%)`), ne !== void 0 && B.push(`saturate(${ne}%)`), B.length && (t.filter = B.join(" "));
+	let re = F(ee);
 	re.length && (t.backdropFilter = re.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
 	let { textStrokeWidth: ie, textStrokeColor: ae } = t;
 	delete t.textStrokeWidth, delete t.textStrokeColor, (ie !== void 0 || ae !== void 0) && (t.WebkitTextStroke = `${p(ie ?? 1)} ${ae || "currentColor"}`);
 	let { clipText: oe } = t;
 	delete t.clipText, oe && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
-	let { transitions: se, transitionDuration: V, transitionEasing: H, transitionProperty: ce } = t, le = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
+	let { transitions: se, transitionDuration: V, transitionEasing: H, transitionProperty: U } = t, W = (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 U = (Array.isArray(se) ? se : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${le(e.duration ?? 200)} ${e.easing || "ease"}`);
-	if (V !== void 0 && U.push(`${ce || "all"} ${le(V)} ${H || "ease"}`), U.length && (t.transition = U.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(se) ? se : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${W(e.duration ?? 200)} ${e.easing || "ease"}`);
+	if (V !== void 0 && G.push(`${U || "all"} ${W(V)} ${H || "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: ue, overlayOpacity: W } = t;
-	if (delete t.overlayColor, delete t.overlayOpacity, ue) {
-		let e = `color-mix(in srgb, ${ue} ${W ?? 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: de } = t;
+	let { backgroundLayers: q } = t;
 	delete t.backgroundLayers;
-	let G = (Array.isArray(de) ? de : []).filter((e) => e && e.on !== !1);
-	if (G.length) {
+	let le = (Array.isArray(q) ? q : []).filter((e) => e && e.on !== !1);
+	if (le.length) {
 		let e = [], n = [], r = [], i = [], a = [];
-		for (let t of G) 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 le) 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;
@@ -272,19 +272,19 @@ function I(e) {
 		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : M(t.headingFont, "inherit")
 	};
 }
-function L(e, t = "light") {
+function ee(e, t = "light") {
 	let n = P(e);
 	return {
 		...I(e),
 		...F(n[t] ?? n.light)
 	};
 }
-function R(e, t) {
+function L(e, t) {
 	return e?.themeRef && t?.[e.themeRef] || e?.theme;
 }
 //#endregion
 //#region src/bundle.js
-function ee({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function te({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -294,7 +294,7 @@ function ee({ 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: R(o, a.builder_themes?.themes),
+		theme: L(o, a.builder_themes?.themes),
 		components: a.builder_components?.components ?? {},
 		custom: o.custom,
 		seo: o.seo,
@@ -308,29 +308,36 @@ function ee({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var z = async (e) => {
+var R = 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 te({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, fetch: o }) {
+async function z({ 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(z), s(`${c}/settings/public`, { headers: l }).then(z)]), f = ee({
-		page: u,
-		settings: d,
+	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(R), c(`${l}/settings/public`, { headers: u }).then(R)]), p = te({
+		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(z).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(R).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;
 }
 new Map([
 	{
@@ -479,11 +486,17 @@ var ae = /* @__PURE__ */ new Set([
 	apiUrl: "/api",
 	locale: "",
 	settings: null
-}), H = t(null), ce = t(null), le = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-function U(e, t) {
+}), H = t(null), U = (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;
+}, W = t(null), G = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function K(e, t) {
 	if (t) return t.includes(".") ? t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e) : e?.[t];
 }
-var ue = (e) => {
+var ce = (e) => {
 	let t = [];
 	for (let [n, r] of Object.entries(e ?? {})) {
 		if (!/^[\w-]+$/.test(n)) continue;
@@ -493,36 +506,36 @@ var ue = (e) => {
 	}
 	return t;
 };
-function W(e) {
+function q(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 de(e, t) {
-	let n = t?.data ?? {}, r = ue(n);
+function le(e, t) {
+	let n = t?.data ?? {}, r = ce(n);
 	if (!r.length) return e;
-	let i = RegExp(`:(${r.map(le).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => W(U(n, t))) : Array.isArray(e) ? e.map(a) : e && typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, t]) => [e, a(t)])) : e;
+	let i = RegExp(`:(${r.map(G).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;
 	return a(e);
 }
-var G = {
+var ue = {
 	margin: 0,
 	fontWeight: 700,
 	lineHeight: 1.2,
 	fontFamily: "var(--page-heading-font, inherit)"
-}, fe = { margin: 0 }, K = {
+}, de = { margin: 0 }, J = {
 	display: "inline-block",
 	textDecoration: "none",
 	cursor: "pointer",
 	backgroundColor: "var(--page-accent, #111827)",
 	color: "var(--page-accent-text, #ffffff)"
-}, pe = {
+}, fe = {
 	flexGrow: 1,
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-}, me = {
+}, pe = {
 	display: "flex",
 	flexDirection: "column"
 };
-function he({ style: e }) {
+function me({ style: e }) {
 	let t = e?.backgroundVideo;
 	if (!t) return null;
 	let n = {
@@ -548,7 +561,7 @@ function he({ style: e }) {
 		background: r
 	} })] });
 }
-var ge = (e, t) => e?.backgroundVideo ? {
+var he = (e, t) => e?.backgroundVideo ? {
 	position: "relative",
 	...t,
 	...h(e)
@@ -556,24 +569,24 @@ var ge = (e, t) => e?.backgroundVideo ? {
 	...t,
 	...h(e)
 };
-function _e({ style: e, nodeRef: t, children: n }) {
+function ge({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ d("div", {
 		ref: t,
 		style: {
-			...pe,
+			...fe,
 			...h(e)
 		},
-		children: [/* @__PURE__ */ u(he, { style: e }), n]
+		children: [/* @__PURE__ */ u(me, { style: e }), n]
 	});
 }
-function ve({ style: e, nodeRef: t, children: n }) {
+function _e({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ d("section", {
 		ref: t,
-		style: ge(e, me),
-		children: [/* @__PURE__ */ u(he, { style: e }), n]
+		style: he(e, pe),
+		children: [/* @__PURE__ */ u(me, { style: e }), n]
 	});
 }
-function ye({ style: e, freeLayout: t, nodeRef: n, children: r }) {
+function ve({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 	let i = t ? {
 		position: "relative",
 		minHeight: 240
@@ -582,32 +595,32 @@ function ye({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 		ref: n,
 		style: i ? {
 			...i,
-			...ge(e)
-		} : ge(e),
-		children: [/* @__PURE__ */ u(he, { style: e }), r]
+			...he(e)
+		} : he(e),
+		children: [/* @__PURE__ */ u(me, { style: e }), r]
 	});
 }
-function be({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
+function ye({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
 	return /* @__PURE__ */ u(n, {
 		ref: a,
 		style: {
-			...G,
+			...ue,
 			...h(r)
 		},
-		children: q(t, e, i)
+		children: Y(t, e, i)
 	});
 }
-var xe = {
+var be = {
 	fontFamily: j.mono.value,
 	background: "rgba(148, 163, 184, 0.18)",
 	padding: "1px 5px",
 	borderRadius: 4,
 	fontSize: "0.9em"
 };
-function Se(e, t = [], n, r) {
+function xe(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: xe,
+		style: be,
 		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,
@@ -617,13 +630,13 @@ function Se(e, t = [], n, r) {
 		children: i
 	})), i;
 }
-function q(t, n, r) {
+function Y(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: q(t.parts, "", r) }, n);
+		if (t.parts) return /* @__PURE__ */ u(e, { children: Y(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: xe,
+			style: be,
 			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: {
@@ -640,13 +653,13 @@ function q(t, n, r) {
 		})), /* @__PURE__ */ u(e, { children: i }, n);
 	}) : n;
 }
-function Ce({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
+function Se({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
 	return /* @__PURE__ */ u("span", {
 		style: h(a),
-		children: e?.length ? q(e, t) : Se(t, n, r, i)
+		children: e?.length ? Y(e, t) : xe(t, n, r, i)
 	});
 }
-var we = {
+var Ce = {
 	h1: 40,
 	h2: 32,
 	h3: 26,
@@ -654,7 +667,7 @@ var we = {
 	h5: 19,
 	h6: 16
 };
-function Te({ align: e = "center", width: t, wrap: n } = {}) {
+function we({ 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";
@@ -688,8 +701,8 @@ function Te({ align: e = "center", width: t, wrap: n } = {}) {
 		marginRight: "auto"
 	};
 }
-function Ee(e = [], t, n) {
-	let r = n ?? ((e, n) => q(e, n, t));
+function Te(e = [], t, n) {
+	let r = n ?? ((e, n) => Y(e, n, t));
 	return e.map((t, n) => {
 		let i = {
 			marginTop: 0,
@@ -711,7 +724,7 @@ function Ee(e = [], t, n) {
 					marginLeft: 0,
 					marginRight: 0,
 					...i,
-					...Te(t)
+					...we(t)
 				},
 				children: [t.href ? /* @__PURE__ */ u("a", {
 					href: t.href,
@@ -730,16 +743,16 @@ function Ee(e = [], t, n) {
 				})]
 			}, n);
 		}
-		if (t.type === "video") return Le(t.url) ? /* @__PURE__ */ u("div", {
+		if (t.type === "video") return Ie(t.url) ? /* @__PURE__ */ u("div", {
 			style: {
 				...i,
-				...Te({
+				...we({
 					align: t.align,
 					wrap: t.wrap,
 					width: t.width ?? 100
 				})
 			},
-			children: /* @__PURE__ */ u(Re, {
+			children: /* @__PURE__ */ u(Le, {
 				url: t.url,
 				autoplay: t.autoplay,
 				muted: t.muted,
@@ -768,17 +781,17 @@ function Ee(e = [], t, n) {
 		}
 		if (t.type === "quote") return /* @__PURE__ */ u("blockquote", {
 			style: {
-				...Oe,
+				...De,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
-		if (we[t.type]) {
+		if (Ce[t.type]) {
 			let e = t.type;
 			return /* @__PURE__ */ u(e, {
 				style: {
-					...G,
-					fontSize: we[t.type],
+					...ue,
+					fontSize: Ce[t.type],
 					...i
 				},
 				children: r(t.parts, t.text)
@@ -786,39 +799,39 @@ function Ee(e = [], t, n) {
 		}
 		return /* @__PURE__ */ u("p", {
 			style: {
-				...fe,
+				...de,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
 	});
 }
-function De({ content: e, style: t, linked: n, nodeRef: r }) {
+function Ee({ content: e, style: t, linked: n, nodeRef: r }) {
 	return /* @__PURE__ */ u("div", {
 		ref: r,
 		style: {
 			display: "flow-root",
 			...h(t)
 		},
-		children: Ee(e, n)
+		children: Te(e, n)
 	});
 }
-var Oe = {
+var De = {
 	margin: 0,
 	padding: "8px 0 8px 20px",
 	borderLeft: "4px solid var(--page-accent, rgba(148, 163, 184, 0.6))"
 };
-function ke({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function Oe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ u("blockquote", {
 		ref: i,
 		style: {
-			...Oe,
+			...De,
 			...h(n)
 		},
-		children: q(t, e, r)
+		children: Y(t, e, r)
 	});
 }
-function Ae({ ordered: e, items: t = [], style: n, nodeRef: r }) {
+function ke({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 	return /* @__PURE__ */ u(e ? "ol" : "ul", {
 		ref: r,
 		style: {
@@ -828,53 +841,53 @@ function Ae({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 		},
 		children: t.map((e, t) => /* @__PURE__ */ u("li", {
 			style: { marginBottom: 4 },
-			children: q(e.parts, e.text)
+			children: Y(e.parts, e.text)
 		}, t))
 	});
 }
-function je({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function Ae({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ u("p", {
 		ref: i,
 		style: {
-			...fe,
+			...de,
 			...h(n)
 		},
-		children: q(t, e, r)
+		children: Y(t, e, r)
 	});
 }
-var Me = {
+var je = {
 	color: "var(--page-accent, inherit)",
 	textDecoration: "underline",
 	textUnderlineOffset: 3,
 	cursor: "pointer"
 };
-function Ne({ 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__ */ u("a", {
 		ref: o,
 		href: n || "#",
 		target: r || void 0,
 		rel: r === "_blank" ? "noopener noreferrer" : void 0,
 		style: {
-			...Me,
+			...je,
 			...h(i)
 		},
-		children: q(t, e, a)
+		children: Y(t, e, a)
 	});
 }
-function Pe({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function Ne({ 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: {
-			...K,
+			...J,
 			...h(i)
 		},
-		children: q(t, e, a)
+		children: Y(t, e, a)
 	});
 }
-function Fe({ src: e, alt: t, style: n, nodeRef: r }) {
+function Pe({ src: e, alt: t, style: n, nodeRef: r }) {
 	return e ? /* @__PURE__ */ u("img", {
 		ref: r,
 		src: e,
@@ -886,7 +899,7 @@ function Fe({ src: e, alt: t, style: n, nodeRef: r }) {
 		}
 	}) : null;
 }
-function Ie({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
+function Fe({ 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,
@@ -904,9 +917,9 @@ function Ie({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !
 		}
 	}) : null;
 }
-var Le = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
-function Re({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
-	let c = Le(e);
+var Ie = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
+function Le({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
+	let c = Ie(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", {
@@ -932,7 +945,7 @@ function Re({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 		})
 	});
 }
-function ze({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
+function Re({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
 	return e ? /* @__PURE__ */ u("iframe", {
 		ref: i,
 		src: e,
@@ -948,7 +961,7 @@ function ze({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i })
 		}
 	}) : null;
 }
-function Be({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
+function ze({ 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) => {
@@ -967,7 +980,7 @@ function Be({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 		style: h(n)
 	});
 }
-function Ve({ height: e, nodeRef: t }) {
+function Be({ height: e, nodeRef: t }) {
 	return /* @__PURE__ */ u("div", {
 		ref: t,
 		style: {
@@ -977,7 +990,7 @@ function Ve({ height: e, nodeRef: t }) {
 		}
 	});
 }
-function He({ style: e, nodeRef: t }) {
+function Ve({ style: e, nodeRef: t }) {
 	return /* @__PURE__ */ u("div", {
 		ref: t,
 		style: {
@@ -988,7 +1001,7 @@ function He({ style: e, nodeRef: t }) {
 		}
 	});
 }
-var Ue = {
+var He = {
 	position: "absolute",
 	top: "50%",
 	transform: "translateY(-50%)",
@@ -1005,7 +1018,7 @@ var Ue = {
 	alignItems: "center",
 	justifyContent: "center",
 	padding: 0
-}, We = {
+}, Ue = {
 	bottom: {
 		inset: "auto 0 0 0",
 		padding: "40px 24px 20px",
@@ -1024,8 +1037,8 @@ var Ue = {
 		padding: 24,
 		textShadow: "0 2px 12px rgba(0, 0, 0, 0.6)"
 	}
-}, Ge = 48;
-function Ke({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: a = 320, swipe: o = !0, style: s, nodeRef: f }) {
+}, We = 48;
+function Ge({ 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), [g, _] = c(!1), [v, y] = c(null), b = e ? Math.min(p, e - 1) : 0;
 	if (i(() => {
 		if (!n || g || v || e < 2) return;
@@ -1041,7 +1054,7 @@ function Ke({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 	let x = (t) => m((t + e) % e), S = () => {
 		if (!v) return;
 		let { dx: e } = v;
-		y(null), e < -48 ? x(b + 1) : e > Ge && x(b - 1);
+		y(null), e < -48 ? x(b + 1) : e > We && x(b - 1);
 	};
 	return /* @__PURE__ */ d("div", {
 		ref: f,
@@ -1089,7 +1102,7 @@ function Ke({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Previous slide",
 				style: {
-					...Ue,
+					...He,
 					left: 12
 				},
 				onClick: () => x(b - 1),
@@ -1099,7 +1112,7 @@ function Ke({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Next slide",
 				style: {
-					...Ue,
+					...He,
 					right: 12
 				},
 				onClick: () => x(b + 1),
@@ -1133,7 +1146,7 @@ function Ke({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 		] })]
 	});
 }
-var qe = (e, t) => ({
+var Ke = (e, t) => ({
 	position: "absolute",
 	inset: 0,
 	backgroundImage: e ? `url(${e})` : "none",
@@ -1141,18 +1154,18 @@ var qe = (e, t) => ({
 	backgroundSize: "cover",
 	backgroundPosition: "center"
 });
-function Je({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
-	return e.length ? /* @__PURE__ */ u(Ke, {
+function qe({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
+	return e.length ? /* @__PURE__ */ u(Ge, {
 		...r,
 		count: e.length,
 		renderSlide: (r) => {
 			let i = e[r];
-			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: qe(i.image) }), (i.title || i.text) && /* @__PURE__ */ d("div", {
+			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: Ke(i.image) }), (i.title || i.text) && /* @__PURE__ */ d("div", {
 				style: {
 					position: "absolute",
 					color: "#fff",
 					textAlign: n,
-					...We[t] ?? We.bottom
+					...Ue[t] ?? Ue.bottom
 				},
 				children: [i.title && /* @__PURE__ */ u("div", {
 					style: {
@@ -1172,13 +1185,13 @@ function Je({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "
 		}
 	}) : null;
 }
-function Ye({ slides: e = [], linked: t, ...n }) {
-	return e.length ? /* @__PURE__ */ u(Ke, {
+function Je({ slides: e = [], linked: t, ...n }) {
+	return e.length ? /* @__PURE__ */ u(Ge, {
 		...n,
 		count: e.length,
 		renderSlide: (n) => {
 			let r = e[n];
-			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: qe(r.image, r.color) }), /* @__PURE__ */ u("div", {
+			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: Ke(r.image, r.color) }), /* @__PURE__ */ u("div", {
 				style: {
 					position: "absolute",
 					inset: 0,
@@ -1190,7 +1203,7 @@ function Ye({ slides: e = [], linked: t, ...n }) {
 		}
 	}) : null;
 }
-var J = {
+var Ye = {
 	color: "inherit",
 	textDecoration: "none",
 	fontSize: 14,
@@ -1212,7 +1225,7 @@ function Ze({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 	let w = p === "hamburger" || p === "auto" && v, T = (e, t) => /* @__PURE__ */ d("a", {
 		href: e.href || "#",
 		style: {
-			...J,
+			...Ye,
 			display: "block",
 			...t
 		},
@@ -1300,7 +1313,7 @@ function Ze({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 					let t = e.children ?? [];
 					if (!t.length) return /* @__PURE__ */ u("a", {
 						href: e.href || "#",
-						style: J,
+						style: Ye,
 						children: e.label
 					}, e.key);
 					let n = e.type === "mega";
@@ -1314,7 +1327,7 @@ function Ze({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 						children: [/* @__PURE__ */ d("a", {
 							href: e.href || "#",
 							style: {
-								...J,
+								...Ye,
 								cursor: "pointer"
 							},
 							children: [
@@ -1375,7 +1388,7 @@ function Ze({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 				children: o.map((t) => /* @__PURE__ */ d(e, { children: [/* @__PURE__ */ u("a", {
 					href: t.href || "#",
 					style: {
-						...J,
+						...Ye,
 						padding: "10px 4px",
 						fontWeight: (t.children ?? []).length ? 600 : 400,
 						opacity: 1
@@ -1487,11 +1500,11 @@ var et = {
 	display: "flex",
 	flexDirection: "column",
 	gap: "12px"
-}, Y = {
+}, X = {
 	fontSize: "14px",
 	fontWeight: 500,
 	color: "var(--page-text, #111827)"
-}, X = {
+}, Z = {
 	padding: "10px 12px",
 	border: "1px solid #d1d5db",
 	borderRadius: "6px",
@@ -1507,7 +1520,7 @@ var et = {
 	gap: "8px",
 	fontSize: "14px",
 	color: "var(--page-text, #111827)"
-}, Z = (e) => e ? {
+}, Q = (e) => e ? {
 	readOnly: !0,
 	tabIndex: -1,
 	onMouseDown: (e) => e.preventDefault()
@@ -1550,7 +1563,7 @@ function at(e, t) {
 function ot({ field: e, value: t, onChange: n, inert: r, values: i }) {
 	let a = /* @__PURE__ */ d("span", {
 		style: {
-			...Y,
+			...X,
 			fontSize: 14
 		},
 		children: [e.label, e.required ? " *" : ""]
@@ -1588,7 +1601,7 @@ function ot({ 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(Re, {
+	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ u(Le, {
 		url: e.src,
 		style: { width: "100%" }
 	}) : /* @__PURE__ */ u("video", {
@@ -1688,10 +1701,10 @@ function st({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 	let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || nt(e.section.condition, E)).map((e) => ({
 		...e,
 		fields: e.fields.filter((e) => nt(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) => {
+	})), P = M.length > 1, F = Math.min(O, Math.max(0, N.length - 1)), I = P ? N[F]?.fields ?? [] : N.flatMap((e) => e.fields), ee = I.filter((e) => {
 		let t = E[e.name];
 		return e.required && (t == null || t === "" || t === !1);
-	}), R = F >= N.length - 1, ee = (e, t) => D((n) => {
+	}), L = F >= N.length - 1, te = (e, t) => D((n) => {
 		let r = {
 			...n,
 			[e]: t
@@ -1766,7 +1779,7 @@ function st({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 						field: e,
 						value: E[e.name],
 						values: E,
-						onChange: ee,
+						onChange: te,
 						inert: g
 					}, e.name)),
 					/* @__PURE__ */ d("div", {
@@ -1781,7 +1794,7 @@ function st({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 							disabled: g || void 0,
 							onClick: () => k(F - 1),
 							style: {
-								...K,
+								...J,
 								background: "transparent",
 								color: "inherit",
 								border: 0,
@@ -1789,26 +1802,26 @@ function st({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 								cursor: "pointer"
 							},
 							children: "Back"
-						}), P && !R ? /* @__PURE__ */ u("button", {
+						}), P && !L ? /* @__PURE__ */ u("button", {
 							type: "button",
-							disabled: g || L.length > 0,
+							disabled: g || ee.length > 0,
 							onClick: () => k(F + 1),
 							style: {
-								...K,
+								...J,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
 								fontSize: 15,
 								fontWeight: 600,
 								cursor: "pointer",
-								opacity: L.length ? .5 : 1
+								opacity: ee.length ? .5 : 1
 							},
 							children: "Next"
 						}) : /* @__PURE__ */ u("button", {
 							type: "submit",
 							disabled: g || void 0,
 							style: {
-								...K,
+								...J,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
@@ -1929,10 +1942,10 @@ function dt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 	return /* @__PURE__ */ u("label", {
 		ref: r,
 		style: {
-			...Y,
+			...X,
 			...h(n)
 		},
-		children: q(t, e, i)
+		children: Y(t, e, i)
 	});
 }
 function ft({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
@@ -1943,10 +1956,10 @@ function ft({ type: e = "text", name: t, placeholder: n, required: r, style: i,
 		placeholder: n,
 		required: !o && !!r,
 		style: {
-			...X,
+			...Z,
 			...h(i)
 		},
-		...Z(o)
+		...Q(o)
 	});
 }
 function pt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
@@ -1957,11 +1970,11 @@ function pt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeR
 		rows: n,
 		required: !o && !!r,
 		style: {
-			...X,
+			...Z,
 			resize: "vertical",
 			...h(i)
 		},
-		...Z(o)
+		...Q(o)
 	});
 }
 function mt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
@@ -1994,7 +2007,7 @@ function ht({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		onMouseDown: o ? (e) => e.preventDefault() : void 0,
 		tabIndex: o ? -1 : void 0,
 		style: {
-			...X,
+			...Z,
 			appearance: "auto",
 			...h(i)
 		},
@@ -2013,7 +2026,7 @@ function gt({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
 	return /* @__PURE__ */ d("label", {
 		ref: a,
 		style: {
-			...X,
+			...Z,
 			display: "flex",
 			alignItems: "center",
 			gap: "8px",
@@ -2045,7 +2058,7 @@ function _t({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 		ref: n,
 		type: r ? "button" : "submit",
 		style: {
-			...K,
+			...J,
 			border: 0,
 			cursor: "pointer",
 			alignSelf: "flex-start",
@@ -2077,53 +2090,61 @@ function vt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 		}, t))
 	});
 }
-function yt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, imageField: o, titleField: s = "name", textField: l, custom: f, templateId: p, style: m, nodeRef: g }) {
-	let { tenant: _, apiUrl: v, locale: y } = r(V), b = r(ce), x = r(H)?.[e], [S, C] = c(null);
+function yt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, imageField: o, titleField: s = "name", textField: l, custom: f, templateId: p, paged: m, style: g, nodeRef: _ }) {
+	let { tenant: v, apiUrl: y, locale: b } = r(V), x = r(W), S = r(H), C = S?.[e], w = m ? U(S) : 1, [T, E] = c(null);
 	if (i(() => {
-		if (!e || x) return;
-		let t = !0, n = e.startsWith("api:") ? `${v}/data/${encodeURIComponent(e.slice(4))}` : `${v}/dynamic/${encodeURIComponent(e)}${y ? `?locale=${encodeURIComponent(y)}` : ""}`;
-		return fetch(n, { headers: _ ? { "x-tenant": _ } : {} }).then((e) => e.json()).then((e) => {
-			let n = Array.isArray(e?.payload) ? e.payload : Array.isArray(e?.payload?.data) ? e.payload.data : [];
-			return t && C(n.filter((e) => e && typeof e == "object"));
-		}).catch(() => t && C([])), () => {
-			t = !1;
+		if (!e || C) return;
+		let n = !0, r = new URLSearchParams();
+		if (b && r.set("locale", b), 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:") ? `${y}/data/${encodeURIComponent(e.slice(4))}` : `${y}/dynamic/${encodeURIComponent(e)}${i ? `?${i}` : ""}`;
+		return fetch(a, { headers: v ? { "x-tenant": v } : {} }).then((e) => e.json()).then((e) => {
+			let t = Array.isArray(e?.payload) ? e.payload : Array.isArray(e?.payload?.data) ? e.payload.data : [];
+			return n && E(t.filter((e) => e && typeof e == "object"));
+		}).catch(() => n && E([])), () => {
+			n = !1;
 		};
 	}, [
 		e,
-		_,
 		v,
 		y,
-		x
+		b,
+		C,
+		m,
+		w,
+		t
 	]), !e) return null;
-	let w = (x ?? S ?? []).slice(0, Math.max(1, Number(t) || 6)), T = Math.min(Math.max(Number(a) || 3, 1), 6), E = n === "list" ? {
+	let D = Math.max(1, Number(t) || 6), O = m ? C || e.startsWith("api:") ? (C ?? T ?? []).slice((w - 1) * D, w * D) : (T ?? []).slice(0, D) : (C ?? T ?? []).slice(0, D), k = Math.min(Math.max(Number(a) || 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 f && p && b?.render ? /* @__PURE__ */ u("div", {
-		ref: g,
+	return f && p && x?.render ? /* @__PURE__ */ u("div", {
+		ref: _,
 		style: {
 			width: "100%",
-			...E,
-			...h(m)
+			...A,
+			...h(g)
 		},
-		children: w.map((e) => /* @__PURE__ */ u("div", {
+		children: O.map((e) => /* @__PURE__ */ u("div", {
 			style: { minWidth: 0 },
-			children: b.render(p, (t) => de(t, e))
+			children: x.render(p, (t) => le(t, e))
 		}, e.id ?? e?.data?.slug))
 	}) : /* @__PURE__ */ u("div", {
-		ref: g,
+		ref: _,
 		style: {
 			width: "100%",
-			...E,
-			...h(m)
+			...A,
+			...h(g)
 		},
-		children: w.map((e) => {
-			let t = o ? U(e?.data, o) : null, r = s ? W(U(e?.data, s)) : null, i = l ? U(e?.data, l) : null, a = Array.isArray(i) ? i : null, c = a || i == null ? null : W(i), f = n === "list";
+		children: O.map((e) => {
+			let t = o ? K(e?.data, o) : null, r = s ? q(K(e?.data, s)) : null, i = l ? K(e?.data, l) : null, a = Array.isArray(i) ? i : null, c = a || i == null ? null : q(i), f = n === "list";
 			return /* @__PURE__ */ d("div", {
 				style: {
 					display: "flex",
@@ -2170,7 +2191,7 @@ function yt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 								lineHeight: 1.55,
 								opacity: .85
 							},
-							children: Ee(a)
+							children: Te(a)
 						})
 					]
 				})]
@@ -2228,8 +2249,36 @@ function bt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 		})
 	}) : null;
 }
-function xt({ 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 xt({ 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: g }) {
+	let { tenant: _, apiUrl: v } = r(V), y = r(H), [b, x] = c(null), S = o ? Number(y?.[`${o}:total`]) : NaN;
+	i(() => {
+		if (!o || Number.isFinite(S)) return;
+		let e = !0, t = o.startsWith("api:") ? `${v}/data/${encodeURIComponent(o.slice(4))}` : `${v}/dynamic/${encodeURIComponent(o)}?limit=1`;
+		return fetch(t, { headers: _ ? { "x-tenant": _ } : {} }).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));
+			x(Number.isFinite(r) ? r : 0);
+		}).catch(() => e && x(0)), () => {
+			e = !1;
+		};
+	}, [
+		o,
+		_,
+		v,
+		S
+	]);
+	let C = Math.max(1, Number(s) || 6), w = Number.isFinite(S) ? S : b;
+	if (o && w === null || o && f && !(w > 0)) return null;
+	let T = Math.min(Math.max(o ? Math.ceil(w / C) : Number(e) || 1, 1), 50), E = Math.min(Math.max(o ? U(y) : Number(t) || 1, 1), T), D = (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 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) => ({
 		display: "inline-flex",
 		alignItems: "center",
 		justifyContent: "center",
@@ -2244,37 +2293,41 @@ function xt({ 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__ */ d("nav", {
-		ref: a,
+		ref: g,
 		"aria-label": "Pagination",
 		style: {
 			display: "flex",
 			flexWrap: "wrap",
 			gap: 8,
 			alignItems: "center",
-			...h(i)
+			justifyContent: O,
+			...h(m)
 		},
 		children: [
 			n && /* @__PURE__ */ u("a", {
-				href: s > 1 ? c(s - 1) : "#",
+				href: E > 1 ? D(E - 1) : "#",
+				onClick: k,
 				"aria-label": "Previous",
 				style: {
-					...l(!1),
-					opacity: s > 1 ? 1 : .4
+					...A(!1),
+					opacity: E > 1 ? 1 : .4
 				},
 				children: "‹"
 			}),
-			Array.from({ length: o }, (e, t) => t + 1).map((e) => /* @__PURE__ */ u("a", {
-				href: c(e),
-				"aria-current": e === s ? "page" : void 0,
-				style: l(e === s),
+			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),
 				children: e
 			}, e)),
 			n && /* @__PURE__ */ u("a", {
-				href: s < o ? c(s + 1) : "#",
+				href: E < T ? D(E + 1) : "#",
+				onClick: k,
 				"aria-label": "Next",
 				style: {
-					...l(!1),
-					opacity: s < o ? 1 : .4
+					...A(!1),
+					opacity: E < T ? 1 : .4
 				},
 				children: "›"
 			})
@@ -2436,19 +2489,19 @@ function Tt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
 		horizontal: n
 	};
 }
-var Q = (e, t) => {
+var Et = (e, t) => {
 	let n = String(e ?? "");
 	return n.length > t ? `${n.slice(0, t - 1)}…` : n;
-}, Et = (e) => {
+}, Dt = (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";
-}, 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 ? "" : W(e);
+}, Ot = (e) => !!(e?.cv?.trim?.() || e?.photo);
+function kt(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);
 	return n.map((e) => {
 		let n = e.data ?? {}, a = r(n[t.parentField]), o = a && typeof a == "object" ? a.id ?? null : a || null;
 		return {
@@ -2462,11 +2515,11 @@ function Ot(e, t = {}) {
 		};
 	});
 }
-var kt = {
+var At = {
 	size: 36,
 	pad: 10
 };
-function At({ node: e, onClose: t }) {
+function jt({ node: e, onClose: t }) {
 	return i(() => {
 		let e = (e) => e.key === "Escape" && t();
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
@@ -2584,7 +2637,7 @@ function At({ node: e, onClose: t }) {
 		})
 	});
 }
-function jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField: s, parentField: f, cvField: p, hrefField: m, size: g = "medium", horizontal: _ = !1, style: v, nodeRef: y, interactive: b = !0 }) {
+function Mt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField: s, parentField: f, cvField: p, hrefField: m, size: g = "medium", horizontal: _ = !1, style: v, nodeRef: y, interactive: b = !0 }) {
 	let x = a(), [S, C] = c(null), { tenant: w, apiUrl: T } = r(V), E = r(H)?.[t], [D, O] = c(null);
 	i(() => {
 		if (!t || E) return;
@@ -2601,7 +2654,7 @@ function jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 		T,
 		E
 	]);
-	let k = t ? Ot(E ?? D ?? [], {
+	let k = t ? kt(E ?? D ?? [], {
 		nameField: n,
 		titleField: o,
 		photoField: s,
@@ -2654,7 +2707,7 @@ function jt({ 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 ? Et(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? Et(e.color2) : s, f = b && (Dt(e) || e.href), p = () => Dt(e) ? C(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);
+				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 ? Dt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? Dt(e.color2) : s, f = b && (Ot(e) || e.href), p = () => Ot(e) ? C(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + At.pad + A.avatar + 8 : t + A.w / 2, h = e.photo ? "start" : "middle", g = e.photo ? Math.floor((A.w - A.avatar - 26) / 7) : Math.floor(A.w / 7.6), _ = A.h / 2, v = [e.name, e.title].map((e) => String(e ?? "").trim()).filter(Boolean);
 				return /* @__PURE__ */ d("g", {
 					onClick: f ? p : void 0,
 					style: f ? { cursor: "pointer" } : void 0,
@@ -2718,13 +2771,13 @@ function jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 						e.photo && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("clipPath", {
 							id: `${x}-${e.id}`,
 							children: /* @__PURE__ */ u("circle", {
-								cx: t + kt.pad + A.avatar / 2,
+								cx: t + At.pad + A.avatar / 2,
 								cy: n + A.h / 2,
 								r: A.avatar / 2
 							})
 						}), /* @__PURE__ */ u("image", {
 							href: e.photo,
-							x: t + kt.pad,
+							x: t + At.pad,
 							y: n + (A.h - A.avatar) / 2,
 							width: A.avatar,
 							height: A.avatar,
@@ -2738,7 +2791,7 @@ function jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.title,
 							fontWeight: "600",
 							fill: s,
-							children: Q(e.title, g + 4)
+							children: Et(e.title, g + 4)
 						}), e.name && /* @__PURE__ */ u("text", {
 							x: m,
 							y: n + _ + _ / 2 + A.name * .35,
@@ -2746,7 +2799,7 @@ function jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: c,
-							children: Q(e.name, g)
+							children: Et(e.name, g)
 						})] }) : /* @__PURE__ */ d(l, { children: [v[0] && /* @__PURE__ */ u("text", {
 							x: m,
 							y: n + (v[1] ? A.h * .43 : A.h * .57),
@@ -2754,7 +2807,7 @@ function jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: s,
-							children: Q(v[0], g)
+							children: Et(v[0], g)
 						}), v[1] && /* @__PURE__ */ u("text", {
 							x: m,
 							y: n + A.h * .73,
@@ -2762,100 +2815,115 @@ function jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.title,
 							opacity: "0.7",
 							fill: s,
-							children: Q(v[1], g + 4)
+							children: Et(v[1], g + 4)
 						})] })
 					]
 				}, e.id);
 			})]
-		}), S && /* @__PURE__ */ u(At, {
+		}), S && /* @__PURE__ */ u(jt, {
 			node: S,
 			onClose: () => C(null)
 		})]
 	});
 }
-function Mt({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped: o = !0, bordered: s = !1, compact: l = !1, style: f, nodeRef: p }) {
-	let { tenant: m, apiUrl: g } = r(V), _ = r(H)?.[n], [v, y] = c(null);
+function Nt({ 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: g }) {
+	let { tenant: _, apiUrl: v } = r(V), y = r(H), b = y?.[n], x = f ? U(y) : 1, [S, C] = c(null);
 	if (i(() => {
-		if (!n || _) return;
-		let e = !0, t = n.startsWith("api:") ? `${g}/data/${encodeURIComponent(n.slice(4))}` : `${g}/dynamic/${encodeURIComponent(n)}`;
-		return fetch(t, { headers: m ? { "x-tenant": m } : {} }).then((e) => e.json()).then((t) => e && y(Array.isArray(t?.payload) ? t.payload : [])).catch(() => e && y([])), () => {
+		if (!n || b) return;
+		let e = !0, t = Math.max(1, Number(a) || 10), r = f && !n.startsWith("api:") ? `?offset=${(x - 1) * t}&limit=${t}` : "", i = n.startsWith("api:") ? `${v}/data/${encodeURIComponent(n.slice(4))}` : `${v}/dynamic/${encodeURIComponent(n)}${r}`;
+		return fetch(i, { headers: _ ? { "x-tenant": _ } : {} }).then((e) => e.json()).then((t) => {
+			let n = Array.isArray(t?.payload) ? t.payload : Array.isArray(t?.payload?.data) ? t.payload.data : [];
+			return e && C(n);
+		}).catch(() => e && C([])), () => {
 			e = !1;
 		};
 	}, [
 		n,
-		m,
-		g,
-		_
+		_,
+		v,
+		b,
+		f,
+		x,
+		a
 	]), !e.length) return null;
-	let b = n ? (_ ?? v ?? []).slice(0, Math.max(1, Number(a) || 10)) : null, x = b ? b.map((t) => e.map((e) => W(U(t?.data, e.field)))) : t, S = l ? "6px 10px" : "10px 14px", C = "1px solid rgba(148, 163, 184, 0.35)", w = s ? { border: C } : { borderBottom: C };
+	let w = Math.max(1, Number(a) || 10), T = n ? f ? b || n.startsWith("api:") ? (b ?? S ?? []).slice((x - 1) * w, x * w) : (S ?? []).slice(0, w) : (b ?? S ?? []).slice(0, w) : null, E = T ? T.map((t) => e.map((e) => q(K(t?.data, e.field)))) : t, D = !!n && !(n && !b && S === 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 };
 	return /* @__PURE__ */ u("div", {
-		ref: p,
+		ref: g,
 		style: {
 			width: "100%",
 			overflowX: "auto",
-			...h(f)
+			...h(m)
 		},
 		children: /* @__PURE__ */ d("table", {
 			style: {
 				width: "100%",
 				borderCollapse: "collapse",
 				fontSize: 14,
-				...s ? { border: C } : {}
+				...s ? { border: k } : {}
 			},
 			children: [/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ u("tr", { children: e.map((e, t) => /* @__PURE__ */ u("th", {
 				style: {
 					textAlign: "left",
 					fontWeight: 600,
-					padding: S,
+					padding: O,
 					background: "rgba(148, 163, 184, 0.12)",
-					...w
+					...A
 				},
 				children: e.label ?? e
-			}, t)) }) }), /* @__PURE__ */ u("tbody", { children: x.map((t, n) => /* @__PURE__ */ u("tr", {
+			}, t)) }) }), /* @__PURE__ */ d("tbody", { children: [D && /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", {
+				colSpan: e.length,
+				style: {
+					padding: O,
+					textAlign: "center",
+					opacity: .6,
+					...A
+				},
+				children: p || "No data yet"
+			}) }), E.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: S,
-						...w
+						padding: O,
+						...A
 					},
 					children: t?.[n] ?? ""
 				}, n))
-			}, n)) })]
+			}, n))] })]
 		})
 	});
 }
-var Nt = {
-	PageRoot: _e,
-	Section: ve,
-	Container: ye,
-	Heading: be,
-	TextBlock: je,
-	ButtonBlock: Pe,
-	ImageBlock: Fe,
-	Spacer: Ve,
-	Divider: He,
-	SliderBlock: Je,
-	CanvasSlider: Ye,
+var Pt = {
+	PageRoot: ge,
+	Section: _e,
+	Container: ve,
+	Heading: ye,
+	TextBlock: Ae,
+	ButtonBlock: Ne,
+	ImageBlock: Pe,
+	Spacer: Be,
+	Divider: Ve,
+	SliderBlock: qe,
+	CanvasSlider: Je,
 	TabsBlock: Qe,
 	QuickStack: vt,
 	CollectionList: yt,
 	BreadcrumbsBlock: bt,
 	PaginationBlock: xt,
 	StepperBlock: St,
-	OrgChartBlock: jt,
-	TableBlock: Mt,
+	OrgChartBlock: Mt,
+	TableBlock: Nt,
 	AccordionBlock: $e,
 	NavbarBlock: Ze,
-	ListBlock: Ae,
-	TextSpan: Ce,
-	QuoteBlock: ke,
-	TextLink: Ne,
-	RichTextBlock: De,
-	RichContentBlock: De,
-	VideoBlock: Ie,
-	YouTubeBlock: Re,
-	IframeBlock: ze,
-	EmbedBlock: Be,
+	ListBlock: ke,
+	TextSpan: Se,
+	QuoteBlock: Oe,
+	TextLink: Me,
+	RichTextBlock: Ee,
+	RichContentBlock: Ee,
+	VideoBlock: Fe,
+	YouTubeBlock: Le,
+	IframeBlock: Re,
+	EmbedBlock: ze,
 	FormBlock: st,
 	FormLabel: dt,
 	FormInput: ft,
@@ -2872,26 +2940,26 @@ var Nt = {
 	FormFile: gt,
 	FormRecaptcha: ut,
 	FormSubmit: _t
-}, Pt = {
+}, Ft = {
 	id: "auth",
 	label: "Accounts",
 	category: "Apps",
 	keys: ["SiteLoginForm", "SiteAccountMenu"],
 	ssr: "shell",
 	settings: ["apps.auth.redirect"]
-}, Ft = t({
+}, It = t({
 	user: null,
 	status: "idle",
 	ensure: () => {},
 	refresh: () => {},
 	signOut: () => {}
-}), It = () => {
-	let e = r(Ft);
+}), Lt = () => {
+	let e = r(It);
 	return i(() => {
 		e.ensure();
 	}, [e]), e;
 };
-function Lt({ children: e, initialUser: t, disabled: i, apiUrl: a, tenant: l }) {
+function Rt({ children: e, initialUser: t, disabled: i, apiUrl: a, tenant: l }) {
 	let d = r(V), 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}`, {
 		...t,
 		credentials: "include",
@@ -2924,18 +2992,18 @@ function Lt({ children: e, initialUser: t, disabled: i, apiUrl: a, tenant: l })
 		b,
 		x
 	]);
-	return /* @__PURE__ */ u(Ft.Provider, {
+	return /* @__PURE__ */ u(It.Provider, {
 		value: C,
 		children: e
 	});
 }
-function Rt({ when: e, children: t }) {
-	let { status: n } = It();
+function zt({ when: e, children: t }) {
+	let { status: n } = Lt();
 	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 zt({ 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 }) {
+function Bt({ 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: g, apiUrl: _, settings: v } = r(V), [y, b] = c("form"), [x, S] = c(""), [C, w] = c(!1), T = e === "register", E = f ? m || "form" : y, D = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
 		if (e.preventDefault(), f) return;
 		let n = new FormData(e.currentTarget);
@@ -2984,20 +3052,20 @@ function zt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 				children: [
 					T ? /* @__PURE__ */ d("label", {
 						style: {
-							...Y,
+							...X,
 							display: "grid",
 							gap: 6
 						},
 						children: [a, /* @__PURE__ */ u("input", {
 							name: "name",
 							type: "text",
-							style: X,
-							...Z(f)
+							style: Z,
+							...Q(f)
 						})]
 					}) : null,
 					/* @__PURE__ */ d("label", {
 						style: {
-							...Y,
+							...X,
 							display: "grid",
 							gap: 6
 						},
@@ -3005,13 +3073,13 @@ function zt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 							name: "email",
 							type: "email",
 							required: !f,
-							style: X,
-							...Z(f)
+							style: Z,
+							...Q(f)
 						})]
 					}),
 					/* @__PURE__ */ d("label", {
 						style: {
-							...Y,
+							...X,
 							display: "grid",
 							gap: 6
 						},
@@ -3019,15 +3087,15 @@ function zt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 							name: "password",
 							type: "password",
 							required: !f,
-							style: X,
-							...Z(f)
+							style: Z,
+							...Q(f)
 						})]
 					}),
 					/* @__PURE__ */ u("button", {
 						type: f ? "button" : "submit",
 						disabled: C || void 0,
 						style: {
-							...K,
+							...J,
 							border: 0,
 							padding: "10px 22px",
 							borderRadius: 8,
@@ -3059,8 +3127,8 @@ function zt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 		]
 	});
 }
-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: f } = It(), p = a ? s || "user" : l, m = a ? {
+function Vt({ 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 } = Lt(), p = a ? s || "user" : l, m = a ? {
 		name: "Ada Lovelace",
 		email: "ada@example.com"
 	} : c;
@@ -3081,7 +3149,7 @@ function Bt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 		children: [
 			/* @__PURE__ */ d("span", {
 				style: {
-					...Y,
+					...X,
 					fontWeight: 600
 				},
 				children: [
@@ -3092,7 +3160,7 @@ function Bt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 			}),
 			n && m?.email ? /* @__PURE__ */ u("span", {
 				style: {
-					...Y,
+					...X,
 					opacity: .7
 				},
 				children: m.email
@@ -3101,14 +3169,14 @@ function Bt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 				type: "button",
 				onClick: a ? void 0 : f,
 				style: {
-					...K,
+					...J,
 					border: 0,
 					padding: "8px 16px",
 					borderRadius: 8,
 					fontSize: 14,
 					cursor: a ? "default" : "pointer"
 				},
-				...Z(a),
+				...Q(a),
 				children: t
 			})
 		]
@@ -3125,16 +3193,16 @@ function Bt({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/index.js
-var Vt = [Pt], Ht = {
-	SiteLoginForm: zt,
-	SiteAccountMenu: Bt
+var Ht = [Ft], Ut = {
+	SiteLoginForm: Bt,
+	SiteAccountMenu: Vt
 };
-new Set(Vt.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
+new Set(Ht.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var Ut = {
-	...Nt,
-	...Ht
+var Wt = {
+	...Pt,
+	...Ut
 };
 function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[t];
@@ -3146,7 +3214,7 @@ function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let c = new Set(i).add(n);
 		return /* @__PURE__ */ u(e, { children: $(s.template.rootId, s.template.nodes, r, c, a) }, t);
 	}
-	let l = Ut[s];
+	let l = Wt[s];
 	if (!l) return null;
 	let d = (o.nodes ?? []).map((e) => $(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, $(t, n, r, i)])) : void 0, m = /* @__PURE__ */ u(l, {
 		...c,
@@ -3157,15 +3225,15 @@ function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		},
 		children: d.length ? d : void 0
 	}, t);
-	return c.when && c.when !== "always" ? /* @__PURE__ */ u(Rt, {
+	return c.when && c.when !== "always" ? /* @__PURE__ */ u(zt, {
 		when: c.when,
 		children: m
 	}, t) : m;
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var Wt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
-function Gt({ 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: g }) {
+var Gt = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
+function Kt({ 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: g }) {
 	let _ = s?.js?.trim();
 	if (i(() => {
 		if (!_) return;
@@ -3191,18 +3259,18 @@ function Gt({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 			locale: p || "",
 			settings: h ?? null
 		},
-		children: /* @__PURE__ */ u(Lt, {
+		children: /* @__PURE__ */ u(Rt, {
 			initialUser: g,
 			children: /* @__PURE__ */ u(H.Provider, {
 				value: f ?? null,
-				children: /* @__PURE__ */ u(ce.Provider, {
+				children: /* @__PURE__ */ u(W.Provider, {
 					value: S,
 					children: /* @__PURE__ */ d("div", {
 						...v,
 						className: "webim-page",
 						style: {
 							...b,
-							...L(t, r),
+							...ee(t, r),
 							...a
 						},
 						children: [
@@ -3226,11 +3294,11 @@ function Gt({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 			locale: p || "",
 			settings: h ?? null
 		},
-		children: /* @__PURE__ */ u(Lt, {
+		children: /* @__PURE__ */ u(Rt, {
 			initialUser: g,
 			children: /* @__PURE__ */ u(H.Provider, {
 				value: f ?? null,
-				children: /* @__PURE__ */ u(ce.Provider, {
+				children: /* @__PURE__ */ u(W.Provider, {
 					value: S,
 					children: /* @__PURE__ */ d("div", {
 						...v,
@@ -3241,8 +3309,8 @@ function Gt({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 							...a
 						},
 						children: [
-							/* @__PURE__ */ u("style", { children: `.webim-page { ${Wt(F(k.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${Wt(F(k.dark))} } }` }),
+							/* @__PURE__ */ u("style", { children: `.webim-page { ${Gt(F(k.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${Gt(F(k.dark))} } }` }),
 							O,
 							/* @__PURE__ */ u("style", { children: y }),
 							C && /* @__PURE__ */ u("style", { children: C }),
@@ -3258,8 +3326,8 @@ function Gt({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function Kt({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ u(Gt, {
+function qt({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ u(Kt, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -3276,7 +3344,7 @@ function Kt({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/WebimPage.jsx
-function qt({ 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 Jt({ 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
@@ -3286,7 +3354,7 @@ function qt({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mo
 		onError: h
 	}, i(() => {
 		let i = !0;
-		return _({ status: "loading" }), te({
+		return _({ status: "loading" }), z({
 			apiUrl: e,
 			tenant: t,
 			slug: n,
@@ -3313,11 +3381,11 @@ function qt({ 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(Kt, {
+	]), g.status === "loading" ? f : g.status === "error" ? typeof p == "function" ? p(g.error) : p : /* @__PURE__ */ u(qt, {
 		bundle: g.bundle,
 		mode: l,
 		style: d
 	});
 }
 //#endregion
-export { Gt as PageRenderer, Kt as WebimContent, qt as WebimPage, te as fetchPage, Ee as renderRichContent, R as resolveTheme };
+export { Kt as PageRenderer, qt as WebimContent, Jt as WebimPage, z as fetchPage, Te as renderRichContent, L as resolveTheme };