@levo-so/studio 0.3.3 → 0.3.5

package/index.js

@@ -9655,7 +9655,7 @@ var rd = {
 						...e,
 						national: Cd(n.target.value, e.iso2)
 					}),
-					className: "w-full rounded-r-xl bg-transparent px-3.5 py-2.5 text-base text-text-1 outline-none placeholder:text-text-3"
+					className: "w-full rounded-r-xl bg-transparent px-3.5 py-2.5 text-base text-text-1 outline-none placeholder:text-text-3/55"
 				})]
 			}),
 			i ? /* @__PURE__ */ U("p", {
@@ -9746,7 +9746,7 @@ var rd = {
 		wide: !1,
 		optional: !1
 	}
-], jd = (e) => M("w-full rounded-xl border bg-page px-3.5 py-2.5 text-base text-text-1 outline-none transition placeholder:text-text-3", e ? "border-red-500 focus:ring-[3px] focus:ring-red-500/15" : "[border-color:var(--color-border)] focus:border-brand focus:ring-[3px] focus:ring-brand/20"), Md = "flex items-baseline gap-1.5 font-medium text-sm text-text-1", Nd = () => /* @__PURE__ */ U("span", {
+], jd = (e) => M("w-full rounded-xl border bg-page px-3.5 py-2.5 text-base text-text-1 outline-none transition placeholder:text-text-3/55", e ? "border-red-500 focus:ring-[3px] focus:ring-red-500/15" : "[border-color:var(--color-border)] focus:border-brand focus:ring-[3px] focus:ring-brand/20"), Md = "flex items-baseline gap-1.5 font-medium text-sm text-text-1", Nd = () => /* @__PURE__ */ U("span", {
 	"aria-hidden": !0,
 	className: "text-red-500",
 	children: "*"
@@ -10107,7 +10107,7 @@ var rd = {
 							onKeyDown: (t) => {
 								t.key === "Enter" && (t.preventDefault(), e.trim() && i());
 							},
-							className: M("w-full rounded-xl border bg-page px-3.5 py-2.5 text-base text-text-1 uppercase outline-none transition placeholder:text-text-3 placeholder:normal-case", n ? "border-red-500 focus:ring-[3px] focus:ring-red-500/15" : "[border-color:var(--color-border)] focus:border-brand focus:ring-[3px] focus:ring-brand/20")
+							className: M("w-full rounded-xl border bg-page px-3.5 py-2.5 text-base text-text-1 uppercase outline-none transition placeholder:text-text-3/55 placeholder:normal-case", n ? "border-red-500 focus:ring-[3px] focus:ring-red-500/15" : "[border-color:var(--color-border)] focus:border-brand focus:ring-[3px] focus:ring-brand/20")
 						}), /* @__PURE__ */ W("button", {
 							type: "button",
 							disabled: !e.trim() || r,
@@ -10244,7 +10244,15 @@ var rd = {
 		o,
 		e
 	]), null;
-}, sf = 200, cf = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),summary,[tabindex]:not([tabindex=\"-1\"])", lf = (e) => {
+}, sf = 200, cf = () => {
+	let [e, t] = V(null);
+	return R(() => {
+		let e = typeof window > "u" ? null : window.visualViewport;
+		if (!e) return;
+		let n = () => t(e.height);
+		return n(), e.addEventListener("resize", n), () => e.removeEventListener("resize", n);
+	}, []), e;
+}, lf = "a[href],button:not([disabled]),input:not([disabled]),select:not([disabled]),textarea:not([disabled]),summary,[tabindex]:not([tabindex=\"-1\"])", uf = (e) => {
 	R(() => {
 		if (!e || typeof document > "u") return;
 		let { body: t } = document, n = window.scrollY, r = {
@@ -10257,19 +10265,19 @@ var rd = {
 			t.style.position = r.position, t.style.top = r.top, t.style.width = r.width, t.style.overflow = r.overflow, window.scrollTo(0, n);
 		};
 	}, [e]);
-}, uf = ({ title: e, when: t, priceLabel: n, isFree: r, isClosing: i, onClose: a, onSubmit: o, footer: s, wide: c, children: l }) => {
-	let u = Fe(), d = B(null), [f, p] = V(!1);
-	lf(!0);
-	let m = B(a);
-	m.current = a, R(() => {
+}, df = ({ title: e, when: t, priceLabel: n, isFree: r, isClosing: i, onClose: a, onSubmit: o, footer: s, wide: c, children: l }) => {
+	let u = Fe(), d = B(null), f = cf(), [p, m] = V(!1);
+	uf(!0);
+	let h = B(a);
+	h.current = a, R(() => {
 		let e = document.activeElement, t = (e) => {
 			if (document.querySelector("[data-radix-popper-content-wrapper]")) return;
 			if (e.key === "Escape") {
-				e.stopPropagation(), m.current();
+				e.stopPropagation(), h.current();
 				return;
 			}
 			if (e.key !== "Tab" || !d.current) return;
-			let t = Array.from(d.current.querySelectorAll(cf)).filter((e) => e.offsetParent !== null);
+			let t = Array.from(d.current.querySelectorAll(lf)).filter((e) => e.offsetParent !== null);
 			if (t.length === 0) return;
 			let n = t[0], r = t[t.length - 1], i = document.activeElement;
 			e.shiftKey && (i === n || !d.current.contains(i)) ? (e.preventDefault(), r.focus()) : !e.shiftKey && i === r && (e.preventDefault(), n.focus());
@@ -10278,14 +10286,20 @@ var rd = {
 			document.removeEventListener("keydown", t), e?.focus?.();
 		};
 	}, []);
-	let h = /* @__PURE__ */ W(H, { children: [/* @__PURE__ */ U("div", {
-		onScroll: (e) => p(e.currentTarget.scrollTop > 2),
-		className: "min-h-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain px-5 pt-4 pb-3",
-		children: l
-	}), s && /* @__PURE__ */ U("div", {
-		className: "sticky bottom-0 z-10 shrink-0 border-t bg-page px-5 pt-3 pb-[max(env(safe-area-inset-bottom),16px)] [border-color:var(--color-border)]",
-		children: s
-	})] });
+	let g = /* @__PURE__ */ U("div", {
+		onScroll: (e) => m(e.currentTarget.scrollTop > 2),
+		className: "min-h-0 flex-1 overflow-y-auto overflow-x-hidden overscroll-contain",
+		children: /* @__PURE__ */ W("div", {
+			className: "flex min-h-full flex-col",
+			children: [/* @__PURE__ */ U("div", {
+				className: "px-5 pt-4 pb-3",
+				children: l
+			}), s && /* @__PURE__ */ U("div", {
+				className: "mt-auto border-t bg-page px-5 pt-3 pb-[max(env(safe-area-inset-bottom),16px)] [border-color:var(--color-border)] sm:sticky sm:bottom-0 sm:z-10",
+				children: s
+			})]
+		})
+	});
 	return /* @__PURE__ */ U(zn.Root, { children: /* @__PURE__ */ U("div", {
 		className: M("fixed inset-0 z-[2147483000] flex items-end justify-center bg-black/40 fill-mode-forwards sm:items-start", "sm:backdrop-blur-[3px]", i ? "fade-out-0 pointer-events-none animate-out ease-out" : "fade-in-0 animate-in ease-out"),
 		style: { animationDuration: `${i ? 160 : sf}ms` },
@@ -10297,10 +10311,13 @@ var rd = {
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": u,
-			className: M("relative flex h-dvh max-h-dvh w-full flex-col overflow-hidden bg-page will-change-transform", "sm:mt-[6vh] sm:h-auto sm:max-h-[88dvh] sm:rounded-2xl sm:border sm:shadow-2xl sm:[border-color:var(--color-border)]", "fill-mode-forwards ease-out", i ? "slide-out-to-bottom-4 fade-out-0 sm:slide-out-to-bottom-2 animate-out" : "slide-in-from-bottom-4 fade-in-0 sm:slide-in-from-bottom-2 animate-in", c ? "sm:max-w-[540px]" : "sm:max-w-[460px]"),
-			style: { animationDuration: `${i ? 160 : sf}ms` },
+			className: M("relative flex h-[var(--sheet-height)] max-h-[var(--sheet-height)] w-full flex-col overflow-hidden bg-page will-change-transform", "sm:mt-[6vh] sm:h-auto sm:max-h-[88dvh] sm:rounded-2xl sm:border sm:shadow-2xl sm:[border-color:var(--color-border)]", "fill-mode-forwards ease-out", i ? "slide-out-to-bottom-4 fade-out-0 sm:slide-out-to-bottom-2 animate-out" : "slide-in-from-bottom-4 fade-in-0 sm:slide-in-from-bottom-2 animate-in", c ? "sm:max-w-[540px]" : "sm:max-w-[460px]"),
+			style: {
+				animationDuration: `${i ? 160 : sf}ms`,
+				"--sheet-height": f ? `${f}px` : "100dvh"
+			},
 			children: [/* @__PURE__ */ W("div", {
-				className: M("sticky top-0 z-10 shrink-0 border-b bg-page px-5 pt-[max(env(safe-area-inset-top),16px)] pb-3.5 transition-colors", f ? "[border-color:var(--color-border)]" : "border-transparent"),
+				className: M("sticky top-0 z-10 shrink-0 border-b bg-page px-5 pt-[max(env(safe-area-inset-top),16px)] pb-3.5 transition-colors", p ? "[border-color:var(--color-border)]" : "border-transparent"),
 				children: [/* @__PURE__ */ W("div", {
 					className: "mb-2.5 flex items-center justify-between gap-3",
 					children: [/* @__PURE__ */ U("h2", {
@@ -10336,11 +10353,11 @@ var rd = {
 			}), o ? /* @__PURE__ */ U("form", {
 				onSubmit: o,
 				className: "flex min-h-0 flex-1 flex-col",
-				children: h
-			}) : h]
+				children: g
+			}) : g]
 		})
 	}) });
-}, df = "\n@keyframes levo-reg-draw { to { stroke-dashoffset: 0; } }\n@keyframes levo-reg-sweep { to { transform: translateX(240%); } }\n@media (prefers-reduced-motion: reduce) {\n  [data-levo-reg-check] { stroke-dashoffset: 0 !important; animation: none !important; }\n  [data-levo-reg-sweep] { display: none !important; }\n}\n", ff = ({ email: e, eventTitle: t, startsAt: n, endsAt: r, eventUrl: i, when: a, bookingRef: o, qrImageUrl: s, invoiceUrl: c, onClose: l, onRegisterAnother: u }) => {
+}, ff = "\n@keyframes levo-reg-draw { to { stroke-dashoffset: 0; } }\n@keyframes levo-reg-sweep { to { transform: translateX(240%); } }\n@media (prefers-reduced-motion: reduce) {\n  [data-levo-reg-check] { stroke-dashoffset: 0 !important; animation: none !important; }\n  [data-levo-reg-sweep] { display: none !important; }\n}\n", pf = ({ email: e, eventTitle: t, startsAt: n, endsAt: r, eventUrl: i, when: a, bookingRef: o, qrImageUrl: s, invoiceUrl: c, onClose: l, onRegisterAnother: u }) => {
 	let d = Yd({
 		title: t,
 		startsAt: n,
@@ -10352,7 +10369,7 @@ var rd = {
 	}, []), /* @__PURE__ */ W("div", {
 		className: "flex flex-1 flex-col items-center justify-center px-6 py-9 text-center",
 		children: [
-			/* @__PURE__ */ U("style", { dangerouslySetInnerHTML: { __html: df } }),
+			/* @__PURE__ */ U("style", { dangerouslySetInnerHTML: { __html: ff } }),
 			/* @__PURE__ */ U("div", {
 				className: "zoom-in-50 fade-in-0 flex size-[68px] animate-in items-center justify-center rounded-full bg-green-500/10 text-green-700 duration-300 ease-[cubic-bezier(0.32,0.72,0,1)]",
 				children: /* @__PURE__ */ W("svg", {
@@ -10497,7 +10514,7 @@ var rd = {
 			})
 		]
 	});
-}, pf = ({ tickets: e, selectedTicket: t, onSelect: n, error: r }) => {
+}, mf = ({ tickets: e, selectedTicket: t, onSelect: n, error: r }) => {
 	let [i, a] = V(!t);
 	return /* @__PURE__ */ W("fieldset", {
 		className: "flex flex-col gap-2",
@@ -10574,7 +10591,7 @@ var rd = {
 			})
 		]
 	});
-}, mf = {
+}, hf = {
 	name: "",
 	email: "",
 	designation: "",
@@ -10593,11 +10610,11 @@ var rd = {
 			country: ""
 		}
 	}
-}, hf = (e) => {
+}, gf = (e) => {
 	let t = {};
 	return e.name.trim() || (t.name = "Please enter your name"), e.email.trim() ? /^[^\s@]+@[^\s@]+\.[^\s@]{2,}$/.test(e.email.trim()) || (t.email = "That email address doesn't look right") : t.email = "Please enter your email", e.phone.national && !ir(Td(e.phone)) && (t.phone = "That doesn't look like a valid phone number"), t;
-}, gf = (e) => {
-	let [t, n] = V(mf), [r, i] = V({}), [a, o] = V(!1), s = B(!1);
+}, _f = (e) => {
+	let [t, n] = V(hf), [r, i] = V({}), [a, o] = V(!1), s = B(!1);
 	R(() => {
 		s.current || !e || (s.current = !0, n((t) => ({
 			...t,
@@ -10605,14 +10622,14 @@ var rd = {
 			email: t.email || e.email || ""
 		})));
 	}, [e]);
-	let c = hf(t), l = L((e, t) => n((n) => ({
+	let c = gf(t), l = L((e, t) => n((n) => ({
 		...n,
 		[e]: t
 	})), []), u = L((e) => i((t) => ({
 		...t,
 		[e]: !0
 	})), []), d = L(() => {
-		n(mf), i({}), o(!1), s.current = !0;
+		n(hf), i({}), o(!1), s.current = !0;
 	}, []), f = L(() => {
 		i({}), o(!1);
 	}, []);
@@ -10633,7 +10650,7 @@ var rd = {
 		} : r,
 		fieldError: (e) => a || r[e] ? c[e] : void 0
 	};
-}, _f = ({ eventID: e, workspaceId: t, selectedTicket: n, enabled: r }) => {
+}, vf = ({ eventID: e, workspaceId: t, selectedTicket: n, enabled: r }) => {
 	let i = P(), [a, o] = V(""), [s, c] = V(null), [l, u] = V(!1), [d, f] = V(null), [p, m] = V([]);
 	return R(() => {
 		!r || !e || i?.fetch?.url(`/v1/event/event/${e}/coupon/list-public-coupons`)?.options({ headers: { Origin: t || "" } })?.get().json().then((e) => {
@@ -10686,13 +10703,13 @@ var rd = {
 			o(""), c(null), f(null);
 		}, [])
 	};
-}, vf = async (e, t, n) => {
+}, yf = async (e, t, n) => {
 	let r = new URLSearchParams();
 	return r.append("query", JSON.stringify({ where: { status: "active" } })), (await e.fetch?.url(`/v1/event/event/${t}/ticket/query?${r.toString()}`).options({ headers: { Origin: n || "" } }).get().json())?.content?.data ?? [];
-}, yf = ({ eventID: e, external: t, workspaceId: n }) => {
+}, bf = ({ eventID: e, external: t, workspaceId: n }) => {
 	let r = P(), [i, a] = V([]), [o, s] = V(!t), [c, l] = V(!1), [u, d] = V(null);
 	return R(() => {
-		t || !e || (s(!0), vf(r, e, n ?? "").then((e) => {
+		t || !e || (s(!0), yf(r, e, n ?? "").then((e) => {
 			a(e), e.length === 1 && d(e[0] ?? null);
 		}).catch((e) => {
 			l(!0), r?.logger?.error("Failed to load event tickets", { exception: G(e) });
@@ -10708,20 +10725,20 @@ var rd = {
 		selectedTicket: u,
 		selectTicket: d
 	};
-}, bf = "register", xf = () => {
+}, xf = "register", Sf = () => {
 	if (typeof window > "u") return !1;
-	let e = new URLSearchParams(window.location.search).get(bf);
+	let e = new URLSearchParams(window.location.search).get(xf);
 	return e !== null && e !== "0" && e !== "false";
-}, Sf = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, Cf = ({ canAutoOpen: e, onClosed: t }) => {
+}, Cf = () => typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches, wf = ({ canAutoOpen: e, onClosed: t }) => {
 	let [n, r] = V(!1), [i, a] = V(!1), o = B(null), s = B(!1), c = B(t);
 	c.current = t;
 	let l = L(() => r(!0), []), u = L(() => {
 		o.current === null && (a(!0), o.current = window.setTimeout(() => {
 			o.current = null, a(!1), r(!1), c.current();
-		}, Sf() ? 0 : 160));
+		}, Cf() ? 0 : 160));
 	}, []);
 	return R(() => {
-		s.current || !e || !xf() || (s.current = !0, r(!0));
+		s.current || !e || !Sf() || (s.current = !0, r(!0));
 	}, [e]), R(() => () => {
 		o.current !== null && window.clearTimeout(o.current);
 	}, []), {
@@ -10730,22 +10747,22 @@ var rd = {
 		open: l,
 		close: u
 	};
-}, wf = "We took the payment but could not confirm your booking. Please contact the organiser.", Tf = ({ eventID: e, title: t, external: n, buttonText: r = "Register Now", additionalFields: i = [], startsAt: a, endsAt: o, eventUrl: s }) => {
-	let c = P(), { workspace: l, account: u } = A(), d = yf({
+}, Tf = "We took the payment but could not confirm your booking. Please contact the organiser.", Ef = ({ eventID: e, title: t, external: n, buttonText: r = "Register Now", additionalFields: i = [], startsAt: a, endsAt: o, eventUrl: s }) => {
+	let c = P(), { workspace: l, account: u } = A(), d = bf({
 		eventID: e,
 		external: n,
 		workspaceId: l?.id
-	}), f = gf(u), p = Vd(d.selectedTicket, null)?.isFree === !1, [m, h] = V(!1), [g, _] = V(null), [v, y] = V(null), [b, x] = V(null);
+	}), f = _f(u), p = Vd(d.selectedTicket, null)?.isFree === !1, [m, h] = V(!1), [g, _] = V(null), [v, y] = V(null), [b, x] = V(null);
 	R(() => {
 		let t = Zd(e);
 		t && x({ email: t.email });
 	}, [e]);
-	let [S, w] = V(null), T = B(null), E = Cf({
+	let [S, w] = V(null), T = B(null), E = wf({
 		canAutoOpen: !n && !d.isLoading && d.tickets.length > 0 && !b,
 		onClosed: L(() => {
 			_(null), w(null), f.resetValidationDisplay();
 		}, [f.resetValidationDisplay])
-	}), D = _f({
+	}), D = vf({
 		eventID: e,
 		workspaceId: l?.id,
 		selectedTicket: d.selectedTicket,
@@ -10764,9 +10781,9 @@ var rd = {
 	}, [e, f.values.email]), fe = L(async (e, t) => {
 		try {
 			let n = await c?.fetch?.url(`/v1/event/booking/${e}/confirm-booking`)?.options({ headers: { Origin: l?.id || "" } })?.post(t)?.json();
-			n?.content?.data ? de(n.content.data) : _(wf);
+			n?.content?.data ? de(n.content.data) : _(Tf);
 		} catch (e) {
-			c?.logger?.error("Failed to confirm booking after payment", { exception: G(e) }), _(wf);
+			c?.logger?.error("Failed to confirm booking after payment", { exception: G(e) }), _(Tf);
 		}
 	}, [
 		c,
@@ -10888,7 +10905,7 @@ var rd = {
 				children: r
 			})
 		}),
-		E.isOpen && /* @__PURE__ */ U(uf, {
+		E.isOpen && /* @__PURE__ */ U(df, {
 			title: v ? se : `Register for ${se}`,
 			when: oe,
 			priceLabel: v || !j ? void 0 : Id({
@@ -10916,7 +10933,7 @@ var rd = {
 					children: ie ? "Secure payment · confirmation sent to your email" : "No card needed · joining link sent to your email"
 				})
 			] }),
-			children: v ? /* @__PURE__ */ U(ff, {
+			children: v ? /* @__PURE__ */ U(pf, {
 				email: f.values.email.trim(),
 				eventTitle: se,
 				startsAt: a,
@@ -10931,7 +10948,7 @@ var rd = {
 			}) : /* @__PURE__ */ W("div", {
 				className: "flex flex-col gap-4",
 				children: [
-					ae && /* @__PURE__ */ U(pf, {
+					ae && /* @__PURE__ */ U(mf, {
 						tickets: d.tickets,
 						selectedTicket: d.selectedTicket,
 						onSelect: le,
@@ -10998,7 +11015,7 @@ var rd = {
 			onComplete: he
 		})
 	] });
-}, Ef = ({ blockInstance: e, blocks: t, theme: n }) => {
+}, Df = ({ blockInstance: e, blocks: t, theme: n }) => {
 	let r = Fe(), i = B(null), a = Co({
 		pageTheme: n ?? ho,
 		blocks: [e],
@@ -11022,7 +11039,7 @@ var rd = {
 			workspace_id: "devtools"
 		})
 	})] });
-}, Df = 300, Of = ({ label: e, value: t, onChange: n }) => {
+}, Of = 300, kf = ({ label: e, value: t, onChange: n }) => {
 	let [r, i] = V(() => JSON.stringify(t, null, 2)), [a, o] = V(null), s = B(null), c = B(JSON.stringify(t, null, 2));
 	R(() => {
 		let e = JSON.stringify(t, null, 2);
@@ -11037,7 +11054,7 @@ var rd = {
 			} catch (e) {
 				o(e.message);
 			}
-		}, Df);
+		}, Of);
 	}, [n]);
 	return R(() => () => {
 		s.current && clearTimeout(s.current);
@@ -11090,7 +11107,7 @@ var rd = {
 			})
 		]
 	});
-}, kf = (e, t = 0) => {
+}, Af = (e, t = 0) => {
 	let n = e.layouts[t];
 	if (!n) throw Error(`Layout index ${t} not found on block "${e.key}". Available: ${e.layouts.length}`);
 	let r = n.content && Object.keys(n.content).length > 0 ? n.content : Yr(e.content_schema), i = (/* @__PURE__ */ new Date()).toISOString();
@@ -11119,7 +11136,7 @@ var rd = {
 		deleted_at: null,
 		site_version: "v2"
 	};
-}, Af = [
+}, jf = [
 	{
 		key: "content",
 		label: "Content"
@@ -11132,8 +11149,8 @@ var rd = {
 		key: "config",
 		label: "Config"
 	}
-], jf = ({ schema: e, component: t, theme: n, defaultLayoutIndex: r = 0 }) => {
-	let [i, a] = V(r), [o, s] = V("content"), [c, l] = V(!0), u = z(() => kf(e, i), [e, i]), [d, f] = V(u.content), [p, m] = V(u.styles), [h, g] = V(u.config), _ = z(() => ({
+], Mf = ({ schema: e, component: t, theme: n, defaultLayoutIndex: r = 0 }) => {
+	let [i, a] = V(r), [o, s] = V("content"), [c, l] = V(!0), u = z(() => Af(e, i), [e, i]), [d, f] = V(u.content), [p, m] = V(u.styles), [h, g] = V(u.config), _ = z(() => ({
 		...u,
 		content: d,
 		styles: p,
@@ -11150,18 +11167,18 @@ var rd = {
 	]), y = L((t) => {
 		let n = Number(t.target.value);
 		a(n);
-		let r = kf(e, n);
+		let r = Af(e, n);
 		f(r.content), m(r.styles), g(r.config);
 	}, [e]), b = L(() => {
-		let t = kf(e, i);
+		let t = Af(e, i);
 		f(t.content), m(t.styles), g(t.config);
 	}, [e, i]);
 	return /* @__PURE__ */ W("div", {
-		style: Mf,
+		style: Nf,
 		children: [
 			/* @__PURE__ */ U("div", {
-				style: Nf,
-				children: /* @__PURE__ */ U(Ef, {
+				style: Pf,
+				children: /* @__PURE__ */ U(Df, {
 					blockInstance: _,
 					blocks: v,
 					theme: n
@@ -11170,7 +11187,7 @@ var rd = {
 			!c && /* @__PURE__ */ U("button", {
 				type: "button",
 				onClick: () => l(!0),
-				style: Pf,
+				style: Ff,
 				title: "Open DevTools",
 				children: /* @__PURE__ */ W("svg", {
 					width: "18",
@@ -11185,10 +11202,10 @@ var rd = {
 				})
 			}),
 			c && /* @__PURE__ */ W("div", {
-				style: Ff,
+				style: If,
 				children: [
 					/* @__PURE__ */ W("div", {
-						style: If,
+						style: Lf,
 						children: [/* @__PURE__ */ W("div", {
 							style: {
 								display: "flex",
@@ -11196,10 +11213,10 @@ var rd = {
 								gap: 8
 							},
 							children: [/* @__PURE__ */ U("span", {
-								style: Lf,
+								style: Rf,
 								children: e.title
 							}), /* @__PURE__ */ W("span", {
-								style: Rf,
+								style: zf,
 								children: [
 									e.key,
 									":",
@@ -11216,7 +11233,7 @@ var rd = {
 								e.layouts.length > 1 && /* @__PURE__ */ U("select", {
 									value: i,
 									onChange: y,
-									style: zf,
+									style: Bf,
 									children: e.layouts.map((e, t) => /* @__PURE__ */ U("option", {
 										value: t,
 										children: e.title || e.key
@@ -11225,13 +11242,13 @@ var rd = {
 								/* @__PURE__ */ U("button", {
 									type: "button",
 									onClick: b,
-									style: Bf,
+									style: Vf,
 									children: "Reset"
 								}),
 								/* @__PURE__ */ U("button", {
 									type: "button",
 									onClick: () => l(!1),
-									style: Vf,
+									style: Hf,
 									title: "Collapse DevTools",
 									children: /* @__PURE__ */ W("svg", {
 										width: "14",
@@ -11259,13 +11276,13 @@ var rd = {
 						})]
 					}),
 					/* @__PURE__ */ U("div", {
-						style: Hf,
-						children: Af.map((e) => /* @__PURE__ */ U("button", {
+						style: Uf,
+						children: jf.map((e) => /* @__PURE__ */ U("button", {
 							type: "button",
 							onClick: () => s(e.key),
 							style: {
-								...Uf,
-								...o === e.key ? Wf : {}
+								...Wf,
+								...o === e.key ? Gf : {}
 							},
 							children: e.label
 						}, e.key))
@@ -11278,7 +11295,7 @@ var rd = {
 							display: o === "content" ? "flex" : "none",
 							flexDirection: "column"
 						},
-						children: /* @__PURE__ */ U(Of, {
+						children: /* @__PURE__ */ U(kf, {
 							label: "content",
 							value: d,
 							onChange: f
@@ -11292,7 +11309,7 @@ var rd = {
 							display: o === "styles" ? "flex" : "none",
 							flexDirection: "column"
 						},
-						children: /* @__PURE__ */ U(Of, {
+						children: /* @__PURE__ */ U(kf, {
 							label: "styles",
 							value: p,
 							onChange: m
@@ -11306,7 +11323,7 @@ var rd = {
 							display: o === "config" ? "flex" : "none",
 							flexDirection: "column"
 						},
-						children: /* @__PURE__ */ U(Of, {
+						children: /* @__PURE__ */ U(kf, {
 							label: "config",
 							value: h,
 							onChange: g
@@ -11316,16 +11333,16 @@ var rd = {
 			})
 		]
 	});
-}, Mf = {
+}, Nf = {
 	position: "relative",
 	width: "100%",
 	minHeight: "100vh",
 	fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif",
 	color: "#1a1a1a"
-}, Nf = {
+}, Pf = {
 	width: "100%",
 	minHeight: "100vh"
-}, Pf = {
+}, Ff = {
 	position: "fixed",
 	bottom: 20,
 	right: 20,
@@ -11343,7 +11360,7 @@ var rd = {
 	justifyContent: "center",
 	color: "#374151",
 	transition: "transform 0.15s ease, box-shadow 0.15s ease"
-}, Ff = {
+}, If = {
 	position: "fixed",
 	top: 12,
 	right: 12,
@@ -11359,38 +11376,38 @@ var rd = {
 	boxShadow: "0 8px 40px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06)",
 	overflow: "hidden",
 	fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif"
-}, If = {
+}, Lf = {
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "space-between",
 	padding: "10px 12px",
 	borderBottom: "1px solid rgba(0,0,0,0.06)",
 	flexShrink: 0
-}, Lf = {
+}, Rf = {
 	fontSize: 13,
 	fontWeight: 600
-}, Rf = {
+}, zf = {
 	fontSize: 10,
 	fontFamily: "monospace",
 	color: "#6b7280",
 	backgroundColor: "#f3f4f6",
 	padding: "2px 5px",
 	borderRadius: 4
-}, zf = {
+}, Bf = {
 	fontSize: 12,
 	padding: "3px 6px",
 	border: "1px solid #d1d5db",
 	borderRadius: 4,
 	backgroundColor: "#fff",
 	cursor: "pointer"
-}, Bf = {
+}, Vf = {
 	fontSize: 12,
 	padding: "3px 8px",
 	border: "1px solid #d1d5db",
 	borderRadius: 4,
 	backgroundColor: "#fff",
 	cursor: "pointer"
-}, Vf = {
+}, Hf = {
 	display: "flex",
 	alignItems: "center",
 	justifyContent: "center",
@@ -11401,11 +11418,11 @@ var rd = {
 	backgroundColor: "transparent",
 	cursor: "pointer",
 	color: "#6b7280"
-}, Hf = {
+}, Uf = {
 	display: "flex",
 	borderBottom: "1px solid rgba(0,0,0,0.06)",
 	flexShrink: 0
-}, Uf = {
+}, Wf = {
 	fontSize: 12,
 	padding: "7px 14px",
 	border: "none",
@@ -11413,11 +11430,11 @@ var rd = {
 	backgroundColor: "transparent",
 	cursor: "pointer",
 	color: "#6b7280"
-}, Wf = {
+}, Gf = {
 	color: "#1a1a1a",
 	borderBottomColor: "#1a1a1a",
 	fontWeight: 500
-}, Gf = ["element", "group"], Kf = /* @__PURE__ */ "BoxWidget.ButtonWidget.LayoutWidget.HeadingWidget.IframeWidget.ImageWidget.IconWidget.MediaWidget.TypographyWidget.BlogContentWidget.CarouselWidget.FormWidget.ContainerWidget.UserMenuWidget.TabsListWidget.TabsTriggerWidget.TabsContentWidget.NavMenuWidget.CardWidget.TitleWidget.TextWidget.NumberWidget.URLWidget.ImageUploadWidget.MultiImageUploadWidget.TextareaWidget.RichTextWidget.DropdownWidget.SwitchWidget.DateWidget.ArrayWidget.RecordWidget".split("."), qf = Kf.reduce((e, t) => (e[t] = t, e), {}), Jf = [
+}, Kf = ["element", "group"], qf = /* @__PURE__ */ "BoxWidget.ButtonWidget.LayoutWidget.HeadingWidget.IframeWidget.ImageWidget.IconWidget.MediaWidget.TypographyWidget.BlogContentWidget.CarouselWidget.FormWidget.ContainerWidget.UserMenuWidget.TabsListWidget.TabsTriggerWidget.TabsContentWidget.NavMenuWidget.CardWidget.TitleWidget.TextWidget.NumberWidget.URLWidget.ImageUploadWidget.MultiImageUploadWidget.TextareaWidget.RichTextWidget.DropdownWidget.SwitchWidget.DateWidget.ArrayWidget.RecordWidget".split("."), Jf = qf.reduce((e, t) => (e[t] = t, e), {}), Yf = [
 	"collection",
 	"event",
 	"blog",
@@ -11427,7 +11444,7 @@ var rd = {
 	"blog_author",
 	"blog_category",
 	"blog_tag"
-], Yf = [
+], Xf = [
 	"linkedin",
 	"google",
 	"oauth",
@@ -11438,4 +11455,4 @@ var rd = {
 	"password"
 ];
 //#endregion
-export { Ce as ALTERNATE_METHOD_VALUES, ye as ALTERNATIVE_AUTH_METHODS, Os as AccordionContent, Es as AccordionItem, Ts as AccordionRoot, Ds as AccordionTrigger, ne as AuthProvider, xe as AuthenticationOptions, Wu as Avatar, Yu as AvatarBadge, qu as AvatarFallback, Ju as AvatarFallbackV2, Xu as AvatarGroup, Zu as AvatarGroupCount, Gu as AvatarImage, Ku as AvatarImageV2, lu as BUILT_IN_PRESETS, Eu as BackgroundEffects, dc as BaseBlogContent, O as BaseButton, Dc as BaseContainer, Yl as BaseHeading, fd as BaseLanguageSwitcher, Du as BaseSection, Lu as BaseTypography, zu as BaseUserMenu, v as BlockProvider, Jf as BlockSourceModuleList, Go as BlocksRegistry, fc as BlogContent, Vu as BookingConfirmation, Uu as BookingModal, Hu as BookingSummary, hc as Box, C as Button, ed as Calendar, Ec as Carousel, bc as CarouselContent, wc as CarouselDotButton, Tc as CarouselDots, xc as CarouselItem, Cc as CarouselNext, Sc as CarouselPrevious, Fc as CategoryFilter, _l as CommentStatusBadge, Fl as Comments, Wl as CommentsRestrictionOverlay, Oc as Container, Ll as CreateForumPost, J as DATA_ATTRIBUTES, sa as DATE_DISPLAYS, ca as DATE_FORMATS, da as DATE_HOUR12_VALUES, ua as DATE_LOCALES, la as DATE_STYLES, fa as DEFAULT_DATE_SPEC, _ as DEFAULT_FROM_STATE, ho as DEFAULT_THEME, T as DEFAULT_TRANSITION, S as DEFAULT_VIEWPORT, y as DEFAULT_VISIBLE_STATE, jf as DevTools, Ef as DevToolsPreview, Ac as EditForm, Pc as Form, Cl as FormInput, nd as FormTextarea, Bl as ForumPost, Lc as ForumProvider, cd as GlobalSearch, Xl as Heading, Yf as IMembershipAuthenticationMethods, E as Icon, Ql as Iframe, iu as Image, vl as Input, xd as IntegrationFilters, Hl as JoinRequestForm, Of as JsonEditor, Yo as KBChat, Qu as Kbd, $u as KbdGroup, Gf as KindList, pd as LanguageSwitcher, zo as LazyMotionProvider, Zo as LevoBlock, ls as LevoPage, ou as Link, Y as MESSAGE_TYPES, es as MadeWithLevo, cu as Media, _e as PENDING_APPROVAL_ERROR_CODE, uu as PRESET_CATEGORIES, du as PRESET_MAP, he as PRIMARY_AUTH_METHODS, be as PRIMARY_METHOD_VALUES, Gl as PendingRequestState, Zc as PopoverContent, qc as PopoverRoot, Xc as PopoverTrigger, m as PopupLoader, ol as PostActions, tl as PostCategory, rl as PostContent, cl as PostGallery, el as PostHeader, sl as PostLink, Vl as PostLinkWrapper, pl as PostPoll, hl as PostStatusBadge, nl as PostTitle, ql as PostsRestrictionOverlay, Mi as PreviewHighlighter, Tf as RegisterModal, Ul as SampleCommentSkeleton, Kl as SamplePostSkeleton, Jl as SearchInput, Ou as Section, Wc as SimpleTooltipWrapper, Q as Skeleton, il as StatContainer, _s as StudioPreview, Kf as StudioWidgetList, qf as StudioWidgetMap, Fu as TabsContent, Nu as TabsList, ku as TabsRoot, Pu as TabsTrigger, Bc as Tooltip, Uc as TooltipContent, Hc as TooltipPortal, zc as TooltipProvider, Vc as TooltipTrigger, Ru as Typography, Bu as UserMenu, La as VARIABLE_SINGLE_TOKEN_REGEX, Ia as VARIABLE_TOKEN_REGEX, Ma as VARIABLE_TRANSFORMS, Ko as blocksRegistry, ud as buildLocalizedHref, Zi as clearContentCache, Xa as colorOptions, lc as convertHtmlToJSON, Kr as convertKeysToPascalCase, no as cssOptionsMap, _a as dateSpecToArgs, Fa as evaluateVariableToken, ko as fetchCollectionSchema, Oo as fetchSource, vs as findFieldSchema, ys as flattenVariableMatches, Ja as generateAccentColor, Ni as generateBodyContent, Yr as generateDefaultContent, Vr as generateSchemaFromJSX, So as generateThemeStyles, yo as generateThemeVariables, p as generateVariantClasses, pu as getAvailableCategories, gu as getEffectConfigFromPresetId, Lo as getInitialPageContent, $i as getKeysWithValue, w as getNestedValue, Ro as getPageData, Po as getPageSource, fu as getPresetsByCategory, qa as getWcagContrast, Ua as hexToOKLCH, Se as isAlternateMethod, D as isConfigWithVariants, ge as isPendingApprovalError, ve as isPrimaryMethod, Ha as isValidOKLCH, _o as normalizeColorName, vo as normalizeFontName, Va as oklchStringToRGBA, Ka as oklchToHex, Ga as oklchToRGBA, X as oklchToString, ga as parseDateSpec, h as parseGroupContext, Wa as parseOKLCHString, ia as parseVariableToken, Fo as parseVariablesFromResolvedSource, go as processFonts, Co as processTheme, Qi as resetContentCache, No as resolveStyles, Mo as resolveVariables, za as rgbaToOKLCH, Ba as rgbaToOKLCHString, vu as sanitizeBackgroundEffectConfig, x as sanitizeElementKey, Xi as schemaCache, kf as schemaToBlockInstance, xa as snapDateStyle, Yi as sourceCache, ba as stylesFor, A as useAuth, f as useBlockContext, k as useCommonProps, Bo as useContentEngine, Vo as useContextEngine, vc as useDotButton, Rc as useForumContext, g as useGeneratedClassName, ee as useLanguageVariants, fe as useLogin, Ho as usePageContext, Uo as usePageMeta, pe as useStripePayment, aa as variableTokenToString };
+export { Ce as ALTERNATE_METHOD_VALUES, ye as ALTERNATIVE_AUTH_METHODS, Os as AccordionContent, Es as AccordionItem, Ts as AccordionRoot, Ds as AccordionTrigger, ne as AuthProvider, xe as AuthenticationOptions, Wu as Avatar, Yu as AvatarBadge, qu as AvatarFallback, Ju as AvatarFallbackV2, Xu as AvatarGroup, Zu as AvatarGroupCount, Gu as AvatarImage, Ku as AvatarImageV2, lu as BUILT_IN_PRESETS, Eu as BackgroundEffects, dc as BaseBlogContent, O as BaseButton, Dc as BaseContainer, Yl as BaseHeading, fd as BaseLanguageSwitcher, Du as BaseSection, Lu as BaseTypography, zu as BaseUserMenu, v as BlockProvider, Yf as BlockSourceModuleList, Go as BlocksRegistry, fc as BlogContent, Vu as BookingConfirmation, Uu as BookingModal, Hu as BookingSummary, hc as Box, C as Button, ed as Calendar, Ec as Carousel, bc as CarouselContent, wc as CarouselDotButton, Tc as CarouselDots, xc as CarouselItem, Cc as CarouselNext, Sc as CarouselPrevious, Fc as CategoryFilter, _l as CommentStatusBadge, Fl as Comments, Wl as CommentsRestrictionOverlay, Oc as Container, Ll as CreateForumPost, J as DATA_ATTRIBUTES, sa as DATE_DISPLAYS, ca as DATE_FORMATS, da as DATE_HOUR12_VALUES, ua as DATE_LOCALES, la as DATE_STYLES, fa as DEFAULT_DATE_SPEC, _ as DEFAULT_FROM_STATE, ho as DEFAULT_THEME, T as DEFAULT_TRANSITION, S as DEFAULT_VIEWPORT, y as DEFAULT_VISIBLE_STATE, Mf as DevTools, Df as DevToolsPreview, Ac as EditForm, Pc as Form, Cl as FormInput, nd as FormTextarea, Bl as ForumPost, Lc as ForumProvider, cd as GlobalSearch, Xl as Heading, Xf as IMembershipAuthenticationMethods, E as Icon, Ql as Iframe, iu as Image, vl as Input, xd as IntegrationFilters, Hl as JoinRequestForm, kf as JsonEditor, Yo as KBChat, Qu as Kbd, $u as KbdGroup, Kf as KindList, pd as LanguageSwitcher, zo as LazyMotionProvider, Zo as LevoBlock, ls as LevoPage, ou as Link, Y as MESSAGE_TYPES, es as MadeWithLevo, cu as Media, _e as PENDING_APPROVAL_ERROR_CODE, uu as PRESET_CATEGORIES, du as PRESET_MAP, he as PRIMARY_AUTH_METHODS, be as PRIMARY_METHOD_VALUES, Gl as PendingRequestState, Zc as PopoverContent, qc as PopoverRoot, Xc as PopoverTrigger, m as PopupLoader, ol as PostActions, tl as PostCategory, rl as PostContent, cl as PostGallery, el as PostHeader, sl as PostLink, Vl as PostLinkWrapper, pl as PostPoll, hl as PostStatusBadge, nl as PostTitle, ql as PostsRestrictionOverlay, Mi as PreviewHighlighter, Ef as RegisterModal, Ul as SampleCommentSkeleton, Kl as SamplePostSkeleton, Jl as SearchInput, Ou as Section, Wc as SimpleTooltipWrapper, Q as Skeleton, il as StatContainer, _s as StudioPreview, qf as StudioWidgetList, Jf as StudioWidgetMap, Fu as TabsContent, Nu as TabsList, ku as TabsRoot, Pu as TabsTrigger, Bc as Tooltip, Uc as TooltipContent, Hc as TooltipPortal, zc as TooltipProvider, Vc as TooltipTrigger, Ru as Typography, Bu as UserMenu, La as VARIABLE_SINGLE_TOKEN_REGEX, Ia as VARIABLE_TOKEN_REGEX, Ma as VARIABLE_TRANSFORMS, Ko as blocksRegistry, ud as buildLocalizedHref, Zi as clearContentCache, Xa as colorOptions, lc as convertHtmlToJSON, Kr as convertKeysToPascalCase, no as cssOptionsMap, _a as dateSpecToArgs, Fa as evaluateVariableToken, ko as fetchCollectionSchema, Oo as fetchSource, vs as findFieldSchema, ys as flattenVariableMatches, Ja as generateAccentColor, Ni as generateBodyContent, Yr as generateDefaultContent, Vr as generateSchemaFromJSX, So as generateThemeStyles, yo as generateThemeVariables, p as generateVariantClasses, pu as getAvailableCategories, gu as getEffectConfigFromPresetId, Lo as getInitialPageContent, $i as getKeysWithValue, w as getNestedValue, Ro as getPageData, Po as getPageSource, fu as getPresetsByCategory, qa as getWcagContrast, Ua as hexToOKLCH, Se as isAlternateMethod, D as isConfigWithVariants, ge as isPendingApprovalError, ve as isPrimaryMethod, Ha as isValidOKLCH, _o as normalizeColorName, vo as normalizeFontName, Va as oklchStringToRGBA, Ka as oklchToHex, Ga as oklchToRGBA, X as oklchToString, ga as parseDateSpec, h as parseGroupContext, Wa as parseOKLCHString, ia as parseVariableToken, Fo as parseVariablesFromResolvedSource, go as processFonts, Co as processTheme, Qi as resetContentCache, No as resolveStyles, Mo as resolveVariables, za as rgbaToOKLCH, Ba as rgbaToOKLCHString, vu as sanitizeBackgroundEffectConfig, x as sanitizeElementKey, Xi as schemaCache, Af as schemaToBlockInstance, xa as snapDateStyle, Yi as sourceCache, ba as stylesFor, A as useAuth, f as useBlockContext, k as useCommonProps, Bo as useContentEngine, Vo as useContextEngine, vc as useDotButton, Rc as useForumContext, g as useGeneratedClassName, ee as useLanguageVariants, fe as useLogin, Ho as usePageContext, Uo as usePageMeta, pe as useStripePayment, aa as variableTokenToString };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/studio",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo Studio components and utilities for building block-based pages",
   "type": "module",
@@ -119,8 +119,8 @@
     "react": ">=19",
     "next": ">=14",
     "react-dom": ">=19",
-    "@levo-so/insights": "0.2.1",
     "@levo-so/core": "0.2.1",
-    "@levo-so/react": "0.2.1"
+    "@levo-so/react": "0.2.1",
+    "@levo-so/insights": "0.2.1"
   }
 }