webim-adapter 0.22.0 → 0.24.0

package/build/webim-adapter.js

@@ -1,36 +1,198 @@
 import { Fragment as e, createContext as t, useCallback as n, useContext as r, useEffect as i, useId as a, useMemo as o, useRef as s, useState as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+var f = new Map([
+	{
+		family: "Bebas Neue",
+		fallback: "sans-serif",
+		weights: "400"
+	},
+	{
+		family: "Crimson Text",
+		fallback: "serif",
+		weights: "400;600;700"
+	},
+	{
+		family: "DM Sans",
+		fallback: "sans-serif",
+		weights: "100..1000"
+	},
+	{
+		family: "Fira Sans",
+		fallback: "sans-serif",
+		weights: "100;200;300;400;500;600;700;800;900"
+	},
+	{
+		family: "Inter",
+		fallback: "sans-serif",
+		weights: "100..900"
+	},
+	{
+		family: "JetBrains Mono",
+		fallback: "monospace",
+		weights: "100..800"
+	},
+	{
+		family: "Josefin Sans",
+		fallback: "sans-serif",
+		weights: "100..700"
+	},
+	{
+		family: "Karla",
+		fallback: "sans-serif",
+		weights: "200..800"
+	},
+	{
+		family: "Lato",
+		fallback: "sans-serif",
+		weights: "100;300;400;700;900"
+	},
+	{
+		family: "Lora",
+		fallback: "serif",
+		weights: "400..700"
+	},
+	{
+		family: "Manrope",
+		fallback: "sans-serif",
+		weights: "200..800"
+	},
+	{
+		family: "Merriweather",
+		fallback: "serif",
+		weights: "300..900"
+	},
+	{
+		family: "Montserrat",
+		fallback: "sans-serif",
+		weights: "100..900"
+	},
+	{
+		family: "Nunito",
+		fallback: "sans-serif",
+		weights: "200..1000"
+	},
+	{
+		family: "Open Sans",
+		fallback: "sans-serif",
+		weights: "300..800"
+	},
+	{
+		family: "Oswald",
+		fallback: "sans-serif",
+		weights: "200..700"
+	},
+	{
+		family: "Outfit",
+		fallback: "sans-serif",
+		weights: "100..900"
+	},
+	{
+		family: "Playfair Display",
+		fallback: "serif",
+		weights: "400..900"
+	},
+	{
+		family: "Poppins",
+		fallback: "sans-serif",
+		weights: "100;200;300;400;500;600;700;800;900"
+	},
+	{
+		family: "Quicksand",
+		fallback: "sans-serif",
+		weights: "300..700"
+	},
+	{
+		family: "Raleway",
+		fallback: "sans-serif",
+		weights: "100..900"
+	},
+	{
+		family: "Roboto",
+		fallback: "sans-serif",
+		weights: "100..900"
+	},
+	{
+		family: "Rubik",
+		fallback: "sans-serif",
+		weights: "300..900"
+	},
+	{
+		family: "Source Sans 3",
+		fallback: "sans-serif",
+		weights: "200..900"
+	},
+	{
+		family: "Space Grotesk",
+		fallback: "sans-serif",
+		weights: "300..700"
+	},
+	{
+		family: "Work Sans",
+		fallback: "sans-serif",
+		weights: "100..900"
+	}
+].map((e) => [e.family, e])), p = (e) => `"${e.family}", ${e.fallback}`, m = (e) => {
+	let t = f.get(e)?.weights;
+	return `family=${e.replace(/ /g, "+")}${t ? `:wght@${t}` : ""}`;
+};
+function h(e) {
+	return e.length ? `https://fonts.googleapis.com/css2?${e.map(m).join("&")}&display=swap` : null;
+}
+var g = (e) => h([e]), _ = (e) => {
+	let t = typeof e == "string" && e.match(/^"([^"]+)"/);
+	return t ? t[1] : null;
+}, v = (e) => {
+	let t = f.get(e);
+	return t ? p(t) : null;
+};
+function y(e, t) {
+	let n = /* @__PURE__ */ new Set(), r = (e) => {
+		for (let t of Object.values(e || {})) for (let e of [
+			"style",
+			"hover",
+			"pressed",
+			"focused"
+		]) {
+			let r = _(t.props?.[e]?.fontFamily);
+			r && n.add(r);
+		}
+	};
+	r(e);
+	for (let e of Object.values(t || {})) r(e.template?.nodes);
+	return [...n].sort();
+}
+//#endregion
 //#region ../ui/src/components/builder/styles.js
-var f = /* @__PURE__ */ new Set(/* @__PURE__ */ "marginTop.marginRight.marginBottom.marginLeft.paddingTop.paddingRight.paddingBottom.paddingLeft.gap.rowGap.columnGap.flexBasis.fontSize.borderRadius.borderTopLeftRadius.borderTopRightRadius.borderBottomRightRadius.borderBottomLeftRadius.borderWidth.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.letterSpacing.textDecorationThickness.textUnderlineOffset.top.right.bottom.left".split(".")), p = (e) => typeof e == "number" || typeof e == "string" && e.trim() !== "" && !Number.isNaN(Number(e)) ? `${Number(e)}px` : e, m = [
+var b = /* @__PURE__ */ new Set(/* @__PURE__ */ "marginTop.marginRight.marginBottom.marginLeft.paddingTop.paddingRight.paddingBottom.paddingLeft.gap.rowGap.columnGap.flexBasis.fontSize.borderRadius.borderTopLeftRadius.borderTopRightRadius.borderBottomRightRadius.borderBottomLeftRadius.borderWidth.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.letterSpacing.textDecorationThickness.textUnderlineOffset.top.right.bottom.left".split(".")), x = (e) => typeof e == "number" || typeof e == "string" && e.trim() !== "" && !Number.isNaN(Number(e)) ? `${Number(e)}px` : e, S = [
 	"borderWidth",
 	"borderStyle",
 	"borderColor",
 	"borderRadius",
 	"gap"
 ];
-function h(e) {
+function C(e) {
 	let t = {};
-	for (let n of m) {
+	for (let n of S) {
 		let r = e?.[n];
-		r != null && r !== "" && (t[n] = f.has(n) ? p(r) : r);
+		r != null && r !== "" && (t[n] = b.has(n) ? x(r) : r);
 	}
-	for (let [n, r] of Object.entries(e || {})) r == null || r === "" || m.includes(n) || (t[n] = f.has(n) ? p(r) : r);
+	for (let [n, r] of Object.entries(e || {})) r == null || r === "" || S.includes(n) || (t[n] = b.has(n) ? x(r) : r);
 	let { gradientType: n, gradientAngle: r, gradientFrom: i, gradientTo: a } = t;
 	delete t.gradientType, delete t.gradientAngle, delete t.gradientFrom, delete t.gradientTo;
 	let { textShadows: o, textShadowX: s, textShadowY: c, textShadowBlur: l, textShadowColor: u } = t;
 	delete t.textShadows, delete t.textShadowX, delete t.textShadowY, delete t.textShadowBlur, delete t.textShadowColor;
-	let d = (Array.isArray(o) ? o : []).filter((e) => e && e.on !== !1).map((e) => `${p(e.x ?? 0)} ${p(e.y ?? 0)} ${p(e.blur ?? 0)} ${e.color || "rgba(0, 0, 0, 0.35)"}`);
+	let d = (Array.isArray(o) ? o : []).filter((e) => e && e.on !== !1).map((e) => `${x(e.x ?? 0)} ${x(e.y ?? 0)} ${x(e.blur ?? 0)} ${e.color || "rgba(0, 0, 0, 0.35)"}`);
 	[
 		s,
 		c,
 		l,
 		u
-	].some((e) => e !== void 0) && d.push(`${p(s ?? 0)} ${p(c ?? 0)} ${p(l ?? 0)} ${u || "rgba(0, 0, 0, 0.35)"}`), d.length && (t.textShadow = d.join(", "));
-	let h = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}deg` : e, g = (e) => e.type === "move" ? `translate(${p(e.x ?? 0)}, ${p(e.y ?? 0)})` : e.type === "scale" ? `scale(${e.v ?? 1})` : e.type === "rotate" ? `rotate(${h(e.a ?? 0)})` : e.type === "skew" ? `skew(${h(e.x ?? 0)}, ${h(e.y ?? 0)})` : null, { transforms: _, translateX: v, translateY: y, scale: b, rotate: x, skewX: S, skewY: C } = t;
+	].some((e) => e !== void 0) && d.push(`${x(s ?? 0)} ${x(c ?? 0)} ${x(l ?? 0)} ${u || "rgba(0, 0, 0, 0.35)"}`), d.length && (t.textShadow = d.join(", "));
+	let f = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}deg` : e, p = (e) => e.type === "move" ? `translate(${x(e.x ?? 0)}, ${x(e.y ?? 0)})` : e.type === "scale" ? `scale(${e.v ?? 1})` : e.type === "rotate" ? `rotate(${f(e.a ?? 0)})` : e.type === "skew" ? `skew(${f(e.x ?? 0)}, ${f(e.y ?? 0)})` : null, { transforms: m, translateX: h, translateY: g, scale: _, rotate: v, skewX: y, skewY: C } = t;
 	delete t.transforms, delete t.translateX, delete t.translateY, delete t.scale, delete t.rotate, delete t.skewX, delete t.skewY;
-	let w = (Array.isArray(_) ? _ : []).filter((e) => e && e.on !== !1).map(g).filter(Boolean);
-	(v !== void 0 || y !== void 0) && w.push(`translate(${p(v ?? 0)}, ${p(y ?? 0)})`), b !== void 0 && w.push(`scale(${b})`), x !== void 0 && w.push(`rotate(${h(x)})`), (S !== void 0 || C !== void 0) && w.push(`skew(${h(S ?? 0)}, ${h(C ?? 0)})`), w.length && (t.transform = w.join(" "));
-	let T = (e) => `${e.inset ? "inset " : ""}${p(e.x ?? 0)} ${p(e.y ?? 0)} ${p(e.blur ?? 0)} ${p(e.spread ?? 0)} ${e.color || "rgba(15, 23, 42, 0.2)"}`, { shadows: E, boxShadowX: D, boxShadowY: O, boxShadowBlur: k, boxShadowSpread: A, boxShadowColor: j, boxShadowInset: M } = t;
+	let w = (Array.isArray(m) ? m : []).filter((e) => e && e.on !== !1).map(p).filter(Boolean);
+	(h !== void 0 || g !== void 0) && w.push(`translate(${x(h ?? 0)}, ${x(g ?? 0)})`), _ !== void 0 && w.push(`scale(${_})`), v !== void 0 && w.push(`rotate(${f(v)})`), (y !== void 0 || C !== void 0) && w.push(`skew(${f(y ?? 0)}, ${f(C ?? 0)})`), w.length && (t.transform = w.join(" "));
+	let T = (e) => `${e.inset ? "inset " : ""}${x(e.x ?? 0)} ${x(e.y ?? 0)} ${x(e.blur ?? 0)} ${x(e.spread ?? 0)} ${e.color || "rgba(15, 23, 42, 0.2)"}`, { shadows: E, boxShadowX: D, boxShadowY: O, boxShadowBlur: k, boxShadowSpread: A, boxShadowColor: j, boxShadowInset: M } = t;
 	delete t.shadows, delete t.boxShadowX, delete t.boxShadowY, delete t.boxShadowBlur, delete t.boxShadowSpread, delete t.boxShadowColor, delete t.boxShadowInset;
 	let N = (Array.isArray(E) ? E : []).filter((e) => e && e.on !== !1).map(T);
 	[
@@ -48,76 +210,76 @@ 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: ee, filterBlur: L, filterGrayscale: te, filterBrightness: R, filterContrast: ne, filterSaturate: re } = t;
+	let P = (e) => e.type === "blur" ? `blur(${x(e.v ?? 0)})` : e.type === "hue-rotate" ? `hue-rotate(${f(e.v ?? 0)})` : `${e.type}(${e.v ?? 100}%)`, F = (e) => (Array.isArray(e) ? e : []).filter((e) => e && e.on !== !1 && e.type).map(P), { filters: I, backdropFilters: L, filterBlur: R, filterGrayscale: z, filterBrightness: ee, filterContrast: te, filterSaturate: B } = t;
 	delete t.filters, delete t.backdropFilters, delete t.filterBlur, delete t.filterGrayscale, delete t.filterBrightness, delete t.filterContrast, delete t.filterSaturate;
-	let z = F(I);
-	L !== void 0 && z.push(`blur(${p(L)})`), te !== void 0 && z.push(`grayscale(${te}%)`), R !== void 0 && z.push(`brightness(${R}%)`), ne !== void 0 && z.push(`contrast(${ne}%)`), re !== void 0 && z.push(`saturate(${re}%)`), z.length && (t.filter = z.join(" "));
-	let ie = F(ee);
-	ie.length && (t.backdropFilter = ie.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
-	let { textStrokeWidth: ae, textStrokeColor: oe } = t;
-	delete t.textStrokeWidth, delete t.textStrokeColor, (ae !== void 0 || oe !== void 0) && (t.WebkitTextStroke = `${p(ae ?? 1)} ${oe || "currentColor"}`);
-	let { clipText: se } = t;
-	delete t.clipText, se && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
-	let { transitions: ce, transitionDuration: B, transitionEasing: V, transitionProperty: le } = t, ue = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
+	let V = F(I);
+	R !== void 0 && V.push(`blur(${x(R)})`), z !== void 0 && V.push(`grayscale(${z}%)`), ee !== void 0 && V.push(`brightness(${ee}%)`), te !== void 0 && V.push(`contrast(${te}%)`), B !== void 0 && V.push(`saturate(${B}%)`), V.length && (t.filter = V.join(" "));
+	let ne = F(L);
+	ne.length && (t.backdropFilter = ne.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
+	let { textStrokeWidth: re, textStrokeColor: ie } = t;
+	delete t.textStrokeWidth, delete t.textStrokeColor, (re !== void 0 || ie !== void 0) && (t.WebkitTextStroke = `${x(re ?? 1)} ${ie || "currentColor"}`);
+	let { clipText: ae } = t;
+	delete t.clipText, ae && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
+	let { transitions: oe, transitionDuration: se, transitionEasing: ce, transitionProperty: le } = t, ue = (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 de = (Array.isArray(ce) ? ce : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${ue(e.duration ?? 200)} ${e.easing || "ease"}`);
-	if (B !== void 0 && de.push(`${le || "all"} ${ue(B)} ${V || "ease"}`), de.length && (t.transition = de.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 H = (Array.isArray(oe) ? oe : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${ue(e.duration ?? 200)} ${e.easing || "ease"}`);
+	if (se !== void 0 && H.push(`${le || "all"} ${ue(se)} ${ce || "ease"}`), H.length && (t.transition = H.join(", ")), t.textDecoration !== void 0 && (t.textDecorationLine = t.textDecoration, delete t.textDecoration), t.backgroundImage && !String(t.backgroundImage).includes("(") && (t.backgroundImage = `url("${t.backgroundImage}")`), n) {
 		let e = `${i || "rgba(0,0,0,0.5)"}, ${a || "transparent"}`, o = n === "radial" ? `radial-gradient(circle, ${e})` : `linear-gradient(${r ?? 180}deg, ${e})`;
 		t.backgroundImage = t.backgroundImage ? `${o}, ${t.backgroundImage}` : o;
 	}
 	delete t.backgroundVideo;
-	let { overlayColor: H, overlayOpacity: fe } = t;
-	if (delete t.overlayColor, delete t.overlayOpacity, H) {
-		let e = `color-mix(in srgb, ${H} ${fe ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
+	let { overlayColor: U, overlayOpacity: de } = t;
+	if (delete t.overlayColor, delete t.overlayOpacity, U) {
+		let e = `color-mix(in srgb, ${U} ${de ?? 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: U } = t;
+	let { backgroundLayers: fe } = t;
 	delete t.backgroundLayers;
-	let pe = (Array.isArray(U) ? U : []).filter((e) => e && e.on !== !1);
+	let pe = (Array.isArray(fe) ? fe : []).filter((e) => e && e.on !== !1);
 	if (pe.length) {
 		let e = [], n = [], r = [], i = [], a = [];
 		for (let t of pe) if (t.kind === "linear") e.push(`linear-gradient(${t.angle ?? 180}deg, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
 		else if (t.kind === "radial") e.push(`radial-gradient(circle, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
 		else {
 			if (!t.src) continue;
-			e.push(`url("${t.src}")`), n.push(t.size === "custom" ? `${p(t.w ?? "auto")} ${p(t.h ?? "auto")}` : t.size || "cover"), r.push(`${p(t.posX ?? 0)} ${p(t.posY ?? 0)}`), i.push(t.repeat || "no-repeat"), a.push(t.fixed ? "fixed" : "scroll");
+			e.push(`url("${t.src}")`), n.push(t.size === "custom" ? `${x(t.w ?? "auto")} ${x(t.h ?? "auto")}` : t.size || "cover"), r.push(`${x(t.posX ?? 0)} ${x(t.posY ?? 0)}`), i.push(t.repeat || "no-repeat"), a.push(t.fixed ? "fixed" : "scroll");
 		}
 		e.length && (t.backgroundImage && (e.push(t.backgroundImage), n.push(t.backgroundSize || "cover"), r.push(t.backgroundPosition || "center"), i.push(t.backgroundRepeat || "no-repeat"), a.push("scroll")), t.backgroundImage = e.join(", "), t.backgroundSize = n.join(", "), t.backgroundPosition = r.join(", "), t.backgroundRepeat = i.join(", "), t.backgroundAttachment = a.join(", "));
 	}
 	return t;
 }
-var g = {
+var w = {
 	hover: ":hover",
 	pressed: ":active",
 	focused: ":focus"
-}, _ = /* @__PURE__ */ new Set([
+}, T = /* @__PURE__ */ new Set([
 	"style",
 	"class",
 	"id",
 	"data-wb",
 	"data-wb-class",
 	"data-slot"
-]), v = (e) => /^[a-zA-Z_][\w-]*$/.test(e) && !/^on/i.test(e) && !_.has(e.toLowerCase());
-function y(e, t, n = []) {
+]), E = (e) => /^[a-zA-Z_][\w-]*$/.test(e) && !/^on/i.test(e) && !T.has(e.toLowerCase());
+function D(e, t, n = []) {
 	t.htmlId ? e.id = t.htmlId : e.removeAttribute("id");
 	for (let t of n) e.removeAttribute(t);
 	let r = [];
 	for (let n of t.attributes ?? []) {
 		let t = String(n?.name ?? "").trim();
-		v(t) && (e.setAttribute(t, n.value ?? ""), r.push(t));
+		E(t) && (e.setAttribute(t, n.value ?? ""), r.push(t));
 	}
 	return r;
 }
-var b = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
-function x(e, t, n, r = !1) {
-	let i = Object.entries(h(t)).map(([e, t]) => `${b(e)}: ${t} !important;`).join(" ");
+var O = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+function k(e, t, n, r = !1) {
+	let i = Object.entries(C(t)).map(([e, t]) => `${O(e)}: ${t} !important;`).join(" ");
 	return i ? `[data-wb="${e}"]${r ? "" : n} { ${i} }` : "";
 }
-function S(e, t, n) {
-	return Object.entries(g).map(([r, i]) => x(e, t?.[r], i, n === r)).filter(Boolean).join("\n");
+function A(e, t, n) {
+	return Object.entries(w).map(([r, i]) => k(e, t?.[r], i, n === r)).filter(Boolean).join("\n");
 }
-var C = [
+var j = [
 	{
 		key: "tablet",
 		max: 991
@@ -130,17 +292,17 @@ var C = [
 		key: "mobile",
 		max: 478
 	}
-], w = (e) => Object.entries(h(e)).map(([e, t]) => `${b(e)}: ${t} !important;`).join(" ");
-function T(e, t) {
-	return C.map(({ key: n, max: r }) => {
-		let i = t?.[n] ? w(t[n]) : "";
+], M = (e) => Object.entries(C(e)).map(([e, t]) => `${O(e)}: ${t} !important;`).join(" ");
+function N(e, t) {
+	return j.map(({ key: n, max: r }) => {
+		let i = t?.[n] ? M(t[n]) : "";
 		return i ? `@media (max-width: ${r}px) { [data-wb="${e}"] { ${i} } }` : "";
 	}).filter(Boolean).join("\n");
 }
-function E(e, t) {
+function P(e, t) {
 	let n = [], r = (e) => {
 		for (let [t, r] of Object.entries(e || {})) {
-			let e = T(t, r.props);
+			let e = N(t, r.props);
 			e && n.push(e);
 		}
 	};
@@ -148,10 +310,10 @@ function E(e, t) {
 	for (let e of Object.values(t || {})) r(e.template?.nodes);
 	return n.join("\n");
 }
-function D(e, t) {
+function F(e, t) {
 	let n = [], r = (e) => {
 		for (let [t, r] of Object.entries(e || {})) {
-			let e = S(t, r.props);
+			let e = A(t, r.props);
 			e && n.push(e);
 		}
 	};
@@ -159,7 +321,7 @@ function D(e, t) {
 	for (let e of Object.values(t || {})) r(e.template?.nodes);
 	return n.join("\n");
 }
-var O = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", k = {
+var I = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", L = {
 	light: {
 		background: "#ffffff",
 		text: "#111827",
@@ -196,23 +358,23 @@ var O = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 			contrastText: "#052e2b"
 		}
 	}
-}, A = {
+}, R = {
 	font: "system",
 	headingFont: "inherit",
-	light: k.light,
-	dark: k.dark
-}, j = {
+	light: L.light,
+	dark: L.dark
+}, z = {
 	system: {
 		label: "System",
-		value: O
+		value: I
 	},
 	inter: {
 		label: "Inter",
-		value: `"Inter", ${O}`
+		value: `"Inter", ${I}`
 	},
 	outfit: {
 		label: "Outfit",
-		value: `"Outfit", ${O}`
+		value: `"Outfit", ${I}`
 	},
 	serif: {
 		label: "Serif",
@@ -222,7 +384,7 @@ var O = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 		label: "Mono",
 		value: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
 	}
-}, M = (e, t) => j[e]?.value ?? t, N = (e, ...t) => {
+}, ee = (e, t) => z[e]?.value ?? v(e) ?? (typeof e == "string" && e.trim() ? `"${e.trim()}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif` : t), te = (e, ...t) => {
 	let n = Object.assign({}, e, ...t);
 	return n.primary = {
 		...e.primary,
@@ -238,16 +400,16 @@ var O = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 		}), {})
 	}, n;
 };
-function P(e) {
+function B(e) {
 	let { light: t, dark: n, font: r, headingFont: i, ...a } = e ?? {};
 	return {
-		font: r ?? A.font,
-		headingFont: i ?? A.headingFont,
-		light: N(k.light, a, t),
-		dark: N(k.dark, n)
+		font: r ?? R.font,
+		headingFont: i ?? R.headingFont,
+		light: te(L.light, a, t),
+		dark: te(L.dark, n)
 	};
 }
-function F(e) {
+function V(e) {
 	return {
 		"--page-bg": e.background,
 		"--page-text": e.text,
@@ -263,28 +425,28 @@ function F(e) {
 		"--page-secondary-contrast": e.secondary.contrastText
 	};
 }
-function I(e) {
-	let t = P(e);
+function ne(e) {
+	let t = B(e);
 	return {
 		backgroundColor: "var(--page-bg)",
 		color: "var(--page-text)",
-		fontFamily: M(t.font, O),
-		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : M(t.headingFont, "inherit")
+		fontFamily: ee(t.font, I),
+		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : ee(t.headingFont, "inherit")
 	};
 }
-function ee(e, t = "light") {
-	let n = P(e);
+function re(e, t = "light") {
+	let n = B(e);
 	return {
-		...I(e),
-		...F(n[t] ?? n.light)
+		...ne(e),
+		...V(n[t] ?? n.light)
 	};
 }
-function L(e, t) {
+function ie(e, t) {
 	return e?.themeRef && t?.[e.themeRef] || e?.theme;
 }
 //#endregion
 //#region src/bundle.js
-function te({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function ae({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -294,7 +456,7 @@ function te({ 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: L(o, a.builder_themes?.themes),
+		theme: ie(o, a.builder_themes?.themes),
 		components: a.builder_components?.components ?? {},
 		custom: o.custom,
 		seo: o.seo,
@@ -308,18 +470,18 @@ function te({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var R = async (e) => {
+var oe = 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 ne({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
+async function se({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
 	if (!e) throw Error("fetchPage: apiUrl is required");
 	if (!n) throw Error("fetchPage: slug is required");
 	let c = s ?? fetch, l = e.replace(/\/$/, ""), u = {
 		...t ? { "x-tenant": t } : {},
 		...a ? { authorization: `Bearer ${a}` } : {}
-	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(R), c(`${l}/settings/public`, { headers: u }).then(R)]), p = te({
+	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(oe), c(`${l}/settings/public`, { headers: u }).then(oe)]), p = ae({
 		page: d,
 		settings: f,
 		tenant: t,
@@ -327,7 +489,7 @@ async function ne({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 		locale: r
 	}), m = [...new Set(Object.values(p.blocks ?? {}).map((e) => e?.type?.resolvedName === "CollectionList" ? e.props?.collection : e?.type?.resolvedName === "TableBlock" || e?.type?.resolvedName === "OrgChartBlock" ? e.props?.source : null).filter(Boolean))];
 	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 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(oe).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, []]])));
@@ -339,138 +501,9 @@ async function ne({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 		__page: Math.floor(h)
 	}), p;
 }
-new Map([
-	{
-		family: "Bebas Neue",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Crimson Text",
-		fallback: "serif"
-	},
-	{
-		family: "DM Sans",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Fira Sans",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Inter",
-		fallback: "sans-serif"
-	},
-	{
-		family: "JetBrains Mono",
-		fallback: "monospace"
-	},
-	{
-		family: "Josefin Sans",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Karla",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Lato",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Lora",
-		fallback: "serif"
-	},
-	{
-		family: "Manrope",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Merriweather",
-		fallback: "serif"
-	},
-	{
-		family: "Montserrat",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Nunito",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Open Sans",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Oswald",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Outfit",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Playfair Display",
-		fallback: "serif"
-	},
-	{
-		family: "Poppins",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Quicksand",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Raleway",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Roboto",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Rubik",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Source Sans 3",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Space Grotesk",
-		fallback: "sans-serif"
-	},
-	{
-		family: "Work Sans",
-		fallback: "sans-serif"
-	}
-].map((e) => [e.family, e]));
-function re(e) {
-	return e.length ? `https://fonts.googleapis.com/css2?${e.map((e) => `family=${e.replace(/ /g, "+")}:wght@100..900`).join("&")}&display=swap` : null;
-}
-var z = (e) => re([e]), ie = (e) => {
-	let t = typeof e == "string" && e.match(/^"([^"]+)"/);
-	return t ? t[1] : null;
-};
-function ae(e, t) {
-	let n = /* @__PURE__ */ new Set(), r = (e) => {
-		for (let t of Object.values(e || {})) for (let e of [
-			"style",
-			"hover",
-			"pressed",
-			"focused"
-		]) {
-			let r = ie(t.props?.[e]?.fontFamily);
-			r && n.add(r);
-		}
-	};
-	r(e);
-	for (let e of Object.values(t || {})) r(e.template?.nodes);
-	return [...n].sort();
-}
 //#endregion
 //#region ../ui/src/components/builder/locale.js
-var oe = /* @__PURE__ */ new Set([
+var ce = /* @__PURE__ */ new Set([
 	"ar",
 	"he",
 	"fa",
@@ -481,34 +514,34 @@ var oe = /* @__PURE__ */ new Set([
 	"yi",
 	"dv",
 	"ckb"
-]), se = (e) => oe.has(String(e || "").toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr", ce = (e, t) => e === "ltr" || e === "rtl" ? e : t ? se(t) : void 0, B = t({
+]), le = (e) => ce.has(String(e || "").toLowerCase().split(/[-_]/)[0]) ? "rtl" : "ltr", ue = (e, t) => e === "ltr" || e === "rtl" ? e : t ? le(t) : void 0, H = t({
 	tenant: "",
 	apiUrl: "/api",
 	locale: "",
 	settings: null
-}), V = t(null), le = (e) => {
+}), U = t(null), de = (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;
-}, ue = () => {
+}, fe = () => {
 	if (typeof window > "u") return {};
 	let e = {};
 	return new URLSearchParams(window.location.search).forEach((t, n) => {
 		n.startsWith("f_") && n.length > 2 && t !== "" && (e[n.slice(2)] = t);
 	}), e;
-}, de = (e) => {
+}, pe = (e) => {
 	let t = {
 		...e && typeof e == "object" && !Array.isArray(e) ? e : {},
-		...ue()
+		...fe()
 	};
 	return Object.fromEntries(Object.entries(t).filter(([, e]) => typeof e == "string" && e.trim() !== ""));
-}, H = t(null), fe = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-function U(e, t) {
+}, me = t(null), he = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function W(e, t) {
 	if (t) return t.includes(".") ? t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e) : e?.[t];
 }
-var pe = (e) => {
+var ge = (e) => {
 	let t = [];
 	for (let [n, r] of Object.entries(e ?? {})) {
 		if (!/^[\w-]+$/.test(n)) continue;
@@ -518,36 +551,36 @@ var pe = (e) => {
 	}
 	return t;
 };
-function W(e) {
+function G(e) {
 	return e == null ? "" : typeof e == "string" || typeof e == "number" || typeof e == "boolean" ? String(e) : typeof e == "object" && !Array.isArray(e) && ("label" in e || "name" in e || "slug" in e) ? String(e.label ?? e.name ?? e.slug ?? "") : typeof e == "object" && !Array.isArray(e) && Number.isFinite(Number(e.lat)) && Number.isFinite(Number(e.lng)) ? `${e.lat}, ${e.lng}` : Array.isArray(e) ? e.map((e) => typeof e == "string" ? e : Array.isArray(e?.parts) ? e.parts.map((e) => e?.text ?? "").join("") : Array.isArray(e?.items) ? e.items.map((e) => e?.text ?? "").join(" ") : e && (e.label != null || e.name != null || e.slug != null) ? String(e.label ?? e.name ?? e.slug) : "").filter(Boolean).join(" ") : "";
 }
-function me(e, t) {
-	let n = t?.data ?? {}, r = pe(n);
+function _e(e, t) {
+	let n = t?.data ?? {}, r = ge(n);
 	if (!r.length) return e;
-	let i = RegExp(`:(${r.map(fe).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(he).sort((e, t) => t.length - e.length).join("|")})`, "g"), a = (e) => typeof e == "string" ? e.replace(i, (e, t) => G(W(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 he = {
+var ve = {
 	margin: 0,
 	fontWeight: 700,
 	lineHeight: 1.2,
 	fontFamily: "var(--page-heading-font, inherit)"
-}, ge = { margin: 0 }, G = {
+}, ye = { margin: 0 }, K = {
 	display: "inline-block",
 	textDecoration: "none",
 	cursor: "pointer",
 	backgroundColor: "var(--page-accent, #111827)",
 	color: "var(--page-accent-text, #ffffff)"
-}, _e = {
+}, be = {
 	flexGrow: 1,
 	display: "flex",
 	flexDirection: "column",
 	position: "relative"
-}, ve = {
+}, xe = {
 	display: "flex",
 	flexDirection: "column"
 };
-function ye({ style: e }) {
+function Se({ style: e }) {
 	let t = e?.backgroundVideo;
 	if (!t) return null;
 	let n = {
@@ -573,32 +606,32 @@ function ye({ style: e }) {
 		background: r
 	} })] });
 }
-var be = (e, t) => e?.backgroundVideo ? {
+var Ce = (e, t) => e?.backgroundVideo ? {
 	position: "relative",
 	...t,
-	...h(e)
+	...C(e)
 } : {
 	...t,
-	...h(e)
+	...C(e)
 };
-function xe({ style: e, nodeRef: t, children: n }) {
+function we({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ d("div", {
 		ref: t,
 		style: {
-			..._e,
-			...h(e)
+			...be,
+			...C(e)
 		},
-		children: [/* @__PURE__ */ u(ye, { style: e }), n]
+		children: [/* @__PURE__ */ u(Se, { style: e }), n]
 	});
 }
-function Se({ style: e, nodeRef: t, children: n }) {
+function Te({ style: e, nodeRef: t, children: n }) {
 	return /* @__PURE__ */ d("section", {
 		ref: t,
-		style: be(e, ve),
-		children: [/* @__PURE__ */ u(ye, { style: e }), n]
+		style: Ce(e, xe),
+		children: [/* @__PURE__ */ u(Se, { style: e }), n]
 	});
 }
-function Ce({ style: e, freeLayout: t, nodeRef: n, children: r }) {
+function Ee({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 	let i = t ? {
 		position: "relative",
 		minHeight: 240
@@ -607,32 +640,32 @@ function Ce({ style: e, freeLayout: t, nodeRef: n, children: r }) {
 		ref: n,
 		style: i ? {
 			...i,
-			...be(e)
-		} : be(e),
-		children: [/* @__PURE__ */ u(ye, { style: e }), r]
+			...Ce(e)
+		} : Ce(e),
+		children: [/* @__PURE__ */ u(Se, { style: e }), r]
 	});
 }
-function we({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
+function De({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
 	return /* @__PURE__ */ u(n, {
 		ref: a,
 		style: {
-			...he,
-			...h(r)
+			...ve,
+			...C(r)
 		},
-		children: K(t, e, i)
+		children: q(t, e, i)
 	});
 }
-var Te = {
-	fontFamily: j.mono.value,
+var Oe = {
+	fontFamily: z.mono.value,
 	background: "rgba(148, 163, 184, 0.18)",
 	padding: "1px 5px",
 	borderRadius: 4,
 	fontSize: "0.9em"
 };
-function Ee(e, t = [], n, r) {
+function ke(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: Te,
+		style: Oe,
 		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,
@@ -642,13 +675,13 @@ function Ee(e, t = [], n, r) {
 		children: i
 	})), i;
 }
-function K(t, n, r) {
+function q(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: K(t.parts, "", r) }, n);
+		if (t.parts) return /* @__PURE__ */ u(e, { children: q(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: Te,
+			style: Oe,
 			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: {
@@ -665,13 +698,13 @@ function K(t, n, r) {
 		})), /* @__PURE__ */ u(e, { children: i }, n);
 	}) : n;
 }
-function De({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
+function Ae({ parts: e, text: t, marks: n, href: r, target: i, style: a }) {
 	return /* @__PURE__ */ u("span", {
-		style: h(a),
-		children: e?.length ? K(e, t) : Ee(t, n, r, i)
+		style: C(a),
+		children: e?.length ? q(e, t) : ke(t, n, r, i)
 	});
 }
-var Oe = {
+var je = {
 	h1: 40,
 	h2: 32,
 	h3: 26,
@@ -679,7 +712,7 @@ var Oe = {
 	h5: 19,
 	h6: 16
 };
-function ke({ align: e = "center", width: t, wrap: n } = {}) {
+function Me({ 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";
@@ -713,8 +746,8 @@ function ke({ align: e = "center", width: t, wrap: n } = {}) {
 		marginRight: "auto"
 	};
 }
-function Ae(e = [], t, n) {
-	let r = n ?? ((e, n) => K(e, n, t));
+function Ne(e = [], t, n) {
+	let r = n ?? ((e, n) => q(e, n, t));
 	return e.map((t, n) => {
 		let i = {
 			marginTop: 0,
@@ -736,7 +769,7 @@ function Ae(e = [], t, n) {
 					marginLeft: 0,
 					marginRight: 0,
 					...i,
-					...ke(t)
+					...Me(t)
 				},
 				children: [t.href ? /* @__PURE__ */ u("a", {
 					href: t.href,
@@ -755,16 +788,16 @@ function Ae(e = [], t, n) {
 				})]
 			}, n);
 		}
-		if (t.type === "video") return Ve(t.url) ? /* @__PURE__ */ u("div", {
+		if (t.type === "video") return We(t.url) ? /* @__PURE__ */ u("div", {
 			style: {
 				...i,
-				...ke({
+				...Me({
 					align: t.align,
 					wrap: t.wrap,
 					width: t.width ?? 100
 				})
 			},
-			children: /* @__PURE__ */ u(He, {
+			children: /* @__PURE__ */ u(Ge, {
 				url: t.url,
 				autoplay: t.autoplay,
 				muted: t.muted,
@@ -826,17 +859,17 @@ function Ae(e = [], t, n) {
 		}
 		if (t.type === "quote") return /* @__PURE__ */ u("blockquote", {
 			style: {
-				...Me,
+				...Fe,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
-		if (Oe[t.type]) {
+		if (je[t.type]) {
 			let e = t.type;
 			return /* @__PURE__ */ u(e, {
 				style: {
-					...he,
-					fontSize: Oe[t.type],
+					...ve,
+					fontSize: je[t.type],
 					...i
 				},
 				children: r(t.parts, t.text)
@@ -844,95 +877,95 @@ function Ae(e = [], t, n) {
 		}
 		return /* @__PURE__ */ u("p", {
 			style: {
-				...ge,
+				...ye,
 				...i
 			},
 			children: r(t.parts, t.text)
 		}, n);
 	});
 }
-function je({ content: e, style: t, linked: n, nodeRef: r }) {
+function Pe({ content: e, style: t, linked: n, nodeRef: r }) {
 	return /* @__PURE__ */ u("div", {
 		ref: r,
 		style: {
 			display: "flow-root",
-			...h(t)
+			...C(t)
 		},
-		children: Ae(e, n)
+		children: Ne(e, n)
 	});
 }
-var Me = {
+var Fe = {
 	margin: 0,
 	padding: "8px 0 8px 20px",
 	borderLeft: "4px solid var(--page-accent, rgba(148, 163, 184, 0.6))"
 };
-function Ne({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function Ie({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ u("blockquote", {
 		ref: i,
 		style: {
-			...Me,
-			...h(n)
+			...Fe,
+			...C(n)
 		},
-		children: K(t, e, r)
+		children: q(t, e, r)
 	});
 }
-function Pe({ ordered: e, items: t = [], style: n, nodeRef: r }) {
+function Le({ ordered: e, items: t = [], style: n, nodeRef: r }) {
 	return /* @__PURE__ */ u(e ? "ol" : "ul", {
 		ref: r,
 		style: {
 			margin: 0,
 			paddingLeft: 24,
-			...h(n)
+			...C(n)
 		},
 		children: t.map((e, t) => /* @__PURE__ */ u("li", {
 			style: { marginBottom: 4 },
-			children: K(e.parts, e.text)
+			children: q(e.parts, e.text)
 		}, t))
 	});
 }
-function Fe({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+function Re({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
 	return /* @__PURE__ */ u("p", {
 		ref: i,
 		style: {
-			...ge,
-			...h(n)
+			...ye,
+			...C(n)
 		},
-		children: K(t, e, r)
+		children: q(t, e, r)
 	});
 }
-var Ie = {
+var ze = {
 	color: "var(--page-accent, inherit)",
 	textDecoration: "underline",
 	textUnderlineOffset: 3,
 	cursor: "pointer"
 };
-function Le({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function Be({ 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: {
-			...Ie,
-			...h(i)
+			...ze,
+			...C(i)
 		},
-		children: K(t, e, a)
+		children: q(t, e, a)
 	});
 }
-function Re({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+function Ve({ 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: {
-			...G,
-			...h(i)
+			...K,
+			...C(i)
 		},
-		children: K(t, e, a)
+		children: q(t, e, a)
 	});
 }
-function ze({ src: e, alt: t, style: n, nodeRef: r }) {
+function He({ src: e, alt: t, style: n, nodeRef: r }) {
 	return e ? /* @__PURE__ */ u("img", {
 		ref: r,
 		src: e,
@@ -940,11 +973,11 @@ function ze({ src: e, alt: t, style: n, nodeRef: r }) {
 		style: {
 			display: "block",
 			maxWidth: "100%",
-			...h(n)
+			...C(n)
 		}
 	}) : null;
 }
-function Be({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: s }) {
+function Ue({ 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,
@@ -958,13 +991,13 @@ function Be({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !
 			display: "block",
 			width: "100%",
 			maxWidth: "100%",
-			...h(o)
+			...C(o)
 		}
 	}) : null;
 }
-var Ve = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
-function He({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
-	let c = Ve(e);
+var We = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
+function Ge({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: s }) {
+	let c = We(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", {
@@ -973,7 +1006,7 @@ function He({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 			position: "relative",
 			width: "100%",
 			paddingTop: "56.25%",
-			...h(o)
+			...C(o)
 		},
 		children: /* @__PURE__ */ u("iframe", {
 			src: `https://www.youtube-nocookie.com/embed/${c}?${l}`,
@@ -990,7 +1023,7 @@ function He({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i
 		})
 	});
 }
-function Ue({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
+function Ke({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
 	return e ? /* @__PURE__ */ u("iframe", {
 		ref: i,
 		src: e,
@@ -1002,11 +1035,11 @@ function Ue({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i })
 			width: "100%",
 			height: 300,
 			border: 0,
-			...h(r)
+			...C(r)
 		}
 	}) : null;
 }
-function We({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
+function qe({ 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) => {
@@ -1022,10 +1055,10 @@ function We({ code: e, runScripts: t = !0, style: n, nodeRef: r }) {
 		ref: (e) => {
 			o(e), r && r(e);
 		},
-		style: h(n)
+		style: C(n)
 	});
 }
-function Ge({ height: e, nodeRef: t }) {
+function Je({ height: e, nodeRef: t }) {
 	return /* @__PURE__ */ u("div", {
 		ref: t,
 		style: {
@@ -1035,18 +1068,18 @@ function Ge({ height: e, nodeRef: t }) {
 		}
 	});
 }
-function Ke({ style: e, nodeRef: t }) {
+function Ye({ style: e, nodeRef: t }) {
 	return /* @__PURE__ */ u("div", {
 		ref: t,
 		style: {
 			height: 1,
 			alignSelf: "stretch",
 			flexShrink: 0,
-			...h(e)
+			...C(e)
 		}
 	});
 }
-var qe = {
+var Xe = {
 	position: "absolute",
 	top: "50%",
 	transform: "translateY(-50%)",
@@ -1063,7 +1096,7 @@ var qe = {
 	alignItems: "center",
 	justifyContent: "center",
 	padding: 0
-}, Je = {
+}, Ze = {
 	bottom: {
 		inset: "auto 0 0 0",
 		padding: "40px 24px 20px",
@@ -1082,56 +1115,56 @@ var qe = {
 		padding: 24,
 		textShadow: "0 2px 12px rgba(0, 0, 0, 0.6)"
 	}
-}, Ye = 48;
-function Xe({ 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;
+}, Qe = 48;
+function $e({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, height: a = 320, swipe: o = !0, style: s, nodeRef: f }) {
+	let [p, m] = c(0), [h, g] = c(!1), [_, v] = c(null), y = e ? Math.min(p, e - 1) : 0;
 	if (i(() => {
-		if (!n || g || v || e < 2) return;
+		if (!n || h || _ || e < 2) return;
 		let t = setInterval(() => m((t) => (t + 1) % e), Math.max(2, Number(r) || 5) * 1e3);
 		return () => clearInterval(t);
 	}, [
 		n,
-		g,
-		v,
+		h,
+		_,
 		r,
 		e
 	]), !e) return null;
-	let x = (t) => m((t + e) % e), S = () => {
-		if (!v) return;
-		let { dx: e } = v;
-		y(null), e < -48 ? x(b + 1) : e > Ye && x(b - 1);
+	let b = (t) => m((t + e) % e), x = () => {
+		if (!_) return;
+		let { dx: e } = _;
+		v(null), e < -48 ? b(y + 1) : e > Qe && b(y - 1);
 	};
 	return /* @__PURE__ */ d("div", {
 		ref: f,
-		onMouseEnter: () => _(!0),
-		onMouseLeave: () => _(!1),
+		onMouseEnter: () => g(!0),
+		onMouseLeave: () => g(!1),
 		onPointerDown: o && e > 1 ? (e) => {
-			e.pointerType === "mouse" && e.button !== 0 || e.target.closest("button") || (e.currentTarget.setPointerCapture(e.pointerId), y({
+			e.pointerType === "mouse" && e.button !== 0 || e.target.closest("button") || (e.currentTarget.setPointerCapture(e.pointerId), v({
 				startX: e.clientX,
 				dx: 0
 			}));
 		} : void 0,
-		onPointerMove: v ? (e) => y((t) => t && {
+		onPointerMove: _ ? (e) => v((t) => t && {
 			...t,
 			dx: e.clientX - t.startX
 		}) : void 0,
-		onPointerUp: S,
-		onPointerCancel: S,
+		onPointerUp: x,
+		onPointerCancel: x,
 		style: {
 			position: "relative",
 			overflow: "hidden",
 			width: "100%",
 			touchAction: "pan-y",
-			userSelect: v ? "none" : void 0,
-			cursor: v ? "grabbing" : void 0,
-			...h(s)
+			userSelect: _ ? "none" : void 0,
+			cursor: _ ? "grabbing" : void 0,
+			...C(s)
 		},
 		children: [/* @__PURE__ */ u("div", {
 			style: {
 				display: "flex",
 				height: a,
-				transform: `translateX(calc(${-b * 100}% + ${v?.dx ?? 0}px))`,
-				transition: v ? "none" : "transform 450ms ease"
+				transform: `translateX(calc(${-y * 100}% + ${_?.dx ?? 0}px))`,
+				transition: _ ? "none" : "transform 450ms ease"
 			},
 			children: Array.from({ length: e }, (e, n) => /* @__PURE__ */ u("div", {
 				style: {
@@ -1147,20 +1180,20 @@ function Xe({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				type: "button",
 				"aria-label": "Previous slide",
 				style: {
-					...qe,
+					...Xe,
 					left: 12
 				},
-				onClick: () => x(b - 1),
+				onClick: () => b(y - 1),
 				children: "‹"
 			}),
 			/* @__PURE__ */ u("button", {
 				type: "button",
 				"aria-label": "Next slide",
 				style: {
-					...qe,
+					...Xe,
 					right: 12
 				},
-				onClick: () => x(b + 1),
+				onClick: () => b(y + 1),
 				children: "›"
 			}),
 			/* @__PURE__ */ u("div", {
@@ -1176,7 +1209,7 @@ function Xe({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 				children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ u("button", {
 					type: "button",
 					"aria-label": `Go to slide ${t + 1}`,
-					onClick: () => x(t),
+					onClick: () => b(t),
 					style: {
 						width: 8,
 						height: 8,
@@ -1184,14 +1217,14 @@ function Xe({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 						border: 0,
 						padding: 0,
 						cursor: "pointer",
-						background: t === b ? "#ffffff" : "rgba(255, 255, 255, 0.45)"
+						background: t === y ? "#ffffff" : "rgba(255, 255, 255, 0.45)"
 					}
 				}, t))
 			})
 		] })]
 	});
 }
-var Ze = (e, t) => ({
+var et = (e, t) => ({
 	position: "absolute",
 	inset: 0,
 	backgroundImage: e ? `url(${e})` : "none",
@@ -1199,18 +1232,18 @@ var Ze = (e, t) => ({
 	backgroundSize: "cover",
 	backgroundPosition: "center"
 });
-function Qe({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
-	return e.length ? /* @__PURE__ */ u(Xe, {
+function tt({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
+	return e.length ? /* @__PURE__ */ u($e, {
 		...r,
 		count: e.length,
 		renderSlide: (r) => {
 			let i = e[r];
-			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: Ze(i.image) }), (i.title || i.text) && /* @__PURE__ */ d("div", {
+			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: et(i.image) }), (i.title || i.text) && /* @__PURE__ */ d("div", {
 				style: {
 					position: "absolute",
 					color: "#fff",
 					textAlign: n,
-					...Je[t] ?? Je.bottom
+					...Ze[t] ?? Ze.bottom
 				},
 				children: [i.title && /* @__PURE__ */ u("div", {
 					style: {
@@ -1230,13 +1263,13 @@ function Qe({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "
 		}
 	}) : null;
 }
-function $e({ slides: e = [], linked: t, ...n }) {
-	return e.length ? /* @__PURE__ */ u(Xe, {
+function nt({ slides: e = [], linked: t, ...n }) {
+	return e.length ? /* @__PURE__ */ u($e, {
 		...n,
 		count: e.length,
 		renderSlide: (n) => {
 			let r = e[n];
-			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: Ze(r.image, r.color) }), /* @__PURE__ */ u("div", {
+			return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: et(r.image, r.color) }), /* @__PURE__ */ u("div", {
 				style: {
 					position: "absolute",
 					inset: 0,
@@ -1248,16 +1281,16 @@ function $e({ slides: e = [], linked: t, ...n }) {
 		}
 	}) : null;
 }
-function et({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lightbox: a = !0, style: o, nodeRef: s, inert: f }) {
-	let p = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.src) : [], m = Math.max(0, Number(n) || 0), g = f ? (e) => e.preventDefault() : void 0, [_, v] = c(null), y = a && !f && _ !== null && p[_];
+function rt({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lightbox: a = !0, style: o, nodeRef: s, inert: f }) {
+	let p = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.src) : [], m = Math.max(0, Number(n) || 0), h = f ? (e) => e.preventDefault() : void 0, [g, _] = c(null), v = a && !f && g !== null && p[g];
 	i(() => {
-		if (!y) return;
+		if (!v) return;
 		let e = (e) => {
-			e.key === "Escape" && v(null), e.key === "ArrowRight" && v((e) => (e + 1) % p.length), e.key === "ArrowLeft" && v((e) => (e - 1 + p.length) % p.length);
+			e.key === "Escape" && _(null), e.key === "ArrowRight" && _((e) => (e + 1) % p.length), e.key === "ArrowLeft" && _((e) => (e - 1 + p.length) % p.length);
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [y, p.length]);
-	let b = (e) => {
+	}, [v, p.length]);
+	let y = (e) => {
 		if (typeof e.name == "string" && e.name.trim()) return e.name;
 		if (typeof e.alt == "string" && e.alt.trim()) return e.alt;
 		try {
@@ -1273,7 +1306,7 @@ function et({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
 			columnCount: Math.min(Math.max(Number(t) || 3, 1), 8),
 			columnGap: m,
 			width: "100%",
-			...h(o)
+			...C(o)
 		},
 		children: [
 			p.map((e, t) => {
@@ -1292,7 +1325,7 @@ function et({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
 							display: "block",
 							borderRadius: "inherit"
 						}
-					}), r && b(e) && /* @__PURE__ */ u("span", {
+					}), r && y(e) && /* @__PURE__ */ u("span", {
 						style: {
 							position: "absolute",
 							insetInline: 0,
@@ -1306,11 +1339,11 @@ function et({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
 							overflow: "hidden",
 							textOverflow: "ellipsis"
 						},
-						children: b(e)
+						children: y(e)
 					})]
 				}), i = e.href ? /* @__PURE__ */ u("a", {
 					href: e.href,
-					onClick: g,
+					onClick: h,
 					target: e.target || void 0,
 					rel: e.target === "_blank" ? "noopener noreferrer" : void 0,
 					style: {
@@ -1321,8 +1354,8 @@ function et({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
 				}) : a && !f ? /* @__PURE__ */ u("span", {
 					role: "button",
 					tabIndex: 0,
-					onClick: () => v(t),
-					onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && v(t),
+					onClick: () => _(t),
+					onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && _(t),
 					style: {
 						display: "block",
 						borderRadius: "inherit",
@@ -1350,10 +1383,10 @@ function et({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
 				},
 				children: "Pick images in Settings to fill the gallery"
 			}),
-			y && /* @__PURE__ */ d("div", {
+			v && /* @__PURE__ */ d("div", {
 				role: "dialog",
 				"aria-modal": "true",
-				onClick: () => v(null),
+				onClick: () => _(null),
 				style: {
 					position: "fixed",
 					inset: 0,
@@ -1367,8 +1400,8 @@ function et({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
 				},
 				children: [
 					/* @__PURE__ */ u("img", {
-						src: p[_].src,
-						alt: p[_].alt ?? "",
+						src: p[g].src,
+						alt: p[g].alt ?? "",
 						onClick: (e) => e.stopPropagation(),
 						style: {
 							maxWidth: "92vw",
@@ -1377,19 +1410,19 @@ function et({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
 							boxShadow: "0 12px 48px rgba(0,0,0,0.5)"
 						}
 					}),
-					b(p[_]) && /* @__PURE__ */ u("div", {
+					y(p[g]) && /* @__PURE__ */ u("div", {
 						style: {
 							color: "#fff",
 							fontSize: 14,
 							marginTop: 12,
 							opacity: .85
 						},
-						children: b(p[_])
+						children: y(p[g])
 					}),
 					/* @__PURE__ */ u("button", {
 						type: "button",
 						"aria-label": "Close",
-						onClick: () => v(null),
+						onClick: () => _(null),
 						style: {
 							position: "absolute",
 							top: 16,
@@ -1407,7 +1440,7 @@ function et({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
 						type: "button",
 						"aria-label": "Previous",
 						onClick: (e) => {
-							e.stopPropagation(), v((e) => (e - 1 + p.length) % p.length);
+							e.stopPropagation(), _((e) => (e - 1 + p.length) % p.length);
 						},
 						style: {
 							position: "absolute",
@@ -1426,7 +1459,7 @@ function et({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
 						type: "button",
 						"aria-label": "Next",
 						onClick: (e) => {
-							e.stopPropagation(), v((e) => (e + 1) % p.length);
+							e.stopPropagation(), _((e) => (e + 1) % p.length);
 						},
 						style: {
 							position: "absolute",
@@ -1447,29 +1480,29 @@ function et({ images: e = [], columns: t = 3, gap: n = 8, showNames: r = !1, lig
 		]
 	});
 }
-var tt = {
+var it = {
 	color: "inherit",
 	textDecoration: "none",
 	fontSize: 14,
 	opacity: .85
-}, nt = {
+}, at = {
 	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 rt({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], style: s, nodeRef: f, menu: p = "auto", breakpoint: m = 768 }) {
-	let [g, _] = c(null), [v, y] = c(!1), [b, x] = c(!1), [S, C] = c(null);
+function ot({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], style: s, nodeRef: f, menu: p = "auto", breakpoint: m = 768 }) {
+	let [h, g] = c(null), [_, v] = c(!1), [y, b] = c(!1), [x, S] = c(null);
 	i(() => {
-		if (!g) return;
-		let e = new ResizeObserver(() => y(g.offsetWidth < m));
-		return e.observe(g), () => e.disconnect();
-	}, [g, m]);
-	let w = p === "hamburger" || p === "auto" && v, T = (e, t) => /* @__PURE__ */ d("a", {
+		if (!h) return;
+		let e = new ResizeObserver(() => v(h.offsetWidth < m));
+		return e.observe(h), () => e.disconnect();
+	}, [h, m]);
+	let w = p === "hamburger" || p === "auto" && _, T = (e, t) => /* @__PURE__ */ d("a", {
 		href: e.href || "#",
 		style: {
-			...tt,
+			...it,
 			display: "block",
 			...t
 		},
@@ -1485,7 +1518,7 @@ function rt({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 	}, e.key);
 	return /* @__PURE__ */ d("nav", {
 		ref: (e) => {
-			_(e), f && f(e);
+			g(e), f && f(e);
 		},
 		style: {
 			display: "flex",
@@ -1495,7 +1528,7 @@ function rt({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 			padding: "14px 24px",
 			width: "100%",
 			position: "relative",
-			...h(s)
+			...C(s)
 		},
 		children: [
 			(n || t) && (() => {
@@ -1534,8 +1567,8 @@ function rt({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 			/* @__PURE__ */ u("div", { style: { flexGrow: 1 } }),
 			w ? /* @__PURE__ */ u("button", {
 				type: "button",
-				"aria-label": b ? "Close menu" : "Open menu",
-				onClick: () => x(!b),
+				"aria-label": y ? "Close menu" : "Open menu",
+				onClick: () => b(!y),
 				style: {
 					background: "transparent",
 					border: 0,
@@ -1545,7 +1578,7 @@ function rt({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 					lineHeight: 1,
 					padding: 4
 				},
-				children: b ? "✕" : "☰"
+				children: y ? "✕" : "☰"
 			}) : /* @__PURE__ */ u("div", {
 				style: {
 					display: "flex",
@@ -1557,7 +1590,7 @@ function rt({ 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: tt,
+						style: it,
 						children: e.label
 					}, e.key);
 					let n = e.type === "mega";
@@ -1566,12 +1599,12 @@ function rt({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 							position: n ? "static" : "relative",
 							display: "inline-flex"
 						},
-						onMouseEnter: () => C(e.key),
-						onMouseLeave: () => C(null),
+						onMouseEnter: () => S(e.key),
+						onMouseLeave: () => S(null),
 						children: [/* @__PURE__ */ d("a", {
 							href: e.href || "#",
 							style: {
-								...tt,
+								...it,
 								cursor: "pointer"
 							},
 							children: [
@@ -1585,9 +1618,9 @@ function rt({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 									children: "▼"
 								})
 							]
-						}), S === e.key && (n ? /* @__PURE__ */ u("div", {
+						}), x === e.key && (n ? /* @__PURE__ */ u("div", {
 							style: {
-								...nt,
+								...at,
 								position: "absolute",
 								left: 0,
 								right: 0,
@@ -1603,7 +1636,7 @@ function rt({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 							}))
 						}) : /* @__PURE__ */ u("div", {
 							style: {
-								...nt,
+								...at,
 								position: "absolute",
 								top: "100%",
 								left: 0,
@@ -1621,7 +1654,7 @@ function rt({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 					}, e.key);
 				})
 			}),
-			w && b && /* @__PURE__ */ u("div", {
+			w && y && /* @__PURE__ */ u("div", {
 				style: {
 					flexBasis: "100%",
 					width: "100%",
@@ -1632,7 +1665,7 @@ function rt({ 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: {
-						...tt,
+						...it,
 						padding: "10px 4px",
 						fontWeight: (t.children ?? []).length ? 600 : 400,
 						opacity: 1
@@ -1643,13 +1676,13 @@ function rt({ brand: t, logo: n, brandHref: r, brandTarget: a, links: o = [], st
 		]
 	});
 }
-function it({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
+function st({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 	let [i, a] = c(0), o = e.length ? Math.min(i, e.length - 1) : 0;
 	return e.length ? /* @__PURE__ */ d("div", {
 		ref: r,
 		style: {
 			width: "100%",
-			...h(n)
+			...C(n)
 		},
 		children: [/* @__PURE__ */ u("div", {
 			style: {
@@ -1683,7 +1716,7 @@ function it({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
 		}, e.key))]
 	}) : null;
 }
-function at({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
+function ct({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
 	let [a, o] = c(() => new Set(e.length ? [e[0].key] : []));
 	if (!e.length) return null;
 	let s = (e) => o((t) => {
@@ -1694,7 +1727,7 @@ function at({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 		ref: i,
 		style: {
 			width: "100%",
-			...h(r)
+			...C(r)
 		},
 		children: e.map((n, r) => {
 			let i = a.has(n.key);
@@ -1740,15 +1773,15 @@ function at({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }
 		})
 	});
 }
-var ot = {
+var lt = {
 	display: "flex",
 	flexDirection: "column",
 	gap: "12px"
-}, q = {
+}, J = {
 	fontSize: "14px",
 	fontWeight: 500,
 	color: "var(--page-text, #111827)"
-}, J = {
+}, Y = {
 	padding: "10px 12px",
 	border: "1px solid #d1d5db",
 	borderRadius: "6px",
@@ -1758,18 +1791,18 @@ var ot = {
 	boxSizing: "border-box",
 	backgroundColor: "#ffffff",
 	color: "#111827"
-}, st = {
+}, ut = {
 	display: "flex",
 	alignItems: "center",
 	gap: "8px",
 	fontSize: "14px",
 	color: "var(--page-text, #111827)"
-}, Y = (e) => e ? {
+}, X = (e) => e ? {
 	readOnly: !0,
 	tabIndex: -1,
 	onMouseDown: (e) => e.preventDefault()
 } : {};
-function ct(e, t) {
+function dt(e, t) {
 	if (!e) return !0;
 	let n = t[e.field], r = n == null || n === "" ? "" : String(n), i = e.value ?? "";
 	switch (e.op) {
@@ -1783,11 +1816,11 @@ function ct(e, t) {
 		default: return !1;
 	}
 }
-var lt = {
+var ft = {
 	display: "flex",
 	flexDirection: "column",
 	gap: 6
-}, ut = {
+}, pt = {
 	font: "inherit",
 	fontSize: 15,
 	padding: "10px 12px",
@@ -1798,16 +1831,16 @@ var lt = {
 	width: "100%",
 	boxSizing: "border-box"
 };
-function dt(e, t) {
+function mt(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 ft({ field: e, value: t, onChange: n, inert: r, values: i }) {
+function ht({ field: e, value: t, onChange: n, inert: r, values: i }) {
 	let a = /* @__PURE__ */ d("span", {
 		style: {
-			...q,
+			...J,
 			fontSize: 14
 		},
 		children: [e.label, e.required ? " *" : ""]
@@ -1816,7 +1849,7 @@ function ft({ 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: ut,
+		style: pt,
 		value: t ?? "",
 		onChange: (t) => n(e.name, t.target.value)
 	};
@@ -1845,7 +1878,7 @@ function ft({ 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(He, {
+	}) : null : e.type === "video" ? e.src ? /youtube\.com|youtu\.be|vimeo\.com/i.test(e.src) ? /* @__PURE__ */ u(Ge, {
 		url: e.src,
 		style: { width: "100%" }
 	}) : /* @__PURE__ */ u("video", {
@@ -1857,14 +1890,14 @@ function ft({ field: e, value: t, onChange: n, inert: r, values: i }) {
 			display: "block"
 		}
 	}) : null : /* @__PURE__ */ d("label", {
-		style: lt,
+		style: ft,
 		children: [
 			a,
 			e.type === "textarea" || e.multiline ? /* @__PURE__ */ u("textarea", {
 				...o,
 				rows: 4,
 				style: {
-					...ut,
+					...pt,
 					resize: "vertical"
 				}
 			}) : e.type === "select" ? /* @__PURE__ */ d("select", {
@@ -1873,7 +1906,7 @@ function ft({ field: e, value: t, onChange: n, inert: r, values: i }) {
 				children: [/* @__PURE__ */ u("option", {
 					value: "",
 					children: e.placeholder || "—"
-				}), dt(e, i).map((e, t) => /* @__PURE__ */ u("option", {
+				}), mt(e, i).map((e, t) => /* @__PURE__ */ u("option", {
 					value: typeof e == "string" ? e : e.value,
 					children: typeof e == "string" ? e : e.label ?? e.value
 				}, t))]
@@ -1920,19 +1953,19 @@ function ft({ field: e, value: t, onChange: n, inert: r, values: i }) {
 		]
 	});
 }
-function pt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s, auto: f, submitLabel: p, nodeRef: m, inert: g, children: _, linked: v, show: y }) {
-	let { tenant: b, apiUrl: x } = r(B), [S, C] = c("form"), [w, T] = c(null), [E, D] = c({}), [O, k] = c(0), A = g ? y || "form" : S;
+function gt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s, auto: f, submitLabel: p, nodeRef: m, inert: h, children: g, linked: _, show: v }) {
+	let { tenant: y, apiUrl: b } = r(H), [x, S] = c("form"), [w, T] = c(null), [E, D] = c({}), [O, k] = c(0), A = h ? v || "form" : x;
 	i(() => {
 		if (!f || !s) return;
 		let e = !0;
-		return fetch(`${x || "/api"}/forms/${encodeURIComponent(s)}`, { headers: b ? { "x-tenant": b } : {} }).then((e) => e.json()).then((t) => e && T(t?.payload && typeof t.payload == "object" ? t.payload : null)).catch(() => e && T(null)), () => {
+		return fetch(`${b || "/api"}/forms/${encodeURIComponent(s)}`, { headers: y ? { "x-tenant": y } : {} }).then((e) => e.json()).then((t) => e && T(t?.payload && typeof t.payload == "object" ? t.payload : null)).catch(() => e && T(null)), () => {
 			e = !1;
 		};
 	}, [
 		f,
 		s,
-		b,
-		x
+		y,
+		b
 	]);
 	let j = [{
 		section: null,
@@ -1942,13 +1975,13 @@ function pt({ style: e, action: t, method: n, name: a, 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 || ct(e.section.condition, E)).map((e) => ({
+	let M = j.filter((e) => e.section || e.fields.length), N = M.filter((e) => !e.section || dt(e.section.condition, E)).map((e) => ({
 		...e,
-		fields: e.fields.filter((e) => ct(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), ee = I.filter((e) => {
+		fields: e.fields.filter((e) => dt(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);
-	}), L = F >= N.length - 1, te = (e, t) => D((n) => {
+	}), R = F >= N.length - 1, z = (e, t) => D((n) => {
 		let r = {
 			...n,
 			[e]: t
@@ -1958,7 +1991,7 @@ function pt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 	});
 	return /* @__PURE__ */ d("div", {
 		ref: m,
-		style: h(e),
+		style: C(e),
 		children: [
 			/* @__PURE__ */ u("form", {
 				action: t || void 0,
@@ -1966,28 +1999,28 @@ function pt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 				name: a || void 0,
 				encType: o || void 0,
 				onSubmit: async (e) => {
-					if (e.preventDefault(), !g) {
+					if (e.preventDefault(), !h) {
 						if (s) {
 							let t = {};
 							if (f) for (let [e, n] of Object.entries(E)) n != null && n !== "" && (t[e] = n);
 							else for (let [n, r] of new FormData(e.currentTarget).entries()) typeof r == "string" && (t[n] = r === "on" || r);
 							try {
-								let e = await fetch(`${x || "/api"}/forms/${s}/submit`, {
+								let e = await fetch(`${b || "/api"}/forms/${s}/submit`, {
 									method: "post",
 									headers: {
 										"content-type": "application/json",
-										...b ? { "x-tenant": b } : {}
+										...y ? { "x-tenant": y } : {}
 									},
 									body: JSON.stringify(t)
 								}), n = await e.json().catch(() => null);
-								C(e.ok && n?.success !== !1 ? "success" : "error");
+								S(e.ok && n?.success !== !1 ? "success" : "error");
 							} catch {
-								C("error");
+								S("error");
 							}
 							return;
 						}
 						if (!t) {
-							C("success");
+							S("success");
 							return;
 						}
 						try {
@@ -1995,18 +2028,18 @@ function pt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 								method: n || "post",
 								body: new FormData(e.currentTarget)
 							});
-							C(r.ok ? "success" : "error");
+							S(r.ok ? "success" : "error");
 						} catch {
-							C("error");
+							S("error");
 						}
 					}
 				},
 				style: {
-					...ot,
+					...lt,
 					display: A === "success" ? "none" : "flex"
 				},
 				children: f && s ? /* @__PURE__ */ d(l, { children: [
-					P && /* @__PURE__ */ u(Ft, {
+					P && /* @__PURE__ */ u(Rt, {
 						steps: N.map((e) => ({ label: e.section?.label ?? "Start" })),
 						active: F + 1,
 						style: { marginBottom: 8 }
@@ -2019,12 +2052,12 @@ function pt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 						},
 						children: N[F].section.help
 					}),
-					I.map((e) => /* @__PURE__ */ u(ft, {
+					I.map((e) => /* @__PURE__ */ u(ht, {
 						field: e,
 						value: E[e.name],
 						values: E,
-						onChange: te,
-						inert: g
+						onChange: z,
+						inert: h
 					}, e.name)),
 					/* @__PURE__ */ d("div", {
 						style: {
@@ -2035,10 +2068,10 @@ function pt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 						},
 						children: [P && F > 0 && /* @__PURE__ */ u("button", {
 							type: "button",
-							disabled: g || void 0,
+							disabled: h || void 0,
 							onClick: () => k(F - 1),
 							style: {
-								...G,
+								...K,
 								background: "transparent",
 								color: "inherit",
 								border: 0,
@@ -2046,26 +2079,26 @@ function pt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 								cursor: "pointer"
 							},
 							children: "Back"
-						}), P && !L ? /* @__PURE__ */ u("button", {
+						}), P && !R ? /* @__PURE__ */ u("button", {
 							type: "button",
-							disabled: g || ee.length > 0,
+							disabled: h || L.length > 0,
 							onClick: () => k(F + 1),
 							style: {
-								...G,
+								...K,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
 								fontSize: 15,
 								fontWeight: 600,
 								cursor: "pointer",
-								opacity: ee.length ? .5 : 1
+								opacity: L.length ? .5 : 1
 							},
 							children: "Next"
 						}) : /* @__PURE__ */ u("button", {
 							type: "submit",
-							disabled: g || void 0,
+							disabled: h || void 0,
 							style: {
-								...G,
+								...K,
 								border: 0,
 								padding: "10px 22px",
 								borderRadius: 8,
@@ -2076,26 +2109,26 @@ function pt({ style: e, action: t, method: n, name: a, enctype: o, formSlug: s,
 							children: p || "Submit"
 						})]
 					})
-				] }) : _
+				] }) : g
 			}),
 			/* @__PURE__ */ u("div", {
 				style: { display: A === "success" ? "block" : "none" },
-				children: v?.success ?? null
+				children: _?.success ?? null
 			}),
 			/* @__PURE__ */ u("div", {
 				style: {
 					display: A === "error" ? "block" : "none",
 					marginTop: 12
 				},
-				children: v?.error ?? null
+				children: _?.error ?? null
 			})
 		]
 	});
 }
-var X = null, mt = null, ht = (e) => {
+var Z = null, _t = null, vt = (e) => {
 	let t = typeof e == "string" && e.trim() ? e.trim() : "";
-	if (X && mt === t) return X;
-	if (X && typeof window < "u") {
+	if (Z && _t === t) return Z;
+	if (Z && typeof window < "u") {
 		for (let e of ["grecaptcha", "___grecaptcha_cfg"]) try {
 			delete window[e];
 		} catch {
@@ -2103,27 +2136,27 @@ var X = null, mt = null, ht = (e) => {
 		}
 		document.querySelectorAll("script[src*=\"recaptcha\"]").forEach((e) => e.remove());
 	}
-	return mt = t, X = new Promise((e) => {
+	return _t = t, Z = new Promise((e) => {
 		if (typeof window > "u") return;
 		if (window.grecaptcha?.render) return e(window.grecaptcha);
 		window.__webimRecaptchaReady = () => e(window.grecaptcha);
 		let n = document.createElement("script");
 		n.src = `https://www.google.com/recaptcha/api.js?onload=__webimRecaptchaReady&render=explicit${t ? `&hl=${encodeURIComponent(t)}` : ""}`, n.async = !0, document.head.appendChild(n);
-	}), X;
+	}), Z;
 };
-function gt({ siteKey: e, theme: t, size: n, hl: a, style: o, nodeRef: c, inert: l, onChange: f }) {
-	let p = r(B), m = p?.settings && typeof p.settings == "object" ? p.settings["google.recaptchaKey"] : "", g = typeof e == "string" && e.trim() || (typeof m == "string" ? m.trim() : ""), _ = s(null), v = s(f);
-	if (v.current = f, i(() => {
-		if (l || !g || !_.current) return;
+function yt({ siteKey: e, theme: t, size: n, hl: a, style: o, nodeRef: c, inert: l, onChange: f }) {
+	let p = r(H), m = p?.settings && typeof p.settings == "object" ? p.settings["google.recaptchaKey"] : "", h = typeof e == "string" && e.trim() || (typeof m == "string" ? m.trim() : ""), g = s(null), _ = s(f);
+	if (_.current = f, i(() => {
+		if (l || !h || !g.current) return;
 		let e = !0, r = (t) => {
-			e && typeof v.current == "function" && v.current(t);
+			e && typeof _.current == "function" && _.current(t);
 		};
-		return ht(a).then((i) => {
-			if (!(!e || !_.current || !i?.render)) {
-				_.current.innerHTML = "", r("");
+		return vt(a).then((i) => {
+			if (!(!e || !g.current || !i?.render)) {
+				g.current.innerHTML = "", r("");
 				try {
-					i.render(_.current, {
-						sitekey: g,
+					i.render(g.current, {
+						sitekey: h,
 						theme: t === "dark" ? "dark" : "light",
 						size: n === "compact" ? "compact" : "normal",
 						callback: (e) => r(typeof e == "string" ? e : ""),
@@ -2137,7 +2170,7 @@ function gt({ siteKey: e, theme: t, size: n, hl: a, style: o, nodeRef: c, inert:
 		};
 	}, [
 		l,
-		g,
+		h,
 		t,
 		n,
 		a
@@ -2145,7 +2178,7 @@ function gt({ siteKey: e, theme: t, size: n, hl: a, style: o, nodeRef: c, inert:
 		let e = t === "dark";
 		return /* @__PURE__ */ d("div", {
 			ref: c,
-			style: h(o),
+			style: C(o),
 			children: [/* @__PURE__ */ d("div", {
 				style: {
 					width: n === "compact" ? 164 : 302,
@@ -2184,7 +2217,7 @@ function gt({ siteKey: e, theme: t, size: n, hl: a, style: o, nodeRef: c, inert:
 						children: "reCAPTCHA"
 					})
 				]
-			}), !g && /* @__PURE__ */ u("div", {
+			}), !h && /* @__PURE__ */ u("div", {
 				style: {
 					marginTop: 6,
 					fontSize: 11,
@@ -2194,23 +2227,23 @@ function gt({ siteKey: e, theme: t, size: n, hl: a, style: o, nodeRef: c, inert:
 			})]
 		});
 	}
-	return g ? /* @__PURE__ */ u("div", {
+	return h ? /* @__PURE__ */ u("div", {
 		ref: c,
-		style: h(o),
-		children: /* @__PURE__ */ u("div", { ref: _ })
+		style: C(o),
+		children: /* @__PURE__ */ u("div", { ref: g })
 	}) : null;
 }
-function _t({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
+function bt({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
 	return /* @__PURE__ */ u("label", {
 		ref: r,
 		style: {
-			...q,
-			...h(n)
+			...J,
+			...C(n)
 		},
-		children: K(t, e, i)
+		children: q(t, e, i)
 	});
 }
-function vt({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
+function xt({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ u("input", {
 		ref: a,
 		type: e,
@@ -2218,13 +2251,13 @@ function vt({ type: e = "text", name: t, placeholder: n, required: r, style: i,
 		placeholder: n,
 		required: !o && !!r,
 		style: {
-			...J,
-			...h(i)
+			...Y,
+			...C(i)
 		},
-		...Y(o)
+		...X(o)
 	});
 }
-function yt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
+function St({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ u("textarea", {
 		ref: a,
 		name: e || void 0,
@@ -2232,19 +2265,19 @@ function yt({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeR
 		rows: n,
 		required: !o && !!r,
 		style: {
-			...J,
+			...Y,
 			resize: "vertical",
-			...h(i)
+			...C(i)
 		},
-		...Y(o)
+		...X(o)
 	});
 }
-function bt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
+function Ct({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: s }) {
 	return /* @__PURE__ */ d("label", {
 		ref: o,
 		style: {
-			...st,
-			...h(a)
+			...ut,
+			...C(a)
 		},
 		children: [/* @__PURE__ */ u("input", {
 			type: e,
@@ -2260,7 +2293,7 @@ function bt({ kind: e = "checkbox", label: t, name: n, value: r, required: i, st
 		}), t]
 	});
 }
-function xt({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
+function wt({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
 	return /* @__PURE__ */ d("select", {
 		ref: a,
 		name: e || void 0,
@@ -2269,9 +2302,9 @@ function xt({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		onMouseDown: o ? (e) => e.preventDefault() : void 0,
 		tabIndex: o ? -1 : void 0,
 		style: {
-			...J,
+			...Y,
 			appearance: "auto",
-			...h(i)
+			...C(i)
 		},
 		children: [t !== "" && /* @__PURE__ */ u("option", {
 			value: "",
@@ -2283,19 +2316,19 @@ function xt({ name: e, placeholder: t, options: n = [], required: r, style: i, n
 		}, t))]
 	});
 }
-function St({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
+function Tt({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: a, inert: o }) {
 	let [s, l] = c(null);
 	return /* @__PURE__ */ d("label", {
 		ref: a,
 		style: {
-			...J,
+			...Y,
 			display: "flex",
 			alignItems: "center",
 			gap: "8px",
 			cursor: o ? "default" : "pointer",
 			borderStyle: "dashed",
 			color: s ? "#111827" : "#6b7280",
-			...h(i)
+			...C(i)
 		},
 		children: [
 			/* @__PURE__ */ u("input", {
@@ -2315,12 +2348,12 @@ function St({ name: e, accept: t, required: n, text: r = "Choose a file…", sty
 		]
 	});
 }
-function Ct({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
+function Et({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 	return /* @__PURE__ */ u("button", {
 		ref: n,
 		type: r ? "button" : "submit",
 		style: {
-			...G,
+			...K,
 			border: 0,
 			cursor: "pointer",
 			alignSelf: "flex-start",
@@ -2330,12 +2363,12 @@ function Ct({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
 			fontWeight: 600,
 			lineHeight: 1.4,
 			fontFamily: "inherit",
-			...h(t)
+			...C(t)
 		},
 		children: e
 	});
 }
-function wt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
+function Dt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 	let a = Math.max(1, (Number(e) || 1) * (Number(t) || 1));
 	return /* @__PURE__ */ u("div", {
 		ref: r,
@@ -2344,7 +2377,7 @@ function wt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 			gridTemplateColumns: `repeat(${Math.max(1, Number(e) || 1)}, minmax(0, 1fr))`,
 			gap: 16,
 			width: "100%",
-			...h(n)
+			...C(n)
 		},
 		children: Array.from({ length: a }, (e, t) => /* @__PURE__ */ u("div", {
 			style: { minWidth: 0 },
@@ -2352,63 +2385,71 @@ function wt({ cols: e = 2, rows: t = 1, style: n, nodeRef: r, linked: i }) {
 		}, t))
 	});
 }
-function Tt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, imageField: o, titleField: s = "name", textField: l, custom: f, templateId: p, paged: m, filters: g, style: _, nodeRef: v }) {
-	let { tenant: y, apiUrl: b, locale: x } = r(B), S = r(H), C = r(V), w = de(g), T = JSON.stringify(w), E = T !== "{}" && !e?.startsWith?.("api:"), D = E ? null : C?.[e], O = m ? le(C) : 1, [k, A] = c(null);
+function Ot({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, imageField: o, titleField: s = "name", textField: l, custom: f, templateId: p, paged: m, filters: h, style: g, nodeRef: _ }) {
+	let { tenant: v, apiUrl: y, locale: b } = r(H), x = r(me), S = r(U), [, w] = c(0);
+	i(() => {
+		if (typeof window > "u") return;
+		let e = () => w((e) => e + 1);
+		return window.addEventListener("popstate", e), window.addEventListener("webim:urlchange", e), () => {
+			window.removeEventListener("popstate", e), window.removeEventListener("webim:urlchange", e);
+		};
+	}, []);
+	let T = pe(h), E = JSON.stringify(T), D = E !== "{}" && !e?.startsWith?.("api:"), O = D ? null : S?.[e], k = m ? de(S) : 1, [A, j] = c(null);
 	if (i(() => {
-		if (!e || D) return;
+		if (!e || O) return;
 		let n = !0, r = new URLSearchParams();
-		if (x && r.set("locale", x), E && r.set("data_filter", T), m && !e.startsWith("api:")) {
+		if (b && r.set("locale", b), D && r.set("data_filter", E), m && !e.startsWith("api:")) {
 			let e = Math.max(1, Number(t) || 6);
-			r.set("offset", String((O - 1) * e)), r.set("limit", String(e));
+			r.set("offset", String((k - 1) * e)), r.set("limit", String(e));
 		}
-		let i = r.toString(), a = e.startsWith("api:") ? `${b}/data/${encodeURIComponent(e.slice(4))}` : `${b}/dynamic/${encodeURIComponent(e)}${i ? `?${i}` : ""}`;
-		return fetch(a, { headers: y ? { "x-tenant": y } : {} }).then((e) => e.json()).then((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 && A(t.filter((e) => e && typeof e == "object"));
-		}).catch(() => n && A([])), () => {
+			return n && j(t.filter((e) => e && typeof e == "object"));
+		}).catch(() => n && j([])), () => {
 			n = !1;
 		};
 	}, [
 		e,
+		v,
 		y,
 		b,
-		x,
-		D,
-		m,
 		O,
+		m,
+		k,
 		t,
-		E,
-		T
+		D,
+		E
 	]), !e) return null;
-	let j = Math.max(1, Number(t) || 6), M = m ? D || e.startsWith("api:") ? (D ?? k ?? []).slice((O - 1) * j, O * j) : (k ?? []).slice(0, j) : (D ?? k ?? []).slice(0, j), N = Math.min(Math.max(Number(a) || 3, 1), 6), P = n === "list" ? {
+	let M = Math.max(1, Number(t) || 6), N = m ? O || e.startsWith("api:") ? (O ?? A ?? []).slice((k - 1) * M, k * M) : (A ?? []).slice(0, M) : (O ?? A ?? []).slice(0, M), P = Math.min(Math.max(Number(a) || 3, 1), 6), F = n === "list" ? {
 		display: "flex",
 		flexDirection: "column",
 		gap: 20
 	} : {
 		display: "grid",
-		gridTemplateColumns: `repeat(${N}, minmax(0, 1fr))`,
+		gridTemplateColumns: `repeat(${P}, minmax(0, 1fr))`,
 		gap: 24
 	};
-	return f && p && S?.render ? /* @__PURE__ */ u("div", {
-		ref: v,
+	return f && p && x?.render ? /* @__PURE__ */ u("div", {
+		ref: _,
 		style: {
 			width: "100%",
-			...P,
-			...h(_)
+			...F,
+			...C(g)
 		},
-		children: M.map((e) => /* @__PURE__ */ u("div", {
+		children: N.map((e) => /* @__PURE__ */ u("div", {
 			style: { minWidth: 0 },
-			children: S.render(p, (t) => me(t, e))
+			children: x.render(p, (t) => _e(t, e))
 		}, e.id ?? e?.data?.slug))
 	}) : /* @__PURE__ */ u("div", {
-		ref: v,
+		ref: _,
 		style: {
 			width: "100%",
-			...P,
-			...h(_)
+			...F,
+			...C(g)
 		},
-		children: M.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: N.map((e) => {
+			let t = o ? W(e?.data, o) : null, r = s ? G(W(e?.data, s)) : null, i = l ? W(e?.data, l) : null, a = Array.isArray(i) ? i : null, c = a || i == null ? null : G(i), f = n === "list";
 			return /* @__PURE__ */ d("div", {
 				style: {
 					display: "flex",
@@ -2455,7 +2496,7 @@ function Tt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 								lineHeight: 1.55,
 								opacity: .85
 							},
-							children: Ae(a)
+							children: Ne(a)
 						})
 					]
 				})]
@@ -2463,8 +2504,8 @@ function Tt({ collection: e, limit: t = 6, layout: n = "grid", columns: a = 3, i
 		})
 	});
 }
-function Et({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, inert: i }) {
-	let a = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && typeof e.name == "string" && e.name) : [], o = i ? {} : ue(), s = {
+function kt({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, inert: i }) {
+	let a = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && typeof e.name == "string" && e.name) : [], o = i ? {} : fe(), s = {
 		height: 34,
 		padding: "0 12px",
 		borderRadius: 8,
@@ -2487,20 +2528,32 @@ function Et({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 	return /* @__PURE__ */ d("form", {
 		ref: r,
 		method: "get",
-		onSubmit: i ? (e) => e.preventDefault() : void 0,
+		onSubmit: (e) => {
+			if (i) {
+				e.preventDefault();
+				return;
+			}
+			if (typeof window > "u" || !window.history?.pushState) return;
+			e.preventDefault();
+			let t = new URLSearchParams(window.location.search);
+			for (let e of [...t.keys()]) (e.startsWith("f_") || e === "page") && t.delete(e);
+			for (let [n, r] of new FormData(e.currentTarget).entries()) n.startsWith("f_") && typeof r == "string" && r.trim() !== "" && t.set(n, r);
+			let n = t.toString();
+			window.history.pushState({}, "", `${window.location.pathname}${n ? `?${n}` : ""}`), window.dispatchEvent(new Event("webim:urlchange"));
+		},
 		style: {
 			display: "flex",
 			flexWrap: "wrap",
 			alignItems: "center",
 			gap: 8,
 			width: "100%",
-			...h(n)
+			...C(n)
 		},
 		children: [a.map((e) => Array.isArray(e.options) && e.options.length > 0 || e.type === "option" || e.type === "select" ? /* @__PURE__ */ d("select", {
 			name: `f_${e.name}`,
 			defaultValue: o[e.name] ?? "",
 			style: s,
-			...Y(i),
+			...X(i),
 			children: [/* @__PURE__ */ u("option", {
 				value: "",
 				children: e.label || e.name
@@ -2515,7 +2568,7 @@ function Et({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 			name: `f_${e.name}`,
 			defaultValue: o[e.name] ?? "",
 			style: s,
-			...Y(i),
+			...X(i),
 			children: [
 				/* @__PURE__ */ u("option", {
 					value: "",
@@ -2536,7 +2589,7 @@ function Et({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 			defaultValue: o[e.name] ?? "",
 			placeholder: e.label || e.name,
 			style: s,
-			...Y(i)
+			...X(i)
 		}, e.name)), /* @__PURE__ */ u("button", {
 			type: "submit",
 			style: {
@@ -2549,16 +2602,16 @@ function Et({ fields: e = [], buttonLabel: t = "Search", style: n, nodeRef: r, i
 				fontWeight: 600,
 				cursor: i ? "default" : "pointer"
 			},
-			...Y(i),
+			...X(i),
 			children: t
 		})]
 	});
 }
-function Dt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
+function At({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 	return e.length ? /* @__PURE__ */ u("nav", {
 		ref: r,
 		"aria-label": "Breadcrumb",
-		style: { ...h(n) },
+		style: { ...C(n) },
 		children: /* @__PURE__ */ u("ol", {
 			style: {
 				display: "flex",
@@ -2604,27 +2657,27 @@ function Dt({ items: e = [], separator: t = "/", style: n, nodeRef: r }) {
 		})
 	}) : null;
 }
-function Ot({ 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(B), y = r(V), [b, x] = c(null), S = o ? Number(y?.[`${o}:total`]) : NaN;
+function jt({ pages: e = 5, current: t = 1, prevNext: n = !0, href: a = "#", source: o, pageSize: s = 6, align: l, hideEmpty: f, inert: p, style: m, nodeRef: h }) {
+	let { tenant: g, apiUrl: _ } = r(H), v = r(U), [y, b] = c(null), x = o ? Number(v?.[`${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 (!o || Number.isFinite(x)) return;
+		let e = !0, t = o.startsWith("api:") ? `${_}/data/${encodeURIComponent(o.slice(4))}` : `${_}/dynamic/${encodeURIComponent(o)}?limit=1`;
+		return fetch(t, { headers: g ? { "x-tenant": g } : {} }).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)), () => {
+			b(Number.isFinite(r) ? r : 0);
+		}).catch(() => e && b(0)), () => {
 			e = !1;
 		};
 	}, [
 		o,
+		g,
 		_,
-		v,
-		S
+		x
 	]);
-	let C = Math.max(1, Number(s) || 6), w = Number.isFinite(S) ? S : b;
+	let S = Math.max(1, Number(s) || 6), w = Number.isFinite(x) ? x : y;
 	if (o && w === null || o && f && !(w > 0)) return null;
-	let T = Math.min(Math.max(o ? Math.ceil(w / C) : Number(e) || 1, 1), 50), E = Math.min(Math.max(o ? le(y) : Number(t) || 1, 1), T), D = (e) => {
+	let T = Math.min(Math.max(o ? Math.ceil(w / S) : Number(e) || 1, 1), 50), E = Math.min(Math.max(o ? de(v) : Number(t) || 1, 1), T), D = (e) => {
 		if (o) {
 			if (typeof window < "u") {
 				let t = new URLSearchParams(window.location.search);
@@ -2648,7 +2701,7 @@ function Ot({ pages: e = 5, current: t = 1, prevNext: n = !0, href: a = "#", sou
 		border: e ? "1px solid transparent" : "1px solid rgba(148, 163, 184, 0.4)"
 	});
 	return /* @__PURE__ */ d("nav", {
-		ref: g,
+		ref: h,
 		"aria-label": "Pagination",
 		style: {
 			display: "flex",
@@ -2656,7 +2709,7 @@ function Ot({ pages: e = 5, current: t = 1, prevNext: n = !0, href: a = "#", sou
 			gap: 8,
 			alignItems: "center",
 			justifyContent: O,
-			...h(m)
+			...C(m)
 		},
 		children: [
 			n && /* @__PURE__ */ u("a", {
@@ -2689,15 +2742,15 @@ function Ot({ pages: e = 5, current: t = 1, prevNext: n = !0, href: a = "#", sou
 		]
 	});
 }
-var kt = "webim.page_mode", At = () => {
+var Mt = "webim.page_mode", Nt = () => {
 	if (typeof window > "u") return "auto";
 	try {
-		let e = window.localStorage.getItem(kt);
+		let e = window.localStorage.getItem(Mt);
 		return e === "light" || e === "dark" ? e : "auto";
 	} catch {
 		return "auto";
 	}
-}, jt = (e) => {
+}, Pt = (e) => {
 	let t = {
 		width: 16,
 		height: 16,
@@ -2729,13 +2782,13 @@ var kt = "webim.page_mode", At = () => {
 			rx: "2"
 		}), /* @__PURE__ */ u("path", { d: "M8 21h8M12 17v4" })]
 	});
-}, Z = {
+}, Q = {
 	light: "Light theme",
 	dark: "Dark theme",
 	auto: "Follow the device theme"
 };
-function Mt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: a }) {
-	let [o, l] = c(a ? "auto" : At), d = s(null), f = (e) => {
+function Ft({ variant: e, showSystem: t, style: n, nodeRef: r, inert: a }) {
+	let [o, l] = c(a ? "auto" : Nt), d = s(null), f = (e) => {
 		d.current = e, typeof r == "function" && r(e);
 	};
 	i(() => {
@@ -2743,14 +2796,14 @@ function Mt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: a }) {
 		let e = d.current?.closest?.(".webim-page");
 		e && (o === "light" || o === "dark" ? e.setAttribute("data-webim-mode", o) : e.removeAttribute("data-webim-mode"));
 		try {
-			o === "auto" ? window.localStorage.removeItem(kt) : window.localStorage.setItem(kt, o);
+			o === "auto" ? window.localStorage.removeItem(Mt) : window.localStorage.setItem(Mt, o);
 		} catch {}
 	}, [o, a]);
 	let p = t === !1 ? ["light", "dark"] : [
 		"light",
 		"dark",
 		"auto"
-	], m = p.includes(o) ? o : p[0], g = {
+	], m = p.includes(o) ? o : p[0], h = {
 		appearance: "none",
 		border: 0,
 		margin: 0,
@@ -2774,43 +2827,43 @@ function Mt({ variant: e, showSystem: t, style: n, nodeRef: r, inert: a }) {
 			padding: 3,
 			borderRadius: 999,
 			border: "1px solid rgba(148, 163, 184, 0.4)",
-			...h(n)
+			...C(n)
 		},
 		children: p.map((e) => /* @__PURE__ */ u("button", {
 			type: "button",
-			title: Z[e],
-			"aria-label": Z[e],
+			title: Q[e],
+			"aria-label": Q[e],
 			"aria-pressed": e === m,
 			onClick: a ? void 0 : () => l(e),
 			style: {
-				...g,
+				...h,
 				width: 28,
 				height: 28,
 				color: e === m ? "var(--page-accent-text, #ffffff)" : "inherit",
 				background: e === m ? "var(--page-accent, #111827)" : "transparent",
 				opacity: e === m ? 1 : .7
 			},
-			children: jt(e)
+			children: Pt(e)
 		}, e))
 	});
-	let _ = p[(p.indexOf(m) + 1) % p.length];
+	let g = p[(p.indexOf(m) + 1) % p.length];
 	return /* @__PURE__ */ u("button", {
 		ref: f,
 		type: "button",
-		title: Z[m],
-		"aria-label": `Theme: ${Z[m]} — switch to ${Z[_]}`,
-		onClick: a ? void 0 : () => l(_),
+		title: Q[m],
+		"aria-label": `Theme: ${Q[m]} — switch to ${Q[g]}`,
+		onClick: a ? void 0 : () => l(g),
 		style: {
-			...g,
+			...h,
 			width: 36,
 			height: 36,
 			border: "1px solid rgba(148, 163, 184, 0.4)",
-			...h(n)
+			...C(n)
 		},
-		children: jt(m)
+		children: Pt(m)
 	});
 }
-var Nt = {
+var It = {
 	facebook: {
 		label: "Facebook",
 		color: "#1877f2",
@@ -2877,10 +2930,10 @@ var Nt = {
 		d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zm6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56zM12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96zM4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2 0 .68.06 1.34.14 2H4.26zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8zM12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96zM14.34 14H9.66c-.09-.66-.16-1.32-.16-2 0-.68.07-1.35.16-2h4.68c.09.65.16 1.32.16 2 0 .68-.07 1.34-.16 2zm.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56zM16.36 14c.08-.66.14-1.32.14-2 0-.68-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2h-3.38z"
 	}
 };
-function Pt({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, style: o, nodeRef: s, inert: c }) {
-	let l = Array.isArray(e) ? e.filter((e) => e && Nt[e.network]) : [];
+function Lt({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, style: o, nodeRef: s, inert: c }) {
+	let l = Array.isArray(e) ? e.filter((e) => e && It[e.network]) : [];
 	if (!l.length) return null;
-	let d = Math.min(Math.max(Number(r) || 18, 10), 64), f = Math.round(d * 1.9), p = Number.isFinite(Number(i)) ? Number(i) : 10, m = (e) => n === "accent" ? "var(--page-accent, #111827)" : n === "inherit" ? "currentColor" : e.color, g = c ? (e) => e.preventDefault() : void 0;
+	let d = Math.min(Math.max(Number(r) || 18, 10), 64), f = Math.round(d * 1.9), p = Number.isFinite(Number(i)) ? Number(i) : 10, m = (e) => n === "accent" ? "var(--page-accent, #111827)" : n === "inherit" ? "currentColor" : e.color, h = c ? (e) => e.preventDefault() : void 0;
 	return /* @__PURE__ */ u("div", {
 		ref: s,
 		style: {
@@ -2888,13 +2941,13 @@ function Pt({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, s
 			flexWrap: "wrap",
 			alignItems: "center",
 			gap: p,
-			...h(o)
+			...C(o)
 		},
 		children: l.map((e, r) => {
-			let i = Nt[e.network], o = t !== "outline" && t !== "plain", s = o ? n === "accent" ? "var(--page-accent-text, #ffffff)" : n === "inherit" ? "var(--page-bg, #ffffff)" : "#ffffff" : m(i);
+			let i = It[e.network], o = t !== "outline" && t !== "plain", s = o ? n === "accent" ? "var(--page-accent-text, #ffffff)" : n === "inherit" ? "var(--page-bg, #ffffff)" : "#ffffff" : m(i);
 			return /* @__PURE__ */ u("a", {
 				href: e.url || "#",
-				onClick: g,
+				onClick: h,
 				"aria-label": e.label || i.label,
 				title: e.label || i.label,
 				...a !== !1 && !c ? {
@@ -2925,7 +2978,7 @@ function Pt({ links: e = [], variant: t, color: n, size: r, gap: i, newTab: a, s
 		})
 	});
 }
-function Ft({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
+function Rt({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef: a }) {
 	if (!t.length) return null;
 	let o = Math.min(Math.max(Number(n) || 1, 1), t.length), s = (e) => ({
 		width: 32,
@@ -2963,7 +3016,7 @@ function Ft({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 			flexDirection: r ? "column" : "row",
 			alignItems: r ? "stretch" : "flex-start",
 			gap: r ? 4 : 8,
-			...h(i)
+			...C(i)
 		},
 		children: t.map((t, n) => {
 			let i = n + 1, a = i < o ? "done" : i === o ? "active" : "todo";
@@ -3003,7 +3056,7 @@ function Ft({ steps: t = [], active: n = 1, vertical: r = !1, style: i, nodeRef:
 		})
 	});
 }
-var Q = {
+var zt = {
 	small: {
 		w: 132,
 		h: 46,
@@ -3025,10 +3078,10 @@ var Q = {
 		title: 12.5,
 		avatar: 46
 	}
-}, It = (e) => Q[e] ?? Q.medium;
-Q.medium.w, Q.medium.h;
-function Lt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
-	let r = It(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 = [];
+}, Bt = (e) => zt[e] ?? zt.medium;
+zt.medium.w, zt.medium.h;
+function Vt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
+	let r = Bt(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;
@@ -3080,19 +3133,19 @@ function Lt(e, { size: t = "medium", horizontal: n = !1 } = {}) {
 		horizontal: n
 	};
 }
-var Rt = (e, t) => {
+var Ht = (e, t) => {
 	let n = String(e ?? "");
 	return n.length > t ? `${n.slice(0, t - 1)}…` : n;
-}, zt = (e) => {
+}, Ut = (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";
-}, Bt = (e) => !!(e?.cv?.trim?.() || e?.photo);
-function Vt(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);
+}, Wt = (e) => !!(e?.cv?.trim?.() || e?.photo);
+function Gt(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 ? "" : G(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 {
@@ -3106,11 +3159,11 @@ function Vt(e, t = {}) {
 		};
 	});
 }
-var Ht = {
+var Kt = {
 	size: 36,
 	pad: 10
 };
-function Ut({ node: e, onClose: t }) {
+function qt({ node: e, onClose: t }) {
 	return i(() => {
 		let e = (e) => e.key === "Escape" && t();
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
@@ -3123,7 +3176,9 @@ function Ut({ node: e, onClose: t }) {
 			position: "fixed",
 			inset: 0,
 			zIndex: 1e3,
-			background: "rgba(15, 23, 42, 0.55)",
+			background: "rgba(2, 6, 23, 0.6)",
+			backdropFilter: "blur(4px)",
+			WebkitBackdropFilter: "blur(4px)",
 			display: "flex",
 			alignItems: "center",
 			justifyContent: "center",
@@ -3134,6 +3189,7 @@ function Ut({ node: e, onClose: t }) {
 			style: {
 				background: "var(--page-bg, #ffffff)",
 				color: "var(--page-text, #111827)",
+				border: "1px solid rgba(148, 163, 184, 0.35)",
 				borderRadius: 14,
 				maxWidth: 420,
 				width: "100%",
@@ -3141,7 +3197,7 @@ function Ut({ node: e, onClose: t }) {
 				overflowY: "auto",
 				padding: 24,
 				position: "relative",
-				boxShadow: "0 24px 64px rgba(15, 23, 42, 0.35)"
+				boxShadow: "0 24px 64px rgba(2, 6, 23, 0.5)"
 			},
 			children: [
 				/* @__PURE__ */ u("button", {
@@ -3228,8 +3284,8 @@ function Ut({ node: e, onClose: t }) {
 		})
 	});
 }
-function Wt({ 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(B), E = r(V)?.[t], [D, O] = c(null);
+function Jt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField: s, parentField: f, cvField: p, hrefField: m, size: h = "medium", horizontal: g = !1, style: _, nodeRef: v, interactive: y = !0 }) {
+	let b = a(), [x, S] = c(null), { tenant: w, apiUrl: T } = r(H), E = r(U)?.[t], [D, O] = c(null);
 	i(() => {
 		if (!t || E) return;
 		let e = !0;
@@ -3245,19 +3301,19 @@ function Wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 		T,
 		E
 	]);
-	let k = t ? Vt(E ?? D ?? [], {
+	let k = t ? Gt(E ?? D ?? [], {
 		nameField: n,
 		titleField: o,
 		photoField: s,
 		parentField: f,
 		cvField: p,
 		hrefField: m
-	}) : e, A = It(g), { boxes: j, links: M, width: N, height: P } = Lt(k, {
-		size: g,
-		horizontal: _
+	}) : e, A = Bt(h), { boxes: j, links: M, width: N, height: P } = Vt(k, {
+		size: h,
+		horizontal: g
 	});
-	if (!j.length) return !b && t ? /* @__PURE__ */ d("div", {
-		ref: y,
+	if (!j.length) return !y && t ? /* @__PURE__ */ d("div", {
+		ref: v,
 		style: {
 			padding: 18,
 			border: "1px dashed rgba(148, 163, 184, 0.6)",
@@ -3265,7 +3321,7 @@ function Wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 			fontSize: 13,
 			opacity: .7,
 			textAlign: "center",
-			...h(v)
+			...C(_)
 		},
 		children: [
 			"Org Chart — no published entries in “",
@@ -3275,11 +3331,11 @@ function Wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 	}) : null;
 	let F = new Set(j.filter((e) => e.node.parent == null || e.node.parent === "").map((e) => e.node.id));
 	return /* @__PURE__ */ d("div", {
-		ref: y,
+		ref: v,
 		style: {
 			maxWidth: "100%",
 			overflowX: "auto",
-			...h(v)
+			...C(_)
 		},
 		children: [/* @__PURE__ */ d("svg", {
 			viewBox: `0 0 ${N} ${P}`,
@@ -3293,12 +3349,12 @@ function Wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 				margin: "0 auto"
 			},
 			children: [M.map((e, t) => /* @__PURE__ */ u("path", {
-				d: _ ? `M ${e.from.x} ${e.from.y} H ${(e.from.x + e.to.x) / 2} V ${e.to.y} H ${e.to.x}` : `M ${e.from.x} ${e.from.y} V ${(e.from.y + e.to.y) / 2} H ${e.to.x} V ${e.to.y}`,
+				d: g ? `M ${e.from.x} ${e.from.y} H ${(e.from.x + e.to.x) / 2} V ${e.to.y} H ${e.to.x}` : `M ${e.from.x} ${e.from.y} V ${(e.from.y + e.to.y) / 2} H ${e.to.x} V ${e.to.y}`,
 				fill: "none",
 				stroke: "rgba(148, 163, 184, 0.7)",
 				strokeWidth: "1.5"
 			}, t)), j.map(({ node: e, x: t, y: n }) => {
-				let r = F.has(e.id), i = !!e.color2, a = !!e.color || r || i, o = e.color || (r ? "var(--page-accent, #4f46e5)" : "var(--page-bg, #ffffff)"), s = e.color ? zt(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? zt(e.color2) : s, f = b && (Bt(e) || e.href), p = () => Bt(e) ? C(e) : window.open(e.href, "_blank", "noreferrer"), m = e.photo ? t + Ht.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 ? Ut(e.color) : r ? "var(--page-accent-text, #ffffff)" : "var(--page-text, #111827)", c = i ? Ut(e.color2) : s, f = y && (Wt(e) || e.href), p = () => Wt(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__ */ d("g", {
 					onClick: f ? p : void 0,
 					style: f ? { cursor: "pointer" } : void 0,
@@ -3306,7 +3362,7 @@ function Wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 					"aria-label": f ? `Open ${e.name || e.title}'s profile` : void 0,
 					children: [
 						i && e.gradient ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("linearGradient", {
-							id: `${x}-${e.id}-grad`,
+							id: `${b}-${e.id}-grad`,
 							x1: "0",
 							y1: "0",
 							x2: "0",
@@ -3324,9 +3380,9 @@ function Wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							width: A.w,
 							height: A.h,
 							rx: "10",
-							fill: `url(#${x}-${e.id}-grad)`
+							fill: `url(#${b}-${e.id}-grad)`
 						})] }) : i ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("clipPath", {
-							id: `${x}-${e.id}-box`,
+							id: `${b}-${e.id}-box`,
 							children: /* @__PURE__ */ u("rect", {
 								x: t,
 								y: n,
@@ -3335,7 +3391,7 @@ function Wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 								rx: "10"
 							})
 						}), /* @__PURE__ */ d("g", {
-							clipPath: `url(#${x}-${e.id}-box)`,
+							clipPath: `url(#${b}-${e.id}-box)`,
 							children: [/* @__PURE__ */ u("rect", {
 								x: t,
 								y: n,
@@ -3360,20 +3416,20 @@ function Wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							strokeWidth: a ? 0 : 1.5
 						}),
 						e.photo && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("clipPath", {
-							id: `${x}-${e.id}`,
+							id: `${b}-${e.id}`,
 							children: /* @__PURE__ */ u("circle", {
-								cx: t + Ht.pad + A.avatar / 2,
+								cx: t + Kt.pad + A.avatar / 2,
 								cy: n + A.h / 2,
 								r: A.avatar / 2
 							})
 						}), /* @__PURE__ */ u("image", {
 							href: e.photo,
-							x: t + Ht.pad,
+							x: t + Kt.pad,
 							y: n + (A.h - A.avatar) / 2,
 							width: A.avatar,
 							height: A.avatar,
 							preserveAspectRatio: "xMidYMid slice",
-							clipPath: `url(#${x}-${e.id})`
+							clipPath: `url(#${b}-${e.id})`
 						})] }),
 						i && !e.gradient ? /* @__PURE__ */ d(l, { children: [e.title && /* @__PURE__ */ u("text", {
 							x: m,
@@ -3382,7 +3438,7 @@ function Wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.title,
 							fontWeight: "600",
 							fill: s,
-							children: Rt(e.title, g + 4)
+							children: Ht(e.title, g + 4)
 						}), e.name && /* @__PURE__ */ u("text", {
 							x: m,
 							y: n + _ + _ / 2 + A.name * .35,
@@ -3390,7 +3446,7 @@ function Wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: c,
-							children: Rt(e.name, g)
+							children: Ht(e.name, g)
 						})] }) : /* @__PURE__ */ d(l, { children: [v[0] && /* @__PURE__ */ u("text", {
 							x: m,
 							y: n + (v[1] ? A.h * .43 : A.h * .57),
@@ -3398,7 +3454,7 @@ function Wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.name,
 							fontWeight: "600",
 							fill: s,
-							children: Rt(v[0], g)
+							children: Ht(v[0], g)
 						}), v[1] && /* @__PURE__ */ u("text", {
 							x: m,
 							y: n + A.h * .73,
@@ -3406,44 +3462,44 @@ function Wt({ nodes: e = [], source: t, nameField: n, titleField: o, photoField:
 							fontSize: A.title,
 							opacity: "0.7",
 							fill: s,
-							children: Rt(v[1], g + 4)
+							children: Ht(v[1], g + 4)
 						})] })
 					]
 				}, e.id);
 			})]
-		}), S && /* @__PURE__ */ u(Ut, {
-			node: S,
-			onClose: () => C(null)
+		}), x && /* @__PURE__ */ u(qt, {
+			node: x,
+			onClose: () => S(null)
 		})]
 	});
 }
-function Gt({ 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(B), y = r(V), b = y?.[n], x = f ? le(y) : 1, [S, C] = c(null);
+function Yt({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped: o = !0, bordered: s = !1, compact: l = !1, paged: f, emptyText: p, style: m, nodeRef: h }) {
+	let { tenant: g, apiUrl: _ } = r(H), v = r(U), y = v?.[n], b = f ? de(v) : 1, [x, S] = c(null);
 	if (i(() => {
-		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) => {
+		if (!n || y) return;
+		let e = !0, t = Math.max(1, Number(a) || 10), r = f && !n.startsWith("api:") ? `?offset=${(b - 1) * t}&limit=${t}` : "", i = n.startsWith("api:") ? `${_}/data/${encodeURIComponent(n.slice(4))}` : `${_}/dynamic/${encodeURIComponent(n)}${r}`;
+		return fetch(i, { 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 && C(n);
-		}).catch(() => e && C([])), () => {
+			return e && S(n);
+		}).catch(() => e && S([])), () => {
 			e = !1;
 		};
 	}, [
 		n,
+		g,
 		_,
-		v,
-		b,
+		y,
 		f,
-		x,
+		b,
 		a
 	]), !e.length) return null;
-	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) => W(U(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 };
+	let w = Math.max(1, Number(a) || 10), T = n ? f ? y || n.startsWith("api:") ? (y ?? x ?? []).slice((b - 1) * w, b * w) : (x ?? []).slice(0, w) : (y ?? x ?? []).slice(0, w) : null, E = T ? T.map((t) => e.map((e) => G(W(t?.data, e.field)))) : t, D = !!n && !(n && !y && x === null) && E.length === 0, O = l ? "6px 10px" : "10px 14px", k = "1px solid rgba(148, 163, 184, 0.35)", A = s ? { border: k } : { borderBottom: k };
 	return /* @__PURE__ */ u("div", {
-		ref: g,
+		ref: h,
 		style: {
 			width: "100%",
 			overflowX: "auto",
-			...h(m)
+			...C(m)
 		},
 		children: /* @__PURE__ */ d("table", {
 			style: {
@@ -3483,79 +3539,79 @@ function Gt({ columns: e = [], rows: t = [], source: n, limit: a = 10, striped:
 		})
 	});
 }
-var Kt = {
-	PageRoot: xe,
-	Section: Se,
-	Container: Ce,
-	Heading: we,
-	TextBlock: Fe,
-	ButtonBlock: Re,
-	ImageBlock: ze,
-	Spacer: Ge,
-	Divider: Ke,
-	SliderBlock: Qe,
-	CanvasSlider: $e,
-	TabsBlock: it,
-	QuickStack: wt,
-	CollectionList: Tt,
-	CollectionSearch: Et,
-	BreadcrumbsBlock: Dt,
-	PaginationBlock: Ot,
-	StepperBlock: Ft,
-	SocialLinksBlock: Pt,
-	ThemeModeBlock: Mt,
-	OrgChartBlock: Wt,
-	TableBlock: Gt,
-	MasonryBlock: et,
-	AccordionBlock: at,
-	NavbarBlock: rt,
-	ListBlock: Pe,
-	TextSpan: De,
-	QuoteBlock: Ne,
-	TextLink: Le,
-	RichTextBlock: je,
-	RichContentBlock: je,
-	VideoBlock: Be,
-	YouTubeBlock: He,
-	IframeBlock: Ue,
-	EmbedBlock: We,
-	FormBlock: pt,
-	FormLabel: _t,
-	FormInput: vt,
-	FormTextarea: yt,
-	FormCheckbox: (e) => /* @__PURE__ */ u(bt, {
+var Xt = {
+	PageRoot: we,
+	Section: Te,
+	Container: Ee,
+	Heading: De,
+	TextBlock: Re,
+	ButtonBlock: Ve,
+	ImageBlock: He,
+	Spacer: Je,
+	Divider: Ye,
+	SliderBlock: tt,
+	CanvasSlider: nt,
+	TabsBlock: st,
+	QuickStack: Dt,
+	CollectionList: Ot,
+	CollectionSearch: kt,
+	BreadcrumbsBlock: At,
+	PaginationBlock: jt,
+	StepperBlock: Rt,
+	SocialLinksBlock: Lt,
+	ThemeModeBlock: Ft,
+	OrgChartBlock: Jt,
+	TableBlock: Yt,
+	MasonryBlock: rt,
+	AccordionBlock: ct,
+	NavbarBlock: ot,
+	ListBlock: Le,
+	TextSpan: Ae,
+	QuoteBlock: Ie,
+	TextLink: Be,
+	RichTextBlock: Pe,
+	RichContentBlock: Pe,
+	VideoBlock: Ue,
+	YouTubeBlock: Ge,
+	IframeBlock: Ke,
+	EmbedBlock: qe,
+	FormBlock: gt,
+	FormLabel: bt,
+	FormInput: xt,
+	FormTextarea: St,
+	FormCheckbox: (e) => /* @__PURE__ */ u(Ct, {
 		kind: "checkbox",
 		...e
 	}),
-	FormRadio: (e) => /* @__PURE__ */ u(bt, {
+	FormRadio: (e) => /* @__PURE__ */ u(Ct, {
 		kind: "radio",
 		...e
 	}),
-	FormSelect: xt,
-	FormFile: St,
-	FormRecaptcha: gt,
-	FormSubmit: Ct
-}, qt = {
+	FormSelect: wt,
+	FormFile: Tt,
+	FormRecaptcha: yt,
+	FormSubmit: Et
+}, Zt = {
 	id: "auth",
 	label: "Accounts",
 	category: "Apps",
 	keys: ["SiteLoginForm", "SiteAccountMenu"],
 	ssr: "shell",
 	settings: ["site.authRedirect"]
-}, Jt = t({
+}, Qt = t({
 	user: null,
 	status: "idle",
 	ensure: () => {},
 	refresh: () => {},
 	signOut: () => {}
-}), Yt = () => {
-	let e = r(Jt);
+}), $t = () => {
+	let e = r(Qt);
 	return i(() => {
 		e.ensure();
 	}, [e]), e;
 };
-function Xt({ children: e, initialUser: t, disabled: i, apiUrl: a, tenant: l }) {
-	let d = r(B), f = a || d?.apiUrl || "/api", p = l || d?.tenant || "", [m, h] = c(t ?? null), [g, _] = c(t ? "user" : i ? "guest" : "idle"), v = s(!1), y = n((e, t) => fetch(`${f}${e}`, {
+function en({ children: e, initialUser: t, disabled: i, apiUrl: a, tenant: l }) {
+	let d = r(H), 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",
 		headers: {
@@ -3587,28 +3643,28 @@ function Xt({ children: e, initialUser: t, disabled: i, apiUrl: a, tenant: l })
 		b,
 		x
 	]);
-	return /* @__PURE__ */ u(Jt.Provider, {
+	return /* @__PURE__ */ u(Qt.Provider, {
 		value: C,
 		children: e
 	});
 }
-function Zt({ when: e, children: t }) {
-	let { status: n } = Yt();
+function tn({ when: e, children: t }) {
+	let { status: n } = $t();
 	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 Qt({ 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(B), [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) => {
+function nn({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: i = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: l, inert: f, linked: p, show: m }) {
+	let { tenant: h, apiUrl: g, settings: _ } = r(H), [v, y] = c("form"), [b, x] = c(""), [S, w] = c(!1), T = e === "register", E = f ? m || "form" : v, D = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", O = async (e) => {
 		if (e.preventDefault(), f) return;
 		let n = new FormData(e.currentTarget);
-		w(!0), S("");
+		w(!0), x("");
 		try {
-			let e = await fetch(`${_ || "/api"}/site/${T ? "register" : "login"}`, {
+			let e = await fetch(`${g || "/api"}/site/${T ? "register" : "login"}`, {
 				method: "post",
 				headers: {
 					"content-type": "application/json",
-					...g ? { "x-tenant": g } : {}
+					...h ? { "x-tenant": h } : {}
 				},
 				credentials: "same-origin",
 				body: JSON.stringify({
@@ -3618,15 +3674,15 @@ function Qt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 				})
 			}), r = await e.json().catch(() => null);
 			if (!e.ok || r?.success === !1) {
-				S(r?.error?.message || "Sign-in failed"), b("error"), w(!1);
+				x(r?.error?.message || "Sign-in failed"), y("error"), w(!1);
 				return;
 			}
-			if (b("success"), typeof window < "u") {
-				let e = D(t) || D(new URLSearchParams(window.location.search).get("next")) || D(v?.["site.authRedirect"]) || D(v?.["apps.auth.redirect"]) || "/";
+			if (y("success"), typeof window < "u") {
+				let e = D(t) || D(new URLSearchParams(window.location.search).get("next")) || D(_?.["site.authRedirect"]) || D(_?.["apps.auth.redirect"]) || "/";
 				window.location.assign(e);
 			}
 		} catch {
-			S("Sign-in failed"), b("error"), w(!1);
+			x("Sign-in failed"), y("error"), w(!1);
 		}
 	};
 	return /* @__PURE__ */ d("div", {
@@ -3635,7 +3691,7 @@ function Qt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 			display: "grid",
 			gap: 12,
 			maxWidth: 360,
-			...h(s)
+			...C(s)
 		},
 		children: [
 			/* @__PURE__ */ d("form", {
@@ -3647,20 +3703,20 @@ function Qt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 				children: [
 					T ? /* @__PURE__ */ d("label", {
 						style: {
-							...q,
+							...J,
 							display: "grid",
 							gap: 6
 						},
 						children: [a, /* @__PURE__ */ u("input", {
 							name: "name",
 							type: "text",
-							style: J,
-							...Y(f)
+							style: Y,
+							...X(f)
 						})]
 					}) : null,
 					/* @__PURE__ */ d("label", {
 						style: {
-							...q,
+							...J,
 							display: "grid",
 							gap: 6
 						},
@@ -3668,13 +3724,13 @@ function Qt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 							name: "email",
 							type: "email",
 							required: !f,
-							style: J,
-							...Y(f)
+							style: Y,
+							...X(f)
 						})]
 					}),
 					/* @__PURE__ */ d("label", {
 						style: {
-							...q,
+							...J,
 							display: "grid",
 							gap: 6
 						},
@@ -3682,32 +3738,32 @@ function Qt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 							name: "password",
 							type: "password",
 							required: !f,
-							style: J,
-							...Y(f)
+							style: Y,
+							...X(f)
 						})]
 					}),
 					/* @__PURE__ */ u("button", {
 						type: f ? "button" : "submit",
-						disabled: C || void 0,
+						disabled: S || void 0,
 						style: {
-							...G,
+							...K,
 							border: 0,
 							padding: "10px 22px",
 							borderRadius: 8,
 							fontSize: 15,
 							fontWeight: 600,
 							cursor: "pointer",
-							opacity: C ? .6 : 1
+							opacity: S ? .6 : 1
 						},
 						children: o || (T ? "Create account" : "Sign in")
 					}),
-					x ? /* @__PURE__ */ u("p", {
+					b ? /* @__PURE__ */ u("p", {
 						style: {
 							margin: 0,
 							fontSize: 14,
 							color: "#dc2626"
 						},
-						children: x
+						children: b
 					}) : null
 				]
 			}),
@@ -3722,8 +3778,8 @@ function Qt({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 		]
 	});
 }
-function $t({ 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 } = Yt(), p = a ? s || "user" : l, m = a ? {
+function rn({ 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 } = $t(), p = a ? s || "user" : l, m = a ? {
 		name: "Ada Lovelace",
 		email: "ada@example.com"
 	} : c;
@@ -3731,7 +3787,7 @@ function $t({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 		ref: i,
 		style: {
 			minHeight: 24,
-			...h(r)
+			...C(r)
 		}
 	}) : p === "user" ? /* @__PURE__ */ d("div", {
 		ref: i,
@@ -3739,12 +3795,12 @@ function $t({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 			display: "flex",
 			alignItems: "center",
 			gap: 10,
-			...h(r)
+			...C(r)
 		},
 		children: [
 			/* @__PURE__ */ d("span", {
 				style: {
-					...q,
+					...J,
 					fontWeight: 600
 				},
 				children: [
@@ -3755,7 +3811,7 @@ function $t({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 			}),
 			n && m?.email ? /* @__PURE__ */ u("span", {
 				style: {
-					...q,
+					...J,
 					opacity: .7
 				},
 				children: m.email
@@ -3764,14 +3820,14 @@ function $t({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 				type: "button",
 				onClick: a ? void 0 : f,
 				style: {
-					...G,
+					...K,
 					border: 0,
 					padding: "8px 16px",
 					borderRadius: 8,
 					fontSize: 14,
 					cursor: a ? "default" : "pointer"
 				},
-				...Y(a),
+				...X(a),
 				children: t
 			})
 		]
@@ -3781,65 +3837,65 @@ function $t({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 			display: "flex",
 			alignItems: "center",
 			gap: 10,
-			...h(r)
+			...C(r)
 		},
 		children: o?.signedOut ?? null
 	});
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/index.js
-var en = [qt], tn = {
-	SiteLoginForm: Qt,
-	SiteAccountMenu: $t
+var an = [Zt], on = {
+	SiteLoginForm: nn,
+	SiteAccountMenu: rn
 };
-new Set(en.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
+new Set(an.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
 //#endregion
 //#region ../ui/src/components/builder/plugins/runtime.js
-var nn = /* @__PURE__ */ new Map();
-function rn(e) {
-	if (nn.has(e)) return nn.get(e);
+var sn = /* @__PURE__ */ new Map();
+function cn(e) {
+	if (sn.has(e)) return sn.get(e);
 	let t = URL.createObjectURL(new Blob([e], { type: "text/javascript" })), n = import(
 		/* @vite-ignore */
 		/* webpackIgnore: true */
 		t
 ).finally(() => URL.revokeObjectURL(t));
-	return nn.set(e, n), n;
+	return sn.set(e, n), n;
 }
-function an(e) {
+function ln(e) {
 	let t = e && typeof e == "object" ? e.builder_plugins : null, n = t && typeof t == "object" ? t.plugins : null;
 	return n && typeof n == "object" ? n : {};
 }
 //#endregion
 //#region ../ui/src/components/builder/plugins/view.jsx
-async function on(e, t) {
-	let n = await rn(e);
+async function un(e, t) {
+	let n = await cn(e);
 	return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
 }
-var sn = {
+var dn = {
 	padding: "10px 12px",
 	border: "1px dashed rgba(148, 163, 184, 0.5)",
 	borderRadius: 8,
 	fontSize: 12,
 	opacity: .6
 };
-function cn({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
-	let c = r(B), l = an(c?.settings)[e], f = s(null), p = s(null), m = {
+function fn({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
+	let c = r(H), l = ln(c?.settings)[e], f = s(null), p = s(null), m = {
 		tenant: c?.tenant ?? "",
 		apiUrl: c?.apiUrl ?? "/api",
 		locale: c?.locale ?? "",
 		settings: c?.settings ?? null
-	}, g = s(m);
-	g.current = m;
-	let _ = JSON.stringify(n ?? {});
+	}, h = s(m);
+	h.current = m;
+	let g = JSON.stringify(n ?? {});
 	return i(() => {
 		let e = f.current;
 		if (!l?.code || !e) return;
 		let n = !0;
-		return on(l.code, t).then((e) => {
+		return un(l.code, t).then((e) => {
 			if (!(!n || !e || !f.current)) {
 				p.current = e;
 				try {
-					e.mount(f.current, JSON.parse(_), g.current);
+					e.mount(f.current, JSON.parse(g), h.current);
 				} catch {
 					p.current = null;
 				}
@@ -3856,17 +3912,17 @@ function cn({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 	}, [l?.code, t]), i(() => {
 		let e = p.current, t = f.current;
 		if (!(!e || !t)) try {
-			e.update ? e.update(t, JSON.parse(_), g.current) : (e.unmount?.(t), t.innerHTML = "", e.mount(t, JSON.parse(_), g.current));
+			e.update ? e.update(t, JSON.parse(g), h.current) : (e.unmount?.(t), t.innerHTML = "", e.mount(t, JSON.parse(g), h.current));
 		} catch {}
-	}, [_]), l ? /* @__PURE__ */ u("div", {
+	}, [g]), l ? /* @__PURE__ */ u("div", {
 		ref: o,
-		style: h(a),
+		style: C(a),
 		children: /* @__PURE__ */ u("div", { ref: f })
 	}) : /* @__PURE__ */ d("div", {
 		ref: o,
 		style: {
-			...sn,
-			...h(a)
+			...dn,
+			...C(a)
 		},
 		children: [
 			"Plugin “",
@@ -3877,10 +3933,10 @@ function cn({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 }
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var ln = {
-	...Kt,
-	...tn,
-	PluginBlock: cn
+var pn = {
+	...Xt,
+	...on,
+	PluginBlock: fn
 };
 function $(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[t];
@@ -3892,110 +3948,110 @@ 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 = ln[s];
+	let l = pn[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,
 		...s === "CollectionList" ? { templateId: o.linkedNodes?.card } : null,
 		linked: p,
 		nodeRef: (e) => {
-			e && (e.setAttribute("data-wb", t), y(e, c));
+			e && (e.setAttribute("data-wb", t), D(e, c));
 		},
 		children: d.length ? d : void 0
 	}, t);
-	return c.when && c.when !== "always" ? /* @__PURE__ */ u(Zt, {
+	return c.when && c.when !== "always" ? /* @__PURE__ */ u(tn, {
 		when: c.when,
 		children: m
 	}, t) : m;
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var un = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), dn = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(F(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
-.webim-page[data-webim-mode="dark"] { ${Object.entries(F(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
-function fn({ 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();
+var mn = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), hn = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(V(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
+.webim-page[data-webim-mode="dark"] { ${Object.entries(V(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
+function gn({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, tenant: c, apiUrl: l, datasets: f, locale: p, direction: m, settings: h, siteUser: _ }) {
+	let v = s?.js?.trim();
 	if (i(() => {
-		if (!_) return;
+		if (!v) return;
 		let e = document.createElement("script");
-		return e.text = _, document.body.appendChild(e), () => e.remove();
-	}, [_]), !e?.ROOT) return null;
-	let v = {
+		return e.text = v, document.body.appendChild(e), () => e.remove();
+	}, [v]), !e?.ROOT) return null;
+	let b = {
 		lang: p || void 0,
-		dir: ce(m, p)
-	}, y = ".webim-page, .webim-page *, .webim-page *::before, .webim-page *::after { box-sizing: border-box; }", b = {
+		dir: ue(m, p)
+	}, x = ".webim-page, .webim-page *, .webim-page *::before, .webim-page *::after { box-sizing: border-box; }", S = {
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, x = $("ROOT", e, n), S = o(() => ({ render: (t, r) => $(t, e, n, void 0, { mapProps: r }) }), [e, n]), C = D(e, n), w = E(e, n), T = s?.css?.trim(), O = ae(e, n).map((e) => /* @__PURE__ */ u("link", {
+	}, C = $("ROOT", e, n), w = o(() => ({ render: (t, r) => $(t, e, n, void 0, { mapProps: r }) }), [e, n]), T = F(e, n), E = P(e, n), D = s?.css?.trim(), O = B(t), k = [O.font, O.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !z[e]), A = [.../* @__PURE__ */ new Set([...y(e, n), ...k])].map((e) => /* @__PURE__ */ u("link", {
 		rel: "stylesheet",
 		precedence: "default",
-		href: z(e)
-	}, e)), k = P(t), A = dn(k);
-	return r === "auto" ? /* @__PURE__ */ u(B.Provider, {
+		href: g(e)
+	}, e)), j = hn(O);
+	return r === "auto" ? /* @__PURE__ */ u(H.Provider, {
 		value: {
 			tenant: c || "",
 			apiUrl: l || "/api",
 			locale: p || "",
 			settings: h ?? null
 		},
-		children: /* @__PURE__ */ u(Xt, {
-			initialUser: g,
-			children: /* @__PURE__ */ u(V.Provider, {
+		children: /* @__PURE__ */ u(en, {
+			initialUser: _,
+			children: /* @__PURE__ */ u(U.Provider, {
 				value: f ?? null,
-				children: /* @__PURE__ */ u(H.Provider, {
-					value: S,
+				children: /* @__PURE__ */ u(me.Provider, {
+					value: w,
 					children: /* @__PURE__ */ d("div", {
-						...v,
+						...b,
 						className: "webim-page",
 						style: {
-							...b,
-							...I(t),
+							...S,
+							...ne(t),
 							...a
 						},
 						children: [
-							/* @__PURE__ */ u("style", { children: `.webim-page { ${un(F(k.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${un(F(k.dark))} } }` }),
-							/* @__PURE__ */ u("style", { children: A }),
-							O,
-							/* @__PURE__ */ u("style", { children: y }),
-							C && /* @__PURE__ */ u("style", { children: C }),
-							w && /* @__PURE__ */ u("style", { children: w }),
+							/* @__PURE__ */ u("style", { children: `.webim-page { ${mn(V(O.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${mn(V(O.dark))} } }` }),
+							/* @__PURE__ */ u("style", { children: j }),
+							A,
+							/* @__PURE__ */ u("style", { children: x }),
 							T && /* @__PURE__ */ u("style", { children: T }),
-							x
+							E && /* @__PURE__ */ u("style", { children: E }),
+							D && /* @__PURE__ */ u("style", { children: D }),
+							C
 						]
 					})
 				})
 			})
 		})
-	}) : /* @__PURE__ */ u(B.Provider, {
+	}) : /* @__PURE__ */ u(H.Provider, {
 		value: {
 			tenant: c || "",
 			apiUrl: l || "/api",
 			locale: p || "",
 			settings: h ?? null
 		},
-		children: /* @__PURE__ */ u(Xt, {
-			initialUser: g,
-			children: /* @__PURE__ */ u(V.Provider, {
+		children: /* @__PURE__ */ u(en, {
+			initialUser: _,
+			children: /* @__PURE__ */ u(U.Provider, {
 				value: f ?? null,
-				children: /* @__PURE__ */ u(H.Provider, {
-					value: S,
+				children: /* @__PURE__ */ u(me.Provider, {
+					value: w,
 					children: /* @__PURE__ */ d("div", {
-						...v,
+						...b,
 						className: "webim-page",
 						style: {
-							...b,
-							...ee(t, r),
+							...S,
+							...re(t, r),
 							...a
 						},
 						children: [
-							O,
-							/* @__PURE__ */ u("style", { children: A }),
-							/* @__PURE__ */ u("style", { children: y }),
-							C && /* @__PURE__ */ u("style", { children: C }),
-							w && /* @__PURE__ */ u("style", { children: w }),
+							A,
+							/* @__PURE__ */ u("style", { children: j }),
+							/* @__PURE__ */ u("style", { children: x }),
 							T && /* @__PURE__ */ u("style", { children: T }),
-							x
+							E && /* @__PURE__ */ u("style", { children: E }),
+							D && /* @__PURE__ */ u("style", { children: D }),
+							C
 						]
 					})
 				})
@@ -4005,8 +4061,8 @@ function fn({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function pn({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ u(fn, {
+function _n({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ u(gn, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -4023,7 +4079,7 @@ function pn({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/WebimPage.jsx
-function mn({ 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 vn({ 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
@@ -4033,7 +4089,7 @@ function mn({ apiUrl: e, tenant: t, slug: n, locale: r, preview: a, token: o, mo
 		onError: h
 	}, i(() => {
 		let i = !0;
-		return _({ status: "loading" }), ne({
+		return _({ status: "loading" }), se({
 			apiUrl: e,
 			tenant: t,
 			slug: n,
@@ -4060,11 +4116,11 @@ function mn({ 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(pn, {
+	]), g.status === "loading" ? f : g.status === "error" ? typeof p == "function" ? p(g.error) : p : /* @__PURE__ */ u(_n, {
 		bundle: g.bundle,
 		mode: l,
 		style: d
 	});
 }
 //#endregion
-export { fn as PageRenderer, pn as WebimContent, mn as WebimPage, ne as fetchPage, Ae as renderRichContent, L as resolveTheme };
+export { gn as PageRenderer, _n as WebimContent, vn as WebimPage, se as fetchPage, Ne as renderRichContent, ie as resolveTheme };