@levo-so/studio 0.3.1 → 0.3.2

package/{PopupRenderer-Bncp54gB-DTM3Wdxp.js → PopupRenderer-DBKtkdmH-Ws7F9GmP.js}

@@ -9,74 +9,74 @@ import { $activity as S, $isIdentityContextReady as C, $pageLifecycle as w, $scr
 import { useLevo as ee, useLevoInsights as O } from "@levo-so/react";
 import { Suspense as te, createContext as k, lazy as A, useContext as j, useEffect as M, useMemo as ne, useRef as re, useState as ie } from "react";
 import { persistentAtom as ae } from "@nanostores/persistent";
-import { atom as oe, computed as se } from "nanostores";
-import { Fragment as ce, jsx as N, jsxs as P } from "react/jsx-runtime";
-import F from "clsx";
-import { createRuntimeFn as le } from "@vanilla-extract/recipes/createRuntimeFn";
-import { IconCheck as ue, IconCopy as de, IconX as fe } from "@tabler/icons-react";
-import { generateJSON as pe } from "@tiptap/html";
-import { renderToReactElement as me } from "@tiptap/static-renderer/pm/react";
-import { Bold as he } from "@tiptap/extension-bold";
-import { BulletList as ge } from "@tiptap/extension-bullet-list";
-import { Code as _e } from "@tiptap/extension-code";
-import { Color as ve } from "@tiptap/extension-color";
-import { Document as ye } from "@tiptap/extension-document";
-import { HardBreak as be } from "@tiptap/extension-hard-break";
-import { Heading as xe } from "@tiptap/extension-heading";
-import { Highlight as Se } from "@tiptap/extension-highlight";
-import { Italic as Ce } from "@tiptap/extension-italic";
-import { Link as we } from "@tiptap/extension-link";
-import { ListItem as Te } from "@tiptap/extension-list-item";
-import { OrderedList as Ee } from "@tiptap/extension-ordered-list";
-import { Paragraph as De } from "@tiptap/extension-paragraph";
-import { Strike as Oe } from "@tiptap/extension-strike";
-import { Subscript as ke } from "@tiptap/extension-subscript";
-import { Superscript as Ae } from "@tiptap/extension-superscript";
-import { Text as je } from "@tiptap/extension-text";
-import { TextStyle as Me } from "@tiptap/extension-text-style";
-import { Typography as Ne } from "@tiptap/extension-typography";
-import { Underline as Pe } from "@tiptap/extension-underline";
-import { UniqueID as Fe } from "@tiptap/extension-unique-id";
-import { Extension as Ie, Node as Le, mergeAttributes as Re } from "@tiptap/core";
-import { useStore as ze } from "@nanostores/react";
+import { atom as N, computed as oe } from "nanostores";
+import { Fragment as se, jsx as P, jsxs as F } from "react/jsx-runtime";
+import I from "clsx";
+import { createRuntimeFn as ce } from "@vanilla-extract/recipes/createRuntimeFn";
+import { IconCheck as le, IconCopy as ue, IconX as de } from "@tabler/icons-react";
+import { generateJSON as fe } from "@tiptap/html";
+import { renderToReactElement as pe } from "@tiptap/static-renderer/pm/react";
+import { Bold as me } from "@tiptap/extension-bold";
+import { BulletList as he } from "@tiptap/extension-bullet-list";
+import { Code as ge } from "@tiptap/extension-code";
+import { Color as _e } from "@tiptap/extension-color";
+import { Document as ve } from "@tiptap/extension-document";
+import { HardBreak as ye } from "@tiptap/extension-hard-break";
+import { Heading as be } from "@tiptap/extension-heading";
+import { Highlight as xe } from "@tiptap/extension-highlight";
+import { Italic as Se } from "@tiptap/extension-italic";
+import { Link as Ce } from "@tiptap/extension-link";
+import { ListItem as we } from "@tiptap/extension-list-item";
+import { OrderedList as Te } from "@tiptap/extension-ordered-list";
+import { Paragraph as Ee } from "@tiptap/extension-paragraph";
+import { Strike as De } from "@tiptap/extension-strike";
+import { Subscript as Oe } from "@tiptap/extension-subscript";
+import { Superscript as ke } from "@tiptap/extension-superscript";
+import { Text as Ae } from "@tiptap/extension-text";
+import { TextStyle as je } from "@tiptap/extension-text-style";
+import { Typography as Me } from "@tiptap/extension-typography";
+import { Underline as Ne } from "@tiptap/extension-underline";
+import { UniqueID as Pe } from "@tiptap/extension-unique-id";
+import { Extension as Fe, Node as Ie, mergeAttributes as Le } from "@tiptap/core";
+import { useStore as Re } from "@nanostores/react";
 //#region ../../libraries/levocn/dist/theme/utils/googleFonts.js
-var Be = "wght@300;400;500;600;700;900", Ve = (e) => !!e && e !== "inherit" && !e.includes(",") && !e.includes("var("), He = (...e) => {
-	let t = Array.from(new Set(e.filter((e) => typeof e == "string").map((e) => e.trim()).filter(Ve)));
-	return t.length === 0 ? null : `https://fonts.googleapis.com/css2?${t.map((e) => `family=${e.replace(/ /g, "+")}:${Be}`).join("&")}&display=swap`;
-}, Ue = (e) => {
+var ze = "wght@300;400;500;600;700;900", Be = (e) => !!e && e !== "inherit" && !e.includes(",") && !e.includes("var("), Ve = (...e) => {
+	let t = Array.from(new Set(e.filter((e) => typeof e == "string").map((e) => e.trim()).filter(Be)));
+	return t.length === 0 ? null : `https://fonts.googleapis.com/css2?${t.map((e) => `family=${e.replace(/ /g, "+")}:${ze}`).join("&")}&display=swap`;
+}, He = (e) => {
 	if (document.querySelector(`link[rel="preconnect"][href="${e}"]`)) return;
 	let t = document.createElement("link");
 	t.rel = "preconnect", t.href = e, t.crossOrigin = "anonymous", document.head.appendChild(t);
-}, We = (e) => {
+}, Ue = (e) => {
 	let t = `family=${e.replace(/ /g, "+")}:`;
 	return Array.from(document.querySelectorAll("link[rel=\"stylesheet\"][href*=\"fonts.googleapis.com\"]")).some((e) => e.href.includes(t));
-}, Ge = (...e) => {
+}, We = (...e) => {
 	let t = x(5), n = e, r;
-	t[0] === n ? r = t[1] : (r = n.filter(Ke).map(qe).join("|"), t[0] = n, t[1] = r);
+	t[0] === n ? r = t[1] : (r = n.filter(Ge).map(Ke).join("|"), t[0] = n, t[1] = r);
 	let i = r, a, o;
 	t[2] === i ? (a = t[3], o = t[4]) : (a = () => {
-		let e = He(...(i ? i.split("|") : []).filter(Je));
+		let e = Ve(...(i ? i.split("|") : []).filter(qe));
 		if (!e) return;
-		Ue("https://fonts.googleapis.com"), Ue("https://fonts.gstatic.com");
+		He("https://fonts.googleapis.com"), He("https://fonts.gstatic.com");
 		let t = document.createElement("link");
 		t.rel = "stylesheet", t.href = e, t.crossOrigin = "anonymous", t.setAttribute("data-levo-fonts", e), document.head.appendChild(t);
 	}, o = [i], t[2] = i, t[3] = a, t[4] = o), M(a, o);
 };
-function Ke(e) {
+function Ge(e) {
 	return typeof e == "string" && e.trim() !== "";
 }
-function qe(e) {
+function Ke(e) {
 	return e.trim();
 }
-function Je(e) {
-	return !We(e);
+function qe(e) {
+	return !Ue(e);
 }
 //#endregion
 //#region ../../libraries/levocn/dist/styles/inlineBaseTheme.js
-var Ye = y(g), Xe = (e) => e ? e.radius && !e.radiusScale ? Ye({
+var Je = y(g), Ye = (e) => e ? e.radius && !e.radiusScale ? Je({
 	...e,
 	radiusScale: _(e.radius)
-}) : Ye(e) : {}, Ze = {
+}) : Je(e) : {}, Xe = {
 	100: "1f4af",
 	1234: "1f522",
 	regional_indicator_a: "🇦",
@@ -2010,7 +2010,7 @@ var Ye = y(g), Xe = (e) => e ? e.radius && !e.radiusScale ? Ye({
 	england: "1f3f4-e0067-e0062-e0065-e006e-e0067-e007f",
 	scotland: "1f3f4-e0067-e0062-e0073-e0063-e0074-e007f",
 	wales: "1f3f4-e0067-e0062-e0077-e006c-e0073-e007f"
-}, Qe = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple/img/apple/64", $e = (e) => /^[A-Fa-f0-9-]+$/.test(e), et = Le.create({
+}, Ze = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple/img/apple/64", Qe = (e) => /^[A-Fa-f0-9-]+$/.test(e), $e = Ie.create({
 	name: "emoji",
 	inline: !0,
 	group: "inline",
@@ -2027,12 +2027,12 @@ var Ye = y(g), Xe = (e) => e ? e.radius && !e.radiusScale ? Ye({
 		return [{ tag: "span[data-type=\"emoji\"]" }];
 	},
 	renderHTML({ HTMLAttributes: e, node: t }) {
-		let n = Re(e, { "data-type": "emoji" }), r = t.attrs.name, i = r ? Ze[r] : void 0;
-		return i ? $e(i) ? [
+		let n = Le(e, { "data-type": "emoji" }), r = t.attrs.name, i = r ? Xe[r] : void 0;
+		return i ? Qe(i) ? [
 			"span",
 			n,
 			["img", {
-				src: `${Qe}/${i}.png`,
+				src: `${Ze}/${i}.png`,
 				draggable: "false",
 				loading: "lazy",
 				align: "absmiddle",
@@ -2048,7 +2048,7 @@ var Ye = y(g), Xe = (e) => e ? e.radius && !e.radiusScale ? Ye({
 			`:${r || "emoji"}:`
 		];
 	}
-}), tt = Ie.create({
+}), et = Fe.create({
 	name: "fontSize",
 	addOptions() {
 		return { types: ["textStyle"] };
@@ -2069,124 +2069,127 @@ var Ye = y(g), Xe = (e) => e ? e.radius && !e.radiusScale ? Ye({
 			unsetFontSize: () => ({ chain: e }) => e().setMark("textStyle", { fontSize: null }).removeEmptyTextStyle().run()
 		};
 	}
-}), nt = /* @__PURE__ */ e({
-	_: () => H,
+}), tt = /* @__PURE__ */ e({
+	_: () => U,
 	c: () => Z,
 	d: () => St,
 	f: () => yt,
-	g: () => B,
-	h: () => R,
-	i: () => Ht,
+	g: () => V,
+	h: () => z,
+	i: () => Wt,
 	l: () => bt,
-	m: () => V,
-	n: () => un,
-	o: () => zt,
-	p: () => z,
-	r: () => Ut,
+	m: () => H,
+	n: () => fn,
+	o: () => Vt,
+	p: () => B,
+	r: () => Gt,
 	s: () => Q,
-	t: () => fn,
+	t: () => mn,
 	u: () => X,
 	v: () => _t,
 	y: () => J
-}), rt = Object.defineProperty, it = (e, t) => {
+}), nt = Object.defineProperty, rt = (e, t) => {
 	let n = {};
-	for (var r in e) rt(n, r, {
+	for (var r in e) nt(n, r, {
 		get: e[r],
 		enumerable: !0
 	});
-	return t || rt(n, Symbol.toStringTag, { value: "Module" }), n;
-}, at = 6e4, ot = "lv_popups_session", I = {
+	return t || nt(n, Symbol.toStringTag, { value: "Module" }), n;
+}, it = 6e4, at = "lv_popups_session", L = {
 	active_popup_id: null,
 	shown_popup_ids: [],
 	last_closed_at: null
-}, L = ae("lv_popups_state", {}, {
+}, R = ae("lv_popups_state", {}, {
 	encode: JSON.stringify,
 	decode: JSON.parse
-}), st = (e) => {
-	if (!e) return I;
+}), ot = (e) => {
+	if (!e) return L;
 	try {
-		return JSON.parse(e);
+		return {
+			...JSON.parse(e),
+			active_popup_id: null
+		};
 	} catch {
-		return I;
+		return L;
 	}
-}, R = oe((() => {
-	if (typeof sessionStorage > "u") return I;
+}, z = N((() => {
+	if (typeof sessionStorage > "u") return L;
 	try {
-		return st(sessionStorage.getItem(ot));
+		return ot(sessionStorage.getItem(at));
 	} catch {
-		return I;
+		return L;
 	}
-})()), ct = R.set;
-R.set = (e) => {
-	ct(e);
+})()), st = z.set;
+z.set = (e) => {
+	st(e);
 	try {
-		sessionStorage.setItem(ot, JSON.stringify(e));
+		sessionStorage.setItem(at, JSON.stringify(e));
 	} catch {}
 };
-var lt = se([R, L], (e, t) => ({
+var ct = oe([z, R], (e, t) => ({
 	active_popup_id: e.active_popup_id,
 	shown_popup_ids: e.shown_popup_ids,
 	last_closed_at: e.last_closed_at,
 	previous_popups: t
-})), z = oe([]), B = (e) => {
-	z.set(e);
-}, V = oe(!0), H = (e) => {
-	V.set(e);
-}, ut = () => lt.get(), dt = (e, t) => e.includes(t) ? e : [...e, t], U = "manual", ft = () => U, W = null, pt = () => W, G = [], K = null, mt = () => {
-	if (K) return;
-	let { last_closed_at: e } = R.get();
+})), B = N([]), V = (e) => {
+	B.set(e);
+}, H = N(!0), U = (e) => {
+	H.set(e);
+}, lt = () => ct.get(), ut = (e, t) => e.includes(t) ? e : [...e, t], W = "manual", dt = () => W, G = null, ft = () => G, K = [], q = null, pt = () => {
+	if (q) return;
+	let { last_closed_at: e } = z.get();
 	if (!e) return;
-	let t = at - (Date.now() - e);
+	let t = it - (Date.now() - e);
 	if (t <= 0) {
-		q();
+		mt();
 		return;
 	}
-	K = setTimeout(() => {
-		K = null, q();
+	q = setTimeout(() => {
+		q = null, mt();
 	}, t);
-}, q = () => {
-	let e = R.get();
+}, mt = () => {
+	let e = z.get();
 	if (!e.active_popup_id) {
 		if (e.last_closed_at && Date.now() - e.last_closed_at < 6e4) {
-			mt();
+			pt();
 			return;
 		}
-		for (; G.length > 0;) {
-			let e = G.shift();
+		for (; K.length > 0;) {
+			let e = K.shift();
 			if (J(e.popup, { trigger_type: e.trigger_type })) return;
 		}
 	}
 }, ht = (e, t) => {
-	G.some((t) => t.popup.id === e.id) || (G.push({
+	K.some((t) => t.popup.id === e.id) || (K.push({
 		popup: e,
 		trigger_type: t
-	}), mt());
+	}), pt());
 }, gt = (e, t) => {
-	let n = ut();
+	let n = lt();
 	if (t?.type === "always") return !n.shown_popup_ids.includes(e);
 	let r = n.previous_popups[e];
 	return r ? !t || t.type === "once" ? !1 : t.type === "interval" && t.interval_ms ? Date.now() - r.triggered_at >= t.interval_ms : !0 : !0;
 }, J = (e, t = {}) => {
-	let { force: n = !1, trigger_type: r = "manual" } = t, i = e.id, a = e.settings?.display_frequency, o = R.get();
-	return o.active_popup_id === i ? !0 : !n && (o.active_popup_id || o.last_closed_at && Date.now() - o.last_closed_at < 6e4 || !gt(i, a)) ? !1 : (K &&= (clearTimeout(K), null), U = r, W = Date.now(), R.set({
+	let { force: n = !1, trigger_type: r = "manual" } = t, i = e.id, a = e.settings?.display_frequency, o = z.get();
+	return o.active_popup_id === i ? !0 : !n && (o.active_popup_id || o.last_closed_at && Date.now() - o.last_closed_at < 6e4 || !gt(i, a)) ? !1 : (q &&= (clearTimeout(q), null), W = r, G = Date.now(), z.set({
 		active_popup_id: i,
-		shown_popup_ids: dt(o.shown_popup_ids, i),
+		shown_popup_ids: ut(o.shown_popup_ids, i),
 		last_closed_at: o.last_closed_at
-	}), a?.type !== "always" && L.set({
-		...L.get(),
+	}), a?.type !== "always" && R.set({
+		...R.get(),
 		[i]: { triggered_at: Date.now() }
 	}), !0);
 }, Y = (e, t = {}) => {
 	let { trigger_type: n = "manual" } = t;
 	return J(e, { trigger_type: n }) ? !0 : (gt(e.id, e.settings?.display_frequency) && ht(e, n), !1);
 }, _t = (e) => {
-	let t = R.get();
-	t.active_popup_id === e && (U = "manual", W = null, R.set({
+	let t = z.get();
+	t.active_popup_id === e && (W = "manual", G = null, z.set({
 		...t,
 		active_popup_id: null,
 		last_closed_at: Date.now()
-	}), setTimeout(q, 0));
-}, X = le({
+	}), setTimeout(mt, 0));
+}, X = ce({
 	defaultClassName: "_1gklknd4",
 	variantClassNames: {
 		placement: {
@@ -2202,7 +2205,7 @@ var lt = se([R, L], (e, t) => ({
 	},
 	defaultVariants: { placement: "popup" },
 	compoundVariants: []
-}), vt = "_1gklkndb", yt = "_1gklkndc", bt = "_1gklkndd", xt = le({
+}), vt = "_1gklkndb", yt = "_1gklkndc", bt = "_1gklkndd", xt = ce({
 	defaultClassName: "_1gklknde",
 	variantClassNames: { size: {
 		small: "_1gklkndf",
@@ -2219,7 +2222,7 @@ var lt = se([R, L], (e, t) => ({
 		callbacks: r
 	}, t[0] = r, t[1] = n, t[2] = a) : a = t[2];
 	let o;
-	return t[3] !== i || t[4] !== a ? (o = /* @__PURE__ */ N(Ct.Provider, {
+	return t[3] !== i || t[4] !== a ? (o = /* @__PURE__ */ P(Ct.Provider, {
 		value: a,
 		children: i
 	}), t[3] = i, t[4] = a, t[5] = o) : o = t[5], o;
@@ -2231,60 +2234,60 @@ var lt = se([R, L], (e, t) => ({
 	let e = x(2), t = Et(), n;
 	return e[0] === t ? n = e[1] : (n = (e) => {
 		let n = e === void 0 ? "programmatic" : e;
-		if (!t || ut().active_popup_id !== t.popup.id) return;
-		let r = pt();
+		if (!t || lt().active_popup_id !== t.popup.id) return;
+		let r = ft();
 		t.callbacks?.onPopupClose?.(t.popup, {
-			trigger_type: ft(),
+			trigger_type: dt(),
 			dismiss_reason: n,
 			time_shown_ms: r ? Date.now() - r : null
 		}), _t(t.popup.id);
 	}, e[0] = t, e[1] = n), n;
 }, Ot = "zv6sjd4", kt = "zv6sjd5", At = "zv6sjd6", jt = [
-	ye,
+	ve,
+	Ee,
+	Ae,
+	be,
+	me,
+	Se,
 	De,
-	je,
-	xe,
-	he,
-	Ce,
-	Oe,
-	_e,
 	ge,
-	Ee,
+	he,
 	Te,
-	be,
-	Pe,
-	we.configure({ openOnClick: !1 }),
-	Me,
-	tt,
+	we,
+	ye,
 	Ne,
-	Ae,
-	ke,
-	ve,
-	Se.configure({ multicolor: !0 }),
+	Ce.configure({ openOnClick: !1 }),
+	je,
 	et,
+	Me,
+	ke,
+	Oe,
+	_e,
+	xe.configure({ multicolor: !0 }),
+	$e,
 	h,
-	Fe.configure({ types: [
+	Pe.configure({ types: [
 		"paragraph",
 		"heading",
 		"bulletList",
 		"orderedList"
 	] })
-], Mt = (e) => pe(e, jt), Nt = ({ content: e, className: t, ref: n, ...r }) => {
-	let i = ne(() => e ? typeof e == "string" ? e ? Mt(e) : null : e.json && Object.keys(e.json).length > 0 ? e.json : e.html ? Mt(e.html) : null : null, [e]), a = ne(() => i ? me({
+], Mt = (e) => fe(e, jt), Nt = ({ content: e, className: t, ref: n, ...r }) => {
+	let i = ne(() => e ? typeof e == "string" ? e ? Mt(e) : null : e.json && Object.keys(e.json).length > 0 ? e.json : e.html ? Mt(e.html) : null : null, [e]), a = ne(() => i ? pe({
 		content: i,
 		extensions: jt
 	}) : null, [i]);
-	return a ? /* @__PURE__ */ N("div", {
+	return a ? /* @__PURE__ */ P("div", {
 		ref: n,
-		className: F(m, t),
+		className: I(m, t),
 		...r,
 		children: a
 	}) : null;
-}, Pt = A(() => import("./dist-DanVCpXe.js").then((e) => e.t).then((e) => ({ default: e.CollectionFormBuilder }))), Ft = {
+}, Pt = A(() => import("./dist-Ckw19x6H.js").then((e) => e.t).then((e) => ({ default: e.CollectionFormBuilder }))), Ft = p({ baseSpacing: ".625rem" }), It = { style: v({ form: { gap: "1rem" } }) }, Lt = {
 	left: Ot,
 	center: kt,
 	right: At
-}, It = (e) => (e ?? "16:9").replace(":", " / "), Lt = (e) => {
+}, Rt = (e) => (e ?? "16:9").replace(":", " / "), zt = (e) => {
 	if (e.content.coverImage?.srcset) return Object.entries(e.content.coverImage.srcset).filter(([e]) => e !== "path").map(([e, t]) => `${t} ${e}`).join(", ");
 }, Q = (e) => {
 	let t = x(45), { popup: n, disableInteraction: i } = e, a = Et(), s = a?.popup ?? n, l = a?.callbacks?.onAction, u = Dt(), f = !a, { content: p } = s, { workspace: m } = ee(), [h, g] = ie(!1), _;
@@ -2299,14 +2302,14 @@ var lt = se([R, L], (e, t) => ({
 		});
 	}, t[0] = p.action, t[1] = l, t[2] = s, t[3] = _) : _ = t[3];
 	let v = _, y = p.align ?? "left", b;
-	t[4] === p.coverImageRatio ? b = t[5] : (b = It(p.coverImageRatio), t[4] = p.coverImageRatio, t[5] = b);
+	t[4] === p.coverImageRatio ? b = t[5] : (b = Rt(p.coverImageRatio), t[4] = p.coverImageRatio, t[5] = b);
 	let S = b, C;
-	t[6] !== S || t[7] !== p.coverImage || t[8] !== p.coverImageFocus || t[9] !== s ? (C = p.coverImage && /* @__PURE__ */ N("div", {
+	t[6] !== S || t[7] !== p.coverImage || t[8] !== p.coverImageFocus || t[9] !== s ? (C = p.coverImage && /* @__PURE__ */ P("div", {
 		className: "_1gklkndj",
 		style: { aspectRatio: S },
-		children: /* @__PURE__ */ N("img", {
+		children: /* @__PURE__ */ P("img", {
 			src: p.coverImage.location,
-			srcSet: Lt(s),
+			srcSet: zt(s),
 			alt: "",
 			className: "_1gklkndk",
 			style: p.coverImageFocus ? { objectPosition: p.coverImageFocus.replace("-", " ") } : void 0
@@ -2317,29 +2320,36 @@ var lt = se([R, L], (e, t) => ({
 	let E;
 	t[13] === i ? E = t[14] : (E = i ? { pointerEvents: "none" } : void 0, t[13] = i, t[14] = E);
 	let D;
-	t[15] !== y || t[16] !== p.description || t[17] !== p.heading ? (D = (p.heading || p.description) && /* @__PURE__ */ P(c, {
+	t[15] !== y || t[16] !== p.description || t[17] !== p.heading ? (D = (p.heading || p.description) && /* @__PURE__ */ F(c, {
 		className: "zv6sjd0",
 		style: { textAlign: y },
-		children: [p.heading && /* @__PURE__ */ N(r, { children: p.heading }), p.description && /* @__PURE__ */ N(o, { children: p.description })]
+		children: [p.heading && /* @__PURE__ */ P(r, { children: p.heading }), p.description && /* @__PURE__ */ P(o, { children: p.description })]
 	}), t[15] = y, t[16] = p.description, t[17] = p.heading, t[18] = D) : D = t[18];
 	let O;
-	t[19] === p.body ? O = t[20] : (O = (p.body?.html || p.body?.json) && /* @__PURE__ */ N(Nt, {
+	t[19] === p.body ? O = t[20] : (O = (p.body?.html || p.body?.json) && /* @__PURE__ */ P(Nt, {
 		className: "zv6sjd1",
+		style: Ft,
 		content: p.body
 	}), t[19] = p.body, t[20] = O);
 	let k;
-	t[21] !== y || t[22] !== p.action || t[23] !== f || t[24] !== l || t[25] !== s || t[26] !== m ? (k = p.action?.type === "form" && /* @__PURE__ */ N("div", {
+	t[21] !== y || t[22] !== p.action || t[23] !== f || t[24] !== l || t[25] !== s || t[26] !== m ? (k = p.action?.type === "form" && /* @__PURE__ */ P("div", {
 		className: "zv6sjd3",
-		children: /* @__PURE__ */ N(te, { children: /* @__PURE__ */ N(Pt, {
+		children: /* @__PURE__ */ P(te, { children: /* @__PURE__ */ P(Pt, {
 			collection_id: p.action.collectionKey,
+			formVariant: p.action.formVariant,
+			theme: It,
 			uiConfig: {
 				hideFormHeading: !0,
 				hideSectionHeadings: !0
 			},
+			successConfig: p.action.successRedirectUrl ? { action: {
+				type: "redirect",
+				value: p.action.successRedirectUrl
+			} } : void 0,
 			submitButtonConfig: {
 				show: !0,
 				text: p.action.label || "Submit",
-				styles: p.action.fullWidth ? "zv6sjd7" : Ft[y]
+				styles: p.action.fullWidth && (p.action.formVariant ?? "default") === "default" ? "zv6sjd7" : Lt[y]
 			},
 			workspace_id: m,
 			containerStyles: "zv6sjd2",
@@ -2353,18 +2363,18 @@ var lt = se([R, L], (e, t) => ({
 		}) })
 	}), t[21] = y, t[22] = p.action, t[23] = f, t[24] = l, t[25] = s, t[26] = m, t[27] = k) : k = t[27];
 	let A;
-	t[28] !== u || t[29] !== p.action || t[30] !== h || t[31] !== v || t[32] !== l || t[33] !== s ? (A = p.action?.type === "redirect" && /* @__PURE__ */ P(ce, { children: [p.action.copyValue && /* @__PURE__ */ P("button", {
+	t[28] !== u || t[29] !== p.action || t[30] !== h || t[31] !== v || t[32] !== l || t[33] !== s ? (A = p.action?.type === "redirect" && /* @__PURE__ */ F(se, { children: [p.action.copyValue && /* @__PURE__ */ F("button", {
 		type: "button",
 		className: "zv6sjd9",
 		onClick: v,
-		children: [/* @__PURE__ */ N("span", {
+		children: [/* @__PURE__ */ P("span", {
 			className: "zv6sjda",
 			children: p.action.copyValue
-		}), N(h ? ue : de, {
+		}), P(h ? le : ue, {
 			size: 18,
 			className: "zv6sjdb"
 		})]
-	}), /* @__PURE__ */ N(d, {
+	}), /* @__PURE__ */ P(d, {
 		className: "zv6sjd8",
 		onClick: () => {
 			p.action?.type === "redirect" && (l?.(s, {
@@ -2376,7 +2386,7 @@ var lt = se([R, L], (e, t) => ({
 		children: p.action.label || "Button"
 	})] }), t[28] = u, t[29] = p.action, t[30] = h, t[31] = v, t[32] = l, t[33] = s, t[34] = A) : A = t[34];
 	let j;
-	t[35] !== A || t[36] !== T || t[37] !== E || t[38] !== D || t[39] !== O || t[40] !== k ? (j = /* @__PURE__ */ P("div", {
+	t[35] !== A || t[36] !== T || t[37] !== E || t[38] !== D || t[39] !== O || t[40] !== k ? (j = /* @__PURE__ */ F("div", {
 		className: T,
 		style: E,
 		children: [
@@ -2387,7 +2397,7 @@ var lt = se([R, L], (e, t) => ({
 		]
 	}), t[35] = A, t[36] = T, t[37] = E, t[38] = D, t[39] = O, t[40] = k, t[41] = j) : j = t[41];
 	let M;
-	return t[42] !== j || t[43] !== C ? (M = /* @__PURE__ */ P("div", {
+	return t[42] !== j || t[43] !== C ? (M = /* @__PURE__ */ F("div", {
 		className: vt,
 		children: [C, j]
 	}), t[42] = j, t[43] = C, t[44] = M) : M = t[44], M;
@@ -2399,11 +2409,11 @@ var lt = se([R, L], (e, t) => ({
 	if (typeof t.l != "number" || typeof t.c != "number" || typeof t.h != "number") return;
 	let n = (e) => Math.round(e * 1e4) / 1e4, r = n(t.l), i = n(t.c), a = n(t.h), o = typeof t.alpha == "number" ? n(t.alpha) : 1;
 	return o < 1 ? `oklch(${r} ${i} ${a} / ${o})` : `oklch(${r} ${i} ${a})`;
-}, Rt = (e) => {
+}, Bt = (e) => {
 	let t = e.colors;
 	return !t || typeof t != "object" ? !1 : Object.values(t).some((e) => e != null);
-}, zt = (e) => {
-	if (!e || !Rt(e)) return null;
+}, Vt = (e) => {
+	if (!e || !Bt(e)) return null;
 	let t = e.colors, n = t?.brand ?? {}, r = e.fonts, i = e.sizes;
 	return {
 		colors: {
@@ -2422,7 +2432,7 @@ var lt = se([R, L], (e, t) => ({
 		},
 		sizes: { radius: i?.radius ?? "4px" }
 	};
-}, Bt = (e) => {
+}, Ht = (e) => {
 	if (e) return {
 		colors: {
 			primary: e.colors?.brand?.main,
@@ -2443,45 +2453,41 @@ var lt = se([R, L], (e, t) => ({
 		fonts: e.fonts,
 		radius: e.sizes?.radius
 	};
-}, Vt = (e) => Xe(Bt(e)), Ht = (e) => {
-	let t = x(21), n, r, i, a, o;
+}, Ut = (e) => Ye(Ht(e)), Wt = (e) => {
+	let t = x(19), n, r, i, a, o;
 	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4], o = t[5]) : ({children: n, popupTheme: r, siteTheme: a, style: o, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = o);
 	let s;
-	t[6] !== r || t[7] !== a ? (s = r ?? (a ? zt(a) : null), t[6] = r, t[7] = a, t[8] = s) : s = t[8];
+	t[6] !== r || t[7] !== a ? (s = r ?? (a ? Vt(a) : null), t[6] = r, t[7] = a, t[8] = s) : s = t[8];
 	let c = s;
-	Ge(c?.fonts?.heading, c?.fonts?.body);
+	We(c?.fonts?.heading, c?.fonts?.body);
 	let l;
-	t[9] === Symbol.for("react.memo_cache_sentinel") ? (l = F(b, f), t[9] = l) : l = t[9];
-	let d, m;
-	t[10] === Symbol.for("react.memo_cache_sentinel") ? (d = p({ baseSpacing: ".625rem" }), m = v({ form: { gap: "1rem" } }), t[10] = d, t[11] = m) : (d = t[10], m = t[11]);
-	let h;
-	t[12] === c ? h = t[13] : (h = Vt(c), t[12] = c, t[13] = h);
-	let g;
-	t[14] !== o || t[15] !== h ? (g = {
+	t[9] === Symbol.for("react.memo_cache_sentinel") ? (l = I(b, f), t[9] = l) : l = t[9];
+	let d;
+	t[10] === c ? d = t[11] : (d = Ut(c), t[10] = c, t[11] = d);
+	let p;
+	t[12] !== o || t[13] !== d ? (p = {
 		...d,
-		...m,
-		...h,
 		...o
-	}, t[14] = o, t[15] = h, t[16] = g) : g = t[16];
-	let _;
-	return t[17] !== n || t[18] !== i || t[19] !== g ? (_ = /* @__PURE__ */ N(u, {
+	}, t[12] = o, t[13] = d, t[14] = p) : p = t[14];
+	let m;
+	return t[15] !== n || t[16] !== i || t[17] !== p ? (m = /* @__PURE__ */ P(u, {
 		className: l,
 		cssReset: !0,
-		style: g,
+		style: p,
 		...i,
 		children: n
-	}), t[17] = n, t[18] = i, t[19] = g, t[20] = _) : _ = t[20], _;
-}, Ut = (e) => e.content.position || "top-right", Wt = (e) => {
+	}), t[15] = n, t[16] = i, t[17] = p, t[18] = m) : m = t[18], m;
+}, Gt = (e) => e.content.position || "top-right", Kt = (e) => {
 	switch (e) {
 		case "close-press": return "close_button";
 		case "outside-press": return "outside_click";
 		case "escape-key": return "escape_key";
 		default: return "programmatic";
 	}
-}, Gt = () => {
-	let e = x(32), { popup: r, callbacks: o } = Tt(), { placement: c, id: u } = r, d = ze(lt).active_popup_id === u, f = re(!1), p, m;
+}, qt = () => {
+	let e = x(32), { popup: r, callbacks: o } = Tt(), { placement: c, id: u } = r, d = Re(ct).active_popup_id === u, f = re(!1), p, m;
 	e[0] !== o || e[1] !== d || e[2] !== r ? (p = () => {
-		d && !f.current && (f.current = !0, o?.onPopupOpen?.(r, { trigger_type: ft() })), d || (f.current = !1);
+		d && !f.current && (f.current = !0, o?.onPopupOpen?.(r, { trigger_type: dt() })), d || (f.current = !1);
 	}, m = [
 		d,
 		r,
@@ -2489,46 +2495,46 @@ var lt = se([R, L], (e, t) => ({
 	], e[0] = o, e[1] = d, e[2] = r, e[3] = p, e[4] = m) : (p = e[3], m = e[4]), M(p, m);
 	let h = Dt(), g, _, v, y, b, S, C, w;
 	if (e[5] !== h || e[6] !== d || e[7] !== c || e[8] !== r) {
-		let o = Ut(r), u = c === "popup", f = c === "slide_in";
-		_ = a, b = d, e[17] === h ? S = e[18] : (S = (e, t) => !e && h(Wt(t?.reason)), e[17] = h, e[18] = S), C = u, w = !u, g = n, e[19] === u ? v = e[20] : (v = u && /* @__PURE__ */ N(i, {}), e[19] = u, e[20] = v), y = u ? /* @__PURE__ */ N(l, {
+		let o = Gt(r), u = c === "popup", f = c === "slide_in";
+		_ = a, b = d, e[17] === h ? S = e[18] : (S = (e, t) => !e && h(Kt(t?.reason)), e[17] = h, e[18] = S), C = u, w = !u, g = n, e[19] === u ? v = e[20] : (v = u && /* @__PURE__ */ P(i, {}), e[19] = u, e[20] = v), y = u ? /* @__PURE__ */ P(l, {
 			className: yt,
-			children: /* @__PURE__ */ P(s.Popup, {
+			children: /* @__PURE__ */ F(s.Popup, {
 				className: X({ placement: c }),
-				children: [/* @__PURE__ */ N(t, {
+				children: [/* @__PURE__ */ P(t, {
 					variant: "ghost",
 					size: "icon-xs",
 					className: Z,
 					"aria-label": "Close popup",
-					children: /* @__PURE__ */ N(fe, { size: 16 })
-				}), /* @__PURE__ */ N(Q, {})]
+					children: /* @__PURE__ */ P(de, { size: 16 })
+				}), /* @__PURE__ */ P(Q, {})]
 			})
-		}) : /* @__PURE__ */ P(s.Popup, {
-			className: F(X({
+		}) : /* @__PURE__ */ F(s.Popup, {
+			className: I(X({
 				placement: c,
 				position: o
 			}), f && "_1gklkndd"),
-			children: [/* @__PURE__ */ N(t, {
+			children: [/* @__PURE__ */ P(t, {
 				variant: "ghost",
 				size: "icon-xs",
 				className: Z,
 				"aria-label": "Close popup",
-				children: /* @__PURE__ */ N(fe, { size: 16 })
-			}), /* @__PURE__ */ N(Q, {})]
+				children: /* @__PURE__ */ P(de, { size: 16 })
+			}), /* @__PURE__ */ P(Q, {})]
 		}), e[5] = h, e[6] = d, e[7] = c, e[8] = r, e[9] = g, e[10] = _, e[11] = v, e[12] = y, e[13] = b, e[14] = S, e[15] = C, e[16] = w;
 	} else g = e[9], _ = e[10], v = e[11], y = e[12], b = e[13], S = e[14], C = e[15], w = e[16];
 	let T;
-	e[21] !== g || e[22] !== v || e[23] !== y ? (T = /* @__PURE__ */ P(g, { children: [v, y] }), e[21] = g, e[22] = v, e[23] = y, e[24] = T) : T = e[24];
+	e[21] !== g || e[22] !== v || e[23] !== y ? (T = /* @__PURE__ */ F(g, { children: [v, y] }), e[21] = g, e[22] = v, e[23] = y, e[24] = T) : T = e[24];
 	let E;
-	return e[25] !== _ || e[26] !== b || e[27] !== S || e[28] !== C || e[29] !== w || e[30] !== T ? (E = /* @__PURE__ */ N(_, {
+	return e[25] !== _ || e[26] !== b || e[27] !== S || e[28] !== C || e[29] !== w || e[30] !== T ? (E = /* @__PURE__ */ P(_, {
 		open: b,
 		onOpenChange: S,
 		modal: C,
 		disablePointerDismissal: w,
 		children: T
 	}), e[25] = _, e[26] = b, e[27] = S, e[28] = C, e[29] = w, e[30] = T, e[31] = E) : E = e[31], E;
-}, Kt = 3e4, qt = 5e3, Jt = 5e3, Yt = 100, Xt = .5, Zt = 5, Qt = (e) => {
+}, Jt = 3e4, Yt = 5e3, Xt = 5e3, Zt = 100, Qt = .5, $t = 5, en = (e) => {
 	if (typeof document > "u") return () => {};
-	let t = !1, n = Date.now(), r = [], i = 0, a = null, o = () => Date.now() - n >= Kt, s = () => {
+	let t = !1, n = Date.now(), r = [], i = 0, a = null, o = () => Date.now() - n >= Jt, s = () => {
 		t || (t = !0, c(), e());
 	}, c = () => {
 		a &&= (clearTimeout(a), null);
@@ -2540,9 +2546,9 @@ var lt = se([R, L], (e, t) => ({
 		r.push({
 			y: e.clientY,
 			t: Date.now()
-		}), r.length > Zt && r.shift();
+		}), r.length > $t && r.shift();
 	}, f = (e) => {
-		t || !o() || e.clientY > 0 || u() < Yt || Date.now() - i < Jt || l() < Xt || (c(), a = setTimeout(s, qt));
+		t || !o() || e.clientY > 0 || u() < Zt || Date.now() - i < Xt || l() < Qt || (c(), a = setTimeout(s, Yt));
 	}, p = () => {
 		c();
 	}, m = () => {
@@ -2553,38 +2559,38 @@ var lt = se([R, L], (e, t) => ({
 	return document.addEventListener("mousemove", d, { passive: !0 }), document.addEventListener("mouseleave", f), document.addEventListener("mouseenter", p), window.addEventListener("scroll", m, { passive: !0 }), () => {
 		c(), document.removeEventListener("mousemove", d), document.removeEventListener("mouseleave", f), document.removeEventListener("mouseenter", p), window.removeEventListener("scroll", m), h();
 	};
-}, $t = (e, t) => {
+}, tn = (e, t) => {
 	if (!e) return null;
 	let n = setTimeout(() => Y(t, { trigger_type: "time_on_page" }), e);
 	return () => clearTimeout(n);
-}, en = (e, t) => {
+}, nn = (e, t) => {
 	if (e === void 0) return null;
 	let n = !1;
 	return T.listen((r) => {
 		n || r.depth >= e && (n = !0, Y(t, { trigger_type: "scroll_depth" }));
 	});
-}, tn = (e) => {
+}, rn = (e) => {
 	let t = !1;
 	return S.listen((n) => {
 		t || n.status === "idle" && (t = !0, Y(e, { trigger_type: "inactivity" }));
 	});
-}, nn = (e, t) => {
-	let n = x(11), r = t === void 0 ? !0 : t, { triggers: i, id: a } = e, o = ze(C), s;
+}, an = (e, t) => {
+	let n = x(11), r = t === void 0 ? !0 : t, { triggers: i, id: a } = e, o = Re(C), s;
 	n[0] === Symbol.for("react.memo_cache_sentinel") ? (s = [], n[0] = s) : s = n[0];
 	let c = re(s), l;
 	n[1] !== r || n[2] !== o || n[3] !== e || n[4] !== i ? (l = () => {
 		if (!r || !o || !i) return;
 		let t = [];
 		if (i.time_on_page.enabled) {
-			let n = $t(i.time_on_page.delay_ms, e);
+			let n = tn(i.time_on_page.delay_ms, e);
 			n && t.push(n);
 		}
 		if (i.scroll_depth.enabled) {
-			let n = en(i.scroll_depth.percent, e);
+			let n = nn(i.scroll_depth.percent, e);
 			n && t.push(n);
 		}
-		return i.exit_intent.enabled && t.push(Qt(() => Y(e, { trigger_type: "exit_intent" }))), i.inactivity.enabled && t.push(tn(e)), c.current = t, () => {
-			t.forEach(rn), c.current = [];
+		return i.exit_intent.enabled && t.push(en(() => Y(e, { trigger_type: "exit_intent" }))), i.inactivity.enabled && t.push(rn(e)), c.current = t, () => {
+			t.forEach(on), c.current = [];
 		};
 	}, n[1] = r, n[2] = o, n[3] = e, n[4] = i, n[5] = l) : l = n[5];
 	let u;
@@ -2595,10 +2601,10 @@ var lt = se([R, L], (e, t) => ({
 		i
 	], n[6] = r, n[7] = o, n[8] = a, n[9] = i, n[10] = u) : u = n[10], M(l, u);
 };
-function rn(e) {
+function on(e) {
 	return e();
 }
-var an = (e, t) => {
+var sn = (e, t) => {
 	switch (e.match_type) {
 		case "is_all_pages": return !0;
 		case "is": return e.page_id ? t.pageId === e.page_id ? e.value == null || e.value === t.path : !1 : e.value != null && e.value === t.path;
@@ -2606,7 +2612,7 @@ var an = (e, t) => {
 		case "begins_with": return e.value != null && t.path.startsWith(e.value);
 		default: return !1;
 	}
-}, on = (e, t) => {
+}, cn = (e, t) => {
 	switch (e.match_type) {
 		case "exact": return t === e.value;
 		case "contains": return t.includes(e.value);
@@ -2618,16 +2624,16 @@ var an = (e, t) => {
 		}
 		default: return !1;
 	}
-}, sn = (e, t, n) => {
+}, ln = (e, t, n) => {
 	let r = e.pages?.exclude ?? [];
-	if (r.length > 0 && r.some((e) => an(e, t))) return !1;
+	if (r.length > 0 && r.some((e) => sn(e, t))) return !1;
 	let i = e.pages?.include ?? [];
-	if (i.length > 0 && !i.some((e) => an(e, t))) return !1;
+	if (i.length > 0 && !i.some((e) => sn(e, t))) return !1;
 	let a = e.referrer?.include ?? [];
-	if (a.length > 0 && (!n || !a.some((e) => on(e, n)))) return !1;
+	if (a.length > 0 && (!n || !a.some((e) => cn(e, n)))) return !1;
 	let o = e.referrer?.exclude ?? [];
-	return !(o.length > 0 && n && o.some((e) => on(e, n)));
-}, cn = (e) => {
+	return !(o.length > 0 && n && o.some((e) => cn(e, n)));
+}, un = (e) => {
 	let t = x(4), { pageId: n } = e, { popup: r } = Tt(), i;
 	bb0: {
 		if (!r.target) {
@@ -2641,7 +2647,7 @@ var an = (e, t) => {
 		let e;
 		if (t[0] !== n || t[1] !== r.target) {
 			let i = E.get().identity?.referrer?.raw || document.referrer || null, a = new URL(window.location.href, window.location.origin);
-			e = sn(r.target, {
+			e = ln(r.target, {
 				pageId: n,
 				path: a.pathname
 			}, i), t[0] = n, t[1] = r.target, t[2] = e;
@@ -2649,10 +2655,10 @@ var an = (e, t) => {
 		i = e;
 	}
 	let a = i;
-	if (nn(r, a), !a) return null;
+	if (an(r, a), !a) return null;
 	let o;
-	return t[3] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ N(Gt, {}), t[3] = o) : o = t[3], o;
-}, ln = () => {
+	return t[3] === Symbol.for("react.memo_cache_sentinel") ? (o = /* @__PURE__ */ P(qt, {}), t[3] = o) : o = t[3], o;
+}, dn = () => {
 	let e = T.get(), t = S.get();
 	return {
 		trigger_scroll_depth: e.depth,
@@ -2662,23 +2668,23 @@ var an = (e, t) => {
 		trigger_activity_seconds: t.seconds,
 		trigger_tab_count: D()
 	};
-}, un = (e) => {
+}, fn = (e) => {
 	let t = x(16), { popups: n, pageId: r } = e, i = O(), a, o;
 	t[0] === n ? (a = t[1], o = t[2]) : (a = () => {
-		B(n), H(!1);
+		V(n), U(!1);
 	}, o = [n], t[0] = n, t[1] = a, t[2] = o), M(a, o);
 	let s;
 	t[3] === i ? s = t[4] : (s = (e, t) => {
 		!i || typeof i.track != "function" || i?.track(e, t);
 	}, t[3] = i, t[4] = s);
-	let c = s, l = dn, u;
+	let c = s, l = pn, u;
 	t[5] === c ? u = t[6] : (u = {
 		onPopupOpen: (e, t) => {
 			c("popup.view", {
 				...l(e),
 				trigger_type: t.trigger_type,
 				language: e.language,
-				...ln()
+				...dn()
 			});
 		},
 		onPopupClose: (e, t) => {
@@ -2699,20 +2705,20 @@ var an = (e, t) => {
 	let d = u, f;
 	if (t[7] !== d || t[8] !== r || t[9] !== n) {
 		let e;
-		t[11] !== d || t[12] !== r ? (e = (e) => /* @__PURE__ */ N(Ht, {
+		t[11] !== d || t[12] !== r ? (e = (e) => /* @__PURE__ */ P(Wt, {
 			popupTheme: e.theme,
 			siteTheme: e.site?.theme,
-			children: /* @__PURE__ */ N(wt, {
+			children: /* @__PURE__ */ P(wt, {
 				popup: e,
 				callbacks: d,
-				children: /* @__PURE__ */ N(cn, { pageId: r })
+				children: /* @__PURE__ */ P(un, { pageId: r })
 			})
 		}, e.id), t[11] = d, t[12] = r, t[13] = e) : e = t[13], f = n.map(e), t[7] = d, t[8] = r, t[9] = n, t[10] = f;
 	} else f = t[10];
 	let p;
-	return t[14] === f ? p = t[15] : (p = /* @__PURE__ */ N(ce, { children: f }), t[14] = f, t[15] = p), p;
+	return t[14] === f ? p = t[15] : (p = /* @__PURE__ */ P(se, { children: f }), t[14] = f, t[15] = p), p;
 };
-function dn(e) {
+function pn(e) {
 	return {
 		resource: "builder.popup",
 		identifier: e.id,
@@ -2721,6 +2727,6 @@ function dn(e) {
 		popup_action_kind: e.content.action?.type || "none"
 	};
 }
-var fn = /* @__PURE__ */ it({ PopupRenderer: () => un });
+var mn = /* @__PURE__ */ rt({ PopupRenderer: () => fn });
 //#endregion
-export { et as _, J as a, z as c, Q as d, St as f, tt as g, R as h, X as i, V as l, Ht as m, B as n, nt as o, yt as p, H as r, Ut as s, _t as t, Z as u, Xe as v };
+export { $e as _, Q as a, H as c, Z as d, X as f, et as g, St as h, tt as i, V as l, J as m, Gt as n, _t as o, yt as p, B as r, Wt as s, z as t, U as u, Ye as v };