webim-adapter 2.0.0 → 2.0.2

package/build/webim-adapter.js

@@ -254,21 +254,21 @@ function A(e) {
 	R !== void 0 && U.push(`blur(${O(R)})`), z !== void 0 && U.push(`grayscale(${z}%)`), B !== void 0 && U.push(`brightness(${B}%)`), V !== void 0 && U.push(`contrast(${V}%)`), H !== void 0 && U.push(`saturate(${H}%)`), U.length && (t.filter = U.join(" "));
 	let ee = F(L);
 	ee.length && (t.backdropFilter = ee.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
-	let { textStrokeWidth: W, textStrokeColor: te } = t;
-	delete t.textStrokeWidth, delete t.textStrokeColor, (W !== void 0 || te !== void 0) && (t.WebkitTextStroke = `${O(W ?? 1)} ${te || "currentColor"}`);
-	let { clipText: ne } = t;
-	delete t.clipText, ne && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
-	let { transitions: re, transitionDuration: G, transitionEasing: K, transitionProperty: q } = t, ie = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
+	let { textStrokeWidth: te, textStrokeColor: ne } = t;
+	delete t.textStrokeWidth, delete t.textStrokeColor, (te !== void 0 || ne !== void 0) && (t.WebkitTextStroke = `${O(te ?? 1)} ${ne || "currentColor"}`);
+	let { clipText: re } = t;
+	delete t.clipText, re && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
+	let { transitions: ie, transitionDuration: W, transitionEasing: G, transitionProperty: K } = t, ae = (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 J = (Array.isArray(re) ? re : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${ie(e.duration ?? 200)} ${e.easing || "ease"}`);
-	if (G !== void 0 && J.push(`${q || "all"} ${ie(G)} ${K || "ease"}`), J.length && (t.transition = J.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 q = (Array.isArray(ie) ? ie : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${ae(e.duration ?? 200)} ${e.easing || "ease"}`);
+	if (W !== void 0 && q.push(`${K || "all"} ${ae(W)} ${G || "ease"}`), q.length && (t.transition = q.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: ae, overlayOpacity: oe } = t;
-	if (delete t.overlayColor, delete t.overlayOpacity, ae) {
-		let e = `color-mix(in srgb, ${ae} ${oe ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
+	let { overlayColor: J, overlayOpacity: oe } = t;
+	if (delete t.overlayColor, delete t.overlayOpacity, J) {
+		let e = `color-mix(in srgb, ${J} ${oe ?? 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");
@@ -377,7 +377,7 @@ function U(e, t, n, r = !1) {
 function ee(e, t, n) {
 	return Object.entries(j).map(([r, i]) => U(e, t?.[r], i, n === r)).filter(Boolean).join("\n");
 }
-var W = [
+var te = [
 	{
 		key: "tablet",
 		max: 991
@@ -390,17 +390,17 @@ var W = [
 		key: "mobile",
 		max: 478
 	}
-], te = (e) => Object.entries(A(e)).map(([e, t]) => `${H(e)}: ${t} !important;`).join(" ");
-function ne(e, t) {
-	return W.map(({ key: n, max: r }) => {
-		let i = t?.[n] ? te(t[n]) : "";
+], ne = (e) => Object.entries(A(e)).map(([e, t]) => `${H(e)}: ${t} !important;`).join(" ");
+function re(e, t) {
+	return te.map(({ key: n, max: r }) => {
+		let i = t?.[n] ? ne(t[n]) : "";
 		return i ? `@media (max-width: ${r}px) { [data-wb="${e}"] { ${i} } }` : "";
 	}).filter(Boolean).join("\n");
 }
-function re(e, t) {
+function ie(e, t) {
 	let n = [], r = (e) => {
 		for (let [t, r] of Object.entries(e || {})) {
-			let e = ne(t, r.props);
+			let e = re(t, r.props);
 			e && n.push(e);
 		}
 	};
@@ -408,7 +408,7 @@ function re(e, t) {
 	for (let e of Object.values(t || {})) r(e.template?.nodes);
 	return n.join("\n");
 }
-function G(e, t) {
+function W(e, t) {
 	let n = [], r = (e) => {
 		for (let [t, r] of Object.entries(e || {})) {
 			let e = ee(t, r.props);
@@ -419,15 +419,15 @@ function G(e, t) {
 	for (let e of Object.values(t || {})) r(e.template?.nodes);
 	return n.join("\n");
 }
-var K = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", q = {
-	fontFamily: K,
+var G = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", K = {
+	fontFamily: G,
 	fontStyle: "normal",
 	fontWeight: 400,
 	letterSpacing: "normal",
 	textTransform: "none",
 	lineHeight: 1.4,
 	textShadow: "none"
-}, ie = {
+}, ae = {
 	light: {
 		background: "#f2f2f2",
 		surface: "#f2f2f2",
@@ -468,32 +468,32 @@ var K = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 			contrastText: "#052e2b"
 		}
 	}
-}, J = {
+}, q = {
 	h1: 40,
 	h2: 32,
 	h3: 26,
 	h4: 22,
 	h5: 19,
 	h6: 16
-}, ae = {
+}, J = {
 	font: "system",
 	headingFont: "inherit",
-	headings: J,
+	headings: q,
 	bodySize: 16,
-	light: ie.light,
-	dark: ie.dark
+	light: ae.light,
+	dark: ae.dark
 }, oe = {
 	system: {
 		label: "System",
-		value: K
+		value: G
 	},
 	inter: {
 		label: "Inter",
-		value: `"Inter", ${K}`
+		value: `"Inter", ${G}`
 	},
 	outfit: {
 		label: "Outfit",
-		value: `"Outfit", ${K}`
+		value: `"Outfit", ${G}`
 	},
 	serif: {
 		label: "Serif",
@@ -522,22 +522,22 @@ var K = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Ari
 function le(e) {
 	let { light: t, dark: n, font: r, headingFont: i, headings: a, bodySize: o, ...s } = e ?? {};
 	return {
-		font: r ?? ae.font,
-		headingFont: i ?? ae.headingFont,
+		font: r ?? J.font,
+		headingFont: i ?? J.headingFont,
 		headings: {
-			...J,
+			...q,
 			...a ?? {}
 		},
 		bodySize: o ?? 16,
-		light: ce(ie.light, s, t),
-		dark: ce(ie.dark, n)
+		light: ce(ae.light, s, t),
+		dark: ce(ae.dark, n)
 	};
 }
 function ue(e) {
 	return {
 		"--page-bg": e.background,
 		"--page-surface": e.surface ?? e.background,
-		"--page-border": e.border ?? ie.light.border,
+		"--page-border": e.border ?? ae.light.border,
 		"--page-text": e.text,
 		"--page-accent": e.accent,
 		"--page-accent-text": e.accentText,
@@ -556,7 +556,7 @@ function de(e) {
 	return {
 		backgroundColor: "var(--page-bg)",
 		color: "var(--page-text)",
-		fontFamily: se(t.font, K),
+		fontFamily: se(t.font, G),
 		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : se(t.headingFont, "inherit"),
 		...pe(t.headings),
 		"--page-body-size": fe(t.bodySize, 16)
@@ -567,9 +567,9 @@ function fe(e, t) {
 }
 function pe(e) {
 	let t = {};
-	for (let n of Object.keys(J)) {
-		let r = e?.[n] ?? J[n];
-		t[`--page-${n}`] = fe(r, J[n]);
+	for (let n of Object.keys(q)) {
+		let r = e?.[n] ?? q[n];
+		t[`--page-${n}`] = fe(r, q[n]);
 	}
 	return t;
 }
@@ -716,7 +716,7 @@ var Ae = {
 	fontWeight: 700,
 	lineHeight: 1.2,
 	fontFamily: "var(--page-heading-font, inherit)"
-}, je = J, Me = (e) => `var(--page-${e}, ${J[e] ?? J.h2}px)`, Ne = {
+}, je = q, Me = (e) => `var(--page-${e}, ${q[e] ?? q.h2}px)`, Ne = {
 	margin: 0,
 	fontSize: "var(--page-body-size, 16px)"
 }, Pe = {
@@ -1385,6 +1385,7 @@ function vt({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 			position: "relative",
 			overflow: "hidden",
 			width: "100%",
+			height: a,
 			touchAction: "pan-y",
 			userSelect: _ ? "none" : void 0,
 			cursor: _ ? "grabbing" : void 0,
@@ -1393,7 +1394,7 @@ function vt({ count: e, renderSlide: t, autoplay: n = !0, interval: r = 5, heigh
 		children: [/* @__PURE__ */ u("div", {
 			style: {
 				display: "flex",
-				height: a,
+				height: "100%",
 				transform: `translateX(calc(${-y * 100}% + ${_?.dx ?? 0}px))`,
 				transition: _ ? "none" : "transform 450ms ease"
 			},
@@ -4453,32 +4454,32 @@ function Wn({ columns: e = [], rows: t = [], widths: n = [], rowKeys: a = [], co
 		};
 		return document.addEventListener("mousedown", e, !0), () => document.removeEventListener("mousedown", e, !0);
 	}, [P, L]);
-	let { tenant: H, apiUrl: U } = r(Z), ee = r(xe), W = ee?.[h], te = C ? Se(ee) : 1, [ne, re] = c(null);
+	let { tenant: H, apiUrl: U } = r(Z), ee = r(xe), te = ee?.[h], ne = C ? Se(ee) : 1, [re, ie] = c(null);
 	if (i(() => {
-		if (!h || W) return;
-		let e = !0, t = Math.max(1, Number(g) || 10), n = C && !h.startsWith("api:") ? `?offset=${(te - 1) * t}&limit=${t}` : "", r = h.startsWith("api:") ? `${U}/data/${encodeURIComponent(h.slice(4))}` : `${U}/dynamic/${encodeURIComponent(h)}${n}`;
+		if (!h || te) return;
+		let e = !0, t = Math.max(1, Number(g) || 10), n = C && !h.startsWith("api:") ? `?offset=${(ne - 1) * t}&limit=${t}` : "", r = h.startsWith("api:") ? `${U}/data/${encodeURIComponent(h.slice(4))}` : `${U}/dynamic/${encodeURIComponent(h)}${n}`;
 		return fetch(r, { headers: H ? { "x-tenant": H } : {} }).then((e) => e.json()).then((t) => {
 			let n = Array.isArray(t?.payload) ? t.payload : Array.isArray(t?.payload?.data) ? t.payload.data : [];
-			return e && re(n);
-		}).catch(() => e && re([])), () => {
+			return e && ie(n);
+		}).catch(() => e && ie([])), () => {
 			e = !1;
 		};
 	}, [
 		h,
 		H,
 		U,
-		W,
-		C,
 		te,
+		C,
+		ne,
 		g
 	]), !e.length) return null;
-	let G = Math.max(1, Number(g) || 10), K = h ? C ? W || h.startsWith("api:") ? (W ?? ne ?? []).slice((te - 1) * G, te * G) : (ne ?? []).slice(0, G) : (W ?? ne ?? []).slice(0, G) : null, q = K ? K.map((t) => e.map((e) => Oe(Ee(t?.data, e.field)))) : t, ie = !!h && !(h && !W && ne === null) && q.length === 0, J = b ? {
+	let W = Math.max(1, Number(g) || 10), G = h ? C ? te || h.startsWith("api:") ? (te ?? re ?? []).slice((ne - 1) * W, ne * W) : (re ?? []).slice(0, W) : (te ?? re ?? []).slice(0, W) : null, K = G ? G.map((t) => e.map((e) => Oe(Ee(t?.data, e.field)))) : t, ae = !!h && !(h && !te && re === null) && K.length === 0, q = b ? {
 		y: 6,
 		x: 10
 	} : {
 		y: 10,
 		x: 14
-	}, ae = `${Number.isFinite(Number(S)) && S !== "" ? Number(S) : J.y}px ${Number.isFinite(Number(x)) && x !== "" ? Number(x) : J.x}px`, oe = `1px solid ${typeof k == "string" && k ? k : "rgba(148, 163, 184, 0.35)"}`, se = y ? { border: oe } : { borderBottom: oe }, ce = Array.isArray(n) && n.length === e.length && n.every((e) => Number.isFinite(e) && e > 0), le = [
+	}, J = `${Number.isFinite(Number(S)) && S !== "" ? Number(S) : q.y}px ${Number.isFinite(Number(x)) && x !== "" ? Number(x) : q.x}px`, oe = `1px solid ${typeof k == "string" && k ? k : "rgba(148, 163, 184, 0.35)"}`, se = y ? { border: oe } : { borderBottom: oe }, ce = Array.isArray(n) && n.length === e.length && n.every((e) => Number.isFinite(e) && e > 0), le = [
 		"left",
 		"center",
 		"right"
@@ -4498,7 +4499,7 @@ function Wn({ columns: e = [], rows: t = [], widths: n = [], rowKeys: a = [], co
 		};
 		window.addEventListener("pointermove", l), window.addEventListener("pointerup", u);
 	}, ye = /* @__PURE__ */ new Set();
-	p && q.forEach((t, n) => e.forEach((e, t) => {
+	p && K.forEach((t, n) => e.forEach((e, t) => {
 		let r = p[Hn(a[n], o[t])];
 		if (!r) return;
 		let i = Math.max(1, Number(r.c) || 1), s = Math.max(1, Number(r.r) || 1);
@@ -4522,7 +4523,7 @@ function Wn({ columns: e = [], rows: t = [], widths: n = [], rowKeys: a = [], co
 		},
 		onClick: n,
 		children: e
-	}, t), X = L && L.r < q.length && L.c < e.length ? L : null, Q = (e, t) => P?.labels?.[e] ?? t, Ce = X ? p?.[Hn(a[X.r], o[X.c])] : null, we = Math.max(1, Number(Ce?.c) || 1), Te = Math.max(1, Number(Ce?.r) || 1);
+	}, t), X = L && L.r < K.length && L.c < e.length ? L : null, Q = (e, t) => P?.labels?.[e] ?? t, Ce = X ? p?.[Hn(a[X.r], o[X.c])] : null, we = Math.max(1, Number(Ce?.c) || 1), Te = Math.max(1, Number(Ce?.r) || 1);
 	return /* @__PURE__ */ d("div", {
 		ref: (e) => {
 			I.current = e, typeof N == "function" && N(e);
@@ -4549,8 +4550,8 @@ function Wn({ columns: e = [], rows: t = [], widths: n = [], rowKeys: a = [], co
 					Y("+↑", Q("rowAbove", "Insert row above"), () => P.addRow(X.r - 1)),
 					Y("+↓", Q("rowBelow", "Insert row below"), () => P.addRow(X.r)),
 					Y("↑", Q("rowUp", "Move row up"), () => P.moveRow(X.r, -1), X.r === 0),
-					Y("↓", Q("rowDown", "Move row down"), () => P.moveRow(X.r, 1), X.r >= q.length - 1),
-					Y("✕ row", Q("rowDelete", "Delete row"), () => P.dropRow(X.r), q.length <= 1),
+					Y("↓", Q("rowDown", "Move row down"), () => P.moveRow(X.r, 1), X.r >= K.length - 1),
+					Y("✕ row", Q("rowDelete", "Delete row"), () => P.dropRow(X.r), K.length <= 1),
 					/* @__PURE__ */ u("span", { className: "wb-tedit-sep" }),
 					Y("+←", Q("colLeft", "Insert column left"), () => P.addColumn(X.c - 1)),
 					Y("+→", Q("colRight", "Insert column right"), () => P.addColumn(X.c)),
@@ -4559,7 +4560,7 @@ function Wn({ columns: e = [], rows: t = [], widths: n = [], rowKeys: a = [], co
 					Y("✕ col", Q("colDelete", "Delete column"), () => P.dropColumn(X.c), e.length <= 1),
 					/* @__PURE__ */ u("span", { className: "wb-tedit-sep" }),
 					Y("↔", Q("mergeRight", "Merge with the cell on the right"), () => P.merge(X.r, X.c, "right"), X.c + we >= e.length),
-					Y("↕", Q("mergeDown", "Merge with the cell below"), () => P.merge(X.r, X.c, "down"), X.r + Te >= q.length),
+					Y("↕", Q("mergeDown", "Merge with the cell below"), () => P.merge(X.r, X.c, "down"), X.r + Te >= K.length),
 					Y("⤫", Q("split", "Split this cell"), () => P.split(X.r, X.c), we === 1 && Te === 1)
 				]
 			}),
@@ -4589,7 +4590,7 @@ function Wn({ columns: e = [], rows: t = [], widths: n = [], rowKeys: a = [], co
 							style: {
 								textAlign: de(n),
 								fontWeight: 600,
-								padding: ae,
+								padding: J,
 								...typeof D == "string" && D ? { color: D } : null,
 								background: typeof E == "string" && E ? E : T ? "var(--page-surface, #f2f2f2)" : "rgba(148, 163, 184, 0.12)",
 								...T ? {
@@ -4610,16 +4611,16 @@ function Wn({ columns: e = [], rows: t = [], widths: n = [], rowKeys: a = [], co
 								onPointerDown: ve(n)
 							})] }) : t.label ?? t
 						}, n)) }) }),
-						/* @__PURE__ */ d("tbody", { children: [ie && /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", {
+						/* @__PURE__ */ d("tbody", { children: [ae && /* @__PURE__ */ u("tr", { children: /* @__PURE__ */ u("td", {
 							colSpan: e.length,
 							style: {
-								padding: ae,
+								padding: J,
 								textAlign: "center",
 								opacity: .6,
 								...se
 							},
 							children: w || "No data yet"
-						}) }), q.map((t, n) => /* @__PURE__ */ u("tr", {
+						}) }), K.map((t, n) => /* @__PURE__ */ u("tr", {
 							className: P ? "wb-tedit-row" : void 0,
 							style: {
 								...v && n % 2 == 1 ? { background: "rgba(148, 163, 184, 0.07)" } : null,
@@ -4635,7 +4636,7 @@ function Wn({ columns: e = [], rows: t = [], widths: n = [], rowKeys: a = [], co
 									colSpan: l > 1 ? l : void 0,
 									rowSpan: f > 1 ? f : void 0,
 									style: {
-										padding: ae,
+										padding: J,
 										...ue(r) ? { textAlign: ue(r) } : null,
 										...P ? { position: "relative" } : null,
 										...se
@@ -4801,7 +4802,7 @@ function Qn({ events: e = [], source: t = "", titleField: n = "", startField: a
 			year: n.getFullYear(),
 			month: n.getMonth()
 		};
-	}), W = (e, t) => /* @__PURE__ */ u("button", {
+	}), te = (e, t) => /* @__PURE__ */ u("button", {
 		type: "button",
 		"aria-label": e,
 		onClick: () => ee(t),
@@ -4816,7 +4817,7 @@ function Qn({ events: e = [], source: t = "", titleField: n = "", startField: a
 			padding: "4px 8px"
 		},
 		children: t < 0 ? "‹" : "›"
-	}), te = /* @__PURE__ */ d("div", {
+	}), ne = /* @__PURE__ */ d("div", {
 		style: {
 			display: "flex",
 			alignItems: "center",
@@ -4833,8 +4834,8 @@ function Qn({ events: e = [], source: t = "", titleField: n = "", startField: a
 				},
 				children: U
 			}),
-			W("Previous month", -1),
-			W("Next month", 1)
+			te("Previous month", -1),
+			te("Next month", 1)
 		]
 	});
 	if (p === "list") {
@@ -4850,7 +4851,7 @@ function Qn({ events: e = [], source: t = "", titleField: n = "", startField: a
 				width: "100%",
 				...A(S)
 			},
-			children: [te, e.length ? /* @__PURE__ */ u("div", {
+			children: [ne, e.length ? /* @__PURE__ */ u("div", {
 				style: {
 					display: "flex",
 					flexDirection: "column",
@@ -4886,10 +4887,10 @@ function Qn({ events: e = [], source: t = "", titleField: n = "", startField: a
 			})]
 		});
 	}
-	let ne = new Date(M.year, M.month, 1), re = y === "sunday" ? 0 : 1, G = (ne.getDay() - re + 7) % 7, K = new Date(M.year, M.month + 1, 0).getDate(), q = Math.ceil((G + K) / 7), ie = Kn(/* @__PURE__ */ new Date()), J = new Intl.DateTimeFormat(V, { weekday: "short" }), ae = [];
-	for (let e = 0; e < q * 7; e += 1) {
-		let t = e - G + 1, n = t >= 1 && t <= K, r = Kn(new Date(M.year, M.month, t)), i = n ? B.get(r) ?? [] : [], a = i.slice(0, Math.max(1, b)), o = n && r === ie;
-		ae.push(/* @__PURE__ */ d("div", {
+	let re = new Date(M.year, M.month, 1), ie = y === "sunday" ? 0 : 1, W = (re.getDay() - ie + 7) % 7, G = new Date(M.year, M.month + 1, 0).getDate(), K = Math.ceil((W + G) / 7), ae = Kn(/* @__PURE__ */ new Date()), q = new Intl.DateTimeFormat(V, { weekday: "short" }), J = [];
+	for (let e = 0; e < K * 7; e += 1) {
+		let t = e - W + 1, n = t >= 1 && t <= G, r = Kn(new Date(M.year, M.month, t)), i = n ? B.get(r) ?? [] : [], a = i.slice(0, Math.max(1, b)), o = n && r === ae;
+		J.push(/* @__PURE__ */ d("div", {
 			style: {
 				minHeight: P.cell,
 				borderTop: `1px solid ${I}`,
@@ -4932,7 +4933,7 @@ function Qn({ events: e = [], source: t = "", titleField: n = "", startField: a
 			...A(S)
 		},
 		children: [
-			te,
+			ne,
 			/* @__PURE__ */ d("div", {
 				style: {
 					display: "grid",
@@ -4946,8 +4947,8 @@ function Qn({ events: e = [], source: t = "", titleField: n = "", startField: a
 						textAlign: "center",
 						padding: `0 0 ${P.pad}px`
 					},
-					children: J.format(new Date(2024, 0, 7 + re + t))
-				}, `head-${t}`)), ae]
+					children: q.format(new Date(2024, 0, 7 + ie + t))
+				}, `head-${t}`)), J]
 			}),
 			/* @__PURE__ */ u("div", { style: { borderTop: `1px solid ${I}` } })
 		]
@@ -4970,7 +4971,7 @@ function er(e, t = {}) {
 	}).filter((e) => e.src);
 }
 function tr({ logos: e = [], source: t = "", imageField: n = "", nameField: a = "", hrefField: o = "", variant: f = "step", size: p = "medium", perView: m = 5, gap: h = 48, hold: g = 3, slideMs: _ = 500, direction: v = "left", arrows: y = "show", pauseOnHover: b = !0, grayscale: x = !0, newTab: S = !0, emptyText: C = "", style: w, nodeRef: T, inert: E }) {
-	let { tenant: D, apiUrl: O } = r(Z), k = r(xe)?.[t], [j, M] = c(null), N = s(null), P = s(null), [F, I] = c(0), [L, R] = c(0), [z, B] = c(0), [V, H] = c(!0), [U, ee] = c(!1), [W, te] = c(!1);
+	let { tenant: D, apiUrl: O } = r(Z), k = r(xe)?.[t], [j, M] = c(null), N = s(null), P = s(null), [F, I] = c(0), [L, R] = c(0), [z, B] = c(0), [V, H] = c(!0), [U, ee] = c(!1), [te, ne] = c(!1);
 	i(() => {
 		if (!t || k) return;
 		let e = !0;
@@ -4987,7 +4988,7 @@ function tr({ logos: e = [], source: t = "", imageField: n = "", nameField: a =
 		k
 	]), i(() => {
 		if (typeof window > "u" || !window.matchMedia) return;
-		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), t = () => te(e.matches);
+		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), t = () => ne(e.matches);
 		return t(), e.addEventListener?.("change", t), () => e.removeEventListener?.("change", t);
 	}, []), i(() => {
 		let e = P.current;
@@ -5000,7 +5001,7 @@ function tr({ logos: e = [], source: t = "", imageField: n = "", nameField: a =
 		let e = N.current;
 		if (!e) return;
 		let t = !0, n = () => {
-			let n = [...e.querySelectorAll("img")].filter((e) => e.complete && e.naturalHeight).map((e) => e.naturalWidth / e.naturalHeight * G);
+			let n = [...e.querySelectorAll("img")].filter((e) => e.complete && e.naturalHeight).map((e) => e.naturalWidth / e.naturalHeight * W);
 			t && n.length && R(Math.ceil(Math.max(...n)));
 		};
 		n();
@@ -5009,12 +5010,12 @@ function tr({ logos: e = [], source: t = "", imageField: n = "", nameField: a =
 			t = !1, r.forEach((e) => e.removeEventListener("load", n));
 		};
 	});
-	let ne = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.src) : [], re = t ? er(k ?? j ?? [], {
+	let re = Array.isArray(e) ? e.filter((e) => e && typeof e == "object" && e.src) : [], ie = t ? er(k ?? j ?? [], {
 		imageField: n,
 		nameField: a,
 		hrefField: o
-	}) : ne, G = $n[p] ?? $n.medium, K = Number.isFinite(Number(h)) ? Math.max(0, Number(h)) : 48, ie = f === "marquee" ? "step" : f, J = Math.min(3e4, Math.max(300, (Number(g) || 3) * 1e3)), ae = Math.min(3e3, Math.max(100, Number(_) || 500)), oe = Math.min(12, Math.max(1, Math.round(Number(m) || 5))), se = (L || G * 3) + K, ce = F ? Math.max(1, Math.floor(F / se)) : oe, le = Math.min(oe, ce), ue = F ? Math.min(se, F / le) : se;
-	if (!re.length) return /* @__PURE__ */ u("div", {
+	}) : re, W = $n[p] ?? $n.medium, G = Number.isFinite(Number(h)) ? Math.max(0, Number(h)) : 48, ae = f === "marquee" ? "step" : f, q = Math.min(3e4, Math.max(300, (Number(g) || 3) * 1e3)), J = Math.min(3e3, Math.max(100, Number(_) || 500)), oe = Math.min(12, Math.max(1, Math.round(Number(m) || 5))), se = (L || W * 3) + G, ce = F ? Math.max(1, Math.floor(F / se)) : oe, le = Math.min(oe, ce), ue = F ? Math.min(se, F / le) : se;
+	if (!ie.length) return /* @__PURE__ */ u("div", {
 		ref: T,
 		style: {
 			width: "100%",
@@ -5026,7 +5027,7 @@ function tr({ logos: e = [], source: t = "", imageField: n = "", nameField: a =
 				alignItems: "center",
 				justifyContent: "center",
 				flexWrap: "wrap",
-				gap: K
+				gap: G
 			},
 			children: [
 				0,
@@ -5036,16 +5037,16 @@ function tr({ logos: e = [], source: t = "", imageField: n = "", nameField: a =
 				4
 			].map((e) => /* @__PURE__ */ u("div", {
 				style: {
-					height: G,
-					width: G * 3,
+					height: W,
+					width: W * 3,
 					border: "1px dashed var(--page-border, rgba(148, 163, 184, 0.5))",
 					borderRadius: 6,
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "center",
-					fontSize: Math.max(10, Math.round(G / 4)),
+					fontSize: Math.max(10, Math.round(W / 4)),
 					opacity: .45,
-					...q
+					...K
 				},
 				children: "LOGO"
 			}, e))
@@ -5059,12 +5060,12 @@ function tr({ logos: e = [], source: t = "", imageField: n = "", nameField: a =
 			children: C
 		}) : null
 	});
-	let de = re.length, fe = ie === "step" && de > le, pe = ie === "slider", me = fe && !E && !U && !W, he = v === "right", ge = he ? de : 0, _e = fe ? [...re, ...re] : re, ve = fe ? z * ue : 0, ye = (e, t, n) => {
+	let de = ie.length, fe = ae === "step" && de > le, pe = ae === "slider", me = fe && !E && !U && !te, he = v === "right", ge = he ? de : 0, _e = fe ? [...ie, ...ie] : ie, ve = fe ? z * ue : 0, ye = (e, t, n) => {
 		let r = /* @__PURE__ */ u("img", {
 			src: e.src,
 			alt: e.alt ?? "",
 			style: {
-				height: G,
+				height: W,
 				width: "auto",
 				maxWidth: "100%",
 				objectFit: "contain",
@@ -5073,7 +5074,7 @@ function tr({ logos: e = [], source: t = "", imageField: n = "", nameField: a =
 		}), i = fe ? {
 			width: ue,
 			flex: "0 0 auto",
-			padding: `0 ${K / 2}px`,
+			padding: `0 ${G / 2}px`,
 			justifyContent: "center"
 		} : {};
 		return e.href && !E ? /* @__PURE__ */ u("a", {
@@ -5105,14 +5106,14 @@ function tr({ logos: e = [], source: t = "", imageField: n = "", nameField: a =
 			...fe ? {
 				width: _e.length * ue,
 				transform: `translateX(-${ve}px)`,
-				transition: V ? `transform ${ae}ms ease` : "none"
+				transition: V ? `transform ${J}ms ease` : "none"
 			} : pe ? {
-				gap: K,
+				gap: G,
 				overflowX: "auto",
 				scrollBehavior: "smooth",
 				scrollSnapType: "x proximity"
 			} : {
-				gap: K,
+				gap: G,
 				flexWrap: "wrap",
 				justifyContent: "center"
 			}
@@ -5200,8 +5201,8 @@ function tr({ logos: e = [], source: t = "", imageField: n = "", nameField: a =
 			] }),
 			/* @__PURE__ */ u(nr, {
 				running: me,
-				every: J + ae,
-				slide: ae,
+				every: q + J,
+				slide: J,
 				step: he ? -1 : 1,
 				index: z,
 				total: de,
@@ -5448,11 +5449,113 @@ function ir({ dialogId: e = "", trigger: t = "button", triggerLabel: n = "Open",
 		})]
 	});
 }
-var ar = {
+function ar({ dropdownId: e = "", trigger: t = "button", triggerLabel: n = "Menu", openOn: r = "hover", align: a = "left", panelWidth: o = "", offset: l = 8, editorOpen: f = !0, linked: p, style: m, nodeRef: h, inert: g = !1 }) {
+	let [_, v] = c(!1), y = s(null), b = s(null), x = r !== "click", S = () => {
+		b.current && clearTimeout(b.current), b.current = null;
+	}, C = () => {
+		S(), b.current = setTimeout(() => v(!1), 160);
+	};
+	i(() => {
+		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
+	]), i(() => {
+		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
+	]), i(() => S, []);
+	let w = Number(o) > 0 ? Number(o) : null, T = g ? f !== !1 : _, E = /* @__PURE__ */ u("div", {
+		style: {
+			position: "absolute",
+			top: `calc(100% + ${Number(l) || 0}px)`,
+			...a === "right" ? { right: 0 } : a === "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)",
+			...A(m)
+		},
+		children: p?.content ?? null
+	});
+	return /* @__PURE__ */ d("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__ */ d("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__ */ u("span", {
+				"aria-hidden": "true",
+				style: {
+					fontSize: 10,
+					opacity: .7
+				},
+				children: "▾"
+			})]
+		}), E]
+	});
+}
+var or = {
 	PageRoot: ze,
 	CalendarBlock: Qn,
 	LogoCarousel: tr,
 	DialogBlock: ir,
+	DropdownBlock: ar,
 	Section: Be,
 	Container: Ve,
 	Heading: He,
@@ -5507,39 +5610,39 @@ var ar = {
 	FormFile: cn,
 	FormRecaptcha: tn,
 	FormSubmit: ln
-}, or = {
+}, sr = {
 	id: "auth",
 	label: "Accounts",
 	category: "Apps",
 	keys: ["SiteLoginForm", "SiteAccountMenu"],
 	ssr: "shell",
 	settings: ["site.authRedirect"]
-}, sr = t({
+}, cr = t({
 	user: null,
 	status: "idle",
 	ensure: () => {},
 	refresh: () => {},
 	signOut: () => {}
 });
-function cr(e, t) {
+function lr(e, t) {
 	return t ? /^https?:\/\//i.test(t) ? t : `${e.replace(/\/+$/, "")}${t.startsWith("/") ? t : `/${t}`}` : "";
 }
-function lr(e) {
+function ur(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: cr(i, a),
-		logoutUrl: cr(i, o),
+		meUrl: lr(i, a),
+		logoutUrl: lr(i, o),
 		loginPage: r(n.loginPage),
 		userPath: r(n.userPath),
 		auth: n.auth === "bearer" ? "bearer" : "cookies",
 		tokenKey: r(n.tokenKey) || "webim_session_token"
 	};
 }
-function ur(e, t) {
+function dr(e, t) {
 	if (!t) return e ?? null;
 	let n = e;
 	for (let e of t.split(".")) {
@@ -5548,26 +5651,26 @@ function ur(e, t) {
 	}
 	return n ?? null;
 }
-function dr(e) {
+function fr(e) {
 	try {
 		return window.localStorage.getItem(e) || "";
 	} catch {
 		return "";
 	}
 }
-function fr(e) {
+function pr(e) {
 	try {
 		window.localStorage.removeItem(e);
 	} catch {}
 }
-var pr = () => {
-	let e = r(sr);
+var mr = () => {
+	let e = r(cr);
 	return i(() => {
 		e.ensure();
 	}, [e]), e;
 };
-function mr({ children: e, initialUser: t, disabled: a, apiUrl: l, tenant: d }) {
-	let f = r(Z), p = l || f?.apiUrl || "/api", m = d || f?.tenant || "", h = o(() => lr(f?.settings), [f?.settings]), [g, _] = c(t ?? null), [v, y] = c(t ? "user" : a ? "guest" : "idle"), b = s(!1), x = n((e, t) => fetch(`${p}${e}`, {
+function hr({ children: e, initialUser: t, disabled: a, apiUrl: l, tenant: d }) {
+	let f = r(Z), p = l || f?.apiUrl || "/api", m = d || f?.tenant || "", h = o(() => ur(f?.settings), [f?.settings]), [g, _] = c(t ?? null), [v, y] = c(t ? "user" : a ? "guest" : "idle"), b = s(!1), x = n((e, t) => fetch(`${p}${e}`, {
 		...t,
 		credentials: "include",
 		headers: {
@@ -5579,9 +5682,9 @@ function mr({ children: e, initialUser: t, disabled: a, apiUrl: l, tenant: d })
 		if (a) return Promise.resolve(null);
 		if (h.mode === "off") return Promise.resolve(S(null));
 		if (h.mode === "custom") {
-			let e = h.auth === "bearer" ? dr(h.tokenKey) : "";
+			let e = h.auth === "bearer" ? fr(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 = ur(e, h.userPath);
+				let t = dr(e, h.userPath);
 				return S(t && typeof t == "object" ? t : null);
 			}).catch(() => S(null));
 		}
@@ -5594,12 +5697,12 @@ function mr({ children: e, initialUser: t, disabled: a, apiUrl: l, tenant: d })
 	]), w = n(() => {
 		if (h.mode === "off") return S(null), Promise.resolve();
 		if (h.mode === "custom") {
-			let e = h.auth === "bearer" ? dr(h.tokenKey) : "";
+			let e = h.auth === "bearer" ? fr(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" && fr(h.tokenKey), S(null);
+				h.auth === "bearer" && pr(h.tokenKey), S(null);
 			});
 		}
 		return x("/site/logout", { method: "post" }).catch(() => {}).then(() => {
@@ -5649,18 +5752,18 @@ function mr({ children: e, initialUser: t, disabled: a, apiUrl: l, tenant: d })
 		h.loginPage,
 		C,
 		w
-	]), /* @__PURE__ */ u(sr.Provider, {
+	]), /* @__PURE__ */ u(cr.Provider, {
 		value: E,
 		children: e
 	});
 }
-function hr({ when: e, children: t }) {
-	let { status: n } = pr();
+function gr({ when: e, children: t }) {
+	let { status: n } = mr();
 	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 gr({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordLabel: i = "Password", nameLabel: a = "Name", submitLabel: o, style: s, nodeRef: l, inert: f, linked: p, show: m }) {
+function _r({ 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(Z), [v, y] = c("form"), [b, x] = c(""), [S, C] = c(!1), w = e === "register", T = f ? m || "form" : v, E = (e) => typeof e == "string" && e.startsWith("/") && !e.startsWith("//") ? e : "", D = async (e) => {
 		if (e.preventDefault(), f) return;
 		let n = new FormData(e.currentTarget);
@@ -5784,8 +5887,8 @@ function gr({ mode: e = "login", redirect: t, emailLabel: n = "Email", passwordL
 		]
 	});
 }
-function _r({ 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 } = pr(), p = a ? s || "user" : l, m = a ? {
+function vr({ 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 } = mr(), p = a ? s || "user" : l, m = a ? {
 		name: "Ada Lovelace",
 		email: "ada@example.com"
 	} : c;
@@ -5850,40 +5953,40 @@ function _r({ greeting: e = "Hi", signOutLabel: t = "Sign out", showEmail: n = !
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/consent/manifest.js
-var vr = {
+var yr = {
 	id: "consent",
 	label: "Cookie consent",
 	category: "Apps",
 	keys: ["CookieConsent"],
 	ssr: "shell",
 	settings: []
-}, yr = "webim.cookie_consent";
-function br() {
+}, br = "webim.cookie_consent";
+function xr() {
 	try {
-		let e = window.localStorage.getItem(yr), t = e ? JSON.parse(e) : null;
+		let e = window.localStorage.getItem(br), t = e ? JSON.parse(e) : null;
 		return t?.choice === "accepted" || t?.choice === "declined" ? t.choice : "";
 	} catch {
 		return "";
 	}
 }
-function xr(e) {
+function Sr(e) {
 	try {
 		document.querySelectorAll(".webim-page").forEach((t) => t.setAttribute("data-webim-consent", e));
 	} catch {}
 }
-function Sr(e) {
+function Cr(e) {
 	try {
-		window.localStorage.setItem(yr, JSON.stringify({
+		window.localStorage.setItem(br, JSON.stringify({
 			choice: e,
 			at: (/* @__PURE__ */ new Date()).toISOString()
 		}));
 	} catch {}
-	xr(e);
+	Sr(e);
 	try {
 		window.dispatchEvent(new CustomEvent("webim:consent", { detail: { choice: e } }));
 	} catch {}
 }
-var Cr = {
+var wr = {
 	bottom: {
 		left: 0,
 		right: 0,
@@ -5905,18 +6008,18 @@ var Cr = {
 		maxWidth: 400
 	}
 };
-function wr({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLabel: a, linkHref: o, position: s, linked: f, style: p, nodeRef: m, inert: h }) {
+function Tr({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLabel: a, linkHref: o, position: s, linked: f, style: p, nodeRef: m, inert: h }) {
 	let [g, _] = c(!!h), [v, y] = c(null), b = (e) => {
 		y(e), typeof m == "function" && m(e);
 	};
 	if (i(() => {
 		if (h) return;
-		let e = br();
-		e ? xr(e) : _(!0);
+		let e = xr();
+		e ? Sr(e) : _(!0);
 	}, [h, v]), !g) return null;
 	let x = (e) => () => {
-		h || (Sr(e), _(!1));
-	}, S = Cr[s] ?? Cr.bottom, C = {
+		h || (Cr(e), _(!1));
+	}, S = wr[s] ?? wr.bottom, C = {
 		appearance: "none",
 		font: "inherit",
 		fontSize: 14,
@@ -5996,37 +6099,37 @@ function wr({ message: e, acceptLabel: t, rejectLabel: n, showReject: r, linkLab
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/language/manifest.js
-var Tr = {
+var Er = {
 	id: "language",
 	label: "Language",
 	category: "Apps",
 	keys: ["SiteLanguagePicker"],
 	ssr: "prefetch",
 	settings: ["locales"]
-}, Er = {
+}, Dr = {
 	id: "search",
 	label: "Search",
 	category: "Apps",
 	keys: ["SiteSearch"],
 	ssr: "prefetch",
 	settings: []
-}, Dr = 50, Or = 2e3;
-function kr() {
+}, Or = 50, kr = 2e3;
+function Ar() {
 	return typeof window > "u" ? "" : new URLSearchParams(window.location.search).get("q") ?? "";
 }
-function Ar(e, t) {
+function jr(e, t) {
 	let n = e?.data ?? {}, r = [];
 	for (let e of Object.values(n)) {
 		let t = e == null ? "" : Oe(e);
-		if (t && r.push(t), r.join(" ").length > Or) break;
+		if (t && r.push(t), r.join(" ").length > kr) break;
 	}
-	return r.join(" ").slice(0, Or).toLocaleLowerCase(t || void 0);
+	return r.join(" ").slice(0, kr).toLocaleLowerCase(t || void 0);
 }
-function jr({ placeholder: e = "Search…", buttonLabel: t = "Search", showButton: n = !0, live: a = !1, layout: o = "inline", includePages: l = !0, collections: f = [], limit: p = 10, emptyText: m = "Nothing found", hint: h = "", style: g, nodeRef: _, inert: v = !1, sample: y = !1 }) {
-	let { tenant: b, apiUrl: x, locale: S } = r(Z), [C, w] = c(() => kr()), [T, E] = c(() => kr()), [D, O] = c(null), [k, j] = c(!1), M = s(null), N = o === "popup";
+function Mr({ placeholder: e = "Search…", buttonLabel: t = "Search", showButton: n = !0, live: a = !1, layout: o = "inline", includePages: l = !0, collections: f = [], limit: p = 10, emptyText: m = "Nothing found", hint: h = "", style: g, nodeRef: _, inert: v = !1, sample: y = !1 }) {
+	let { tenant: b, apiUrl: x, locale: S } = r(Z), [C, w] = c(() => Ar()), [T, E] = c(() => Ar()), [D, O] = c(null), [k, j] = c(!1), M = s(null), N = o === "popup";
 	i(() => {
 		let e = () => {
-			let e = kr();
+			let e = Ar();
 			w(e), E(e);
 		};
 		return window.addEventListener("popstate", e), window.addEventListener("webim:urlchange", e), () => {
@@ -6077,7 +6180,7 @@ function jr({ placeholder: e = "Search…", buttonLabel: t = "Search", showButto
 		});
 	}
 	else for (let t of e.rows) {
-		if (!Ar(t, S).includes(P)) continue;
+		if (!jr(t, S).includes(P)) continue;
 		let n = t?.data ?? {}, r = Oe(n.name) || "Untitled", i = Oe(n.slug);
 		F.push({
 			key: `entry:${t.id}`,
@@ -6086,7 +6189,7 @@ function jr({ placeholder: e = "Search…", buttonLabel: t = "Search", showButto
 			kind: "entry"
 		});
 	}
-	let I = F.slice(0, Math.min(Math.max(1, p), Dr)), L = (e) => {
+	let I = F.slice(0, Math.min(Math.max(1, p), Or)), L = (e) => {
 		if (v) {
 			e.preventDefault(), w(T), j(!0);
 			return;
@@ -6226,21 +6329,21 @@ function jr({ placeholder: e = "Search…", buttonLabel: t = "Search", showButto
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/language/views.jsx
-function Mr(e) {
+function Nr(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 Nr = (e) => e && e.charAt(0).toUpperCase() + e.slice(1);
-function Pr(e, t) {
+var Pr = (e) => e && e.charAt(0).toUpperCase() + e.slice(1);
+function Fr(e, t) {
 	let n = String(e ?? "").toUpperCase();
 	if (t === "code") return n;
 	let r = "";
 	try {
-		r = Nr(new Intl.DisplayNames([e], { type: "language" }).of(e) ?? "");
+		r = Pr(new Intl.DisplayNames([e], { type: "language" }).of(e) ?? "");
 	} catch {}
 	return !r || r.toUpperCase() === n ? n : t === "both" ? `${n} — ${r}` : r;
 }
-function Fr(e, t) {
+function Ir(e, t) {
 	let n = t ? "" : `?locale=${encodeURIComponent(e)}`;
 	if (typeof window > "u") return n || "?";
 	try {
@@ -6250,8 +6353,8 @@ function Fr(e, t) {
 		return n || "/";
 	}
 }
-function Ir({ variant: e, display: t, separator: n, label: i, style: a, nodeRef: o, inert: s }) {
-	let c = r(Z), l = Mr(c?.settings), f = l[0] ?? "", p = l.includes(c?.locale) ? c.locale : f, m = {
+function Lr({ variant: e, display: t, separator: n, label: i, style: a, nodeRef: o, inert: s }) {
+	let c = r(Z), l = Nr(c?.settings), f = l[0] ?? "", p = l.includes(c?.locale) ? c.locale : f, m = {
 		display: "inline-flex",
 		alignItems: "center",
 		gap: 8,
@@ -6286,7 +6389,7 @@ function Ir({ variant: e, display: t, separator: n, label: i, style: a, nodeRef:
 				style: { opacity: .4 },
 				children: n ?? "·"
 			}), /* @__PURE__ */ u("a", {
-				href: Fr(e, e === f),
+				href: Ir(e, e === f),
 				hrefLang: e,
 				"aria-current": e === p ? "true" : void 0,
 				onClick: s ? (e) => e.preventDefault() : void 0,
@@ -6296,7 +6399,7 @@ function Ir({ variant: e, display: t, separator: n, label: i, style: a, nodeRef:
 					textDecoration: "none",
 					cursor: s ? "default" : "pointer"
 				},
-				children: Pr(e, t)
+				children: Fr(e, t)
 			})]
 		}, e))]
 	}) : /* @__PURE__ */ d("div", {
@@ -6307,7 +6410,7 @@ function Ir({ variant: e, display: t, separator: n, label: i, style: a, nodeRef:
 			value: p,
 			onChange: s ? void 0 : (e) => {
 				let t = e.target.value;
-				window.location.assign(Fr(t, t === f));
+				window.location.assign(Ir(t, t === f));
 			},
 			onKeyDown: s ? (e) => e.preventDefault() : void 0,
 			style: {
@@ -6321,47 +6424,47 @@ function Ir({ variant: e, display: t, separator: n, label: i, style: a, nodeRef:
 			},
 			children: l.map((e) => /* @__PURE__ */ u("option", {
 				value: e,
-				children: Pr(e, t)
+				children: Fr(e, t)
 			}, e))
 		})]
 	});
 }
 //#endregion
 //#region ../ui/src/components/builder/apps/index.js
-var Lr = [
-	or,
-	Tr,
-	vr,
-	Er
-], Rr = {
-	SiteLoginForm: gr,
-	SiteAccountMenu: _r,
-	SiteLanguagePicker: Ir,
-	CookieConsent: wr,
-	SiteSearch: jr
+var Rr = [
+	sr,
+	Er,
+	yr,
+	Dr
+], zr = {
+	SiteLoginForm: _r,
+	SiteAccountMenu: vr,
+	SiteLanguagePicker: Lr,
+	CookieConsent: Tr,
+	SiteSearch: Mr
 };
-new Set(Lr.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
+new Set(Rr.filter((e) => e.ssr === "shell").flatMap((e) => e.keys));
 //#endregion
 //#region ../ui/src/components/builder/three/runtime.js
-var zr = "0.185.1", Br = "4.3.1", Vr = "https://cdn.jsdelivr.net/npm", Hr = `${Vr}/three@${zr}/build/three.module.js`, Ur = `${Vr}/@google/model-viewer@${Br}/dist/model-viewer.min.js`, Wr = (e) => import(
+var Br = "0.185.1", Vr = "4.2.0", Hr = "https://cdn.jsdelivr.net/npm", Ur = `${Hr}/three@${Br}/+esm`, Wr = `${Hr}/@google/model-viewer@${Vr}/dist/model-viewer.min.js`, Gr = (e) => import(
 	/* @vite-ignore */
 	/* webpackIgnore: true */
 	e
-), Gr = /* @__PURE__ */ new Map();
-function Kr(e) {
-	if (Gr.has(e)) return Gr.get(e);
+), Kr = /* @__PURE__ */ new Map();
+function qr(e) {
+	if (Kr.has(e)) return Kr.get(e);
 	if (typeof window > "u") return new Promise(() => {});
-	let t = Wr(e).catch((t) => {
-		throw Gr.delete(e), t;
+	let t = Gr(e).catch((t) => {
+		throw Kr.delete(e), t;
 	});
-	return Gr.set(e, t), t;
+	return Kr.set(e, t), t;
 }
-var qr = () => Kr(Hr);
-function Jr() {
-	return typeof window < "u" && window.customElements?.get("model-viewer") ? Promise.resolve(null) : Kr(Ur);
+var Jr = () => qr(Ur), Yr = (e) => qr(`${Hr}/three@${Br}/examples/jsm/${e}/+esm`);
+function Xr() {
+	return typeof window < "u" && window.customElements?.get("model-viewer") ? Promise.resolve(null) : qr(Wr);
 }
-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) {
+var Zr = () => typeof window < "u" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, Qr = (e = 2) => Math.min(typeof window > "u" ? 1 : window.devicePixelRatio || 1, e);
+function $r(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;
@@ -6380,7 +6483,7 @@ function Zr(e, t) {
 		s(), l?.disconnect(), document.removeEventListener("visibilitychange", c);
 	};
 }
-function Qr(e, t, n = {}) {
+function ei(e, t, n = {}) {
 	let r = {
 		radius: n.distance ?? 4,
 		polar: n.polar ?? Math.PI / 2.4,
@@ -6429,13 +6532,13 @@ function Qr(e, t, n = {}) {
 }
 //#endregion
 //#region ../ui/src/components/builder/three/views.jsx
-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;
-function ni({ label: e, note: t, height: n, nodeRef: r, style: i }) {
+var ti = (e, t) => Number.isFinite(Number(e)) && Number(e) > 0 ? Number(e) : t, ni = (e, t) => (Number.isFinite(Number(e)) ? Number(e) : t) / 100, ri = (e) => (Number.isFinite(Number(e)) ? Number(e) : 0) * Math.PI / 180, ii = (e) => typeof e == "string" && !!e.trim();
+function ai({ label: e, note: t, height: n, nodeRef: r, style: i }) {
 	return /* @__PURE__ */ d("div", {
 		ref: r,
 		style: {
 			...A(i),
-			minHeight: $r(n, 320),
+			minHeight: ti(n, 320),
 			display: "flex",
 			flexDirection: "column",
 			alignItems: "center",
@@ -6444,7 +6547,7 @@ function ni({ label: e, note: t, height: n, nodeRef: r, style: i }) {
 			border: "1px dashed rgba(148,163,184,.55)",
 			borderRadius: 10,
 			background: "rgba(148,163,184,.08)",
-			...q,
+			...K,
 			color: "rgba(100,116,139,.95)",
 			fontSize: 13,
 			textAlign: "center",
@@ -6463,25 +6566,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: a, autoRotate: o, rotateDelay: s, cameraControls: l, ar: d, exposure: f, shadow: p, fieldOfView: m, environment: h, style: g, nodeRef: _, inert: v }) {
+function oi({ src: e, poster: t, alt: n, height: r, bg: a, autoRotate: o, rotateDelay: s, cameraControls: l, ar: d, exposure: f, shadow: p, fieldOfView: m, environment: h, style: g, nodeRef: _, inert: v }) {
 	let [y, b] = c(typeof window < "u" && !!window.customElements?.get("model-viewer")), [x, S] = c(!1);
 	i(() => {
 		if (y || !e) return;
 		let t = !0;
-		return Jr().then(() => t && b(!0), () => t && S(!0)), () => {
+		return Xr().then(() => t && b(!0), () => t && S(!0)), () => {
 			t = !1;
 		};
 	}, [y, e]);
 	let C = {
-		...A(g),
 		display: "block",
 		width: "100%",
-		minHeight: $r(r, 360),
-		height: $r(r, 360),
+		minHeight: ti(r, 360),
+		height: ti(r, 360),
 		backgroundColor: a || "transparent",
-		borderRadius: A(g).borderRadius ?? void 0
+		...A(g)
 	};
-	if (!e) return v ? /* @__PURE__ */ u(ni, {
+	if (!e) return v ? /* @__PURE__ */ u(ai, {
 		nodeRef: _,
 		style: g,
 		height: r,
@@ -6516,13 +6618,13 @@ function ri({ src: e, poster: t, alt: n, height: r, bg: a, autoRotate: o, rotate
 		poster: t || void 0,
 		style: C,
 		"camera-controls": w(!v && l !== !1),
-		"auto-rotate": w(T && !Yr()),
-		"auto-rotate-delay": T ? String($r(s, 0)) : void 0,
+		"auto-rotate": w(T && !Zr()),
+		"auto-rotate-delay": T ? String(ti(s, 0)) : void 0,
 		"rotation-per-second": "18deg",
 		ar: w(!v && d === !0),
 		"ar-modes": "webxr scene-viewer quick-look",
-		"shadow-intensity": String(ei(p, 100)),
-		exposure: String(ei(f, 100)),
+		"shadow-intensity": String(ni(p, 100)),
+		exposure: String(ni(f, 100)),
 		"field-of-view": m ? `${Number(m)}deg` : void 0,
 		"environment-image": h && h !== "neutral" ? h : "neutral",
 		"interaction-prompt": v ? "none" : void 0,
@@ -6540,7 +6642,7 @@ function ri({ src: e, poster: t, alt: n, height: r, bg: a, autoRotate: o, rotate
 		}) : null
 	});
 }
-var ii = ["attribute vec2 p;", "void main() { gl_Position = vec4(p, 0.0, 1.0); }"].join("\n"), ai = [
+var si = ["attribute vec2 p;", "void main() { gl_Position = vec4(p, 0.0, 1.0); }"].join("\n"), ci = [
 	"precision highp float;",
 	"uniform vec2 u_res;",
 	"uniform float u_time;",
@@ -6563,7 +6665,7 @@ var ii = ["attribute vec2 p;", "void main() { gl_Position = vec4(p, 0.0, 1.0); }
 	"  return v;",
 	"}",
 	""
-].join("\n"), oi = {
+].join("\n"), li = {
 	gradient: [
 		"void main(){",
 		"  vec2 uv = gl_FragCoord.xy / u_res;",
@@ -6615,7 +6717,7 @@ var ii = ["attribute vec2 p;", "void main() { gl_Position = vec4(p, 0.0, 1.0); }
 		"}"
 	].join("\n")
 };
-function si(e, t) {
+function ui(e, t) {
 	let n = /^#?([0-9a-f]{6})$/i.exec(String(e ?? "").trim());
 	if (!n) return t;
 	let r = parseInt(n[1], 16);
@@ -6625,7 +6727,7 @@ function si(e, t) {
 		(r & 255) / 255
 	];
 }
-function ci(e, t, n) {
+function di(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);
@@ -6633,27 +6735,32 @@ function ci(e, t, n) {
 	}
 	return r;
 }
-function li({ preset: e, code: t, colorA: n, colorB: r, colorC: a, speed: o, scale: l, height: f, interactive: p, style: m, nodeRef: h, inert: g }) {
-	let _ = s(null), v = s(null), [y, b] = c(""), x = typeof t == "string" && t.trim() ? t : oi[e] ?? oi.gradient, S = String(n ?? ""), C = String(r ?? ""), w = String(a ?? ""), T = ei(o, 100), E = Math.max(.05, ei(l, 100));
+function fi({ preset: e, code: t, colorA: n, colorB: r, colorC: a, speed: o, scale: l, height: f, interactive: p, style: m, nodeRef: h, inert: g }) {
+	let _ = s(null), v = s(null), y = s(null), [b, x] = c("");
+	i(() => () => {
+		let e = y.current;
+		y.current = null, e?.getExtension("WEBGL_lose_context")?.loseContext();
+	}, []);
+	let S = typeof t == "string" && t.trim() ? t : li[e] ?? li.gradient, C = String(n ?? ""), w = String(r ?? ""), T = String(a ?? ""), E = ni(o, 100), D = Math.max(.05, ni(l, 100));
 	return i(() => {
 		let e = _.current, t = v.current;
 		if (!e || !t) return;
-		let n = e.getContext("webgl", {
+		let n = y.current ??= e.getContext("webgl", {
 			antialias: !0,
 			alpha: !0,
 			premultipliedAlpha: !1
 		});
 		if (!n) {
-			b("WebGL is not available in this browser");
+			x("WebGL is not available in this browser");
 			return;
 		}
 		let r = null;
 		try {
-			let e = ci(n, n.VERTEX_SHADER, ii), t = ci(n, n.FRAGMENT_SHADER, ai + x);
+			let e = di(n, n.VERTEX_SHADER, si), t = di(n, n.FRAGMENT_SHADER, ci + 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");
-			b("");
+			x("");
 		} catch (e) {
-			b(e?.message || "Shader failed to compile");
+			x(e?.message || "Shader failed to compile");
 			return;
 		}
 		n.useProgram(r);
@@ -6685,49 +6792,49 @@ function li({ preset: e, code: t, colorA: n, colorB: r, colorC: a, speed: o, sca
 		};
 		p !== !1 && t.addEventListener("pointermove", l);
 		let u = () => {
-			let r = Xr(), i = Math.max(1, Math.round(t.clientWidth * r)), a = Math.max(1, Math.round(t.clientHeight * r));
+			let r = Qr(), 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 = Yr(), m = {
-			a: si(S, [
+		let f = Zr(), m = {
+			a: ui(C, [
 				.35,
 				.4,
 				.95
 			]),
-			b: si(C, [
+			b: ui(w, [
 				.05,
 				.06,
 				.16
 			]),
-			c: si(w, [
+			c: ui(T, [
 				.95,
 				.35,
 				.6
 			])
 		}, h = {};
-		return h.stop = Zr(t, (t, r) => {
-			u(), n.uniform2f(s.res, e.width, e.height), n.uniform1f(s.time, (f ? 0 : r) * T), 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, E), n.drawArrays(n.TRIANGLES, 0, 3), f && h.stop?.();
+		return h.stop = $r(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), n.getExtension("WEBGL_lose_context")?.loseContext();
+			h.stop?.(), d?.disconnect(), t.removeEventListener("pointermove", l), n.deleteProgram(r), n.deleteBuffer(i);
 		};
 	}, [
-		x,
 		S,
 		C,
 		w,
 		T,
 		E,
+		D,
 		p
 	]), /* @__PURE__ */ d("div", {
 		ref: (e) => {
 			v.current = e, typeof h == "function" && h(e);
 		},
 		style: {
-			...A(m),
-			position: A(m).position ?? "relative",
-			minHeight: $r(f, 320),
-			overflow: "hidden"
+			position: "relative",
+			minHeight: ti(f, 320),
+			overflow: "hidden",
+			...A(m)
 		},
 		children: [/* @__PURE__ */ u("canvas", {
 			ref: _,
@@ -6738,7 +6845,7 @@ function li({ preset: e, code: t, colorA: n, colorB: r, colorC: a, speed: o, sca
 				position: "absolute",
 				inset: 0
 			}
-		}), y && g ? /* @__PURE__ */ u("div", {
+		}), b && g ? /* @__PURE__ */ u("div", {
 			style: {
 				position: "absolute",
 				inset: 0,
@@ -6747,17 +6854,17 @@ function li({ preset: e, code: t, colorA: n, colorB: r, colorC: a, speed: o, sca
 				justifyContent: "center",
 				padding: 12,
 				background: "rgba(15,23,42,.75)",
-				...q,
+				...K,
 				color: "#fecaca",
 				fontSize: 11,
 				whiteSpace: "pre-wrap",
 				overflow: "auto"
 			},
-			children: y
+			children: b
 		}) : null]
 	});
 }
-function ui(e, t) {
+function pi(e, t) {
 	let n = new e.Scene(), r = new e.BoxGeometry();
 	r.deleteAttribute("uv");
 	let i = new e.Mesh(r, new e.MeshBasicMaterial({
@@ -6773,7 +6880,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 = {
+var mi = /* @__PURE__ */ new Map();
+function hi(e) {
+	if (mi.has(e)) return mi.get(e);
+	let t = Yr("loaders/GLTFLoader.js").then((t) => new Promise((n, r) => {
+		new t.GLTFLoader().load(e, (e) => n(e.scene), void 0, r);
+	})).catch((t) => {
+		throw mi.delete(e), t;
+	});
+	return mi.set(e, t), t;
+}
+function gi(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 _i = {
 	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),
@@ -6782,59 +6905,74 @@ var di = {
 	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)
-}, fi = (e, t) => Number.isFinite(Number(e)) ? Number(e) : t;
-function pi({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate: a, spinSpeed: o, controls: l, ground: d, height: f, style: p, nodeRef: m, inert: h }) {
-	let g = s(null), [_, v] = c(!1), y = Array.isArray(e) ? e.filter((e) => e && typeof e == "object") : [], b = JSON.stringify(y), x = a !== !1 && !Yr(), S = l !== !1 && !h;
+}, vi = (e, t) => Number.isFinite(Number(e)) ? Number(e) : t;
+function yi({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate: a, spinSpeed: o, controls: l, ground: d, height: f, style: p, nodeRef: m, inert: h }) {
+	let g = s(null), [_, v] = c(!1), y = Array.isArray(e) ? e.filter((e) => e && typeof e == "object") : [], b = JSON.stringify(y), x = a !== !1 && !Zr(), S = l !== !1 && !h;
 	return i(() => {
 		let e = g.current;
 		if (!e) return;
 		let i = !0, a = null;
-		return qr().then((s) => {
+		return Jr().then((s) => {
 			if (!i || !e) return;
 			let c = new s.WebGLRenderer({
 				antialias: !0,
 				alpha: !t
 			});
-			c.setPixelRatio(Xr()), c.shadowMap.enabled = d !== !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(Qr()), c.shadowMap.enabled = d !== !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 u = new s.PerspectiveCamera(fi(r, 45), 1, .1, 400), f = Qr(u, c.domElement, {
-				distance: fi(n, 5),
+			t && (l.background = new s.Color(t)), l.environment = pi(s, c);
+			let u = new s.PerspectiveCamera(vi(r, 45), 1, .1, 400), f = ei(u, c.domElement, {
+				distance: vi(n, 5),
 				enableZoom: S
 			}), p = new s.DirectionalLight(16777215, 2.2);
 			p.position.set(4, 7, 5), p.castShadow = d !== !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();
+			let m = [], h = new s.Group(), g = (e, t) => {
+				let n = vi(t.scale, 1);
+				e.position.set(vi(t.x, 0), vi(t.y, 0), vi(t.z, 0)), e.rotation.set(ri(t.rx), ri(t.ry), ri(t.rz)), e.scale.setScalar(n > 0 ? n : 1), e.userData.spin = ri(t.spin);
+			};
 			for (let e of y) {
-				let t = (di[e.shape] ?? di.box)(s), n = new s.MeshStandardMaterial({
+				if (e.shape === "model") {
+					if (!ii(e.src)) continue;
+					let t = new s.Group();
+					g(t, e), h.add(t), hi(e.src).then((e) => {
+						if (!i) return;
+						let n = gi(s, e.clone(!0));
+						n.traverse((e) => {
+							e.isMesh && (e.castShadow = !0, e.receiveShadow = !0);
+						}), t.add(n);
+					}, () => {});
+					continue;
+				}
+				let t = (_i[e.shape] ?? _i.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, 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))),
+					metalness: Math.min(1, Math.max(0, ni(e.metalness, 10))),
+					roughness: Math.min(1, Math.max(0, ni(e.roughness, 35))),
+					transparent: ni(e.opacity, 100) < 1,
+					opacity: Math.min(1, Math.max(0, ni(e.opacity, 100))),
 					flatShading: e.flat === !0,
 					wireframe: e.wireframe === !0,
 					side: e.shape === "plane" ? s.DoubleSide : s.FrontSide
-				}), r = new s.Mesh(t, n), i = fi(e.scale, 1);
-				r.position.set(fi(e.x, 0), fi(e.y, 0), fi(e.z, 0)), r.rotation.set(fi(e.rx, 0) * Math.PI / 180, fi(e.ry, 0) * Math.PI / 180, fi(e.rz, 0) * Math.PI / 180), r.scale.setScalar(i > 0 ? i : 1), r.castShadow = !0, r.receiveShadow = !0, r.userData.spin = ti(e.spin), h.add(r), m.push(t, n);
+				}), r = new s.Mesh(t, n);
+				g(r, e), r.castShadow = !0, r.receiveShadow = !0, h.add(r), m.push(t, n);
 			}
 			l.add(h);
-			let g = null;
+			let _ = null;
 			if (d !== !1) {
 				let e = new s.ShadowMaterial({ opacity: .22 }), t = new s.PlaneGeometry(60, 60);
-				g = new s.Mesh(t, e), g.rotation.x = -Math.PI / 2, g.position.y = fi(d === !0 ? 0 : d, -.85), g.receiveShadow = !0, l.add(g), m.push(t, e);
+				_ = new s.Mesh(t, e), _.rotation.x = -Math.PI / 2, _.position.y = vi(d === !0 ? 0 : d, -.85), _.receiveShadow = !0, l.add(_), m.push(t, e);
 			}
-			let _ = () => {
+			let v = () => {
 				let t = Math.max(1, e.clientWidth), n = Math.max(1, e.clientHeight);
 				c.setSize(t, n, !1), u.aspect = t / n, u.updateProjectionMatrix();
-			}, v = typeof ResizeObserver > "u" ? null : new ResizeObserver(_);
-			v?.observe(e), _();
-			let b = ti(Number.isFinite(Number(o)) ? o : 20), C = Zr(e, (e) => {
-				f.autoSpin(x ? b : 0, e), f.update();
+			}, b = typeof ResizeObserver > "u" ? null : new ResizeObserver(v);
+			b?.observe(e), v();
+			let C = ri(Number.isFinite(Number(o)) ? o : 20), w = $r(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, u);
 			});
 			a = () => {
-				C(), v?.disconnect(), f.dispose();
+				w(), b?.disconnect(), f.dispose();
 				for (let e of m) e.dispose?.();
 				l.environment?.dispose?.(), c.dispose(), c.domElement.remove();
 			};
@@ -6852,7 +6990,7 @@ function pi({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate:
 		o,
 		S,
 		d
-	]), _ && h ? /* @__PURE__ */ u(ni, {
+	]), _ && h ? /* @__PURE__ */ u(ai, {
 		nodeRef: m,
 		style: p,
 		height: f,
@@ -6863,27 +7001,27 @@ function pi({ objects: e, background: t, cameraDistance: n, fov: r, autoRotate:
 			g.current = e, typeof m == "function" && m(e);
 		},
 		style: {
-			...A(p),
-			minHeight: $r(f, 380),
-			height: $r(f, 380),
+			minHeight: ti(f, 380),
+			height: ti(f, 380),
 			overflow: "hidden",
-			touchAction: S ? "pan-y" : void 0
+			touchAction: S ? "pan-y" : void 0,
+			...A(p)
 		}
 	});
 }
-function mi({ code: e, height: t, background: n, style: r, nodeRef: a, inert: o }) {
+function bi({ code: e, height: t, background: n, style: r, nodeRef: a, inert: o }) {
 	let l = s(null), [d, f] = c("");
 	return i(() => {
 		let t = l.current;
 		if (o || !t || typeof e != "string" || !e.trim()) return;
 		let r = !0, i = null;
-		return qr().then((a) => {
+		return Jr().then((a) => {
 			if (!r || !t) return;
 			let o = new a.WebGLRenderer({
 				antialias: !0,
 				alpha: !n
 			});
-			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);
+			o.setPixelRatio(Qr()), 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);
@@ -6906,7 +7044,7 @@ function mi({ code: e, height: t, background: n, style: r, nodeRef: a, 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 = Zr(t, (e, t) => {
+			let p = !1, m = $r(t, (e, t) => {
 				if (!p && typeof l?.frame == "function") try {
 					l.frame(e, t);
 				} catch (e) {
@@ -6928,7 +7066,7 @@ function mi({ code: e, height: t, background: n, style: r, nodeRef: a, inert: o
 		e,
 		o,
 		n
-	]), o ? /* @__PURE__ */ u(ni, {
+	]), o ? /* @__PURE__ */ u(ai, {
 		nodeRef: a,
 		style: r,
 		height: t,
@@ -6939,12 +7077,12 @@ function mi({ code: e, height: t, background: n, style: r, nodeRef: a, inert: o
 			l.current = e, typeof a == "function" && a(e);
 		},
 		style: {
-			...A(r),
-			minHeight: $r(t, 380),
-			height: $r(t, 380),
+			minHeight: ti(t, 380),
+			height: ti(t, 380),
 			overflow: "hidden",
 			position: "relative",
-			touchAction: "pan-y"
+			touchAction: "pan-y",
+			...A(r)
 		},
 		children: d ? /* @__PURE__ */ u("div", {
 			style: {
@@ -6955,7 +7093,7 @@ function mi({ code: e, height: t, background: n, style: r, nodeRef: a, inert: o
 				padding: "6px 8px",
 				borderRadius: 6,
 				background: "rgba(127,29,29,.85)",
-				...q,
+				...K,
 				color: "#fee2e2",
 				fontSize: 11
 			},
@@ -6963,40 +7101,40 @@ function mi({ code: e, height: t, background: n, style: r, nodeRef: a, inert: o
 		}) : null
 	});
 }
-var hi = {
-	ModelViewerBlock: ri,
-	ShaderBlock: li,
-	SceneBlock: pi,
-	ThreeCanvasBlock: mi
-}, gi = /* @__PURE__ */ new Map();
-function _i(e) {
-	if (gi.has(e)) return gi.get(e);
+var xi = {
+	ModelViewerBlock: oi,
+	ShaderBlock: fi,
+	SceneBlock: yi,
+	ThreeCanvasBlock: bi
+}, Si = /* @__PURE__ */ new Map();
+function Ci(e) {
+	if (Si.has(e)) return Si.get(e);
 	let t = URL.createObjectURL(new Blob([e], { type: "text/javascript" })), n = import(
 		/* @vite-ignore */
 		/* webpackIgnore: true */
 		t
 ).finally(() => URL.revokeObjectURL(t));
-	return gi.set(e, n), n;
+	return Si.set(e, n), n;
 }
-function vi(e) {
+function wi(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 yi(e, t) {
-	let n = await _i(e);
+async function Ti(e, t) {
+	let n = await Ci(e);
 	return (Array.isArray(n?.default?.blocks) ? n.default.blocks : []).find((e) => e?.id === t && typeof e.mount == "function") ?? null;
 }
-var bi = {
+var Ei = {
 	padding: "10px 12px",
 	border: "1px dashed rgba(148, 163, 184, 0.5)",
 	borderRadius: 8,
 	fontSize: 12,
 	opacity: .6
 };
-function xi({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
-	let c = r(Z), l = vi(c?.settings)[e], f = s(null), p = s(null), m = {
+function Di({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
+	let c = r(Z), l = wi(c?.settings)[e], f = s(null), p = s(null), m = {
 		tenant: c?.tenant ?? "",
 		apiUrl: c?.apiUrl ?? "/api",
 		locale: c?.locale ?? "",
@@ -7008,7 +7146,7 @@ function xi({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 		let e = f.current;
 		if (!l?.code || !e) return;
 		let n = !0;
-		return yi(l.code, t).then((e) => {
+		return Ti(l.code, t).then((e) => {
 			if (!(!n || !e || !f.current)) {
 				p.current = e;
 				try {
@@ -7038,7 +7176,7 @@ function xi({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 	}) : /* @__PURE__ */ d("div", {
 		ref: o,
 		style: {
-			...bi,
+			...Ei,
 			...A(a)
 		},
 		children: [
@@ -7050,13 +7188,13 @@ function xi({ pluginId: e, blockId: t, props: n, style: a, nodeRef: o }) {
 }
 //#endregion
 //#region ../ui/src/components/builder/render.jsx
-var Si = {
-	...ar,
-	...Rr,
-	...hi,
-	PluginBlock: xi
+var Oi = {
+	...or,
+	...zr,
+	...xi,
+	PluginBlock: Di
 };
-function Ci(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
+function ki(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 	let o = n[t];
 	if (!o || o.hidden) return null;
 	let s = o.type?.resolvedName, c = a?.mapProps ? a.mapProps(o.props ?? {}, s) : o.props ?? {};
@@ -7064,11 +7202,11 @@ function Ci(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		let n = o.props?.componentId, s = r?.[n];
 		if (!s?.template || i.has(n)) return null;
 		let c = new Set(i).add(n);
-		return /* @__PURE__ */ u(e, { children: Ci(s.template.rootId, s.template.nodes, r, c, a) }, t);
+		return /* @__PURE__ */ u(e, { children: ki(s.template.rootId, s.template.nodes, r, c, a) }, t);
 	}
-	let l = Si[s];
+	let l = Oi[s];
 	if (!l) return null;
-	let d = (o.nodes ?? []).map((e) => Ci(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, Ci(t, n, r, i, a)])) : void 0, m = /* @__PURE__ */ u(l, {
+	let d = (o.nodes ?? []).map((e) => ki(e, n, r, i, a)).filter(Boolean), f = Object.entries(o.linkedNodes ?? {}), p = f.length ? Object.fromEntries(f.map(([e, t]) => [e, ki(t, n, r, i, a)])) : void 0, m = /* @__PURE__ */ u(l, {
 		...c,
 		...s === "CollectionList" ? { templateId: o.linkedNodes?.card } : null,
 		linked: p,
@@ -7077,16 +7215,16 @@ function Ci(t, n, r, i = /* @__PURE__ */ new Set(), a = void 0) {
 		},
 		children: d.length ? d : void 0
 	}, t);
-	return c.when && c.when !== "always" ? /* @__PURE__ */ u(hr, {
+	return c.when && c.when !== "always" ? /* @__PURE__ */ u(gr, {
 		when: c.when,
 		children: m
 	}, t) : m;
 }
 //#endregion
 //#region ../ui/src/components/builder/PageRenderer.jsx
-var wi = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), Ti = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(ue(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
+var Ai = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" "), ji = (e) => `.webim-page[data-webim-mode="light"] { ${Object.entries(ue(e.light)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }
 .webim-page[data-webim-mode="dark"] { ${Object.entries(ue(e.dark)).map(([e, t]) => `${e}: ${t} !important;`).join(" ")} }`;
-function Ei({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, animations: c, tenant: l, apiUrl: f, datasets: p, locale: m, direction: h, settings: _, siteUser: v }) {
+function Mi({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, custom: s, animations: c, tenant: l, apiUrl: f, datasets: p, locale: m, direction: h, settings: _, siteUser: v }) {
 	let b = s?.js?.trim();
 	if (i(() => {
 		if (!b) return;
@@ -7100,11 +7238,11 @@ function Ei({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 		minHeight: "100%",
 		display: "flex",
 		flexDirection: "column"
-	}, w = Ci("ROOT", e, n), T = o(() => ({ render: (t, r) => Ci(t, e, n, void 0, { mapProps: r }) }), [e, n]), D = G(e, n), O = re(e, n), k = s?.css?.trim(), A = E(c), j = le(t), M = [j.font, j.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !oe[e]), N = [.../* @__PURE__ */ new Set([...y(e, n), ...M])].map((e) => /* @__PURE__ */ u("link", {
+	}, w = ki("ROOT", e, n), T = o(() => ({ render: (t, r) => ki(t, e, n, void 0, { mapProps: r }) }), [e, n]), D = W(e, n), O = ie(e, n), k = s?.css?.trim(), A = E(c), j = le(t), M = [j.font, j.headingFont].filter((e) => typeof e == "string" && e.trim() && e !== "inherit" && !oe[e]), N = [.../* @__PURE__ */ new Set([...y(e, n), ...M])].map((e) => /* @__PURE__ */ u("link", {
 		rel: "stylesheet",
 		precedence: "default",
 		href: g(e)
-	}, e)), P = Ti(j);
+	}, e)), P = ji(j);
 	return r === "auto" ? /* @__PURE__ */ u(Z.Provider, {
 		value: {
 			tenant: l || "",
@@ -7112,7 +7250,7 @@ function Ei({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 			locale: m || "",
 			settings: _ ?? null
 		},
-		children: /* @__PURE__ */ u(mr, {
+		children: /* @__PURE__ */ u(hr, {
 			initialUser: v,
 			children: /* @__PURE__ */ u(xe.Provider, {
 				value: p ?? null,
@@ -7127,8 +7265,8 @@ function Ei({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 							...a
 						},
 						children: [
-							/* @__PURE__ */ u("style", { children: `.webim-page { ${wi(ue(j.light))} }
-@media (prefers-color-scheme: dark) { .webim-page { ${wi(ue(j.dark))} } }` }),
+							/* @__PURE__ */ u("style", { children: `.webim-page { ${Ai(ue(j.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${Ai(ue(j.dark))} } }` }),
 							/* @__PURE__ */ u("style", { children: P }),
 							N,
 							/* @__PURE__ */ u("style", { children: S }),
@@ -7148,7 +7286,7 @@ function Ei({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 			locale: m || "",
 			settings: _ ?? null
 		},
-		children: /* @__PURE__ */ u(mr, {
+		children: /* @__PURE__ */ u(hr, {
 			initialUser: v,
 			children: /* @__PURE__ */ u(xe.Provider, {
 				value: p ?? null,
@@ -7181,8 +7319,8 @@ function Ei({ blocks: e, theme: t, components: n, mode: r = "auto", style: a, cu
 }
 //#endregion
 //#region src/WebimContent.jsx
-function Di({ bundle: e, mode: t = "auto", style: n }) {
-	return e?.blocks?.ROOT ? /* @__PURE__ */ u(Ei, {
+function Ni({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ u(Mi, {
 		blocks: e.blocks,
 		theme: e.theme,
 		components: e.components,
@@ -7200,7 +7338,7 @@ function Di({ bundle: e, mode: t = "auto", style: n }) {
 }
 //#endregion
 //#region src/WebimPage.jsx
-function Oi({ 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 Pi({ 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
@@ -7237,11 +7375,11 @@ function Oi({ 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(Di, {
+	]), g.status === "loading" ? f : g.status === "error" ? typeof p == "function" ? p(g.error) : p : /* @__PURE__ */ u(Ni, {
 		bundle: g.bundle,
 		mode: l,
 		style: d
 	});
 }
 //#endregion
-export { Ei as PageRenderer, Di as WebimContent, Oi as WebimPage, ye as fetchPage, Ze as renderRichContent, he as resolveTheme };
+export { Mi as PageRenderer, Ni as WebimContent, Pi as WebimPage, ye as fetchPage, Ze as renderRichContent, he as resolveTheme };