webim-adapter 2.0.1 → 2.0.2

package/build/webim-ssr.js

@@ -5383,11 +5383,113 @@ function nr({ dialogId: e = "", trigger: t = "button", triggerLabel: n = "Open",
 		})]
 	});
 }
-var rr = {
+function rr({ dropdownId: e = "", trigger: t = "button", triggerLabel: n = "Menu", openOn: r = "hover", align: i = "left", panelWidth: o = "", offset: s = 8, editorOpen: u = !0, linked: p, style: m, nodeRef: h, inert: g = !1 }) {
+	let [_, v] = l(!1), y = c(null), b = c(null), x = r !== "click", S = () => {
+		b.current && clearTimeout(b.current), b.current = null;
+	}, C = () => {
+		S(), b.current = setTimeout(() => v(!1), 160);
+	};
+	a(() => {
+		if (g || !e) return;
+		let t = `[data-webim-toggle="${e}"]`, n = (e) => {
+			e.target.closest?.(t) && (e.preventDefault(), S(), v((e) => !e));
+		}, r = (e) => {
+			e.target.closest?.(t) && (S(), v(!0));
+		}, i = (e) => {
+			let n = e.target.closest?.(t);
+			!n || e.relatedTarget && n.contains(e.relatedTarget) || C();
+		};
+		return document.addEventListener("click", n), x && (document.addEventListener("mouseover", r), document.addEventListener("mouseout", i)), () => {
+			document.removeEventListener("click", n), document.removeEventListener("mouseover", r), document.removeEventListener("mouseout", i);
+		};
+	}, [
+		g,
+		e,
+		x
+	]), a(() => {
+		if (g || !_) return;
+		let t = (t) => {
+			y.current?.contains(t.target) || e && t.target.closest?.(`[data-webim-toggle="${e}"]`) || v(!1);
+		}, n = (e) => e.key === "Escape" && v(!1);
+		return document.addEventListener("mousedown", t), document.addEventListener("keydown", n), () => {
+			document.removeEventListener("mousedown", t), document.removeEventListener("keydown", n);
+		};
+	}, [
+		g,
+		_,
+		e
+	]), a(() => S, []);
+	let w = Number(o) > 0 ? Number(o) : null, T = g ? u !== !1 : _, E = /* @__PURE__ */ d("div", {
+		style: {
+			position: "absolute",
+			top: `calc(100% + ${Number(s) || 0}px)`,
+			...i === "right" ? { right: 0 } : i === "center" ? {
+				left: "50%",
+				transform: "translateX(-50%)"
+			} : { left: 0 },
+			zIndex: 60,
+			display: T ? "block" : "none",
+			minWidth: w ?? 240,
+			width: w ?? void 0,
+			maxWidth: "92vw",
+			padding: 14,
+			borderRadius: 10,
+			background: "var(--page-surface, #ffffff)",
+			color: "var(--page-text, inherit)",
+			border: "1px solid var(--page-border, rgba(148, 163, 184, 0.35))",
+			boxShadow: "0 16px 44px rgba(15, 23, 42, 0.22)",
+			...P(m)
+		},
+		children: p?.content ?? null
+	});
+	return /* @__PURE__ */ f("div", {
+		ref: (e) => {
+			y.current = e, h && h(e);
+		},
+		id: e || void 0,
+		onMouseEnter: !g && x ? () => {
+			S(), v(!0);
+		} : void 0,
+		onMouseLeave: !g && x ? C : void 0,
+		style: {
+			position: "relative",
+			display: "inline-block"
+		},
+		children: [t !== "none" && /* @__PURE__ */ f("button", {
+			type: "button",
+			"aria-haspopup": "true",
+			"aria-expanded": g ? void 0 : _,
+			onClick: () => !g && v((e) => !e),
+			style: {
+				padding: "9px 16px",
+				border: "1px solid var(--page-border, rgba(148, 163, 184, 0.35))",
+				borderRadius: 6,
+				cursor: "pointer",
+				fontSize: 15,
+				fontFamily: "inherit",
+				background: "var(--page-surface, transparent)",
+				color: "inherit",
+				display: "inline-flex",
+				alignItems: "center",
+				gap: 6
+			},
+			children: [n, /* @__PURE__ */ d("span", {
+				"aria-hidden": "true",
+				style: {
+					fontSize: 10,
+					opacity: .7
+				},
+				children: "▾"
+			})]
+		}), E]
+	});
+}
+var ir = {
 	PageRoot: Le,
 	CalendarBlock: Xn,
 	LogoCarousel: $n,
 	DialogBlock: nr,
+	DropdownBlock: rr,
 	Section: Re,
 	Container: ze,
 	Heading: Be,
@@ -5442,39 +5544,39 @@ var rr = {
 	FormFile: on,
 	FormRecaptcha: $t,
 	FormSubmit: sn
-}, ir = {
+}, ar = {
 	id: "auth",
 	label: "Accounts",
 	category: "Apps",
 	keys: ["SiteLoginForm", "SiteAccountMenu"],
 	ssr: "shell",
 	settings: ["site.authRedirect"]
-}, ar = n({
+}, or = n({
 	user: null,
 	status: "idle",
 	ensure: () => {},
 	refresh: () => {},
 	signOut: () => {}
 });
-function or(e, t) {
+function sr(e, t) {
 	return t ? /^https?:\/\//i.test(t) ? t : `${e.replace(/\/+$/, "")}${t.startsWith("/") ? t : `/${t}`}` : "";
 }
-function sr(e) {
+function cr(e) {
 	let t = e && typeof e == "object" ? e["site.session"] : null, n = t && typeof t == "object" && !Array.isArray(t) ? t : {}, r = (e) => typeof e == "string" ? e.trim() : "", i = r(n.url), a = r(n.mePath), o = r(n.logoutPath);
 	return {
 		mode: n.mode === "custom" || n.mode === "off" ? n.mode : "system",
 		url: i,
 		mePath: a,
 		logoutPath: o,
-		meUrl: or(i, a),
-		logoutUrl: or(i, o),
+		meUrl: sr(i, a),
+		logoutUrl: sr(i, o),
 		loginPage: r(n.loginPage),
 		userPath: r(n.userPath),
 		auth: n.auth === "bearer" ? "bearer" : "cookies",
 		tokenKey: r(n.tokenKey) || "webim_session_token"
 	};
 }
-function cr(e, t) {
+function lr(e, t) {
 	if (!t) return e ?? null;
 	let n = e;
 	for (let e of t.split(".")) {
@@ -5483,26 +5585,26 @@ function cr(e, t) {
 	}
 	return n ?? null;
 }
-function lr(e) {
+function ur(e) {
 	try {
 		return window.localStorage.getItem(e) || "";
 	} catch {
 		return "";
 	}
 }
-function ur(e) {
+function dr(e) {
 	try {
 		window.localStorage.removeItem(e);
 	} catch {}
 }
-var dr = () => {
-	let e = i(ar);
+var fr = () => {
+	let e = i(or);
 	return a(() => {
 		e.ensure();
 	}, [e]), e;
 };
-function fr({ children: e, initialUser: t, disabled: n, apiUrl: o, tenant: u }) {
-	let f = i(Y), p = o || f?.apiUrl || "/api", m = u || f?.tenant || "", h = s(() => sr(f?.settings), [f?.settings]), [g, _] = l(t ?? null), [v, y] = l(t ? "user" : n ? "guest" : "idle"), b = c(!1), x = r((e, t) => fetch(`${p}${e}`, {
+function pr({ children: e, initialUser: t, disabled: n, apiUrl: o, tenant: u }) {
+	let f = i(Y), p = o || f?.apiUrl || "/api", m = u || f?.tenant || "", h = s(() => cr(f?.settings), [f?.settings]), [g, _] = l(t ?? null), [v, y] = l(t ? "user" : n ? "guest" : "idle"), b = c(!1), x = r((e, t) => fetch(`${p}${e}`, {
 		...t,
 		credentials: "include",
 		headers: {
@@ -5514,9 +5616,9 @@ function fr({ children: e, initialUser: t, disabled: n, apiUrl: o, tenant: u })
 		if (n) return Promise.resolve(null);
 		if (h.mode === "off") return Promise.resolve(S(null));
 		if (h.mode === "custom") {
-			let e = h.auth === "bearer" ? lr(h.tokenKey) : "";
+			let e = h.auth === "bearer" ? ur(h.tokenKey) : "";
 			return !h.meUrl || h.auth === "bearer" && !e ? Promise.resolve(S(null)) : fetch(h.meUrl, { ...h.auth === "bearer" ? { headers: { authorization: `Bearer ${e}` } } : { credentials: "include" } }).then((e) => e.ok ? e.json() : null).then((e) => {
-				let t = cr(e, h.userPath);
+				let t = lr(e, h.userPath);
 				return S(t && typeof t == "object" ? t : null);
 			}).catch(() => S(null));
 		}
@@ -5529,12 +5631,12 @@ function fr({ children: e, initialUser: t, disabled: n, apiUrl: o, tenant: u })
 	]), w = r(() => {
 		if (h.mode === "off") return S(null), Promise.resolve();
 		if (h.mode === "custom") {
-			let e = h.auth === "bearer" ? lr(h.tokenKey) : "";
+			let e = h.auth === "bearer" ? ur(h.tokenKey) : "";
 			return (h.logoutUrl ? fetch(h.logoutUrl, {
 				method: "post",
 				...h.auth === "bearer" ? { headers: e ? { authorization: `Bearer ${e}` } : {} } : { credentials: "include" }
 			}).catch(() => {}) : Promise.resolve()).then(() => {
-				h.auth === "bearer" && ur(h.tokenKey), S(null);
+				h.auth === "bearer" && dr(h.tokenKey), S(null);
 			});
 		}
 		return x("/site/logout", { method: "post" }).catch(() => {}).then(() => {
@@ -5584,18 +5686,18 @@ function fr({ children: e, initialUser: t, disabled: n, apiUrl: o, tenant: u })
 		h.loginPage,
 		C,
 		w
-	]), /* @__PURE__ */ d(ar.Provider, {
+	]), /* @__PURE__ */ d(or.Provider, {
 		value: E,
 		children: e
 	});
 }
-function pr({ when: e, children: t }) {
-	let { status: n } = dr();
+function mr({ when: e, children: t }) {
+	let { status: n } = fr();
 	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 mr({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: r = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: c, inert: u, linked: p, show: m }) {
+function hr({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: r = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: c, inert: u, linked: p, show: m }) {
 	let { tenant: h, apiUrl: g, settings: _ } = i(Y), [v, y] = l("form"), [b, x] = l(""), [S, C] = l(!1), w = e === "register", T = u ? m || "form" : v, E = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", D = async (e) => {
 		if (e.preventDefault(), u) return;
 		let n = new FormData(e.currentTarget);
@@ -5719,8 +5821,8 @@ function mr({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 		]
 	});
 }
-function hr({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !1, style: r, nodeRef: i, inert: a, linked: o, show: s }) {
-	let { user: c, status: l, signOut: u } = dr(), p = a ? s || "user" : l, m = a ? {
+function gr({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !1, style: r, nodeRef: i, inert: a, linked: o, show: s }) {
+	let { user: c, status: l, signOut: u } = fr(), p = a ? s || "user" : l, m = a ? {
 		name: "Ada Lovelace",
 		email: "ada@example.com"
 	} : c;
@@ -5785,40 +5887,40 @@ function hr({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/consent/manifest.js
-var gr = {
+var _r = {
 	id: "consent",
 	label: "Cookie consent",
 	category: "Apps",
 	keys: ["CookieConsent"],
 	ssr: "shell",
 	settings: []
-}, _r = "webim.cookie_consent";
-function vr() {
+}, vr = "webim.cookie_consent";
+function yr() {
 	try {
-		let e = window.localStorage.getItem(_r), t = e ? JSON.parse(e) : null;
+		let e = window.localStorage.getItem(vr), t = e ? JSON.parse(e) : null;
 		return t?.choice === "accepted" || t?.choice === "declined" ? t.choice : "";
 	} catch {
 		return "";
 	}
 }
-function yr(e) {
+function br(e) {
 	try {
 		document.querySelectorAll(".webim-page").forEach((t) => t.setAttribute("data-webim-consent", e));
 	} catch {}
 }
-function br(e) {
+function xr(e) {
 	try {
-		window.localStorage.setItem(_r, JSON.stringify({
+		window.localStorage.setItem(vr, JSON.stringify({
 			choice: e,
 			at: (/* @__PURE__ */ new Date()).toISOString()
 		}));
 	} catch {}
-	yr(e);
+	br(e);
 	try {
 		window.dispatchEvent(new CustomEvent("webim:consent", { detail: { choice: e } }));
 	} catch {}
 }
-var xr = {
+var Sr = {
 	bottom: {
 		left: 0,
 		right: 0,
@@ -5840,18 +5942,18 @@ var xr = {
 		maxWidth: 400
 	}
 };
-function Sr({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLabel: i, linkHref: o, position: s, linked: c, style: p, nodeRef: m, inert: h }) {
+function Cr({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLabel: i, linkHref: o, position: s, linked: c, style: p, nodeRef: m, inert: h }) {
 	let [g, _] = l(!!h), [v, y] = l(null), b = (e) => {
 		y(e), typeof m == "function" && m(e);
 	};
 	if (a(() => {
 		if (h) return;
-		let e = vr();
-		e ? yr(e) : _(!0);
+		let e = yr();
+		e ? br(e) : _(!0);
 	}, [h, v]), !g) return null;
 	let x = (e) => () => {
-		h || (br(e), _(!1));
-	}, S = xr[s] ?? xr.bottom, C = {
+		h || (xr(e), _(!1));
+	}, S = Sr[s] ?? Sr.bottom, C = {
 		appearance: "none",
 		font: "inherit",
 		fontSize: 14,
@@ -5931,37 +6033,37 @@ function Sr({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLab
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/language/manifest.js
-var Cr = {
+var wr = {
 	id: "language",
 	label: "Language",
 	category: "Apps",
 	keys: ["SiteLanguagePicker"],
 	ssr: "prefetch",
 	settings: ["locales"]
-}, wr = {
+}, Tr = {
 	id: "search",
 	label: "Search",
 	category: "Apps",
 	keys: ["SiteSearch"],
 	ssr: "prefetch",
 	settings: []
-}, Tr = 50, Er = 2e3;
-function Dr() {
+}, Er = 50, Dr = 2e3;
+function Or() {
 	return typeof window > "u" ? "" : new URLSearchParams(window.location.search).get("q") ?? "";
 }
-function Or(e, t) {
+function kr(e, t) {
 	let n = e?.data ?? {}, r = [];
 	for (let e of Object.values(n)) {
 		let t = e == null ? "" : Ee(e);
-		if (t && r.push(t), r.join(" ").length > Er) break;
+		if (t && r.push(t), r.join(" ").length > Dr) break;
 	}
-	return r.join(" ").slice(0, Er).toLocaleLowerCase(t || void 0);
+	return r.join(" ").slice(0, Dr).toLocaleLowerCase(t || void 0);
 }
-function kr({ placeholder: e = "Search…", buttonLabel: t = "Search", showButton: n = !0, live: r = !1, layout: o = "inline", includePages: s = !0, collections: u = [], limit: p = 10, emptyText: m = "Nothing found", hint: h = "", style: g, nodeRef: _, inert: v = !1, sample: y = !1 }) {
-	let { tenant: b, apiUrl: x, locale: S } = i(Y), [C, w] = l(() => Dr()), [T, E] = l(() => Dr()), [D, O] = l(null), [k, A] = l(!1), j = c(null), M = o === "popup";
+function Ar({ placeholder: e = "Search…", buttonLabel: t = "Search", showButton: n = !0, live: r = !1, layout: o = "inline", includePages: s = !0, collections: u = [], limit: p = 10, emptyText: m = "Nothing found", hint: h = "", style: g, nodeRef: _, inert: v = !1, sample: y = !1 }) {
+	let { tenant: b, apiUrl: x, locale: S } = i(Y), [C, w] = l(() => Or()), [T, E] = l(() => Or()), [D, O] = l(null), [k, A] = l(!1), j = c(null), M = o === "popup";
 	a(() => {
 		let e = () => {
-			let e = Dr();
+			let e = Or();
 			w(e), E(e);
 		};
 		return window.addEventListener("popstate", e), window.addEventListener("webim:urlchange", e), () => {
@@ -6012,7 +6114,7 @@ function kr({ placeholder: e = "Search…", buttonLabel: t = "Search", showButto
 		});
 	}
 	else for (let t of e.rows) {
-		if (!Or(t, S).includes(N)) continue;
+		if (!kr(t, S).includes(N)) continue;
 		let n = t?.data ?? {}, r = Ee(n.name) || "Untitled", i = Ee(n.slug);
 		F.push({
 			key: `entry:${t.id}`,
@@ -6021,7 +6123,7 @@ function kr({ placeholder: e = "Search…", buttonLabel: t = "Search", showButto
 			kind: "entry"
 		});
 	}
-	let I = F.slice(0, Math.min(Math.max(1, p), Tr)), L = (e) => {
+	let I = F.slice(0, Math.min(Math.max(1, p), Er)), L = (e) => {
 		if (v) {
 			e.preventDefault(), w(T), A(!0);
 			return;
@@ -6161,21 +6263,21 @@ function kr({ placeholder: e = "Search…", buttonLabel: t = "Search", showButto
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/language/views.jsx
-function Ar(e) {
+function jr(e) {
 	let t = e?.locales, n = [typeof t?.default == "string" && t.default.trim() ? t.default.trim() : "", ...Array.isArray(t?.enabled) ? t.enabled : []].filter((e) => typeof e == "string" && e.trim());
 	return [...new Set(n.map((e) => e.trim()))];
 }
-var jr = (e) => e && e.charAt(0).toUpperCase() + e.slice(1);
-function Mr(e, t) {
+var Mr = (e) => e && e.charAt(0).toUpperCase() + e.slice(1);
+function Nr(e, t) {
 	let n = String(e ?? "").toUpperCase();
 	if (t === "code") return n;
 	let r = "";
 	try {
-		r = jr(new Intl.DisplayNames([e], { type: "language" }).of(e) ?? "");
+		r = Mr(new Intl.DisplayNames([e], { type: "language" }).of(e) ?? "");
 	} catch {}
 	return !r || r.toUpperCase() === n ? n : t === "both" ? `${n} — ${r}` : r;
 }
-function Nr(e, t) {
+function Pr(e, t) {
 	let n = t ? "" : `?locale=${encodeURIComponent(e)}`;
 	if (typeof window > "u") return n || "?";
 	try {
@@ -6185,8 +6287,8 @@ function Nr(e, t) {
 		return n || "/";
 	}
 }
-function Pr({ variant: e, display: t, separator: n, label: r, style: a, nodeRef: o, inert: s }) {
-	let c = i(Y), l = Ar(c?.settings), u = l[0] ?? "", p = l.includes(c?.locale) ? c.locale : u, m = {
+function Fr({ variant: e, display: t, separator: n, label: r, style: a, nodeRef: o, inert: s }) {
+	let c = i(Y), l = jr(c?.settings), u = l[0] ?? "", p = l.includes(c?.locale) ? c.locale : u, m = {
 		display: "inline-flex",
 		alignItems: "center",
 		gap: 8,
@@ -6221,7 +6323,7 @@ function Pr({ variant: e, display: t, separator: n, label: r, style: a, nodeRef:
 				style: { opacity: .4 },
 				children: n ?? "·"
 			}), /* @__PURE__ */ d("a", {
-				href: Nr(e, e === u),
+				href: Pr(e, e === u),
 				hrefLang: e,
 				"aria-current": e === p ? "true" : void 0,
 				onClick: s ? (e) => e.preventDefault() : void 0,
@@ -6231,7 +6333,7 @@ function Pr({ variant: e, display: t, separator: n, label: r, style: a, nodeRef:
 					textDecoration: "none",
 					cursor: s ? "default" : "pointer"
 				},
-				children: Mr(e, t)
+				children: Nr(e, t)
 			})]
 		}, e))]
 	}) : /* @__PURE__ */ f("div", {
@@ -6242,7 +6344,7 @@ function Pr({ variant: e, display: t, separator: n, label: r, style: a, nodeRef:
 			value: p,
 			onChange: s ? void 0 : (e) => {
 				let t = e.target.value;
-				window.location.assign(Nr(t, t === u));
+				window.location.assign(Pr(t, t === u));
 			},
 			onKeyDown: s ? (e) => e.preventDefault() : void 0,
 			style: {
@@ -6256,47 +6358,47 @@ function Pr({ variant: e, display: t, separator: n, label: r, style: a, nodeRef:
 			},
 			children: l.map((e) => /* @__PURE__ */ d("option", {
 				value: e,
-				children: Mr(e, t)
+				children: Nr(e, t)
 			}, e))
 		})]
 	});
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/index.js
-var Fr = [
-	ir,
-	Cr,
-	gr,
-	wr
-], Ir = {
-	SiteLoginForm: mr,
-	SiteAccountMenu: hr,
-	SiteLanguagePicker: Pr,
-	CookieConsent: Sr,
-	SiteSearch: kr
+var Ir = [
+	ar,
+	wr,
+	_r,
+	Tr
+], Lr = {
+	SiteLoginForm: hr,
+	SiteAccountMenu: gr,
+	SiteLanguagePicker: Fr,
+	CookieConsent: Cr,
+	SiteSearch: Ar
 };
-new Set(Fr.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
+new Set(Ir.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
 //#endregion
 //#region ../ui/src/components/builder/three/runtime.js
-var Lr = "0.185.1", Rr = "4.2.0", zr = "https://cdn.jsdelivr.net/npm", Br = `${zr}/three@${Lr}/+esm`, Vr = `${zr}/@google/model-viewer@${Rr}/dist/model-viewer.min.js`, Hr = (e) => import(
+var Rr = "0.185.1", zr = "4.2.0", Br = "https://cdn.jsdelivr.net/npm", Vr = `${Br}/three@${Rr}/+esm`, Hr = `${Br}/@google/model-viewer@${zr}/dist/model-viewer.min.js`, Ur = (e) => import(
 	/* @vite-ignore */
 	/* webpackIgnore: true */
 	e
-), Ur = /* @__PURE__ */ new Map();
-function Wr(e) {
-	if (Ur.has(e)) return Ur.get(e);
+), Wr = /* @__PURE__ */ new Map();
+function Gr(e) {
+	if (Wr.has(e)) return Wr.get(e);
 	if (typeof window > "u") return new Promise(() => {});
-	let t = Hr(e).catch((t) => {
-		throw Ur.delete(e), t;
+	let t = Ur(e).catch((t) => {
+		throw Wr.delete(e), t;
 	});
-	return Ur.set(e, t), t;
+	return Wr.set(e, t), t;
 }
-var Gr = () => Wr(Br), Kr = (e) => Wr(`${zr}/three@${Lr}/examples/jsm/${e}/+esm`);
-function qr() {
-	return typeof window < "u" && window.customElements?.get("model-viewer") ? Promise.resolve(null) : Wr(Vr);
+var Kr = () => Gr(Vr), qr = (e) => Gr(`${Br}/three@${Rr}/examples/jsm/${e}/+esm`);
+function Jr() {
+	return typeof window < "u" && window.customElements?.get("model-viewer") ? Promise.resolve(null) : Gr(Hr);
 }
-var Jr = () => typeof window < "u" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, Yr = (e = 2) => Math.min(typeof window > "u" ? 1 : window.devicePixelRatio || 1, e);
-function Xr(e, t) {
+var Yr = () => typeof window < "u" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, Xr = (e = 2) => Math.min(typeof window > "u" ? 1 : window.devicePixelRatio || 1, e);
+function Zr(e, t) {
 	let n = 0, r = 0, i = 0, a = !0, o = (e) => {
 		n = requestAnimationFrame(o), i ||= e;
 		let a = r ? (e - r) / 1e3 : 0;
@@ -6315,7 +6417,7 @@ function Xr(e, t) {
 		s(), l?.disconnect(), document.removeEventListener("visibilitychange", c);
 	};
 }
-function Zr(e, t, n = {}) {
+function Qr(e, t, n = {}) {
 	let r = {
 		radius: n.distance ?? 4,
 		polar: n.polar ?? Math.PI / 2.4,
@@ -6364,13 +6466,13 @@ function Zr(e, t, n = {}) {
 }
 //#endregion
 //#region ../ui/src/components/builder/three/views.jsx
-var Qr = (e, t) => Number.isFinite(Number(e)) && Number(e) > 0 ? Number(e) : t, $r = (e, t) => (Number.isFinite(Number(e)) ? Number(e) : t) / 100, ei = (e) => (Number.isFinite(Number(e)) ? Number(e) : 0) * Math.PI / 180, ti = (e) => typeof e == "string" && !!e.trim();
-function ni({ label: e, note: t, height: n, nodeRef: r, style: i }) {
+var $r = (e, t) => Number.isFinite(Number(e)) && Number(e) > 0 ? Number(e) : t, ei = (e, t) => (Number.isFinite(Number(e)) ? Number(e) : t) / 100, ti = (e) => (Number.isFinite(Number(e)) ? Number(e) : 0) * Math.PI / 180, ni = (e) => typeof e == "string" && !!e.trim();
+function ri({ label: e, note: t, height: n, nodeRef: r, style: i }) {
 	return /* @__PURE__ */ f("div", {
 		ref: r,
 		style: {
 			...P(i),
-			minHeight: Qr(n, 320),
+			minHeight: $r(n, 320),
 			display: "flex",
 			flexDirection: "column",
 			alignItems: "center",
@@ -6398,24 +6500,24 @@ function ni({ label: e, note: t, height: n, nodeRef: r, style: i }) {
 		}) : null]
 	});
 }
-function ri({ src: e, poster: t, alt: n, height: r, bg: i, autoRotate: o, rotateDelay: s, cameraControls: c, ar: u, exposure: f, shadow: p, fieldOfView: m, environment: h, style: g, nodeRef: _, inert: v }) {
+function ii({ src: e, poster: t, alt: n, height: r, bg: i, autoRotate: o, rotateDelay: s, cameraControls: c, ar: u, exposure: f, shadow: p, fieldOfView: m, environment: h, style: g, nodeRef: _, inert: v }) {
 	let [y, b] = l(typeof window < "u" && !!window.customElements?.get("model-viewer")), [x, S] = l(!1);
 	a(() => {
 		if (y || !e) return;
 		let t = !0;
-		return qr().then(() => t && b(!0), () => t && S(!0)), () => {
+		return Jr().then(() => t && b(!0), () => t && S(!0)), () => {
 			t = !1;
 		};
 	}, [y, e]);
 	let C = {
 		display: "block",
 		width: "100%",
-		minHeight: Qr(r, 360),
-		height: Qr(r, 360),
+		minHeight: $r(r, 360),
+		height: $r(r, 360),
 		backgroundColor: i || "transparent",
 		...P(g)
 	};
-	if (!e) return v ? /* @__PURE__ */ d(ni, {
+	if (!e) return v ? /* @__PURE__ */ d(ri, {
 		nodeRef: _,
 		style: g,
 		height: r,
@@ -6450,13 +6552,13 @@ function ri({ src: e, poster: t, alt: n, height: r, bg: i, autoRotate: o, rotate
 		poster: t || void 0,
 		style: C,
 		"camera-controls": w(!v && c !== !1),
-		"auto-rotate": w(T && !Jr()),
-		"auto-rotate-delay": T ? String(Qr(s, 0)) : void 0,
+		"auto-rotate": w(T && !Yr()),
+		"auto-rotate-delay": T ? String($r(s, 0)) : void 0,
 		"rotation-per-second": "18deg",
 		ar: w(!v && u === !0),
 		"ar-modes": "webxr scene-viewer quick-look",
-		"shadow-intensity": String($r(p, 100)),
-		exposure: String($r(f, 100)),
+		"shadow-intensity": String(ei(p, 100)),
+		exposure: String(ei(f, 100)),
 		"field-of-view": m ? `${Number(m)}deg` : void 0,
 		"environment-image": h && h !== "neutral" ? h : "neutral",
 		"interaction-prompt": v ? "none" : void 0,
@@ -6474,7 +6576,7 @@ function ri({ src: e, poster: t, alt: n, height: r, bg: i, autoRotate: o, rotate
 		}) : null
 	});
 }
-var ii = ["attribute vec2 p;", "void main() { gl_Position = vec4(p, 0.0, 1.0); }"].join("\n"), ai = [
+var ai = ["attribute vec2 p;", "void main() { gl_Position = vec4(p, 0.0, 1.0); }"].join("\n"), oi = [
 	"precision highp float;",
 	"uniform vec2 u_res;",
 	"uniform float u_time;",
@@ -6497,7 +6599,7 @@ var ii = ["attribute vec2 p;", "void main() { gl_Position = vec4(p, 0.0, 1.0); }
 	"  return v;",
 	"}",
 	""
-].join("\n"), oi = {
+].join("\n"), si = {
 	gradient: [
 		"void main(){",
 		"  vec2 uv = gl_FragCoord.xy / u_res;",
@@ -6549,7 +6651,7 @@ var ii = ["attribute vec2 p;", "void main() { gl_Position = vec4(p, 0.0, 1.0); }
 		"}"
 	].join("\n")
 };
-function si(e, t) {
+function ci(e, t) {
 	let n = /^#?([0-9a-f]{6})$/i.exec(String(e ?? "").trim());
 	if (!n) return t;
 	let r = parseInt(n[1], 16);
@@ -6559,7 +6661,7 @@ function si(e, t) {
 		(r & 255) / 255
 	];
 }
-function ci(e, t, n) {
+function li(e, t, n) {
 	let r = e.createShader(t);
 	if (e.shaderSource(r, n), e.compileShader(r), !e.getShaderParameter(r, e.COMPILE_STATUS)) {
 		let t = e.getShaderInfoLog(r);
@@ -6567,13 +6669,13 @@ function ci(e, t, n) {
 	}
 	return r;
 }
-function li({ preset: e, code: t, colorA: n, colorB: r, colorC: i, speed: o, scale: s, height: u, interactive: p, style: m, nodeRef: h, inert: g }) {
+function ui({ preset: e, code: t, colorA: n, colorB: r, colorC: i, speed: o, scale: s, height: u, interactive: p, style: m, nodeRef: h, inert: g }) {
 	let _ = c(null), v = c(null), y = c(null), [b, x] = l("");
 	a(() => () => {
 		let e = y.current;
 		y.current = null, e?.getExtension("WEBGL_lose_context")?.loseContext();
 	}, []);
-	let S = typeof t == "string" && t.trim() ? t : oi[e] ?? oi.gradient, C = String(n ?? ""), w = String(r ?? ""), T = String(i ?? ""), E = $r(o, 100), D = Math.max(.05, $r(s, 100));
+	let S = typeof t == "string" && t.trim() ? t : si[e] ?? si.gradient, C = String(n ?? ""), w = String(r ?? ""), T = String(i ?? ""), E = ei(o, 100), D = Math.max(.05, ei(s, 100));
 	return a(() => {
 		let e = _.current, t = v.current;
 		if (!e || !t) return;
@@ -6588,7 +6690,7 @@ function li({ preset: e, code: t, colorA: n, colorB: r, colorC: i, speed: o, sca
 		}
 		let r = null;
 		try {
-			let e = ci(n, n.VERTEX_SHADER, ii), t = ci(n, n.FRAGMENT_SHADER, ai + S);
+			let e = li(n, n.VERTEX_SHADER, ai), t = li(n, n.FRAGMENT_SHADER, oi + S);
 			if (r = n.createProgram(), n.attachShader(r, e), n.attachShader(r, t), n.linkProgram(r), !n.getProgramParameter(r, n.LINK_STATUS)) throw Error(n.getProgramInfoLog(r) || "Link failed");
 			x("");
 		} catch (e) {
@@ -6624,28 +6726,28 @@ function li({ preset: e, code: t, colorA: n, colorB: r, colorC: i, speed: o, sca
 		};
 		p !== !1 && t.addEventListener("pointermove", l);
 		let u = () => {
-			let r = Yr(), i = Math.max(1, Math.round(t.clientWidth * r)), a = Math.max(1, Math.round(t.clientHeight * r));
+			let r = Xr(), i = Math.max(1, Math.round(t.clientWidth * r)), a = Math.max(1, Math.round(t.clientHeight * r));
 			(e.width !== i || e.height !== a) && (e.width = i, e.height = a, n.viewport(0, 0, i, a));
 		}, d = typeof ResizeObserver > "u" ? null : new ResizeObserver(u);
 		d?.observe(t), u();
-		let f = Jr(), m = {
-			a: si(C, [
+		let f = Yr(), m = {
+			a: ci(C, [
 				.35,
 				.4,
 				.95
 			]),
-			b: si(w, [
+			b: ci(w, [
 				.05,
 				.06,
 				.16
 			]),
-			c: si(T, [
+			c: ci(T, [
 				.95,
 				.35,
 				.6
 			])
 		}, h = {};
-		return h.stop = Xr(t, (t, r) => {
+		return h.stop = Zr(t, (t, r) => {
 			u(), n.uniform2f(s.res, e.width, e.height), n.uniform1f(s.time, (f ? 0 : r) * E), n.uniform2f(s.mouse, c.x, c.y), n.uniform3fv(s.a, m.a), n.uniform3fv(s.b, m.b), n.uniform3fv(s.c, m.c), n.uniform1f(s.scale, D), n.drawArrays(n.TRIANGLES, 0, 3), f && h.stop?.();
 		}), () => {
 			h.stop?.(), d?.disconnect(), t.removeEventListener("pointermove", l), n.deleteProgram(r), n.deleteBuffer(i);
@@ -6664,7 +6766,7 @@ function li({ preset: e, code: t, colorA: n, colorB: r, colorC: i, speed: o, sca
 		},
 		style: {
 			position: "relative",
-			minHeight: Qr(u, 320),
+			minHeight: $r(u, 320),
 			overflow: "hidden",
 			...P(m)
 		},
@@ -6696,7 +6798,7 @@ function li({ preset: e, code: t, colorA: n, colorB: r, colorC: i, speed: o, sca
 		}) : null]
 	});
 }
-function ui(e, t) {
+function di(e, t) {
 	let n = new e.Scene(), r = new e.BoxGeometry();
 	r.deleteAttribute("uv");
 	let i = new e.Mesh(r, new e.MeshBasicMaterial({
@@ -6712,23 +6814,23 @@ function ui(e, t) {
 	let o = new e.PMREMGenerator(t), s = o.fromScene(n, .04);
 	return o.dispose(), r.dispose(), n.traverse((e) => e.material?.dispose?.()), s.texture;
 }
-var di = /* @__PURE__ */ new Map();
-function fi(e) {
-	if (di.has(e)) return di.get(e);
-	let t = Kr("loaders/GLTFLoader.js").then((t) => new Promise((n, r) => {
+var fi = /* @__PURE__ */ new Map();
+function pi(e) {
+	if (fi.has(e)) return fi.get(e);
+	let t = qr("loaders/GLTFLoader.js").then((t) => new Promise((n, r) => {
 		new t.GLTFLoader().load(e, (e) => n(e.scene), void 0, r);
 	})).catch((t) => {
-		throw di.delete(e), t;
+		throw fi.delete(e), t;
 	});
-	return di.set(e, t), t;
+	return fi.set(e, t), t;
 }
-function pi(e, t) {
+function mi(e, t) {
 	let n = new e.Box3().setFromObject(t);
 	if (n.isEmpty()) return t;
 	let r = n.getSize(new e.Vector3()), i = n.getCenter(new e.Vector3()), a = Math.max(r.x, r.y, r.z) || 1, o = new e.Group();
 	return t.position.sub(i), t.scale.multiplyScalar(1 / a), t.position.multiplyScalar(1 / a), o.add(t), o;
 }
-var mi = {
+var hi = {
 	box: (e) => new e.BoxGeometry(1, 1, 1, 1, 1, 1),
 	sphere: (e) => new e.SphereGeometry(.62, 48, 32),
 	torus: (e) => new e.TorusGeometry(.5, .2, 24, 64),
@@ -6737,50 +6839,50 @@ var mi = {
 	cylinder: (e) => new e.CylinderGeometry(.45, .45, 1.1, 48),
 	plane: (e) => new e.PlaneGeometry(1.4, 1.4),
 	capsule: (e) => new e.CapsuleGeometry(.35, .6, 8, 32)
-}, hi = (e, t) => Number.isFinite(Number(e)) ? Number(e) : t;
-function gi({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate: i, spinSpeed: o, controls: s, ground: u, height: f, style: p, nodeRef: m, inert: h }) {
-	let g = c(null), [_, v] = l(!1), y = Array.isArray(e) ? e.filter((e) => e && typeof e == "object") : [], b = JSON.stringify(y), x = i !== !1 && !Jr(), S = s !== !1 && !h;
+}, gi = (e, t) => Number.isFinite(Number(e)) ? Number(e) : t;
+function _i({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate: i, spinSpeed: o, controls: s, ground: u, height: f, style: p, nodeRef: m, inert: h }) {
+	let g = c(null), [_, v] = l(!1), y = Array.isArray(e) ? e.filter((e) => e && typeof e == "object") : [], b = JSON.stringify(y), x = i !== !1 && !Yr(), S = s !== !1 && !h;
 	return a(() => {
 		let e = g.current;
 		if (!e) return;
 		let i = !0, a = null;
-		return Gr().then((s) => {
+		return Kr().then((s) => {
 			if (!i || !e) return;
 			let c = new s.WebGLRenderer({
 				antialias: !0,
 				alpha: !t
 			});
-			c.setPixelRatio(Yr()), c.shadowMap.enabled = u !== !1, c.shadowMap.type = s.PCFSoftShadowMap, c.outputColorSpace = s.SRGBColorSpace, c.toneMapping = s.ACESFilmicToneMapping, c.domElement.style.display = "block", c.domElement.style.width = "100%", c.domElement.style.height = "100%", e.appendChild(c.domElement);
+			c.setPixelRatio(Xr()), c.shadowMap.enabled = u !== !1, c.shadowMap.type = s.PCFSoftShadowMap, c.outputColorSpace = s.SRGBColorSpace, c.toneMapping = s.ACESFilmicToneMapping, c.domElement.style.display = "block", c.domElement.style.width = "100%", c.domElement.style.height = "100%", e.appendChild(c.domElement);
 			let l = new s.Scene();
-			t && (l.background = new s.Color(t)), l.environment = ui(s, c);
-			let d = new s.PerspectiveCamera(hi(r, 45), 1, .1, 400), f = Zr(d, c.domElement, {
-				distance: hi(n, 5),
+			t && (l.background = new s.Color(t)), l.environment = di(s, c);
+			let d = new s.PerspectiveCamera(gi(r, 45), 1, .1, 400), f = Qr(d, c.domElement, {
+				distance: gi(n, 5),
 				enableZoom: S
 			}), p = new s.DirectionalLight(16777215, 2.2);
 			p.position.set(4, 7, 5), p.castShadow = u !== !1, p.shadow.mapSize.set(1024, 1024), p.shadow.camera.near = .5, p.shadow.camera.far = 30, l.add(p, new s.AmbientLight(16777215, .35));
 			let m = [], h = new s.Group(), g = (e, t) => {
-				let n = hi(t.scale, 1);
-				e.position.set(hi(t.x, 0), hi(t.y, 0), hi(t.z, 0)), e.rotation.set(ei(t.rx), ei(t.ry), ei(t.rz)), e.scale.setScalar(n > 0 ? n : 1), e.userData.spin = ei(t.spin);
+				let n = gi(t.scale, 1);
+				e.position.set(gi(t.x, 0), gi(t.y, 0), gi(t.z, 0)), e.rotation.set(ti(t.rx), ti(t.ry), ti(t.rz)), e.scale.setScalar(n > 0 ? n : 1), e.userData.spin = ti(t.spin);
 			};
 			for (let e of y) {
 				if (e.shape === "model") {
-					if (!ti(e.src)) continue;
+					if (!ni(e.src)) continue;
 					let t = new s.Group();
-					g(t, e), h.add(t), fi(e.src).then((e) => {
+					g(t, e), h.add(t), pi(e.src).then((e) => {
 						if (!i) return;
-						let n = pi(s, e.clone(!0));
+						let n = mi(s, e.clone(!0));
 						n.traverse((e) => {
 							e.isMesh && (e.castShadow = !0, e.receiveShadow = !0);
 						}), t.add(n);
 					}, () => {});
 					continue;
 				}
-				let t = (mi[e.shape] ?? mi.box)(s), n = new s.MeshStandardMaterial({
+				let t = (hi[e.shape] ?? hi.box)(s), n = new s.MeshStandardMaterial({
 					color: /^#?[0-9a-f]{6}$/i.test(String(e.color ?? "")) ? e.color : "#6366f1",
-					metalness: Math.min(1, Math.max(0, $r(e.metalness, 10))),
-					roughness: Math.min(1, Math.max(0, $r(e.roughness, 35))),
-					transparent: $r(e.opacity, 100) < 1,
-					opacity: Math.min(1, Math.max(0, $r(e.opacity, 100))),
+					metalness: Math.min(1, Math.max(0, ei(e.metalness, 10))),
+					roughness: Math.min(1, Math.max(0, ei(e.roughness, 35))),
+					transparent: ei(e.opacity, 100) < 1,
+					opacity: Math.min(1, Math.max(0, ei(e.opacity, 100))),
 					flatShading: e.flat === !0,
 					wireframe: e.wireframe === !0,
 					side: e.shape === "plane" ? s.DoubleSide : s.FrontSide
@@ -6791,14 +6893,14 @@ function gi({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate:
 			let _ = null;
 			if (u !== !1) {
 				let e = new s.ShadowMaterial({ opacity: .22 }), t = new s.PlaneGeometry(60, 60);
-				_ = new s.Mesh(t, e), _.rotation.x = -Math.PI / 2, _.position.y = hi(u === !0 ? 0 : u, -.85), _.receiveShadow = !0, l.add(_), m.push(t, e);
+				_ = new s.Mesh(t, e), _.rotation.x = -Math.PI / 2, _.position.y = gi(u === !0 ? 0 : u, -.85), _.receiveShadow = !0, l.add(_), m.push(t, e);
 			}
 			let v = () => {
 				let t = Math.max(1, e.clientWidth), n = Math.max(1, e.clientHeight);
 				c.setSize(t, n, !1), d.aspect = t / n, d.updateProjectionMatrix();
 			}, b = typeof ResizeObserver > "u" ? null : new ResizeObserver(v);
 			b?.observe(e), v();
-			let C = ei(Number.isFinite(Number(o)) ? o : 20), w = Xr(e, (e) => {
+			let C = ti(Number.isFinite(Number(o)) ? o : 20), w = Zr(e, (e) => {
 				f.autoSpin(x ? C : 0, e), f.update();
 				for (let t of h.children) t.userData.spin && (t.rotation.y += t.userData.spin * e);
 				c.render(l, d);
@@ -6822,7 +6924,7 @@ function gi({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate:
 		o,
 		S,
 		u
-	]), _ && h ? /* @__PURE__ */ d(ni, {
+	]), _ && h ? /* @__PURE__ */ d(ri, {
 		nodeRef: m,
 		style: p,
 		height: f,
@@ -6833,27 +6935,27 @@ function gi({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate:
 			g.current = e, typeof m == "function" && m(e);
 		},
 		style: {
-			minHeight: Qr(f, 380),
-			height: Qr(f, 380),
+			minHeight: $r(f, 380),
+			height: $r(f, 380),
 			overflow: "hidden",
 			touchAction: S ? "pan-y" : void 0,
 			...P(p)
 		}
 	});
 }
-function _i({ code: e, height: t, background: n, style: r, nodeRef: i, inert: o }) {
+function vi({ code: e, height: t, background: n, style: r, nodeRef: i, inert: o }) {
 	let s = c(null), [u, f] = l("");
 	return a(() => {
 		let t = s.current;
 		if (o || !t || typeof e != "string" || !e.trim()) return;
 		let r = !0, i = null;
-		return Gr().then((a) => {
+		return Kr().then((a) => {
 			if (!r || !t) return;
 			let o = new a.WebGLRenderer({
 				antialias: !0,
 				alpha: !n
 			});
-			o.setPixelRatio(Yr()), o.outputColorSpace = a.SRGBColorSpace, o.domElement.style.display = "block", o.domElement.style.width = "100%", o.domElement.style.height = "100%", t.appendChild(o.domElement);
+			o.setPixelRatio(Xr()), o.outputColorSpace = a.SRGBColorSpace, o.domElement.style.display = "block", o.domElement.style.width = "100%", o.domElement.style.height = "100%", t.appendChild(o.domElement);
 			let s = new a.Scene();
 			n && (s.background = new a.Color(n));
 			let c = new a.PerspectiveCamera(45, 1, .1, 1e3);
@@ -6876,7 +6978,7 @@ function _i({ code: e, height: t, background: n, style: r, nodeRef: i, inert: o
 				o.setSize(e, n, !1), c.aspect = e / n, c.updateProjectionMatrix();
 			}, d = typeof ResizeObserver > "u" ? null : new ResizeObserver(u);
 			d?.observe(t), u();
-			let p = !1, m = Xr(t, (e, t) => {
+			let p = !1, m = Zr(t, (e, t) => {
 				if (!p && typeof l?.frame == "function") try {
 					l.frame(e, t);
 				} catch (e) {
@@ -6898,7 +7000,7 @@ function _i({ code: e, height: t, background: n, style: r, nodeRef: i, inert: o
 		e,
 		o,
 		n
-	]), o ? /* @__PURE__ */ d(ni, {
+	]), o ? /* @__PURE__ */ d(ri, {
 		nodeRef: i,
 		style: r,
 		height: t,
@@ -6909,8 +7011,8 @@ function _i({ code: e, height: t, background: n, style: r, nodeRef: i, inert: o
 			s.current = e, typeof i == "function" && i(e);
 		},
 		style: {
-			minHeight: Qr(t, 380),
-			height: Qr(t, 380),
+			minHeight: $r(t, 380),
+			height: $r(t, 380),
 			overflow: "hidden",
 			position: "relative",
 			touchAction: "pan-y",
@@ -6933,40 +7035,40 @@ function _i({ code: e, height: t, background: n, style: r, nodeRef: i, inert: o
 		}) : null
 	});
 }
-var vi = {
-	ModelViewerBlock: ri,
-	ShaderBlock: li,
-	SceneBlock: gi,
-	ThreeCanvasBlock: _i
-}, yi = /* @__PURE__ */ new Map();
-function bi(e) {
-	if (yi.has(e)) return yi.get(e);
+var yi = {
+	ModelViewerBlock: ii,
+	ShaderBlock: ui,
+	SceneBlock: _i,
+	ThreeCanvasBlock: vi
+}, bi = /* @__PURE__ */ new Map();
+function xi(e) {
+	if (bi.has(e)) return bi.get(e);
 	let t = URL.createObjectURL(new Blob([e], { type: "text/javascript" })), n = import(
 		/* @vite-ignore */
 		/* webpackIgnore: true */
 		t
 ).finally(() => URL.revokeObjectURL(t));
-	return yi.set(e, n), n;
+	return bi.set(e, n), n;
 }
-function xi(e) {
+function Si(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 Si(e, t) {
-	let n = await bi(e);
+async function Ci(e, t) {
+	let n = await xi(e);
 	return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
 }
-var Ci = {
+var wi = {
 	padding: "10px 12px",
 	border: "1px dashed rgba(148, 163, 184, 0.5)",
 	borderRadius: 8,
 	fontSize: 12,
 	opacity: .6
 };
-function wi({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
-	let s = i(Y), l = xi(s?.settings)[e], u = c(null), p = c(null), m = {
+function Ti({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
+	let s = i(Y), l = Si(s?.settings)[e], u = c(null), p = c(null), m = {
 		tenant: s?.tenant ?? "",
 		apiUrl: s?.apiUrl ?? "/api",
 		locale: s?.locale ?? "",
@@ -6978,7 +7080,7 @@ function wi({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 		let e = u.current;
 		if (!l?.code || !e) return;
 		let n = !0;
-		return Si(l.code, t).then((e) => {
+		return Ci(l.code, t).then((e) => {
 			if (!(!n || !e || !u.current)) {
 				p.current = e;
 				try {
@@ -7008,7 +7110,7 @@ function wi({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 	}) : /* @__PURE__ */ f("div", {
 		ref: o,
 		style: {
-			...Ci,
+			...wi,
 			...P(r)
 		},
 		children: [
@@ -7020,13 +7122,13 @@ function wi({ pluginId: e, blockId: t, props: n, style: r, nodeRef: o }) {
 }
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var Ti = {
-	...rr,
-	...Ir,
-	...vi,
-	PluginBlock: wi
+var Ei = {
+	...ir,
+	...Lr,
+	...yi,
+	PluginBlock: Ti
 };
-function Ei(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
+function Di(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[e];
 	if (!o || o.hidden) return null;
 	let s = o.type?.resolvedName, c = a?.mapProps ? a.mapProps(o.props ?? {}, s) : o.props ?? {};
@@ -7034,11 +7136,11 @@ function Ei(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let n = o.props?.componentId, s = r?.[n];
 		if (!s?.template || i.has(n)) return null;
 		let c = new Set(i).add(n);
-		return /* @__PURE__ */ d(t, { children: Ei(s.template.rootId, s.template.nodes, r, c, a) }, e);
+		return /* @__PURE__ */ d(t, { children: Di(s.template.rootId, s.template.nodes, r, c, a) }, e);
 	}
-	let l = Ti[s];
+	let l = Ei[s];
 	if (!l) return null;
-	let u = (o.nodes ?? []).map((e) => Ei(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, Ei(t, n, r, i, a)])) : void 0, m = /* @__PURE__ */ d(l, {
+	let u = (o.nodes ?? []).map((e) => Di(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, Di(t, n, r, i, a)])) : void 0, m = /* @__PURE__ */ d(l, {
 		...c,
 		...s === "CollectionList" ? { templateId: o.linkedNodes?.card } : null,
 		linked: p,
@@ -7047,16 +7149,16 @@ function Ei(e, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		},
 		children: u.length ? u : void 0
 	}, e);
-	return c.when && c.when !== "always" ? /* @__PURE__ */ d(pr, {
+	return c.when && c.when !== "always" ? /* @__PURE__ */ d(mr, {
 		when: c.when,
 		children: m
 	}, e) : m;
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var Di = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), Oi = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(me(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
+var Oi = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), ki = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(me(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
 .webim-page[data-webim-mode="dark"] { ${Object.entries(me(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
-function ki({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: o, animations: c, tenant: l, apiUrl: u, datasets: p, locale: m, direction: g, settings: _, siteUser: v }) {
+function Ai({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, custom: o, animations: c, tenant: l, apiUrl: u, datasets: p, locale: m, direction: g, settings: _, siteUser: v }) {
 	let y = o?.js?.trim();
 	if (a(() => {
 		if (!y) return;
@@ -7070,11 +7172,11 @@ function ki({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, w = Ei("ROOT", e, n), T = s(() => ({ render: (t, r) => Ei(t, e, n, void 0, { mapProps: r }) }), [e, n]), E = se(e, n), O = oe(e, n), k = o?.css?.trim(), j = S(c), M = pe(t), N = [M.font, M.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !ue[e]), P = [.../* @__PURE__ */ new Set([...A(e, n), ...N])].map((e) => /* @__PURE__ */ d("link", {
+	}, w = Di("ROOT", e, n), T = s(() => ({ render: (t, r) => Di(t, e, n, void 0, { mapProps: r }) }), [e, n]), E = se(e, n), O = oe(e, n), k = o?.css?.trim(), j = S(c), M = pe(t), N = [M.font, M.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !ue[e]), P = [.../* @__PURE__ */ new Set([...A(e, n), ...N])].map((e) => /* @__PURE__ */ d("link", {
 		rel: "stylesheet",
 		precedence: "default",
 		href: D(e)
-	}, e)), F = Oi(M);
+	}, e)), F = ki(M);
 	return r === "auto" ? /* @__PURE__ */ d(Y.Provider, {
 		value: {
 			tenant: l || "",
@@ -7082,7 +7184,7 @@ function ki({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 			locale: m || "",
 			settings: _ ?? null
 		},
-		children: /* @__PURE__ */ d(fr, {
+		children: /* @__PURE__ */ d(pr, {
 			initialUser: v,
 			children: /* @__PURE__ */ d(xe.Provider, {
 				value: p ?? null,
@@ -7097,8 +7199,8 @@ function ki({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 							...i
 						},
 						children: [
-							/* @__PURE__ */ d("style", { children: `.webim-page { ${Di(me(M.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${Di(me(M.dark))} } }` }),
+							/* @__PURE__ */ d("style", { children: `.webim-page { ${Oi(me(M.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${Oi(me(M.dark))} } }` }),
 							/* @__PURE__ */ d("style", { children: F }),
 							P,
 							/* @__PURE__ */ d("style", { children: x }),
@@ -7118,7 +7220,7 @@ function ki({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 			locale: m || "",
 			settings: _ ?? null
 		},
-		children: /* @__PURE__ */ d(fr, {
+		children: /* @__PURE__ */ d(pr, {
 			initialUser: v,
 			children: /* @__PURE__ */ d(xe.Provider, {
 				value: p ?? null,
@@ -7151,8 +7253,8 @@ function ki({ blocks: e, theme: t, components: n, mode: r = "auto", style: i, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function Ai({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ d(ki, {
+function ji({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ d(Ai, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -7170,7 +7272,7 @@ function Ai({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/bundle.js
-function ji({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+function Mi({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 	let a = {
 		...t?.global ?? {},
 		...t?.tenant ?? {}
@@ -7196,18 +7298,18 @@ function ji({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
 }
 //#endregion
 //#region src/fetchPage.js
-var Mi = async (e) => {
+var Ni = 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 Ni({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token: a, page: o, fetch: s }) {
+async function Pi({ 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(Mi), c(`${l}/settings/public`, { headers: u }).then(Mi)]), p = ji({
+	}, [d, f] = await Promise.all([c(`${l}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: u }).then(Ni), c(`${l}/settings/public`, { headers: u }).then(Ni)]), p = Mi({
 		page: d,
 		settings: f,
 		tenant: t,
@@ -7222,7 +7324,7 @@ async function Ni({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 		"LogoCarousel"
 	].includes(e?.type?.resolvedName) ? e.props?.source : null).filter(Boolean))];
 	if (m.length) {
-		let e = (e) => e.startsWith("api:") ? `${l}/data/${encodeURIComponent(e.slice(4))}` : `${l}/dynamic/${encodeURIComponent(e)}?all=1${r ? `&locale=${encodeURIComponent(r)}` : ""}`, t = await Promise.all(m.map((t) => c(e(t), { headers: u }).then(Mi).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(Ni).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, []]])));
@@ -7236,40 +7338,40 @@ async function Ni({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, token:
 }
 //#endregion
 //#region src/ssr.jsx
-var Pi = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
+var Fi = (e) => String(e ?? "").replace(/[&<>"]/g, (e) => ({
 	"&": "&amp;",
 	"<": "&lt;",
 	">": "&gt;",
 	"\"": "&quot;"
 })[e]);
-function Fi(t, { mode: n = "auto", style: r } = {}) {
-	return e(/* @__PURE__ */ d(Ai, {
+function Ii(t, { mode: n = "auto", style: r } = {}) {
+	return e(/* @__PURE__ */ d(ji, {
 		bundle: t,
 		mode: n,
 		style: r
 	}));
 }
-function Ii(e, { mode: t = "auto", lang: n } = {}) {
+function Li(e, { mode: t = "auto", lang: n } = {}) {
 	let r = e.seo ?? {}, i = n || e.locale || "en", a = h(e.direction, i), o = r.title || e.title || e.slug || "Page", s = e.custom?.js?.trim(), c = [
 		"<meta charset=\"utf-8\"/>",
 		"<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"/>",
-		`<title>${Pi(o)}</title>`,
-		r.description && `<meta name="description" content="${Pi(r.description)}"/>`,
-		`<meta property="og:title" content="${Pi(o)}"/>`,
-		r.image && `<meta property="og:image" content="${Pi(r.image)}"/>`,
+		`<title>${Fi(o)}</title>`,
+		r.description && `<meta name="description" content="${Fi(r.description)}"/>`,
+		`<meta property="og:title" content="${Fi(o)}"/>`,
+		r.image && `<meta property="og:image" content="${Fi(r.image)}"/>`,
 		r.noindex && "<meta name=\"robots\" content=\"noindex\"/>",
 		"<style>html,body{margin:0;height:100%}</style>"
 	].filter(Boolean).join("\n");
 	return `<!doctype html>
-<html lang="${Pi(i)}"${a ? ` dir="${a}"` : ""}>
+<html lang="${Fi(i)}"${a ? ` dir="${a}"` : ""}>
 <head>
 ${c}
 </head>
 <body>
-${Fi(e, { mode: t })}
+${Ii(e, { mode: t })}
 ${s ? `<script>${s.replaceAll("<\/script", "<\\/script")}<\/script>` : ""}
 </body>
 </html>`;
 }
 //#endregion
-export { ji as assembleBundle, Ni as fetchPage, Fi as renderBundleHtml, Ii as renderPageDocument };
+export { Mi as assembleBundle, Pi as fetchPage, Ii as renderBundleHtml, Li as renderPageDocument };