webim-adapter 0.1.0

package/build/webim-adapter.js

@@ -0,0 +1,1770 @@
+import { Fragment as e, createContext as t, useContext as n, useEffect as r, useRef as i, useState as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region ../ui/src/components/builder/styles.js
+var l = /* @__PURE__ */ new Set(/* @__PURE__ */ "marginTop.marginRight.marginBottom.marginLeft.paddingTop.paddingRight.paddingBottom.paddingLeft.gap.rowGap.columnGap.flexBasis.fontSize.borderRadius.borderTopLeftRadius.borderTopRightRadius.borderBottomRightRadius.borderBottomLeftRadius.borderWidth.borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.letterSpacing.top.right.bottom.left".split(".")), u = (e) => typeof e == "number" || typeof e == "string" && e.trim() !== "" && !Number.isNaN(Number(e)) ? `${Number(e)}px` : e, d = [
+	"borderWidth",
+	"borderStyle",
+	"borderColor",
+	"borderRadius",
+	"gap"
+];
+function f(e) {
+	let t = {};
+	for (let n of d) {
+		let r = e?.[n];
+		r != null && r !== "" && (t[n] = l.has(n) ? u(r) : r);
+	}
+	for (let [n, r] of Object.entries(e || {})) r == null || r === "" || d.includes(n) || (t[n] = l.has(n) ? u(r) : r);
+	let { gradientType: n, gradientAngle: r, gradientFrom: i, gradientTo: a } = t;
+	delete t.gradientType, delete t.gradientAngle, delete t.gradientFrom, delete t.gradientTo;
+	let { textShadows: o, textShadowX: s, textShadowY: c, textShadowBlur: f, textShadowColor: p } = t;
+	delete t.textShadows, delete t.textShadowX, delete t.textShadowY, delete t.textShadowBlur, delete t.textShadowColor;
+	let m = (Array.isArray(o) ? o : []).filter((e) => e && e.on !== !1).map((e) => `${u(e.x ?? 0)} ${u(e.y ?? 0)} ${u(e.blur ?? 0)} ${e.color || "rgba(0, 0, 0, 0.35)"}`);
+	[
+		s,
+		c,
+		f,
+		p
+	].some((e) => e !== void 0) && m.push(`${u(s ?? 0)} ${u(c ?? 0)} ${u(f ?? 0)} ${p || "rgba(0, 0, 0, 0.35)"}`), m.length && (t.textShadow = m.join(", "));
+	let h = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}deg` : e, g = (e) => e.type === "move" ? `translate(${u(e.x ?? 0)}, ${u(e.y ?? 0)})` : e.type === "scale" ? `scale(${e.v ?? 1})` : e.type === "rotate" ? `rotate(${h(e.a ?? 0)})` : e.type === "skew" ? `skew(${h(e.x ?? 0)}, ${h(e.y ?? 0)})` : null, { transforms: _, translateX: v, translateY: y, scale: b, rotate: x, skewX: S, skewY: C } = t;
+	delete t.transforms, delete t.translateX, delete t.translateY, delete t.scale, delete t.rotate, delete t.skewX, delete t.skewY;
+	let w = (Array.isArray(_) ? _ : []).filter((e) => e && e.on !== !1).map(g).filter(Boolean);
+	(v !== void 0 || y !== void 0) && w.push(`translate(${u(v ?? 0)}, ${u(y ?? 0)})`), b !== void 0 && w.push(`scale(${b})`), x !== void 0 && w.push(`rotate(${h(x)})`), (S !== void 0 || C !== void 0) && w.push(`skew(${h(S ?? 0)}, ${h(C ?? 0)})`), w.length && (t.transform = w.join(" "));
+	let T = (e) => `${e.inset ? "inset " : ""}${u(e.x ?? 0)} ${u(e.y ?? 0)} ${u(e.blur ?? 0)} ${u(e.spread ?? 0)} ${e.color || "rgba(15, 23, 42, 0.2)"}`, { shadows: E, boxShadowX: D, boxShadowY: O, boxShadowBlur: k, boxShadowSpread: A, boxShadowColor: j, boxShadowInset: M } = t;
+	delete t.shadows, delete t.boxShadowX, delete t.boxShadowY, delete t.boxShadowBlur, delete t.boxShadowSpread, delete t.boxShadowColor, delete t.boxShadowInset;
+	let N = (Array.isArray(E) ? E : []).filter((e) => e && e.on !== !1).map(T);
+	[
+		D,
+		O,
+		k,
+		A,
+		j,
+		M
+	].some((e) => e !== void 0) && N.push(T({
+		x: D,
+		y: O,
+		blur: k,
+		spread: A,
+		color: j,
+		inset: M
+	})), N.length && (t.boxShadow = N.join(", "));
+	let ee = (e) => e.type === "blur" ? `blur(${u(e.v ?? 0)})` : e.type === "hue-rotate" ? `hue-rotate(${h(e.v ?? 0)})` : `${e.type}(${e.v ?? 100}%)`, te = (e) => (Array.isArray(e) ? e : []).filter((e) => e && e.on !== !1 && e.type).map(ee), { filters: ne, backdropFilters: re, filterBlur: P, filterGrayscale: F, filterBrightness: I, filterContrast: L, filterSaturate: R } = t;
+	delete t.filters, delete t.backdropFilters, delete t.filterBlur, delete t.filterGrayscale, delete t.filterBrightness, delete t.filterContrast, delete t.filterSaturate;
+	let z = te(ne);
+	P !== void 0 && z.push(`blur(${u(P)})`), F !== void 0 && z.push(`grayscale(${F}%)`), I !== void 0 && z.push(`brightness(${I}%)`), L !== void 0 && z.push(`contrast(${L}%)`), R !== void 0 && z.push(`saturate(${R}%)`), z.length && (t.filter = z.join(" "));
+	let ie = te(re);
+	ie.length && (t.backdropFilter = ie.join(" "), t.WebkitBackdropFilter = t.backdropFilter);
+	let { textStrokeWidth: B, textStrokeColor: V } = t;
+	delete t.textStrokeWidth, delete t.textStrokeColor, (B !== void 0 || V !== void 0) && (t.WebkitTextStroke = `${u(B ?? 1)} ${V || "currentColor"}`);
+	let { clipText: ae } = t;
+	delete t.clipText, ae && (t.WebkitBackgroundClip = "text", t.backgroundClip = "text", t.WebkitTextFillColor = "transparent");
+	let { transitions: H, transitionDuration: U, transitionEasing: oe, transitionProperty: W } = t, G = (e) => typeof e == "number" || !Number.isNaN(Number(e)) ? `${Number(e)}ms` : e;
+	delete t.transitions, delete t.transitionDuration, delete t.transitionEasing, delete t.transitionProperty;
+	let K = (Array.isArray(H) ? H : []).filter((e) => e && e.on !== !1).map((e) => `${e.property || "all"} ${G(e.duration ?? 200)} ${e.easing || "ease"}`);
+	if (U !== void 0 && K.push(`${W || "all"} ${G(U)} ${oe || "ease"}`), K.length && (t.transition = K.join(", ")), 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: q, overlayOpacity: J } = t;
+	if (delete t.overlayColor, delete t.overlayOpacity, q) {
+		let e = `color-mix(in srgb, ${q} ${J ?? 50}%, transparent)`, n = `linear-gradient(${e}, ${e})`;
+		t.backgroundImage = t.backgroundImage ? `${n}, ${t.backgroundImage}` : n;
+	}
+	t.backgroundImage && (t.backgroundSize ??= "cover", t.backgroundPosition ??= "center", t.backgroundRepeat ??= "no-repeat");
+	let { backgroundLayers: Y } = t;
+	delete t.backgroundLayers;
+	let X = (Array.isArray(Y) ? Y : []).filter((e) => e && e.on !== !1);
+	if (X.length) {
+		let e = [], n = [], r = [], i = [], a = [];
+		for (let t of X) if (t.kind === "linear") e.push(`linear-gradient(${t.angle ?? 180}deg, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
+		else if (t.kind === "radial") e.push(`radial-gradient(circle, ${t.from || "rgba(0,0,0,0.5)"}, ${t.to || "transparent"})`), n.push("auto"), r.push("0% 0%"), i.push("repeat"), a.push("scroll");
+		else {
+			if (!t.src) continue;
+			e.push(`url("${t.src}")`), n.push(t.size === "custom" ? `${u(t.w ?? "auto")} ${u(t.h ?? "auto")}` : t.size || "cover"), r.push(`${u(t.posX ?? 0)} ${u(t.posY ?? 0)}`), i.push(t.repeat || "no-repeat"), a.push(t.fixed ? "fixed" : "scroll");
+		}
+		e.length && (t.backgroundImage && (e.push(t.backgroundImage), n.push(t.backgroundSize || "cover"), r.push(t.backgroundPosition || "center"), i.push(t.backgroundRepeat || "no-repeat"), a.push("scroll")), t.backgroundImage = e.join(", "), t.backgroundSize = n.join(", "), t.backgroundPosition = r.join(", "), t.backgroundRepeat = i.join(", "), t.backgroundAttachment = a.join(", "));
+	}
+	return t;
+}
+var p = {
+	hover: ":hover",
+	pressed: ":active",
+	focused: ":focus"
+}, m = /* @__PURE__ */ new Set([
+	"style",
+	"class",
+	"id",
+	"data-wb",
+	"data-wb-class",
+	"data-slot"
+]), h = (e) => /^[a-zA-Z_][\w-]*$/.test(e) && !/^on/i.test(e) && !m.has(e.toLowerCase());
+function g(e, t, n = []) {
+	t.htmlId ? e.id = t.htmlId : e.removeAttribute("id");
+	for (let t of n) e.removeAttribute(t);
+	let r = [];
+	for (let n of t.attributes ?? []) {
+		let t = String(n?.name ?? "").trim();
+		h(t) && (e.setAttribute(t, n.value ?? ""), r.push(t));
+	}
+	return r;
+}
+var _ = (e) => e.replace(/[A-Z]/g, (e) => `-${e.toLowerCase()}`);
+function v(e, t, n, r = !1) {
+	let i = Object.entries(f(t)).map(([e, t]) => `${_(e)}: ${t} !important;`).join(" ");
+	return i ? `[data-wb="${e}"]${r ? "" : n} { ${i} }` : "";
+}
+function y(e, t, n) {
+	return Object.entries(p).map(([r, i]) => v(e, t?.[r], i, n === r)).filter(Boolean).join("\n");
+}
+function b(e, t) {
+	let n = [], r = (e) => {
+		for (let [t, r] of Object.entries(e || {})) {
+			let e = y(t, r.props);
+			e && n.push(e);
+		}
+	};
+	r(e);
+	for (let e of Object.values(t || {})) r(e.template?.nodes);
+	return n.join("\n");
+}
+var x = "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", S = {
+	light: {
+		background: "#ffffff",
+		text: "#111827",
+		accent: "#111827",
+		accentText: "#ffffff",
+		primary: {
+			light: "#4b5563",
+			main: "#111827",
+			dark: "#030712",
+			contrastText: "#ffffff"
+		},
+		secondary: {
+			light: "#a5b4fc",
+			main: "#6366f1",
+			dark: "#4338ca",
+			contrastText: "#ffffff"
+		}
+	},
+	dark: {
+		background: "#0f172a",
+		text: "#e2e8f0",
+		accent: "#6366f1",
+		accentText: "#ffffff",
+		primary: {
+			light: "#a5b4fc",
+			main: "#6366f1",
+			dark: "#4338ca",
+			contrastText: "#ffffff"
+		},
+		secondary: {
+			light: "#5eead4",
+			main: "#14b8a6",
+			dark: "#0f766e",
+			contrastText: "#052e2b"
+		}
+	}
+}, C = {
+	font: "system",
+	headingFont: "inherit",
+	light: S.light,
+	dark: S.dark
+}, w = {
+	system: {
+		label: "System",
+		value: x
+	},
+	inter: {
+		label: "Inter",
+		value: `"Inter", ${x}`
+	},
+	outfit: {
+		label: "Outfit",
+		value: `"Outfit", ${x}`
+	},
+	serif: {
+		label: "Serif",
+		value: "Georgia, \"Times New Roman\", serif"
+	},
+	mono: {
+		label: "Mono",
+		value: "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
+	}
+}, T = (e, t) => w[e]?.value ?? t, E = (e, ...t) => {
+	let n = Object.assign({}, e, ...t);
+	return n.primary = {
+		...e.primary,
+		...t.reduce((e, t) => ({
+			...e,
+			...t?.primary
+		}), {})
+	}, n.secondary = {
+		...e.secondary,
+		...t.reduce((e, t) => ({
+			...e,
+			...t?.secondary
+		}), {})
+	}, n;
+};
+function D(e) {
+	let { light: t, dark: n, font: r, headingFont: i, ...a } = e ?? {};
+	return {
+		font: r ?? C.font,
+		headingFont: i ?? C.headingFont,
+		light: E(S.light, a, t),
+		dark: E(S.dark, n)
+	};
+}
+function O(e) {
+	return {
+		"--page-bg": e.background,
+		"--page-text": e.text,
+		"--page-accent": e.accent,
+		"--page-accent-text": e.accentText,
+		"--page-primary-light": e.primary.light,
+		"--page-primary": e.primary.main,
+		"--page-primary-dark": e.primary.dark,
+		"--page-primary-contrast": e.primary.contrastText,
+		"--page-secondary-light": e.secondary.light,
+		"--page-secondary": e.secondary.main,
+		"--page-secondary-dark": e.secondary.dark,
+		"--page-secondary-contrast": e.secondary.contrastText
+	};
+}
+function k(e) {
+	let t = D(e);
+	return {
+		backgroundColor: "var(--page-bg)",
+		color: "var(--page-text)",
+		fontFamily: T(t.font, x),
+		"--page-heading-font": t.headingFont === "inherit" ? "inherit" : T(t.headingFont, "inherit")
+	};
+}
+function A(e, t = "light") {
+	let n = D(e);
+	return {
+		...k(e),
+		...O(n[t] ?? n.light)
+	};
+}
+function j(e, t) {
+	return e?.themeRef && t?.[e.themeRef] || e?.theme;
+}
+//#endregion
+//#region src/bundle.js
+function M({ page: e, settings: t, tenant: n, apiUrl: r, locale: i }) {
+	let a = {
+		...t?.global ?? {},
+		...t?.tenant ?? {}
+	}, o = e.meta ?? {};
+	return {
+		schema: 1,
+		title: e.title,
+		slug: e.slug,
+		blocks: i && o.i18n?.[i]?.blocks || e.blocks,
+		theme: j(o, a.builder_themes?.themes),
+		components: a.builder_components?.components ?? {},
+		custom: o.custom,
+		seo: o.seo,
+		locales: a.locales,
+		tenant: n ?? "",
+		apiUrl: r ?? ""
+	};
+}
+//#endregion
+//#region src/fetchPage.js
+var N = 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 ee({ apiUrl: e, tenant: t, slug: n, locale: r, preview: i, fetch: a }) {
+	if (!e) throw Error("fetchPage: apiUrl is required");
+	if (!n) throw Error("fetchPage: slug is required");
+	let o = a ?? fetch, s = e.replace(/\/$/, ""), c = t ? { "x-tenant": t } : {}, [l, u] = await Promise.all([o(`${s}/render/${encodeURIComponent(n)}${i ? `?preview=${encodeURIComponent(i)}` : ""}`, { headers: c }).then(N), o(`${s}/settings/public`, { headers: c }).then(N)]);
+	return M({
+		page: l,
+		settings: u,
+		tenant: t,
+		apiUrl: s,
+		locale: r
+	});
+}
+new Map([
+	{
+		family: "Bebas Neue",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Crimson Text",
+		fallback: "serif"
+	},
+	{
+		family: "DM Sans",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Fira Sans",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Inter",
+		fallback: "sans-serif"
+	},
+	{
+		family: "JetBrains Mono",
+		fallback: "monospace"
+	},
+	{
+		family: "Josefin Sans",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Karla",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Lato",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Lora",
+		fallback: "serif"
+	},
+	{
+		family: "Manrope",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Merriweather",
+		fallback: "serif"
+	},
+	{
+		family: "Montserrat",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Nunito",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Open Sans",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Oswald",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Outfit",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Playfair Display",
+		fallback: "serif"
+	},
+	{
+		family: "Poppins",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Quicksand",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Raleway",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Roboto",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Rubik",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Source Sans 3",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Space Grotesk",
+		fallback: "sans-serif"
+	},
+	{
+		family: "Work Sans",
+		fallback: "sans-serif"
+	}
+].map((e) => [e.family, e]));
+function te(e) {
+	return e.length ? `https://fonts.googleapis.com/css2?${e.map((e) => `family=${e.replace(/ /g, "+")}:wght@100..900`).join("&")}&display=swap` : null;
+}
+var ne = (e) => te([e]), re = (e) => {
+	let t = typeof e == "string" && e.match(/^"([^"]+)"/);
+	return t ? t[1] : null;
+};
+function P(e, t) {
+	let n = /* @__PURE__ */ new Set(), r = (e) => {
+		for (let t of Object.values(e || {})) for (let e of [
+			"style",
+			"hover",
+			"pressed",
+			"focused"
+		]) {
+			let r = re(t.props?.[e]?.fontFamily);
+			r && n.add(r);
+		}
+	};
+	r(e);
+	for (let e of Object.values(t || {})) r(e.template?.nodes);
+	return [...n].sort();
+}
+//#endregion
+//#region ../ui/src/components/builder/views.jsx
+var F = t({
+	tenant: "",
+	apiUrl: "/api"
+}), I = {
+	margin: 0,
+	fontWeight: 700,
+	lineHeight: 1.2,
+	fontFamily: "var(--page-heading-font, inherit)"
+}, L = { margin: 0 }, R = {
+	display: "inline-block",
+	textDecoration: "none",
+	cursor: "pointer",
+	backgroundColor: "var(--page-accent, #111827)",
+	color: "var(--page-accent-text, #ffffff)"
+}, z = {
+	flexGrow: 1,
+	display: "flex",
+	flexDirection: "column",
+	position: "relative"
+}, ie = {
+	display: "flex",
+	flexDirection: "column"
+};
+function B({ style: e }) {
+	let t = e?.backgroundVideo;
+	if (!t) return null;
+	let n = {
+		position: "absolute",
+		inset: 0,
+		width: "100%",
+		height: "100%",
+		zIndex: -1,
+		pointerEvents: "none"
+	}, r = e?.overlayColor ? `color-mix(in srgb, ${e.overlayColor} ${e.overlayOpacity ?? 50}%, transparent)` : null;
+	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("video", {
+		src: t,
+		autoPlay: !0,
+		muted: !0,
+		loop: !0,
+		playsInline: !0,
+		style: {
+			...n,
+			objectFit: "cover"
+		}
+	}), r && /* @__PURE__ */ s("div", { style: {
+		...n,
+		background: r
+	} })] });
+}
+var V = (e, t) => e?.backgroundVideo ? {
+	position: "relative",
+	...t,
+	...f(e)
+} : {
+	...t,
+	...f(e)
+};
+function ae({ style: e, nodeRef: t, children: n }) {
+	return /* @__PURE__ */ c("div", {
+		ref: t,
+		style: {
+			...z,
+			...f(e)
+		},
+		children: [/* @__PURE__ */ s(B, { style: e }), n]
+	});
+}
+function H({ style: e, nodeRef: t, children: n }) {
+	return /* @__PURE__ */ c("section", {
+		ref: t,
+		style: V(e, ie),
+		children: [/* @__PURE__ */ s(B, { style: e }), n]
+	});
+}
+function U({ style: e, nodeRef: t, children: n }) {
+	return /* @__PURE__ */ c("div", {
+		ref: t,
+		style: V(e),
+		children: [/* @__PURE__ */ s(B, { style: e }), n]
+	});
+}
+function oe({ text: e, parts: t, tag: n = "h2", style: r, linked: i, nodeRef: a }) {
+	return /* @__PURE__ */ s(n, {
+		ref: a,
+		style: {
+			...I,
+			...f(r)
+		},
+		children: K(t, e, i)
+	});
+}
+var W = {
+	fontFamily: w.mono.value,
+	background: "rgba(148, 163, 184, 0.18)",
+	padding: "1px 5px",
+	borderRadius: 4,
+	fontSize: "0.9em"
+};
+function G(e, t = [], n) {
+	let r = e;
+	return t.includes("sup") ? r = /* @__PURE__ */ s("sup", { children: r }) : t.includes("sub") && (r = /* @__PURE__ */ s("sub", { children: r })), t.includes("code") && (r = /* @__PURE__ */ s("code", {
+		style: W,
+		children: r
+	})), t.includes("strike") && (r = /* @__PURE__ */ s("s", { children: r })), t.includes("underline") && (r = /* @__PURE__ */ s("u", { children: r })), t.includes("italic") && (r = /* @__PURE__ */ s("em", { children: r })), t.includes("bold") && (r = /* @__PURE__ */ s("strong", { children: r })), n && (r = /* @__PURE__ */ s("a", {
+		href: n,
+		style: { color: "inherit" },
+		children: r
+	})), r;
+}
+function K(t, n, r) {
+	return t?.length ? t.map((t, n) => {
+		if (t.slot) return /* @__PURE__ */ s(e, { children: r?.[t.slot] ?? null }, n);
+		if (t.parts) return /* @__PURE__ */ s(e, { children: K(t.parts, "", r) }, n);
+		let i = t.text;
+		return t.sup ? i = /* @__PURE__ */ s("sup", { children: i }) : t.sub && (i = /* @__PURE__ */ s("sub", { children: i })), t.code && (i = /* @__PURE__ */ s("code", {
+			style: W,
+			children: i
+		})), t.strike && (i = /* @__PURE__ */ s("s", { children: i })), t.underline && (i = /* @__PURE__ */ s("u", { children: i })), t.italic && (i = /* @__PURE__ */ s("em", { children: i })), t.bold && (i = /* @__PURE__ */ s("strong", { children: i })), t.href && (i = /* @__PURE__ */ s("a", {
+			href: t.href,
+			style: { color: "inherit" },
+			children: i
+		})), /* @__PURE__ */ s(e, { children: i }, n);
+	}) : n;
+}
+function q({ parts: e, text: t, marks: n, href: r, style: i }) {
+	return /* @__PURE__ */ s("span", {
+		style: f(i),
+		children: e?.length ? K(e, t) : G(t, n, r)
+	});
+}
+var J = {
+	h1: 40,
+	h2: 32,
+	h3: 26,
+	h4: 22,
+	h5: 19,
+	h6: 16
+};
+function Y({ align: e = "center", width: t } = {}) {
+	let n = t ? `${t}%` : void 0;
+	return e === "full" ? { width: "100%" } : e === "left" ? {
+		float: "left",
+		width: n ?? "50%",
+		marginTop: 4,
+		marginRight: 20,
+		marginBottom: 12,
+		marginLeft: 0
+	} : e === "right" ? {
+		float: "right",
+		width: n ?? "50%",
+		marginTop: 4,
+		marginLeft: 20,
+		marginBottom: 12,
+		marginRight: 0
+	} : {
+		width: n ?? "fit-content",
+		maxWidth: "100%",
+		marginLeft: "auto",
+		marginRight: "auto"
+	};
+}
+function X(e = [], t, n) {
+	let r = n ?? ((e, n) => K(e, n, t));
+	return e.map((t, n) => {
+		let i = {
+			marginTop: 0,
+			marginBottom: n === e.length - 1 ? 0 : 14
+		};
+		if (t.type === "image") {
+			if (!t.src) return null;
+			let e = /* @__PURE__ */ s("img", {
+				src: t.src,
+				alt: t.alt || "",
+				style: {
+					width: "100%",
+					display: "block",
+					borderRadius: 6
+				}
+			});
+			return /* @__PURE__ */ c("figure", {
+				style: {
+					marginLeft: 0,
+					marginRight: 0,
+					...i,
+					...Y(t)
+				},
+				children: [t.href ? /* @__PURE__ */ s("a", {
+					href: t.href,
+					style: { display: "block" },
+					children: e
+				}) : e, t.caption && /* @__PURE__ */ s("figcaption", {
+					style: {
+						fontSize: 13,
+						opacity: .65,
+						marginTop: 6,
+						textAlign: "center"
+					},
+					children: t.caption
+				})]
+			}, n);
+		}
+		if (t.type === "video") return _e(t.url) ? /* @__PURE__ */ s("div", {
+			style: {
+				...i,
+				...Y({
+					align: t.align,
+					width: t.width ?? 100
+				})
+			},
+			children: /* @__PURE__ */ s(ve, {
+				url: t.url,
+				autoplay: t.autoplay,
+				muted: t.muted,
+				loop: t.loop,
+				controls: t.controls ?? !0,
+				start: t.start
+			})
+		}, n) : null;
+		if (t.type === "divider") return /* @__PURE__ */ s("hr", { style: {
+			...i,
+			border: 0,
+			borderTop: "1px solid rgba(148, 163, 184, 0.4)"
+		} }, n);
+		if (t.type === "ul" || t.type === "ol") {
+			let e = t.type;
+			return /* @__PURE__ */ s(e, {
+				style: {
+					...i,
+					paddingLeft: 24
+				},
+				children: (t.items ?? []).map((e, t) => /* @__PURE__ */ s("li", {
+					style: { marginBottom: 4 },
+					children: r(e.parts, e.text)
+				}, t))
+			}, n);
+		}
+		if (t.type === "quote") return /* @__PURE__ */ s("blockquote", {
+			style: {
+				...ce,
+				...i
+			},
+			children: r(t.parts, t.text)
+		}, n);
+		if (J[t.type]) {
+			let e = t.type;
+			return /* @__PURE__ */ s(e, {
+				style: {
+					...I,
+					fontSize: J[t.type],
+					...i
+				},
+				children: r(t.parts, t.text)
+			}, n);
+		}
+		return /* @__PURE__ */ s("p", {
+			style: {
+				...L,
+				...i
+			},
+			children: r(t.parts, t.text)
+		}, n);
+	});
+}
+function se({ content: e, style: t, linked: n, nodeRef: r }) {
+	return /* @__PURE__ */ s("div", {
+		ref: r,
+		style: {
+			display: "flow-root",
+			...f(t)
+		},
+		children: X(e, n)
+	});
+}
+var ce = {
+	margin: 0,
+	padding: "8px 0 8px 20px",
+	borderLeft: "4px solid var(--page-accent, rgba(148, 163, 184, 0.6))"
+};
+function le({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+	return /* @__PURE__ */ s("blockquote", {
+		ref: i,
+		style: {
+			...ce,
+			...f(n)
+		},
+		children: K(t, e, r)
+	});
+}
+function ue({ ordered: e, items: t = [], style: n, nodeRef: r }) {
+	return /* @__PURE__ */ s(e ? "ol" : "ul", {
+		ref: r,
+		style: {
+			margin: 0,
+			paddingLeft: 24,
+			...f(n)
+		},
+		children: t.map((e, t) => /* @__PURE__ */ s("li", {
+			style: { marginBottom: 4 },
+			children: K(e.parts, e.text)
+		}, t))
+	});
+}
+function de({ text: e, parts: t, style: n, linked: r, nodeRef: i }) {
+	return /* @__PURE__ */ s("p", {
+		ref: i,
+		style: {
+			...L,
+			...f(n)
+		},
+		children: K(t, e, r)
+	});
+}
+var fe = {
+	color: "var(--page-accent, inherit)",
+	textDecoration: "underline",
+	textUnderlineOffset: 3,
+	cursor: "pointer"
+};
+function pe({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+	return /* @__PURE__ */ s("a", {
+		ref: o,
+		href: n || "#",
+		target: r || void 0,
+		rel: r === "_blank" ? "noopener noreferrer" : void 0,
+		style: {
+			...fe,
+			...f(i)
+		},
+		children: K(t, e, a)
+	});
+}
+function me({ text: e, parts: t, href: n, target: r, style: i, linked: a, nodeRef: o }) {
+	return /* @__PURE__ */ s("a", {
+		ref: o,
+		href: n || "#",
+		target: r || void 0,
+		rel: r === "_blank" ? "noopener noreferrer" : void 0,
+		style: {
+			...R,
+			...f(i)
+		},
+		children: K(t, e, a)
+	});
+}
+function he({ src: e, alt: t, style: n, nodeRef: r }) {
+	return e ? /* @__PURE__ */ s("img", {
+		ref: r,
+		src: e,
+		alt: t || "",
+		style: {
+			display: "block",
+			maxWidth: "100%",
+			...f(n)
+		}
+	}) : null;
+}
+function ge({ src: e, poster: t, controls: n = !0, autoplay: r = !1, loop: i = !1, muted: a = !1, style: o, nodeRef: c }) {
+	return e ? /* @__PURE__ */ s("video", {
+		ref: c,
+		src: e,
+		poster: t || void 0,
+		controls: n,
+		autoPlay: r,
+		muted: a || r,
+		loop: i,
+		playsInline: !0,
+		style: {
+			display: "block",
+			width: "100%",
+			maxWidth: "100%",
+			...f(o)
+		}
+	}) : null;
+}
+var _e = (e = "") => (e.match(/(?:youtu\.be\/|v=|embed\/|shorts\/|live\/)([\w-]{11})/) || e.match(/^([\w-]{11})$/))?.[1];
+function ve({ url: e, autoplay: t = !1, muted: n = !1, loop: r = !1, controls: i = !0, start: a, style: o, nodeRef: c }) {
+	let l = _e(e);
+	if (!l) return null;
+	let u = new URLSearchParams({ rel: "0" });
+	return t && u.set("autoplay", "1"), (n || t) && u.set("mute", "1"), i || u.set("controls", "0"), r && (u.set("loop", "1"), u.set("playlist", l)), Number(a) > 0 && u.set("start", String(Math.floor(Number(a)))), /* @__PURE__ */ s("div", {
+		ref: c,
+		style: {
+			position: "relative",
+			width: "100%",
+			paddingTop: "56.25%",
+			...f(o)
+		},
+		children: /* @__PURE__ */ s("iframe", {
+			src: `https://www.youtube-nocookie.com/embed/${l}?${u}`,
+			title: "YouTube video",
+			allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",
+			allowFullScreen: !0,
+			style: {
+				position: "absolute",
+				inset: 0,
+				width: "100%",
+				height: "100%",
+				border: 0
+			}
+		})
+	});
+}
+function ye({ src: e, title: t, allowFullscreen: n = !0, style: r, nodeRef: i }) {
+	return e ? /* @__PURE__ */ s("iframe", {
+		ref: i,
+		src: e,
+		title: t || "Embedded frame",
+		loading: "lazy",
+		allowFullScreen: n,
+		style: {
+			display: "block",
+			width: "100%",
+			height: 300,
+			border: 0,
+			...f(r)
+		}
+	}) : null;
+}
+function be({ code: e, runScripts: t = !0, style: n, nodeRef: i }) {
+	let [o, c] = a(null);
+	return r(() => {
+		o && (o.innerHTML = e || "", t && o.querySelectorAll("script").forEach((e) => {
+			let t = document.createElement("script");
+			for (let { name: n, value: r } of e.attributes) t.setAttribute(n, r);
+			t.text = e.textContent, e.replaceWith(t);
+		}));
+	}, [
+		o,
+		e,
+		t
+	]), /* @__PURE__ */ s("div", {
+		ref: (e) => {
+			c(e), i && i(e);
+		},
+		style: f(n)
+	});
+}
+function xe({ height: e, nodeRef: t }) {
+	return /* @__PURE__ */ s("div", {
+		ref: t,
+		style: {
+			height: e || 32,
+			flexShrink: 0,
+			alignSelf: "stretch"
+		}
+	});
+}
+function Se({ style: e, nodeRef: t }) {
+	return /* @__PURE__ */ s("div", {
+		ref: t,
+		style: {
+			height: 1,
+			alignSelf: "stretch",
+			flexShrink: 0,
+			...f(e)
+		}
+	});
+}
+var Ce = {
+	position: "absolute",
+	top: "50%",
+	transform: "translateY(-50%)",
+	width: 36,
+	height: 36,
+	borderRadius: "50%",
+	border: 0,
+	cursor: "pointer",
+	background: "rgba(17, 24, 39, 0.45)",
+	color: "#fff",
+	fontSize: 20,
+	lineHeight: 1,
+	display: "flex",
+	alignItems: "center",
+	justifyContent: "center",
+	padding: 0
+}, we = {
+	bottom: {
+		inset: "auto 0 0 0",
+		padding: "40px 24px 20px",
+		background: "linear-gradient(transparent, rgba(0, 0, 0, 0.55))"
+	},
+	top: {
+		inset: "0 0 auto 0",
+		padding: "20px 24px 40px",
+		background: "linear-gradient(rgba(0, 0, 0, 0.55), transparent)"
+	},
+	middle: {
+		inset: 0,
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "center",
+		padding: 24,
+		textShadow: "0 2px 12px rgba(0, 0, 0, 0.6)"
+	}
+}, Te = 48;
+function Ee({ count: e, renderSlide: t, autoplay: n = !0, interval: i = 5, height: l = 320, swipe: u = !0, style: d, nodeRef: p }) {
+	let [m, h] = a(0), [g, _] = a(!1), [v, y] = a(null), b = e ? Math.min(m, e - 1) : 0;
+	if (r(() => {
+		if (!n || g || v || e < 2) return;
+		let t = setInterval(() => h((t) => (t + 1) % e), Math.max(2, Number(i) || 5) * 1e3);
+		return () => clearInterval(t);
+	}, [
+		n,
+		g,
+		v,
+		i,
+		e
+	]), !e) return null;
+	let x = (t) => h((t + e) % e), S = () => {
+		if (!v) return;
+		let { dx: e } = v;
+		y(null), e < -48 ? x(b + 1) : e > Te && x(b - 1);
+	};
+	return /* @__PURE__ */ c("div", {
+		ref: p,
+		onMouseEnter: () => _(!0),
+		onMouseLeave: () => _(!1),
+		onPointerDown: u && e > 1 ? (e) => {
+			e.pointerType === "mouse" && e.button !== 0 || e.target.closest("button") || (e.currentTarget.setPointerCapture(e.pointerId), y({
+				startX: e.clientX,
+				dx: 0
+			}));
+		} : void 0,
+		onPointerMove: v ? (e) => y((t) => t && {
+			...t,
+			dx: e.clientX - t.startX
+		}) : void 0,
+		onPointerUp: S,
+		onPointerCancel: S,
+		style: {
+			position: "relative",
+			overflow: "hidden",
+			width: "100%",
+			touchAction: "pan-y",
+			userSelect: v ? "none" : void 0,
+			cursor: v ? "grabbing" : void 0,
+			...f(d)
+		},
+		children: [/* @__PURE__ */ s("div", {
+			style: {
+				display: "flex",
+				height: l,
+				transform: `translateX(calc(${-b * 100}% + ${v?.dx ?? 0}px))`,
+				transition: v ? "none" : "transform 450ms ease"
+			},
+			children: Array.from({ length: e }, (e, n) => /* @__PURE__ */ s("div", {
+				style: {
+					position: "relative",
+					width: "100%",
+					flexShrink: 0,
+					overflow: "hidden"
+				},
+				children: t(n)
+			}, n))
+		}), e > 1 && /* @__PURE__ */ c(o, { children: [
+			/* @__PURE__ */ s("button", {
+				type: "button",
+				"aria-label": "Previous slide",
+				style: {
+					...Ce,
+					left: 12
+				},
+				onClick: () => x(b - 1),
+				children: "‹"
+			}),
+			/* @__PURE__ */ s("button", {
+				type: "button",
+				"aria-label": "Next slide",
+				style: {
+					...Ce,
+					right: 12
+				},
+				onClick: () => x(b + 1),
+				children: "›"
+			}),
+			/* @__PURE__ */ s("div", {
+				style: {
+					position: "absolute",
+					bottom: 10,
+					left: 0,
+					right: 0,
+					display: "flex",
+					justifyContent: "center",
+					gap: 6
+				},
+				children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ s("button", {
+					type: "button",
+					"aria-label": `Go to slide ${t + 1}`,
+					onClick: () => x(t),
+					style: {
+						width: 8,
+						height: 8,
+						borderRadius: "50%",
+						border: 0,
+						padding: 0,
+						cursor: "pointer",
+						background: t === b ? "#ffffff" : "rgba(255, 255, 255, 0.45)"
+					}
+				}, t))
+			})
+		] })]
+	});
+}
+var De = (e, t) => ({
+	position: "absolute",
+	inset: 0,
+	backgroundImage: e ? `url(${e})` : "none",
+	backgroundColor: t || (e ? void 0 : "rgba(148, 163, 184, 0.25)"),
+	backgroundSize: "cover",
+	backgroundPosition: "center"
+});
+function Oe({ slides: e = [], captionPosition: t = "bottom", captionAlign: n = "left", ...r }) {
+	return e.length ? /* @__PURE__ */ s(Ee, {
+		...r,
+		count: e.length,
+		renderSlide: (r) => {
+			let i = e[r];
+			return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", { style: De(i.image) }), (i.title || i.text) && /* @__PURE__ */ c("div", {
+				style: {
+					position: "absolute",
+					color: "#fff",
+					textAlign: n,
+					...we[t] ?? we.bottom
+				},
+				children: [i.title && /* @__PURE__ */ s("div", {
+					style: {
+						fontSize: 22,
+						fontWeight: 700
+					},
+					children: i.title
+				}), i.text && /* @__PURE__ */ s("div", {
+					style: {
+						fontSize: 14,
+						opacity: .9,
+						marginTop: 4
+					},
+					children: i.text
+				})]
+			})] });
+		}
+	}) : null;
+}
+function ke({ slides: e = [], linked: t, ...n }) {
+	return e.length ? /* @__PURE__ */ s(Ee, {
+		...n,
+		count: e.length,
+		renderSlide: (n) => {
+			let r = e[n];
+			return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", { style: De(r.image, r.color) }), /* @__PURE__ */ s("div", {
+				style: {
+					position: "absolute",
+					inset: 0,
+					display: "flex",
+					flexDirection: "column"
+				},
+				children: t?.[r.key] ?? null
+			})] });
+		}
+	}) : null;
+}
+var Z = {
+	color: "inherit",
+	textDecoration: "none",
+	fontSize: 14,
+	opacity: .85
+}, Ae = {
+	background: "var(--page-bg, #ffffff)",
+	color: "var(--page-text, #111827)",
+	border: "1px solid rgba(148, 163, 184, 0.25)",
+	boxShadow: "0 16px 40px rgba(15, 23, 42, 0.16)",
+	zIndex: 60
+};
+function je({ brand: t, logo: n, links: i = [], style: o, nodeRef: l, menu: u = "auto", breakpoint: d = 768 }) {
+	let [p, m] = a(null), [h, g] = a(!1), [_, v] = a(!1), [y, b] = a(null);
+	r(() => {
+		if (!p) return;
+		let e = new ResizeObserver(() => g(p.offsetWidth < d));
+		return e.observe(p), () => e.disconnect();
+	}, [p, d]);
+	let x = u === "hamburger" || u === "auto" && h, S = (e, t) => /* @__PURE__ */ c("a", {
+		href: e.href || "#",
+		style: {
+			...Z,
+			display: "block",
+			...t
+		},
+		children: [e.label, e.desc && /* @__PURE__ */ s("span", {
+			style: {
+				display: "block",
+				fontSize: 12,
+				opacity: .6,
+				marginTop: 2
+			},
+			children: e.desc
+		})]
+	}, e.key);
+	return /* @__PURE__ */ c("nav", {
+		ref: (e) => {
+			m(e), l && l(e);
+		},
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 24,
+			flexWrap: "wrap",
+			padding: "14px 24px",
+			width: "100%",
+			position: "relative",
+			...f(o)
+		},
+		children: [
+			n && /* @__PURE__ */ s("img", {
+				src: n,
+				alt: t || "Logo",
+				style: {
+					height: 28,
+					display: "block"
+				}
+			}),
+			t && /* @__PURE__ */ s("div", {
+				style: {
+					fontWeight: 700,
+					fontSize: 18,
+					fontFamily: "var(--page-heading-font, inherit)"
+				},
+				children: t
+			}),
+			/* @__PURE__ */ s("div", { style: { flexGrow: 1 } }),
+			x ? /* @__PURE__ */ s("button", {
+				type: "button",
+				"aria-label": _ ? "Close menu" : "Open menu",
+				onClick: () => v(!_),
+				style: {
+					background: "transparent",
+					border: 0,
+					color: "inherit",
+					cursor: "pointer",
+					fontSize: 20,
+					lineHeight: 1,
+					padding: 4
+				},
+				children: _ ? "✕" : "☰"
+			}) : /* @__PURE__ */ s("div", {
+				style: {
+					display: "flex",
+					gap: 20,
+					alignItems: "center",
+					flexWrap: "wrap"
+				},
+				children: i.map((e) => {
+					let t = e.children ?? [];
+					if (!t.length) return /* @__PURE__ */ s("a", {
+						href: e.href || "#",
+						style: Z,
+						children: e.label
+					}, e.key);
+					let n = e.type === "mega";
+					return /* @__PURE__ */ c("span", {
+						style: {
+							position: n ? "static" : "relative",
+							display: "inline-flex"
+						},
+						onMouseEnter: () => b(e.key),
+						onMouseLeave: () => b(null),
+						children: [/* @__PURE__ */ c("a", {
+							href: e.href || "#",
+							style: {
+								...Z,
+								cursor: "pointer"
+							},
+							children: [
+								e.label,
+								" ",
+								/* @__PURE__ */ s("span", {
+									style: {
+										fontSize: 9,
+										opacity: .6
+									},
+									children: "▼"
+								})
+							]
+						}), y === e.key && (n ? /* @__PURE__ */ s("div", {
+							style: {
+								...Ae,
+								position: "absolute",
+								left: 0,
+								right: 0,
+								top: "100%",
+								padding: 24,
+								display: "grid",
+								gridTemplateColumns: "repeat(auto-fit, minmax(170px, 1fr))",
+								gap: 16
+							},
+							children: t.map((e) => S(e, {
+								padding: "6px 8px",
+								borderRadius: 6
+							}))
+						}) : /* @__PURE__ */ s("div", {
+							style: {
+								...Ae,
+								position: "absolute",
+								top: "100%",
+								left: 0,
+								minWidth: 190,
+								borderRadius: 8,
+								padding: 8,
+								display: "flex",
+								flexDirection: "column"
+							},
+							children: t.map((e) => S(e, {
+								padding: "8px 12px",
+								borderRadius: 6
+							}))
+						}))]
+					}, e.key);
+				})
+			}),
+			x && _ && /* @__PURE__ */ s("div", {
+				style: {
+					flexBasis: "100%",
+					width: "100%",
+					display: "flex",
+					flexDirection: "column",
+					paddingTop: 10
+				},
+				children: i.map((t) => /* @__PURE__ */ c(e, { children: [/* @__PURE__ */ s("a", {
+					href: t.href || "#",
+					style: {
+						...Z,
+						padding: "10px 4px",
+						fontWeight: (t.children ?? []).length ? 600 : 400,
+						opacity: 1
+					},
+					children: t.label
+				}), (t.children ?? []).map((e) => S(e, { padding: "8px 4px 8px 22px" }))] }, t.key))
+			})
+		]
+	});
+}
+function Me({ tabs: e = [], linked: t, style: n, nodeRef: r }) {
+	let [i, o] = a(0), l = e.length ? Math.min(i, e.length - 1) : 0;
+	return e.length ? /* @__PURE__ */ c("div", {
+		ref: r,
+		style: {
+			width: "100%",
+			...f(n)
+		},
+		children: [/* @__PURE__ */ s("div", {
+			style: {
+				display: "flex",
+				gap: 4,
+				borderBottom: "1px solid rgba(148, 163, 184, 0.35)"
+			},
+			children: e.map((e, t) => /* @__PURE__ */ s("button", {
+				type: "button",
+				onClick: () => o(t),
+				style: {
+					background: "transparent",
+					border: 0,
+					padding: "10px 16px",
+					fontSize: 14,
+					fontFamily: "inherit",
+					color: "inherit",
+					cursor: "pointer",
+					opacity: t === l ? 1 : .6,
+					fontWeight: t === l ? 600 : 500,
+					boxShadow: t === l ? "inset 0 -2px 0 var(--page-accent, #111827)" : "none"
+				},
+				children: e.label || `Tab ${t + 1}`
+			}, e.key))
+		}), e.map((e, n) => /* @__PURE__ */ s("div", {
+			style: {
+				display: n === l ? "flex" : "none",
+				flexDirection: "column"
+			},
+			children: t?.[e.key] ?? null
+		}, e.key))]
+	}) : null;
+}
+function Ne({ items: e = [], linked: t, multiple: n = !1, style: r, nodeRef: i }) {
+	let [o, l] = a(() => new Set(e.length ? [e[0].key] : []));
+	if (!e.length) return null;
+	let u = (e) => l((t) => {
+		let r = new Set(n ? t : []);
+		return t.has(e) ? r.delete(e) : r.add(e), r;
+	});
+	return /* @__PURE__ */ s("div", {
+		ref: i,
+		style: {
+			width: "100%",
+			...f(r)
+		},
+		children: e.map((n, r) => {
+			let i = o.has(n.key);
+			return /* @__PURE__ */ c("div", {
+				style: { borderBottom: r < e.length - 1 ? "1px solid rgba(148, 163, 184, 0.35)" : "none" },
+				children: [/* @__PURE__ */ c("button", {
+					type: "button",
+					onClick: () => u(n.key),
+					style: {
+						width: "100%",
+						display: "flex",
+						alignItems: "center",
+						justifyContent: "space-between",
+						gap: 12,
+						background: "transparent",
+						border: 0,
+						padding: "14px 4px",
+						fontSize: 15,
+						fontWeight: 600,
+						fontFamily: "inherit",
+						color: "inherit",
+						textAlign: "left",
+						cursor: "pointer"
+					},
+					children: [n.title || `Item ${r + 1}`, /* @__PURE__ */ s("span", {
+						"aria-hidden": !0,
+						style: {
+							fontSize: 12,
+							opacity: .6,
+							transform: i ? "rotate(180deg)" : "none",
+							transition: "transform 180ms"
+						},
+						children: "▼"
+					})]
+				}), /* @__PURE__ */ s("div", {
+					style: {
+						display: i ? "flex" : "none",
+						flexDirection: "column"
+					},
+					children: t?.[n.key] ?? null
+				})]
+			}, n.key);
+		})
+	});
+}
+var Pe = {
+	display: "flex",
+	flexDirection: "column",
+	gap: "12px"
+}, Fe = {
+	fontSize: "14px",
+	fontWeight: 500,
+	color: "var(--page-text, #111827)"
+}, Q = {
+	padding: "10px 12px",
+	border: "1px solid #d1d5db",
+	borderRadius: "6px",
+	fontSize: "14px",
+	fontFamily: "inherit",
+	width: "100%",
+	boxSizing: "border-box",
+	backgroundColor: "#ffffff",
+	color: "#111827"
+}, Ie = {
+	display: "flex",
+	alignItems: "center",
+	gap: "8px",
+	fontSize: "14px",
+	color: "var(--page-text, #111827)"
+}, Le = (e) => e ? {
+	readOnly: !0,
+	tabIndex: -1,
+	onMouseDown: (e) => e.preventDefault()
+} : {};
+function Re({ style: e, action: t, method: r, name: i, enctype: o, formSlug: l, nodeRef: u, inert: d, children: p, linked: m, show: h }) {
+	let { tenant: g, apiUrl: _ } = n(F), [v, y] = a("form"), b = d ? h || "form" : v;
+	return /* @__PURE__ */ c("div", {
+		ref: u,
+		style: f(e),
+		children: [
+			/* @__PURE__ */ s("form", {
+				action: t || void 0,
+				method: r || "post",
+				name: i || void 0,
+				encType: o || void 0,
+				onSubmit: async (e) => {
+					if (e.preventDefault(), !d) {
+						if (l) {
+							let t = {};
+							for (let [n, r] of new FormData(e.currentTarget).entries()) typeof r == "string" && (t[n] = r === "on" || r);
+							try {
+								let e = await fetch(`${_ || "/api"}/forms/${l}/submit`, {
+									method: "post",
+									headers: {
+										"content-type": "application/json",
+										...g ? { "x-tenant": g } : {}
+									},
+									body: JSON.stringify(t)
+								}), n = await e.json().catch(() => null);
+								y(e.ok && n?.success !== !1 ? "success" : "error");
+							} catch {
+								y("error");
+							}
+							return;
+						}
+						if (!t) {
+							y("success");
+							return;
+						}
+						try {
+							let n = await fetch(t, {
+								method: r || "post",
+								body: new FormData(e.currentTarget)
+							});
+							y(n.ok ? "success" : "error");
+						} catch {
+							y("error");
+						}
+					}
+				},
+				style: {
+					...Pe,
+					display: b === "success" ? "none" : "flex"
+				},
+				children: p
+			}),
+			/* @__PURE__ */ s("div", {
+				style: { display: b === "success" ? "block" : "none" },
+				children: m?.success ?? null
+			}),
+			/* @__PURE__ */ s("div", {
+				style: {
+					display: b === "error" ? "block" : "none",
+					marginTop: 12
+				},
+				children: m?.error ?? null
+			})
+		]
+	});
+}
+function ze({ text: e, parts: t, style: n, nodeRef: r, linked: i }) {
+	return /* @__PURE__ */ s("label", {
+		ref: r,
+		style: {
+			...Fe,
+			...f(n)
+		},
+		children: K(t, e, i)
+	});
+}
+function Be({ type: e = "text", name: t, placeholder: n, required: r, style: i, nodeRef: a, inert: o }) {
+	return /* @__PURE__ */ s("input", {
+		ref: a,
+		type: e,
+		name: t || void 0,
+		placeholder: n,
+		required: !o && !!r,
+		style: {
+			...Q,
+			...f(i)
+		},
+		...Le(o)
+	});
+}
+function Ve({ name: e, placeholder: t, rows: n = 4, required: r, style: i, nodeRef: a, inert: o }) {
+	return /* @__PURE__ */ s("textarea", {
+		ref: a,
+		name: e || void 0,
+		placeholder: t,
+		rows: n,
+		required: !o && !!r,
+		style: {
+			...Q,
+			resize: "vertical",
+			...f(i)
+		},
+		...Le(o)
+	});
+}
+function He({ kind: e = "checkbox", label: t, name: n, value: r, required: i, style: a, nodeRef: o, inert: l }) {
+	return /* @__PURE__ */ c("label", {
+		ref: o,
+		style: {
+			...Ie,
+			...f(a)
+		},
+		children: [/* @__PURE__ */ s("input", {
+			type: e,
+			name: n || void 0,
+			value: r || void 0,
+			required: !l && !!i,
+			onClick: l ? (e) => e.preventDefault() : void 0,
+			tabIndex: l ? -1 : void 0,
+			style: {
+				margin: 0,
+				accentColor: "var(--page-accent, #111827)"
+			}
+		}), t]
+	});
+}
+function Ue({ name: e, placeholder: t, options: n = [], required: r, style: i, nodeRef: a, inert: o }) {
+	return /* @__PURE__ */ c("select", {
+		ref: a,
+		name: e || void 0,
+		required: !o && !!r,
+		defaultValue: "",
+		onMouseDown: o ? (e) => e.preventDefault() : void 0,
+		tabIndex: o ? -1 : void 0,
+		style: {
+			...Q,
+			appearance: "auto",
+			...f(i)
+		},
+		children: [t !== "" && /* @__PURE__ */ s("option", {
+			value: "",
+			disabled: !0,
+			children: t ?? "Select…"
+		}), n.map((e, t) => /* @__PURE__ */ s("option", {
+			value: e,
+			children: e
+		}, t))]
+	});
+}
+function We({ name: e, accept: t, required: n, text: r = "Choose a file…", style: i, nodeRef: o, inert: l }) {
+	let [u, d] = a(null);
+	return /* @__PURE__ */ c("label", {
+		ref: o,
+		style: {
+			...Q,
+			display: "flex",
+			alignItems: "center",
+			gap: "8px",
+			cursor: l ? "default" : "pointer",
+			borderStyle: "dashed",
+			color: u ? "#111827" : "#6b7280",
+			...f(i)
+		},
+		children: [
+			/* @__PURE__ */ s("input", {
+				type: "file",
+				name: e || void 0,
+				accept: t || void 0,
+				required: !l && !!n,
+				disabled: !!l,
+				onChange: (e) => d(e.target.files?.[0]?.name ?? null),
+				style: { display: "none" }
+			}),
+			/* @__PURE__ */ s("span", {
+				"aria-hidden": !0,
+				children: "📎"
+			}),
+			u ?? r
+		]
+	});
+}
+function Ge({ text: e = "Submit", style: t, nodeRef: n, inert: r }) {
+	return /* @__PURE__ */ s("button", {
+		ref: n,
+		type: r ? "button" : "submit",
+		style: {
+			...R,
+			border: 0,
+			cursor: "pointer",
+			alignSelf: "flex-start",
+			...f(t)
+		},
+		children: e
+	});
+}
+var Ke = {
+	PageRoot: ae,
+	Section: H,
+	Container: U,
+	Heading: oe,
+	TextBlock: de,
+	ButtonBlock: me,
+	ImageBlock: he,
+	Spacer: xe,
+	Divider: Se,
+	SliderBlock: Oe,
+	CanvasSlider: ke,
+	TabsBlock: Me,
+	AccordionBlock: Ne,
+	NavbarBlock: je,
+	ListBlock: ue,
+	TextSpan: q,
+	QuoteBlock: le,
+	TextLink: pe,
+	RichTextBlock: se,
+	RichContentBlock: se,
+	VideoBlock: ge,
+	YouTubeBlock: ve,
+	IframeBlock: ye,
+	EmbedBlock: be,
+	FormBlock: Re,
+	FormLabel: ze,
+	FormInput: Be,
+	FormTextarea: Ve,
+	FormCheckbox: (e) => /* @__PURE__ */ s(He, {
+		kind: "checkbox",
+		...e
+	}),
+	FormRadio: (e) => /* @__PURE__ */ s(He, {
+		kind: "radio",
+		...e
+	}),
+	FormSelect: Ue,
+	FormFile: We,
+	FormSubmit: Ge
+};
+//#endregion
+//#region ../ui/src/components/builder/render.jsx
+function $(t, n, r, i = /* @__PURE__ */ new Set()) {
+	let a = n[t];
+	if (!a || a.hidden) return null;
+	let o = a.type?.resolvedName;
+	if (o === "ComponentInstance") {
+		let n = a.props?.componentId, o = r?.[n];
+		if (!o?.template || i.has(n)) return null;
+		let c = new Set(i).add(n);
+		return /* @__PURE__ */ s(e, { children: $(o.template.rootId, o.template.nodes, r, c) }, t);
+	}
+	let c = Ke[o];
+	if (!c) return null;
+	let l = (a.nodes ?? []).map((e) => $(e, n, r, i)).filter(Boolean), u = Object.entries(a.linkedNodes ?? {}), d = u.length ? Object.fromEntries(u.map(([e, t]) => [e, $(t, n, r, i)])) : void 0;
+	return /* @__PURE__ */ s(c, {
+		...a.props,
+		linked: d,
+		nodeRef: (e) => {
+			e && (e.setAttribute("data-wb", t), g(e, a.props ?? {}));
+		},
+		children: l.length ? l : void 0
+	}, t);
+}
+//#endregion
+//#region ../ui/src/components/builder/PageRenderer.jsx
+var qe = (e) => Object.entries(e).map(([e, t]) => `${e}: ${t};`).join(" ");
+function Je({ blocks: e, theme: t, components: n, mode: i = "auto", style: a, custom: o, tenant: l, apiUrl: u }) {
+	let d = o?.js?.trim();
+	if (r(() => {
+		if (!d) return;
+		let e = document.createElement("script");
+		return e.text = d, document.body.appendChild(e), () => e.remove();
+	}, [d]), !e?.ROOT) return null;
+	let f = {
+		minHeight: "100%",
+		display: "flex",
+		flexDirection: "column"
+	}, p = $("ROOT", e, n), m = b(e, n), h = o?.css?.trim(), g = P(e, n).map((e) => /* @__PURE__ */ s("link", {
+		rel: "stylesheet",
+		precedence: "default",
+		href: ne(e)
+	}, e));
+	if (i !== "auto") return /* @__PURE__ */ s(F.Provider, {
+		value: {
+			tenant: l || "",
+			apiUrl: u || "/api"
+		},
+		children: /* @__PURE__ */ c("div", {
+			style: {
+				...f,
+				...A(t, i),
+				...a
+			},
+			children: [
+				g,
+				m && /* @__PURE__ */ s("style", { children: m }),
+				h && /* @__PURE__ */ s("style", { children: h }),
+				p
+			]
+		})
+	});
+	let _ = D(t);
+	return /* @__PURE__ */ s(F.Provider, {
+		value: {
+			tenant: l || "",
+			apiUrl: u || "/api"
+		},
+		children: /* @__PURE__ */ c("div", {
+			className: "webim-page",
+			style: {
+				...f,
+				...k(t),
+				...a
+			},
+			children: [
+				/* @__PURE__ */ s("style", { children: `.webim-page { ${qe(O(_.light))} }
+@media (prefers-color-scheme: dark) { .webim-page { ${qe(O(_.dark))} } }` }),
+				g,
+				m && /* @__PURE__ */ s("style", { children: m }),
+				h && /* @__PURE__ */ s("style", { children: h }),
+				p
+			]
+		})
+	});
+}
+//#endregion
+//#region src/WebimContent.jsx
+function Ye({ bundle: e, mode: t = "auto", style: n }) {
+	return e?.blocks?.ROOT ? /* @__PURE__ */ s(Je, {
+		blocks: e.blocks,
+		theme: e.theme,
+		components: e.components,
+		custom: e.custom,
+		tenant: e.tenant,
+		apiUrl: e.apiUrl,
+		mode: t,
+		style: n
+	}) : null;
+}
+//#endregion
+//#region src/WebimPage.jsx
+function Xe({ apiUrl: e, tenant: t, slug: n, locale: o, preview: c, mode: l = "auto", style: u, fallback: d = null, errorFallback: f = null, onLoad: p, onError: m }) {
+	let [h, g] = a({ status: "loading" }), _ = i({
+		onLoad: p,
+		onError: m
+	});
+	return _.current = {
+		onLoad: p,
+		onError: m
+	}, r(() => {
+		let r = !0;
+		return g({ status: "loading" }), ee({
+			apiUrl: e,
+			tenant: t,
+			slug: n,
+			locale: o,
+			preview: c
+		}).then((e) => {
+			r && (g({
+				status: "ready",
+				bundle: e
+			}), _.current.onLoad?.(e));
+		}).catch((e) => {
+			r && (g({
+				status: "error",
+				error: e
+			}), _.current.onError?.(e));
+		}), () => {
+			r = !1;
+		};
+	}, [
+		e,
+		t,
+		n,
+		o,
+		c
+	]), h.status === "loading" ? d : h.status === "error" ? typeof f == "function" ? f(h.error) : f : /* @__PURE__ */ s(Ye, {
+		bundle: h.bundle,
+		mode: l,
+		style: u
+	});
+}
+//#endregion
+export { Je as PageRenderer, Ye as WebimContent, Xe as WebimPage, ee as fetchPage, X as renderRichContent, j as resolveTheme };