@boxcc/maildeno-editor 0.4.14 → 0.4.15

package/dist/{useEmailBuilder-D3uV7dwL.js → useEmailBuilder-D-hDPH_x.js}

@@ -1,7 +1,7 @@
-import { c as de, o as At, r as Y, s as ue, t as ee } from "./borderRadius-CkSa1lQ9.js";
-import { computed as Ce, inject as Oe, nextTick as ye, onUnmounted as dr, provide as Ie, ref as L, shallowRef as pr, watch as hn, watchEffect as mr } from "vue";
-var it = (e) => e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "") || "untitled_template";
-function vn(e) {
+import { c as pe, o as Rt, r as X, s as de, t as re } from "./borderRadius-CkSa1lQ9.js";
+import { computed as Ce, inject as Oe, nextTick as $e, onUnmounted as pr, provide as Ie, ref as L, shallowRef as mr, watch as vn, watchEffect as fr } from "vue";
+var at = (e) => e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "") || "untitled_template";
+function bn(e) {
   if (!e || typeof e != "object") throw new Error("Unrecognized template file format");
   if (e.template_id && e.template_name && e.canvas && e.rows && e.schema_version) {
     if (e.schema_version !== "1.0") {
@@ -14,7 +14,7 @@ function vn(e) {
   if (e.meta && e.canvas && e.content?.rows) {
     const t = e.meta.name || "Untitled Template";
     return {
-      template_id: it(t),
+      template_id: at(t),
       template_name: t,
       canvas: e.canvas,
       rows: e.content.rows,
@@ -22,7 +22,7 @@ function vn(e) {
     };
   }
   if (e.canvas && e.content?.rows) return {
-    template_id: it("Untitled Template"),
+    template_id: at("Untitled Template"),
     template_name: "Untitled Template",
     canvas: e.canvas,
     rows: e.content.rows,
@@ -31,7 +31,7 @@ function vn(e) {
   if (!e.meta && e.canvasStyles && e.rows) {
     const t = "Untitled Template";
     return {
-      template_id: it(t),
+      template_id: at(t),
       template_name: t,
       canvas: e.canvasStyles,
       rows: e.rows,
@@ -40,14 +40,14 @@ function vn(e) {
   }
   throw new Error("Unrecognized template file format");
 }
-var K = () => crypto.randomUUID().replace(/-/g, "").slice(0, 16), Se = "maildeno:product-rows", Pe = "maildeno:template:", kt = "maildeno:versions:", en = 20;
-function bn(e) {
+var Y = () => crypto.randomUUID().replace(/-/g, "").slice(0, 16), ye = "maildeno:product-rows", Pe = "maildeno:template:", wt = "maildeno:versions:", tn = 20;
+function $n(e) {
   const t = JSON.parse(JSON.stringify(e));
-  return t.id = K(), t.type === "row" && Array.isArray(t.columns) && (t.columns = t.columns.map((r) => {
+  return t.id = Y(), t.type === "row" && Array.isArray(t.columns) && (t.columns = t.columns.map((r) => {
     const n = r.children ?? r.components ?? [], o = {
       ...r,
-      id: K(),
-      children: n.map((i) => bn(i))
+      id: Y(),
+      children: n.map((i) => $n(i))
     };
     return delete o.components, o;
   })), t;
@@ -63,15 +63,15 @@ function fe(e) {
 function De(e, t) {
   localStorage.setItem(e, JSON.stringify(t));
 }
-function $n() {
+function yn() {
   async function e(s) {
     return s ? fe(Pe + s) : null;
   }
-  async function t(s, S) {
-    const C = S || K();
+  async function t(s, y) {
+    const C = y || Y();
     try {
       const _ = fe(Pe + C);
-      _ && b(C, _);
+      _ && h(C, _);
     } catch (_) {
       console.warn("[maildeno-editor] couldn't record a template version:", _);
     }
@@ -82,8 +82,8 @@ function $n() {
   }
   async function r() {
     const s = [];
-    for (let S = 0; S < localStorage.length; S++) {
-      const C = localStorage.key(S);
+    for (let y = 0; y < localStorage.length; y++) {
+      const C = localStorage.key(y);
       if (!C?.startsWith(Pe)) continue;
       const _ = fe(C);
       s.push({
@@ -92,85 +92,85 @@ function $n() {
         updatedAt: _?.updatedAt
       });
     }
-    return s.sort((S, C) => (C.updatedAt ?? "").localeCompare(S.updatedAt ?? ""));
+    return s.sort((y, C) => (C.updatedAt ?? "").localeCompare(y.updatedAt ?? ""));
   }
   async function n(s) {
-    localStorage.removeItem(Pe + s), localStorage.removeItem(kt + s);
+    localStorage.removeItem(Pe + s), localStorage.removeItem(wt + s);
   }
   function o(s) {
-    return fe(kt + s) ?? [];
+    return fe(wt + s) ?? [];
   }
-  function i(s, S) {
-    De(kt + s, S);
+  function i(s, y) {
+    De(wt + s, y);
   }
   async function a(s) {
-    return o(s).map(({ snapshot: S, ...C }) => C);
+    return o(s).map(({ snapshot: y, ...C }) => C);
   }
-  async function l(s, S) {
-    return o(s).find((C) => C.versionId === S)?.snapshot ?? null;
+  async function l(s, y) {
+    return o(s).find((C) => C.versionId === y)?.snapshot ?? null;
   }
-  async function c(s, S) {
-    i(s, o(s).filter((C) => C.versionId !== S));
+  async function c(s, y) {
+    i(s, o(s).filter((C) => C.versionId !== y));
   }
-  async function p(s) {
-    i(s, o(s).filter((S) => S.kept));
+  async function m(s) {
+    i(s, o(s).filter((y) => y.kept));
   }
-  async function v(s, S, C) {
-    i(s, o(s).map((_) => _.versionId === S ? {
+  async function b(s, y, C) {
+    i(s, o(s).map((_) => _.versionId === y ? {
       ..._,
       kept: C
     } : _));
   }
-  function b(s, S) {
+  function h(s, y) {
     const C = o(s);
     C.unshift({
-      versionId: K(),
+      versionId: Y(),
       createdAt: (/* @__PURE__ */ new Date()).toISOString(),
       kept: !1,
-      snapshot: S
+      snapshot: y
     });
-    const _ = C.filter((g) => !g.kept);
-    if (_.length > en) {
-      const g = new Set(_.slice(en).map((m) => m.versionId));
-      i(s, C.filter((m) => !g.has(m.versionId)));
+    const _ = C.filter((f) => !f.kept);
+    if (_.length > tn) {
+      const f = new Set(_.slice(tn).map((p) => p.versionId));
+      i(s, C.filter((p) => !f.has(p.versionId)));
       return;
     }
     i(s, C);
   }
-  async function E() {
-    return fe(Se) ?? [];
+  async function R() {
+    return fe(ye) ?? [];
   }
-  async function w() {
+  async function E() {
     return [];
   }
-  async function R(s, S) {
-    const C = fe(Se) ?? [], _ = {
-      id: K(),
-      name: S.trim() || `Row ${C.length + 1}`,
+  async function x(s, y) {
+    const C = fe(ye) ?? [], _ = {
+      id: Y(),
+      name: y.trim() || `Row ${C.length + 1}`,
       createdAt: (/* @__PURE__ */ new Date()).toISOString(),
       row: JSON.parse(JSON.stringify(s))
     };
-    return De(Se, [_, ...C]), _;
+    return De(ye, [_, ...C]), _;
   }
-  async function M(s) {
-    const S = fe(Se) ?? [];
-    De(Se, S.filter((C) => C.id !== s));
+  async function N(s) {
+    const y = fe(ye) ?? [];
+    De(ye, y.filter((C) => C.id !== s));
   }
-  async function O(s, S) {
-    const C = fe(Se) ?? [];
-    De(Se, C.map((_) => _.id === s ? {
+  async function j(s, y) {
+    const C = fe(ye) ?? [];
+    De(ye, C.map((_) => _.id === s ? {
       ..._,
-      name: S.trim() || _.name
+      name: y.trim() || _.name
     } : _));
   }
   function u(s) {
-    const S = (fe(Se) ?? []).find((C) => C.id === s);
-    return S ? bn(S.row) : null;
+    const y = (fe(ye) ?? []).find((C) => C.id === s);
+    return y ? $n(y.row) : null;
   }
   async function d(s) {
-    return new Promise((S, C) => {
+    return new Promise((y, C) => {
       const _ = new FileReader();
-      _.onload = () => S(_.result), _.onerror = () => C(_.error), _.readAsDataURL(s);
+      _.onload = () => y(_.result), _.onerror = () => C(_.error), _.readAsDataURL(s);
     });
   }
   return {
@@ -181,93 +181,93 @@ function $n() {
     listTemplateVersions: a,
     getTemplateVersion: l,
     deleteTemplateVersion: c,
-    deleteAllTemplateVersions: p,
-    setTemplateVersionKept: v,
-    listSavedRows: E,
-    listSystemSavedRows: w,
-    saveSavedRow: R,
-    deleteSavedRow: M,
-    renameSavedRow: O,
+    deleteAllTemplateVersions: m,
+    setTemplateVersionKept: b,
+    listSavedRows: R,
+    listSystemSavedRows: E,
+    saveSavedRow: x,
+    deleteSavedRow: N,
+    renameSavedRow: j,
     cloneSavedRowForCanvas: u,
     uploadImage: d
   };
 }
-var yn = /* @__PURE__ */ Symbol("maildeno-editor:storage-adapter");
-function fr(e) {
-  const t = $n();
+var Sn = /* @__PURE__ */ Symbol("maildeno-editor:storage-adapter");
+function gr(e) {
+  const t = yn();
   if (!e) return t;
   const r = { ...t };
   for (const [n, o] of Object.entries(e)) typeof o == "function" && (r[n] = o);
   return r;
 }
-var Sn = /* @__PURE__ */ Symbol("maildeno-editor:can-save");
-function gr() {
-  return Oe(Sn, Ce(() => !0));
-}
-function Ko(e) {
-  Ie(Sn, e);
+var kn = /* @__PURE__ */ Symbol("maildeno-editor:can-save");
+function hr() {
+  return Oe(kn, Ce(() => !0));
 }
-var kn = /* @__PURE__ */ Symbol("maildeno-editor:has-template-library");
-function Yo() {
-  return Oe(kn, !0);
+function Yo(e) {
+  Ie(kn, e);
 }
-function Xo(e) {
-  const t = fr(e);
-  return Ie(yn, t), Ie(kn, !e || typeof e.listTemplates == "function"), t;
+var wn = /* @__PURE__ */ Symbol("maildeno-editor:has-template-library");
+function Xo() {
+  return Oe(wn, !0);
 }
-var hr = () => {
-  const e = Oe(yn);
-  return e || (console.warn("[maildeno-editor] useStorageAdapter() couldn't find a provided adapter — falling back to the default localStorage adapter. If you passed a custom storageAdapter, it wasn't picked up; please report this."), $n());
-}, wn = /* @__PURE__ */ Symbol("maildeno-editor:saved-row-capabilities");
 function Qo(e) {
-  Ie(wn, e);
+  const t = gr(e);
+  return Ie(Sn, t), Ie(wn, !e || typeof e.listTemplates == "function"), t;
 }
-function Zo() {
-  return Oe(wn, Ce(() => ({})));
-}
-var dt = pr(null), Rt = L(!1);
-function Ot() {
-  Rt.value = !1, setTimeout(() => {
-    Rt.value || (dt.value = null);
-  }, 200);
+var vr = () => {
+  const e = Oe(Sn);
+  return e || (console.warn("[maildeno-editor] useStorageAdapter() couldn't find a provided adapter — falling back to the default localStorage adapter. If you passed a custom storageAdapter, it wasn't picked up; please report this."), yn());
+}, xn = /* @__PURE__ */ Symbol("maildeno-editor:saved-row-capabilities");
+function Zo(e) {
+  Ie(xn, e);
 }
 function ea() {
-  const e = dt.value;
-  Ot(), e?.accept?.();
+  return Oe(xn, Ce(() => ({})));
+}
+var ut = mr(null), Et = L(!1);
+function jt() {
+  Et.value = !1, setTimeout(() => {
+    Et.value || (ut.value = null);
+  }, 200);
 }
 function ta() {
-  const e = dt.value;
-  Ot(), e?.reject?.();
+  const e = ut.value;
+  jt(), e?.accept?.();
+}
+function na() {
+  const e = ut.value;
+  jt(), e?.reject?.();
 }
-function vr() {
+function br() {
   return {
     require(e) {
-      dt.value = e, Rt.value = !0;
+      ut.value = e, Et.value = !0;
     },
-    close: Ot
+    close: jt
   };
 }
 var _e = () => ({
   enabled: !1,
   match: "all",
   rules: []
-}), Et = () => ({
+}), Mt = () => ({
   desktopHide: !1,
   mobileHide: !1
-}), oe = () => ({
+}), ie = () => ({
   visibility: _e(),
-  ...Et()
-}), br = Object.freeze({
+  ...Mt()
+}), $r = Object.freeze({
   enabled: !1,
   match: "all",
   rules: []
-}), $r = Object.freeze({
+}), yr = Object.freeze({
   desktopHide: !1,
   mobileHide: !1
-}), na = Object.freeze({
-  visibility: br,
-  ...$r
-}), wt = (e) => ({
+}), ra = Object.freeze({
+  visibility: $r,
+  ...yr
+}), xt = (e) => ({
   useGradient: !1,
   solid: e,
   gradient: {
@@ -281,7 +281,7 @@ var _e = () => ({
       position: 100
     }]
   }
-}), Xe = () => ({
+}), Ye = () => ({
   useGradient: !1,
   solid: "transparent",
   gradient: {
@@ -295,7 +295,7 @@ var _e = () => ({
       position: 100
     }]
   }
-}), jt = () => ({ defaultProps: {
+}), zt = () => ({ defaultProps: {
   paragraph: {
     content: "Enter your paragraph text here",
     fontSize: 16,
@@ -306,7 +306,7 @@ var _e = () => ({
     fontStyle: "normal",
     letterSpacing: 0,
     backgroundColor: "transparent",
-    backgroundGradient: Xe(),
+    backgroundGradient: Ye(),
     margin: {
       top: 0,
       right: 0,
@@ -338,7 +338,7 @@ var _e = () => ({
       margin: null,
       padding: null
     },
-    ...oe()
+    ...ie()
   },
   heading: {
     content: "Heading Text",
@@ -350,7 +350,7 @@ var _e = () => ({
     fontFamily: "Arial",
     letterSpacing: 0,
     backgroundColor: "transparent",
-    backgroundGradient: Xe(),
+    backgroundGradient: Ye(),
     margin: {
       top: 0,
       right: 0,
@@ -381,7 +381,7 @@ var _e = () => ({
       margin: null,
       padding: null
     },
-    ...oe()
+    ...ie()
   },
   image: {
     src: "https://email-builder-nor-dev.s3.amazonaws.com/images/2026/08/20/5bffeaf2.jpeg",
@@ -418,7 +418,7 @@ var _e = () => ({
       borderRadius: null,
       border: null
     },
-    ...oe()
+    ...ie()
   },
   video: {
     fallbackLink: "https://example.com",
@@ -455,7 +455,7 @@ var _e = () => ({
       borderRadius: null,
       border: null
     },
-    ...oe()
+    ...ie()
   },
   list: {
     content: "<ul><li>List item 1</li><li>List item 2</li><li>List item 3</li></ul>",
@@ -465,7 +465,7 @@ var _e = () => ({
     letterSpacing: 0,
     color: "#111111",
     backgroundColor: "transparent",
-    backgroundGradient: Xe(),
+    backgroundGradient: Ye(),
     margin: {
       top: 0,
       right: 0,
@@ -491,7 +491,7 @@ var _e = () => ({
       padding: null,
       itemSpacing: null
     },
-    ...oe()
+    ...ie()
   },
   button: {
     text: "Click Me",
@@ -499,7 +499,7 @@ var _e = () => ({
     width: "auto",
     height: "auto",
     backgroundColor: "#007bff",
-    backgroundGradient: wt("#007bff"),
+    backgroundGradient: xt("#007bff"),
     color: "#fafafa",
     fontSize: 16,
     fontWeight: "medium",
@@ -545,7 +545,7 @@ var _e = () => ({
       border: null,
       align: null
     },
-    ...oe()
+    ...ie()
   },
   anchor: {
     text: "Click here",
@@ -580,11 +580,11 @@ var _e = () => ({
       padding: null,
       align: null
     },
-    ...oe()
+    ...ie()
   },
   divider: {
     backgroundColor: "#cccccc",
-    backgroundGradient: wt("#cccccc"),
+    backgroundGradient: xt("#cccccc"),
     height: 1,
     width: 100,
     margin: {
@@ -609,18 +609,18 @@ var _e = () => ({
       padding: null,
       align: null
     },
-    ...oe()
+    ...ie()
   },
   spacer: {
     height: 20,
     backgroundColor: "transparent",
-    backgroundGradient: wt("transparent"),
+    backgroundGradient: xt("transparent"),
     mobile: {
       height: null,
       backgroundColor: null,
       backgroundGradient: null
     },
-    ...oe()
+    ...ie()
   },
   menu: {
     items: [
@@ -650,7 +650,7 @@ var _e = () => ({
     textTransform: "none",
     textDecoration: "none",
     backgroundColor: "transparent",
-    backgroundGradient: Xe(),
+    backgroundGradient: Ye(),
     spacing: 16,
     align: "center",
     margin: {
@@ -683,7 +683,7 @@ var _e = () => ({
       margin: null,
       padding: null
     },
-    ...oe()
+    ...ie()
   },
   socials: {
     platforms: [
@@ -728,9 +728,9 @@ var _e = () => ({
       margin: null,
       padding: null
     },
-    ...oe()
+    ...ie()
   }
-} }), ra = (e) => e.trim().toLowerCase().replace(/\s+/g, "_").replace(/[^a-z0-9_]/g, ""), oa = (e) => e.split("_").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(" "), xn = () => `row_${K().slice(0, 4)}`, Fe = (e) => ({
+} }), oa = (e) => e.trim().toLowerCase().replace(/\s+/g, "_").replace(/[^a-z0-9_]/g, ""), aa = (e) => e.split("_").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(" "), Cn = () => `row_${Y().slice(0, 4)}`, Fe = (e) => ({
   useGradient: !1,
   solid: e,
   gradient: {
@@ -744,25 +744,25 @@ var _e = () => ({
       position: 100
     }]
   }
-}), he = (e) => e.children ?? e.components ?? [], He = (e) => (e.children || (e.children = e.components ?? []), e.children), zt = (e) => {
+}), he = (e) => e.children ?? e.components ?? [], He = (e) => (e.children || (e.children = e.components ?? []), e.children), Lt = (e) => {
   const t = JSON.parse(JSON.stringify(e));
-  return t.id = K(), t.type === "row" && Array.isArray(t.columns) && (t.columns = t.columns.map((r) => {
+  return t.id = Y(), t.type === "row" && Array.isArray(t.columns) && (t.columns = t.columns.map((r) => {
     const n = r.children ?? r.components ?? [], o = {
       ...r,
-      id: K(),
-      children: n.map((i) => zt(i))
+      id: Y(),
+      children: n.map((i) => Lt(i))
     };
     return delete o.components, o;
   })), t;
-}, Qe = (e, t) => {
-  const r = zt(e);
+}, Xe = (e, t) => {
+  const r = Lt(e);
   if (r.type === "row-spacer") return r;
-  const n = e.name ?? xn(), o = new Set(t.map((l) => l.name));
+  const n = e.name ?? Cn(), o = new Set(t.map((l) => l.name));
   let i = `${n}_copy`, a = 2;
   for (; o.has(i); )
     i = `${n}_copy_${a}`, a++;
   return r.name = i, r;
-}, yr = (e) => zt(e), ve = (e, t) => {
+}, Sr = (e) => Lt(e), ve = (e, t) => {
   for (let r = 0; r < e.length; r++) {
     const n = e[r];
     if (n.id === t) return {
@@ -791,50 +791,50 @@ var _e = () => ({
     }
   }
   return null;
-}, re = /* @__PURE__ */ new Map(), tn = (e) => {
-  re.clear();
+}, ae = /* @__PURE__ */ new Map(), nn = (e) => {
+  ae.clear();
   const t = (r) => {
     for (const n of r)
-      if (n?.id && (re.set(n.id, n), n.type === "row" && Array.isArray(n.columns)))
+      if (n?.id && (ae.set(n.id, n), n.type === "row" && Array.isArray(n.columns)))
         for (const o of n.columns)
-          o?.id && re.set(o.id, o), t(o.children ?? o.components ?? []);
+          o?.id && ae.set(o.id, o), t(o.children ?? o.components ?? []);
   };
   t(e);
-}, ie = (e) => {
-  if (e?.id && (re.set(e.id, e), e.type === "row" && Array.isArray(e.columns)))
+}, le = (e) => {
+  if (e?.id && (ae.set(e.id, e), e.type === "row" && Array.isArray(e.columns)))
     for (const t of e.columns) {
-      t?.id && re.set(t.id, t);
+      t?.id && ae.set(t.id, t);
       const r = t.children ?? t.components ?? [];
-      for (const n of r) ie(n);
+      for (const n of r) le(n);
     }
-}, st = (e) => {
-  if (e?.id && (re.delete(e.id), e.type === "row" && Array.isArray(e.columns)))
+}, it = (e) => {
+  if (e?.id && (ae.delete(e.id), e.type === "row" && Array.isArray(e.columns)))
     for (const t of e.columns) {
-      t?.id && re.delete(t.id);
+      t?.id && ae.delete(t.id);
       const r = t.children ?? t.components ?? [];
-      for (const n of r) st(n);
+      for (const n of r) it(n);
     }
-}, Sr = (e, t, r, n, o = n) => {
-  re.size === 0 && Array.isArray(e.value) && e.value.length && tn(e.value);
-  const i = (g, m = !1) => {
-    let h;
-    if (Array.isArray(g)) {
-      if (g.reduce((k, A) => k + A, 0) !== 100) {
+}, kr = (e, t, r, n, o = n) => {
+  ae.size === 0 && Array.isArray(e.value) && e.value.length && nn(e.value);
+  const i = (f, p = !1) => {
+    let g;
+    if (Array.isArray(f)) {
+      if (f.reduce((S, T) => S + T, 0) !== 100) {
         console.warn("Column widths must sum to 100%");
         return;
       }
-      h = g;
+      g = f;
     } else {
-      const k = Math.floor(100 / g);
-      h = Array(g).fill(k), h[0] += 100 - h.reduce((A, f) => A + f, 0);
+      const S = Math.floor(100 / f);
+      g = Array(f).fill(S), g[0] += 100 - g.reduce((T, k) => T + k, 0);
     }
-    const x = xn(), y = {
-      id: `${K()}`,
+    const w = Cn(), $ = {
+      id: `${Y()}`,
       type: "row",
-      name: x,
-      columns: h.map((k, A) => ({
-        id: `${K()}-${A}`,
-        width: k,
+      name: w,
+      columns: g.map((S, T) => ({
+        id: `${Y()}-${T}`,
+        width: S,
         children: [],
         backgroundColor: "transparent",
         backgroundGradient: Fe("transparent"),
@@ -879,32 +879,32 @@ var _e = () => ({
       mobileStack: !0,
       visibility: _e()
     };
-    e.value.push(y);
-    const $ = e.value[e.value.length - 1];
-    ie($), m || n("add-row");
-  }, a = (g, m, h, x) => {
-    const y = xe(e.value, g);
-    if (!y?.columns) return;
-    const $ = y.columns.find((N) => N.id === m);
-    if (!$) return;
-    let k;
-    if (Array.isArray(h)) {
-      if (h.reduce((N, F) => N + F, 0) !== 100) {
+    e.value.push($);
+    const v = e.value[e.value.length - 1];
+    le(v), p || n("add-row");
+  }, a = (f, p, g, w) => {
+    const $ = xe(e.value, f);
+    if (!$?.columns) return;
+    const v = $.columns.find((B) => B.id === p);
+    if (!v) return;
+    let S;
+    if (Array.isArray(g)) {
+      if (g.reduce((B, D) => B + D, 0) !== 100) {
         console.warn("[addNestedRow] Widths must sum to 100%");
         return;
       }
-      k = h;
+      S = g;
     } else {
-      const N = Math.floor(100 / h);
-      k = Array(h).fill(N), k[0] += 100 - k.reduce((F, I) => F + I, 0);
+      const B = Math.floor(100 / g);
+      S = Array(g).fill(B), S[0] += 100 - S.reduce((D, I) => D + I, 0);
     }
-    const A = {
-      id: `${K()}`,
+    const T = {
+      id: `${Y()}`,
       type: "row",
-      name: `nested_row_${K().slice(0, 4)}`,
-      columns: k.map((N, F) => ({
-        id: `${K()}-${F}`,
-        width: N,
+      name: `nested_row_${Y().slice(0, 4)}`,
+      columns: S.map((B, D) => ({
+        id: `${Y()}-${D}`,
+        width: B,
         children: [],
         backgroundColor: "transparent",
         backgroundGradient: Fe("transparent"),
@@ -948,238 +948,238 @@ var _e = () => ({
       gap: 0,
       mobileStack: !0,
       visibility: _e()
-    }, f = He($), B = x !== void 0 && x >= 0 && x <= f.length ? x : f.length;
-    f.splice(B, 0, A);
-    const z = f[B];
-    ie(z), n("add-nested-row");
-  }, l = (g) => {
-    if (g == null) return null;
-    const m = String(g), h = re.get(m);
-    if (h && (h.type === "row" || h.type === "row-spacer")) return h;
-    const x = xe(e.value, g);
-    return x && re.set(m, x), x;
-  }, c = (g) => {
-    const m = e.value.findIndex((h) => h.id === g);
-    if (m !== -1) {
-      const [h] = e.value.splice(m, 1);
-      st(h), n("delete-row");
+    }, k = He(v), M = w !== void 0 && w >= 0 && w <= k.length ? w : k.length;
+    k.splice(M, 0, T);
+    const O = k[M];
+    le(O), n("add-nested-row");
+  }, l = (f) => {
+    if (f == null) return null;
+    const p = String(f), g = ae.get(p);
+    if (g && (g.type === "row" || g.type === "row-spacer")) return g;
+    const w = xe(e.value, f);
+    return w && ae.set(p, w), w;
+  }, c = (f) => {
+    const p = e.value.findIndex((g) => g.id === f);
+    if (p !== -1) {
+      const [g] = e.value.splice(p, 1);
+      it(g), n("delete-row");
       return;
     }
-    for (const h of e.value)
-      if (h.columns)
-        for (const x of h.columns) {
-          const y = he(x), $ = ve(y, g);
-          if ($) {
-            const [k] = $.parentChildren.splice($.index, 1);
-            st(k), n("delete-row");
+    for (const g of e.value)
+      if (g.columns)
+        for (const w of g.columns) {
+          const $ = he(w), v = ve($, f);
+          if (v) {
+            const [S] = v.parentChildren.splice(v.index, 1);
+            it(S), n("delete-row");
             return;
           }
         }
-  }, p = (g, m) => {
-    const h = e.value.findIndex((y) => y.id === g);
-    if (h !== -1) {
-      const y = m === "up" ? h - 1 : h + 1;
-      if (y < 0 || y >= e.value.length) return;
-      const [$] = e.value.splice(h, 1);
-      e.value.splice(y, 0, $), n("move-row");
+  }, m = (f, p) => {
+    const g = e.value.findIndex(($) => $.id === f);
+    if (g !== -1) {
+      const $ = p === "up" ? g - 1 : g + 1;
+      if ($ < 0 || $ >= e.value.length) return;
+      const [v] = e.value.splice(g, 1);
+      e.value.splice($, 0, v), n("move-row");
       return;
     }
-    const x = (y) => {
-      const $ = y.findIndex((k) => k.id === g);
-      if ($ !== -1) {
-        const k = m === "up" ? $ - 1 : $ + 1;
-        if (k < 0 || k >= y.length) return !0;
-        const [A] = y.splice($, 1);
-        return y.splice(k, 0, A), n("move-row"), !0;
+    const w = ($) => {
+      const v = $.findIndex((S) => S.id === f);
+      if (v !== -1) {
+        const S = p === "up" ? v - 1 : v + 1;
+        if (S < 0 || S >= $.length) return !0;
+        const [T] = $.splice(v, 1);
+        return $.splice(S, 0, T), n("move-row"), !0;
       }
-      for (const k of y) if (k.type === "row" && k.columns) {
-        for (const A of k.columns) if (x(A.children ?? A.components ?? [])) return !0;
+      for (const S of $) if (S.type === "row" && S.columns) {
+        for (const T of S.columns) if (w(T.children ?? T.components ?? [])) return !0;
       }
       return !1;
     };
-    for (const y of e.value)
-      if (y.columns) {
-        for (const $ of y.columns) if (x($.children ?? $.components ?? [])) return;
+    for (const $ of e.value)
+      if ($.columns) {
+        for (const v of $.columns) if (w(v.children ?? v.components ?? [])) return;
       }
-  }, v = (g, m, h, x) => {
-    let y = null;
-    const $ = e.value.findIndex((k) => k.id === g);
-    if ($ !== -1 && (y = e.value.splice($, 1)[0]), !y) {
-      const k = (A) => {
-        const f = A.findIndex((B) => B.id === g);
-        if (f !== -1)
-          return y = A.splice(f, 1)[0], !0;
-        for (const B of A) if (B.type === "row" && B.columns) {
-          for (const z of B.columns) if (k(z.children ?? z.components ?? [])) return !0;
+  }, b = (f, p, g, w) => {
+    let $ = null;
+    const v = e.value.findIndex((S) => S.id === f);
+    if (v !== -1 && ($ = e.value.splice(v, 1)[0]), !$) {
+      const S = (T) => {
+        const k = T.findIndex((M) => M.id === f);
+        if (k !== -1)
+          return $ = T.splice(k, 1)[0], !0;
+        for (const M of T) if (M.type === "row" && M.columns) {
+          for (const O of M.columns) if (S(O.children ?? O.components ?? [])) return !0;
         }
         return !1;
       };
-      for (const A of e.value)
-        if (A.columns) {
-          for (const f of A.columns) if (k(f.children ?? f.components ?? [])) break;
-          if (y) break;
+      for (const T of e.value)
+        if (T.columns) {
+          for (const k of T.columns) if (S(k.children ?? k.components ?? [])) break;
+          if ($) break;
         }
     }
-    if (y) {
-      if (h === null) {
-        const k = Math.min(x, e.value.length);
-        e.value.splice(k, 0, y);
+    if ($) {
+      if (g === null) {
+        const S = Math.min(w, e.value.length);
+        e.value.splice(S, 0, $);
       } else {
-        const k = xe(e.value, m);
-        if (!k?.columns) {
-          e.value.push(y);
+        const S = xe(e.value, p);
+        if (!S?.columns) {
+          e.value.push($);
           return;
         }
-        const A = k.columns.find((z) => z.id === h);
-        if (!A) {
-          e.value.push(y);
+        const T = S.columns.find((O) => O.id === g);
+        if (!T) {
+          e.value.push($);
           return;
         }
-        const f = He(A), B = Math.min(x, f.length);
-        f.splice(B, 0, y);
+        const k = He(T), M = Math.min(w, k.length);
+        k.splice(M, 0, $);
       }
       n("move-nested-row");
     }
-  }, b = (g, m, h = !1) => {
-    if (g === m) return;
-    const x = e.value[g];
-    e.value.splice(g, 1), e.value.splice(m, 0, x), h || n("reorder-rows");
-  }, E = (g = !1) => {
-    const m = `spacer_${K().slice(0, 4)}`, h = {
-      id: `${K()}`,
+  }, h = (f, p, g = !1) => {
+    if (f === p) return;
+    const w = e.value[f];
+    e.value.splice(f, 1), e.value.splice(p, 0, w), g || n("reorder-rows");
+  }, R = (f = !1) => {
+    const p = `spacer_${Y().slice(0, 4)}`, g = {
+      id: `${Y()}`,
       type: "row-spacer",
-      name: m,
+      name: p,
       height: 20,
       backgroundColor: "transparent",
       backgroundGradient: Fe("transparent"),
       visibility: _e()
     };
-    e.value.push(h);
-    const x = e.value[e.value.length - 1];
-    ie(x), g || n("add-row-spacer");
-  }, w = (g) => {
-    const m = e.value.findIndex((h) => h.id === g);
-    if (m !== -1) {
-      const h = Qe(e.value[m], e.value);
-      e.value.splice(m + 1, 0, h);
-      const x = e.value[m + 1];
-      ie(x), n("duplicate-row");
+    e.value.push(g);
+    const w = e.value[e.value.length - 1];
+    le(w), f || n("add-row-spacer");
+  }, E = (f) => {
+    const p = e.value.findIndex((g) => g.id === f);
+    if (p !== -1) {
+      const g = Xe(e.value[p], e.value);
+      e.value.splice(p + 1, 0, g);
+      const w = e.value[p + 1];
+      le(w), n("duplicate-row");
       return;
     }
-    for (const h of e.value)
-      if (h.columns)
-        for (const x of h.columns) {
-          const y = he(x), $ = ve(y, g);
-          if ($) {
-            const k = Qe($.element, $.parentChildren);
-            $.parentChildren.splice($.index + 1, 0, k);
-            const A = $.parentChildren[$.index + 1];
-            ie(A), n("duplicate-row");
+    for (const g of e.value)
+      if (g.columns)
+        for (const w of g.columns) {
+          const $ = he(w), v = ve($, f);
+          if (v) {
+            const S = Xe(v.element, v.parentChildren);
+            v.parentChildren.splice(v.index + 1, 0, S);
+            const T = v.parentChildren[v.index + 1];
+            le(T), n("duplicate-row");
             return;
           }
         }
-  }, R = (g) => {
-    const m = e.value.findIndex((h) => h.id === g);
-    if (m !== -1) {
-      const h = Qe(e.value[m], e.value);
-      e.value.splice(m + 1, 0, h);
-      const x = e.value[m + 1];
-      ie(x), n("duplicate-row-spacer");
+  }, x = (f) => {
+    const p = e.value.findIndex((g) => g.id === f);
+    if (p !== -1) {
+      const g = Xe(e.value[p], e.value);
+      e.value.splice(p + 1, 0, g);
+      const w = e.value[p + 1];
+      le(w), n("duplicate-row-spacer");
       return;
     }
-    for (const h of e.value)
-      if (h.columns)
-        for (const x of h.columns) {
-          const y = he(x), $ = ve(y, g);
-          if ($) {
-            const k = Qe($.element, $.parentChildren);
-            $.parentChildren.splice($.index + 1, 0, k);
-            const A = $.parentChildren[$.index + 1];
-            ie(A), n("duplicate-row-spacer");
+    for (const g of e.value)
+      if (g.columns)
+        for (const w of g.columns) {
+          const $ = he(w), v = ve($, f);
+          if (v) {
+            const S = Xe(v.element, v.parentChildren);
+            v.parentChildren.splice(v.index + 1, 0, S);
+            const T = v.parentChildren[v.index + 1];
+            le(T), n("duplicate-row-spacer");
             return;
           }
         }
-  }, M = (g, m, h) => {
-    const x = xe(e.value, g);
-    if (!x) return;
-    const y = x.columns.find((f) => f.id === m);
-    if (!y) return;
-    const $ = {
-      id: `${K()}`,
+  }, N = (f, p, g) => {
+    const w = xe(e.value, f);
+    if (!w) return;
+    const $ = w.columns.find((k) => k.id === p);
+    if (!$) return;
+    const v = {
+      id: `${Y()}`,
       type: "component",
-      componentType: h,
-      props: JSON.parse(JSON.stringify(r[h]))
-    }, k = He(y);
-    k.push($);
-    const A = k[k.length - 1];
-    ie(A), t.value = A.id, n("add-component");
-  }, O = (g, m, h, x) => {
-    const y = xe(e.value, g);
-    if (!y) return;
-    const $ = y.columns.find((B) => B.id === m);
+      componentType: g,
+      props: JSON.parse(JSON.stringify(r[g]))
+    }, S = He($);
+    S.push(v);
+    const T = S[S.length - 1];
+    le(T), t.value = T.id, n("add-component");
+  }, j = (f, p, g, w) => {
+    const $ = xe(e.value, f);
     if (!$) return;
-    const k = {
-      id: `${K()}`,
+    const v = $.columns.find((M) => M.id === p);
+    if (!v) return;
+    const S = {
+      id: `${Y()}`,
       type: "component",
-      componentType: h,
-      props: JSON.parse(JSON.stringify(r[h]))
-    }, A = He($);
-    A.splice(x, 0, k);
-    const f = A[x];
-    ie(f), t.value = f.id, n("add-component");
-  }, u = (g) => {
-    for (const m of e.value)
-      if (m.columns)
-        for (const h of m.columns) {
-          const x = he(h), y = ve(x, g);
-          if (y) {
-            const [$] = y.parentChildren.splice(y.index, 1);
-            st($), t.value === g && (t.value = null), n("delete-component");
+      componentType: g,
+      props: JSON.parse(JSON.stringify(r[g]))
+    }, T = He(v);
+    T.splice(w, 0, S);
+    const k = T[w];
+    le(k), t.value = k.id, n("add-component");
+  }, u = (f) => {
+    for (const p of e.value)
+      if (p.columns)
+        for (const g of p.columns) {
+          const w = he(g), $ = ve(w, f);
+          if ($) {
+            const [v] = $.parentChildren.splice($.index, 1);
+            it(v), t.value === f && (t.value = null), n("delete-component");
             return;
           }
         }
-  }, d = (g, m) => {
-    for (const h of e.value)
-      if (h.columns)
-        for (const x of h.columns) {
-          const y = he(x), $ = ve(y, g);
-          if ($) {
-            const { parentChildren: k, index: A } = $, f = m === "up" ? A - 1 : A + 1;
-            if (f >= 0 && f < k.length) {
-              const [B] = k.splice(A, 1);
-              k.splice(f, 0, B), n("move-component");
+  }, d = (f, p) => {
+    for (const g of e.value)
+      if (g.columns)
+        for (const w of g.columns) {
+          const $ = he(w), v = ve($, f);
+          if (v) {
+            const { parentChildren: S, index: T } = v, k = p === "up" ? T - 1 : T + 1;
+            if (k >= 0 && k < S.length) {
+              const [M] = S.splice(T, 1);
+              S.splice(k, 0, M), n("move-component");
             }
             return;
           }
         }
-  }, s = (g, m, h, x) => {
-    let y = null;
-    for (const A of e.value)
-      if (A.columns) {
-        for (const f of A.columns) {
-          const B = he(f), z = ve(B, g);
-          if (z) {
-            y = z.element, z.parentChildren.splice(z.index, 1);
+  }, s = (f, p, g, w) => {
+    let $ = null;
+    for (const T of e.value)
+      if (T.columns) {
+        for (const k of T.columns) {
+          const M = he(k), O = ve(M, f);
+          if (O) {
+            $ = O.element, O.parentChildren.splice(O.index, 1);
             break;
           }
         }
-        if (y) break;
+        if ($) break;
       }
-    if (!y) return;
-    const $ = xe(e.value, m);
-    if (!$ || !$.columns) return;
-    const k = $.columns.find((A) => A.id === h);
-    k && (He(k).splice(x, 0, y), n("move-component"));
-  }, S = (g) => {
-    if (g == null) return null;
-    const m = String(g), h = re.get(m);
-    if (h && h.type === "component") return h;
-    for (const x of e.value)
-      if (x.columns)
-        for (const y of x.columns) {
-          const $ = he(y), k = ve($, g);
-          if (k && k.element.type === "component")
-            return re.set(m, k.element), k.element;
+    if (!$) return;
+    const v = xe(e.value, p);
+    if (!v || !v.columns) return;
+    const S = v.columns.find((T) => T.id === g);
+    S && (He(S).splice(w, 0, $), n("move-component"));
+  }, y = (f) => {
+    if (f == null) return null;
+    const p = String(f), g = ae.get(p);
+    if (g && g.type === "component") return g;
+    for (const w of e.value)
+      if (w.columns)
+        for (const $ of w.columns) {
+          const v = he($), S = ve(v, f);
+          if (S && S.element.type === "component")
+            return ae.set(p, S.element), S.element;
         }
     return null;
   };
@@ -1188,49 +1188,49 @@ var _e = () => ({
     addNestedRow: a,
     findRow: l,
     deleteRow: c,
-    moveRow: p,
-    moveNestedRow: v,
-    reorderRows: b,
-    addSpacer: E,
-    duplicateRow: w,
-    duplicateRowSpacer: R,
-    addComponent: M,
-    addComponentAtIndex: O,
+    moveRow: m,
+    moveNestedRow: b,
+    reorderRows: h,
+    addSpacer: R,
+    duplicateRow: E,
+    duplicateRowSpacer: x,
+    addComponent: N,
+    addComponentAtIndex: j,
     deleteComponent: u,
     moveComponent: d,
     moveComponentBetweenColumns: s,
-    findComponent: S,
-    updateComponent: (g, m) => {
-      const h = S(g);
-      h && (Object.assign(h.props, m), o("update-component"));
+    findComponent: y,
+    updateComponent: (f, p) => {
+      const g = y(f);
+      g && (Object.assign(g.props, p), o("update-component"));
     },
-    duplicateComponent: (g) => {
-      for (const m of e.value)
-        if (m.columns)
-          for (const h of m.columns) {
-            const x = he(h), y = ve(x, g);
-            if (y) {
-              const $ = yr(y.element);
-              y.parentChildren.splice(y.index + 1, 0, $);
-              const k = y.parentChildren[y.index + 1];
-              ie(k), t.value = k.id, n("duplicate-component");
+    duplicateComponent: (f) => {
+      for (const p of e.value)
+        if (p.columns)
+          for (const g of p.columns) {
+            const w = he(g), $ = ve(w, f);
+            if ($) {
+              const v = Sr($.element);
+              $.parentChildren.splice($.index + 1, 0, v);
+              const S = $.parentChildren[$.index + 1];
+              le(S), t.value = S.id, n("duplicate-component");
               return;
             }
           }
     },
-    rebuildIdRegistry: () => tn(e.value)
+    rebuildIdRegistry: () => nn(e.value)
   };
-}, Z = null, kr = 600, xt = (e) => JSON.parse(JSON.stringify(e)), wr = () => {
-  const t = L([]), r = L(-1), n = L(0), o = Ce(() => r.value > 0), i = Ce(() => r.value < t.value.length - 1), a = Ce(() => `${r.value + 1} / ${t.value.length}`), l = (E, w = "change", R = !1) => {
-    const M = () => {
-      Z = null, r.value < t.value.length - 1 && (t.value = t.value.slice(0, r.value + 1)), t.value.push({
-        state: xt(E),
-        action: w,
+}, ne = null, wr = 600, Ct = (e) => JSON.parse(JSON.stringify(e)), xr = () => {
+  const t = L([]), r = L(-1), n = L(0), o = Ce(() => r.value > 0), i = Ce(() => r.value < t.value.length - 1), a = Ce(() => `${r.value + 1} / ${t.value.length}`), l = (R, E = "change", x = !1) => {
+    const N = () => {
+      ne = null, r.value < t.value.length - 1 && (t.value = t.value.slice(0, r.value + 1)), t.value.push({
+        state: Ct(R),
+        action: E,
         timestamp: Date.now()
       }), r.value++, t.value.length > 100 && (t.value.shift(), r.value--), n.value++;
     };
-    R ? (Z && (clearTimeout(Z), Z = null), M()) : (Z && clearTimeout(Z), Z = setTimeout(M, kr));
-  }, c = () => o.value ? (Z && (clearTimeout(Z), Z = null), r.value--, n.value++, xt(t.value[r.value].state)) : null, p = () => i.value ? (Z && (clearTimeout(Z), Z = null), r.value++, n.value++, xt(t.value[r.value].state)) : null, v = () => {
+    x ? (ne && (clearTimeout(ne), ne = null), N()) : (ne && clearTimeout(ne), ne = setTimeout(N, wr));
+  }, c = () => o.value ? (ne && (clearTimeout(ne), ne = null), r.value--, n.value++, Ct(t.value[r.value].state)) : null, m = () => i.value ? (ne && (clearTimeout(ne), ne = null), r.value++, n.value++, Ct(t.value[r.value].state)) : null, b = () => {
     t.value = [], r.value = -1, n.value++;
   };
   return {
@@ -1239,87 +1239,87 @@ var _e = () => ({
     historyStatus: a,
     saveState: l,
     undo: c,
-    redo: p,
-    clearHistory: v,
-    initHistory: (E) => {
-      v(), l(E, "initial");
+    redo: m,
+    clearHistory: b,
+    initHistory: (R) => {
+      b(), l(R, "initial");
     },
     version: n
   };
-}, xr = () => {
-  const { saveState: e, undo: t, redo: r, canUndo: n, canRedo: o, historyStatus: i, initHistory: a, version: l } = wr();
+}, Cr = () => {
+  const { saveState: e, undo: t, redo: r, canUndo: n, canRedo: o, historyStatus: i, initHistory: a, version: l } = xr();
   return {
-    getCurrentState: (R, M) => ({
-      rows: R.value,
-      canvasStyles: M.value
+    getCurrentState: (x, N) => ({
+      rows: x.value,
+      canvasStyles: N.value
     }),
-    restoreState: (R, M, O, u, d, s) => {
-      if (!R) return;
-      M.value = R.rows, O.value = R.canvasStyles;
-      const S = /* @__PURE__ */ new Set(), C = (_) => {
-        for (const g of _)
-          if (g?.id && (S.add(String(g.id)), g.type === "row" && Array.isArray(g.columns)))
-            for (const m of g.columns)
-              m?.id && S.add(String(m.id)), C(m.children ?? m.components ?? []);
+    restoreState: (x, N, j, u, d, s) => {
+      if (!x) return;
+      N.value = x.rows, j.value = x.canvasStyles;
+      const y = /* @__PURE__ */ new Set(), C = (_) => {
+        for (const f of _)
+          if (f?.id && (y.add(String(f.id)), f.type === "row" && Array.isArray(f.columns)))
+            for (const p of f.columns)
+              p?.id && y.add(String(p.id)), C(p.children ?? p.components ?? []);
       };
-      if (C(R.rows), u.value && !S.has(String(u.value)) && (u.value = null), d.value && !S.has(String(d.value)) && (d.value = null), s.value) {
-        const { rowId: _, columnId: g } = s.value;
-        (!S.has(String(_)) || !S.has(String(g))) && (s.value = null);
+      if (C(x.rows), u.value && !y.has(String(u.value)) && (u.value = null), d.value && !y.has(String(d.value)) && (d.value = null), s.value) {
+        const { rowId: _, columnId: f } = s.value;
+        (!y.has(String(_)) || !y.has(String(f))) && (s.value = null);
       }
     },
-    saveToHistory: (R, M = "change", O = !1) => {
-      e(R(), M, O);
+    saveToHistory: (x, N = "change", j = !1) => {
+      e(x(), N, j);
     },
-    undo: (R) => {
-      const M = t();
-      return M ? (R(M), M) : null;
+    undo: (x) => {
+      const N = t();
+      return N ? (x(N), N) : null;
     },
-    redo: (R) => {
-      const M = r();
-      return M ? (R(M), M) : null;
+    redo: (x) => {
+      const N = r();
+      return N ? (x(N), N) : null;
     },
     canUndo: n,
     canRedo: o,
     historyStatus: i,
-    initialize: (R) => {
-      a(R);
+    initialize: (x) => {
+      a(x);
     },
     version: l
   };
-}, Cr = (e) => e == null, Lt = (e) => {
+}, _r = (e) => e == null, Pt = (e) => {
   if (!e || typeof e != "object") return !0;
   const t = e;
   return Array.isArray(t.rules) && t.rules.length > 0 ? !1 : t.enabled === !1 && t.match === "all" && t.rules.length === 0;
-}, Cn = (e) => {
+}, _n = (e) => {
   if (!e || typeof e != "object") return !0;
   const t = e;
   return !t.sides && t.width === 0 && t.style === "solid" && t.color === "#000000" && (t.radius === void 0 || t.radius === 0);
-}, qe = (e) => !e || typeof e != "object" ? !0 : e.useGradient === !1, nn = (e) => e === !1, _r = (e) => {
+}, qe = (e) => !e || typeof e != "object" ? !0 : e.useGradient === !1, rn = (e) => e === !1, Tr = (e) => {
   if (!e || typeof e != "object") return !0;
   const t = e;
   return t.top === 0 && t.right === 0 && t.bottom === 0 && t.left === 0;
-}, pt = (e) => {
+}, dt = (e) => {
   if (!e || typeof e != "object") return !0;
   const t = e;
   return t.top === 0 && t.right === 0 && t.bottom === 0 && t.left === 0;
-}, Tr = (e) => e === 0, Ar = (e) => e == null || e === "", Rr = (e) => {
+}, Ar = (e) => e === 0, Rr = (e) => e == null || e === "", Er = (e) => {
   if (!Array.isArray(e)) return;
   const t = e.filter((r) => !(r.enabled === !0 && r.link === ""));
   if (t.length !== 0)
     return t;
-}, Er = (e) => {
+}, Mr = (e) => {
   const t = {};
   for (const [r, n] of Object.entries(e))
-    Cr(n) || r === "backgroundGradient" && qe(n) || (t[r] = n);
+    _r(n) || r === "backgroundGradient" && qe(n) || (t[r] = n);
   return Object.keys(t).length > 0 ? t : void 0;
-}, Mr = (e) => {
+}, Ir = (e) => {
   const t = { ...e.props };
   if (e.props.mobile && typeof e.props.mobile == "object") {
-    const r = Er(e.props.mobile);
+    const r = Mr(e.props.mobile);
     r ? t.mobile = r : delete t.mobile;
   }
-  if (Lt(e.props.visibility) && delete t.visibility, nn(e.props.desktopHide) && delete t.desktopHide, nn(e.props.mobileHide) && delete t.mobileHide, _r(e.props.margin) && delete t.margin, pt(e.props.padding) && delete t.padding, qe(e.props.backgroundGradient) && delete t.backgroundGradient, Tr(e.props.letterSpacing) && delete t.letterSpacing, e.props.backgroundImage || (delete t.backgroundImage, delete t.backgroundSize, delete t.backgroundPosition, delete t.backgroundRepeat), "icon" in e.props && Ar(e.props.icon) && (delete t.icon, delete t.iconAlt, delete t.iconPosition, delete t.iconSize, delete t.iconGap), "platforms" in e.props) {
-    const r = Rr(e.props.platforms);
+  if (Pt(e.props.visibility) && delete t.visibility, rn(e.props.desktopHide) && delete t.desktopHide, rn(e.props.mobileHide) && delete t.mobileHide, Tr(e.props.margin) && delete t.margin, dt(e.props.padding) && delete t.padding, qe(e.props.backgroundGradient) && delete t.backgroundGradient, Ar(e.props.letterSpacing) && delete t.letterSpacing, e.props.backgroundImage || (delete t.backgroundImage, delete t.backgroundSize, delete t.backgroundPosition, delete t.backgroundRepeat), "icon" in e.props && Rr(e.props.icon) && (delete t.icon, delete t.iconAlt, delete t.iconPosition, delete t.iconSize, delete t.iconGap), "platforms" in e.props) {
+    const r = Er(e.props.platforms);
     r === void 0 ? delete t.platforms : t.platforms = r;
   }
   return {
@@ -1328,19 +1328,19 @@ var _e = () => ({
     ...e.componentType !== void 0 && { componentType: e.componentType },
     props: t
   };
-}, Ir = (e) => e.type === "component" ? Mr(e) : _n(e), Nr = (e) => {
+}, Nr = (e) => e.type === "component" ? Ir(e) : Tn(e), Br = (e) => {
   const { id: t, width: r, children: n, components: o, ...i } = e, a = { ...i };
-  Cn(e.border) && delete a.border, qe(e.backgroundGradient) && delete a.backgroundGradient, pt(e.padding) && delete a.padding, e.backgroundImage || (delete a.backgroundImage, delete a.backgroundSize, delete a.backgroundPosition, delete a.backgroundRepeat);
-  const l = (n ?? o ?? []).map(Ir);
+  _n(e.border) && delete a.border, qe(e.backgroundGradient) && delete a.backgroundGradient, dt(e.padding) && delete a.padding, e.backgroundImage || (delete a.backgroundImage, delete a.backgroundSize, delete a.backgroundPosition, delete a.backgroundRepeat);
+  const l = (n ?? o ?? []).map(Nr);
   return {
     id: t,
     width: r,
     ...a,
     children: l
   };
-}, Br = (e) => {
+}, Or = (e) => {
   const { id: t, type: r, ...n } = e, o = { ...n };
-  Lt(e.visibility) && delete o.visibility, qe(e.backgroundGradient) && delete o.backgroundGradient;
+  Pt(e.visibility) && delete o.visibility, qe(e.backgroundGradient) && delete o.backgroundGradient;
   const { height: i, ...a } = o;
   return {
     id: t,
@@ -1348,20 +1348,20 @@ var _e = () => ({
     height: i,
     ...a
   };
-}, _n = (e) => {
-  if (e.type === "row-spacer") return Br(e);
+}, Tn = (e) => {
+  if (e.type === "row-spacer") return Or(e);
   const { id: t, type: r, name: n, columns: o, ...i } = e, a = { ...i };
-  return Lt(e.visibility) && delete a.visibility, Cn(e.border) && delete a.border, qe(e.backgroundGradient) && delete a.backgroundGradient, pt(e.padding) && delete a.padding, e.backgroundImage || (delete a.backgroundImage, delete a.backgroundSize, delete a.backgroundPosition, delete a.backgroundRepeat), e.minHeight === 0 && delete a.minHeight, {
+  return Pt(e.visibility) && delete a.visibility, _n(e.border) && delete a.border, qe(e.backgroundGradient) && delete a.backgroundGradient, dt(e.padding) && delete a.padding, e.backgroundImage || (delete a.backgroundImage, delete a.backgroundSize, delete a.backgroundPosition, delete a.backgroundRepeat), e.minHeight === 0 && delete a.minHeight, {
     id: t,
     type: r,
     ...n !== void 0 && { name: n },
     ...a,
-    columns: o?.map(Nr)
+    columns: o?.map(Br)
   };
-}, Tn = (e) => {
+}, An = (e) => {
   const t = { ...e };
-  return e.bodyBackgroundImage || (delete t.bodyBackgroundImage, delete t.bodyBackgroundSize, delete t.bodyBackgroundPosition, delete t.bodyBackgroundRepeat), pt(e.padding) && delete t.padding, t;
-}, An = (e) => e.map(_n), Or = {
+  return e.bodyBackgroundImage || (delete t.bodyBackgroundImage, delete t.bodyBackgroundSize, delete t.bodyBackgroundPosition, delete t.bodyBackgroundRepeat), dt(e.padding) && delete t.padding, t;
+}, Rn = (e) => e.map(Tn), jr = {
   backgroundColor: "#ffffff",
   backgroundGradient: {
     useGradient: !1,
@@ -1398,7 +1398,7 @@ var _e = () => ({
   gap: 12,
   mobileStack: !0,
   visibility: _e()
-}, jr = {
+}, zr = {
   backgroundColor: "transparent",
   backgroundGradient: {
     useGradient: !1,
@@ -1416,7 +1416,7 @@ var _e = () => ({
     }
   },
   visibility: _e()
-}, zr = {
+}, Lr = {
   backgroundColor: "transparent",
   backgroundGradient: {
     useGradient: !1,
@@ -1450,7 +1450,7 @@ var _e = () => ({
     radius: 0
   },
   verticalAlign: "top"
-}, Lr = {
+}, Pr = {
   language: "en-US",
   preheaderText: "View this email in your browser",
   bodyBackgroundColor: "#f9fafb",
@@ -1467,22 +1467,22 @@ var _e = () => ({
     left: 0
   },
   mobileBreakpoint: 600
-}, Pr = (e) => JSON.parse(JSON.stringify(e)), je = (e, t) => {
-  const r = Pr(e);
+}, Dr = (e) => JSON.parse(JSON.stringify(e)), je = (e, t) => {
+  const r = Dr(e);
   for (const n of Object.keys(t)) {
     const o = t[n], i = e[n];
     o != null && (typeof o == "object" && !Array.isArray(o) && typeof i == "object" && i !== null && !Array.isArray(i) ? r[n] = je(i, o) : r[n] = o);
   }
   return r;
-}, rn = (e) => {
-  const { defaultProps: t } = jt(), r = e.componentType ?? e.type, n = t[r];
+}, on = (e) => {
+  const { defaultProps: t } = zt(), r = e.componentType ?? e.type, n = t[r];
   if (!n)
     return console.warn(`[Hydrator] Unknown component type "${r}" — skipping hydration.`), e;
   const o = je(n, e.props);
   if (n.mobile && typeof n.mobile == "object" && (o.mobile = {
     ...n.mobile,
     ...o.mobile ?? {}
-  }, o.mobile && !o.mobile.backgroundGradient && (o.mobile.backgroundGradient = n.mobile.backgroundGradient)), o.visibility = o.visibility ?? _e(), o.desktopHide = o.desktopHide ?? Et().desktopHide, o.mobileHide = o.mobileHide ?? Et().mobileHide, o.margin === void 0 && n.margin && (o.margin = { ...n.margin }), o.padding === void 0 && n.padding && (o.padding = { ...n.padding }), o.letterSpacing === void 0 && n.letterSpacing !== void 0 && (o.letterSpacing = n.letterSpacing), o.backgroundGradient) {
+  }, o.mobile && !o.mobile.backgroundGradient && (o.mobile.backgroundGradient = n.mobile.backgroundGradient)), o.visibility = o.visibility ?? _e(), o.desktopHide = o.desktopHide ?? Mt().desktopHide, o.mobileHide = o.mobileHide ?? Mt().mobileHide, o.margin === void 0 && n.margin && (o.margin = { ...n.margin }), o.padding === void 0 && n.padding && (o.padding = { ...n.padding }), o.letterSpacing === void 0 && n.letterSpacing !== void 0 && (o.letterSpacing = n.letterSpacing), o.backgroundGradient) {
     const i = o.backgroundColor;
     i && (o.backgroundGradient.solid = i);
   }
@@ -1492,36 +1492,36 @@ var _e = () => ({
     componentType: r,
     props: o
   };
-}, Dr = (e) => {
-  if (e.type === "component") return rn(e);
-  const { defaultProps: t } = jt();
-  return e.type in t ? rn({
+}, Fr = (e) => {
+  if (e.type === "component") return on(e);
+  const { defaultProps: t } = zt();
+  return e.type in t ? on({
     ...e,
     type: "component",
     componentType: e.type
-  }) : Rn(e);
-}, Fr = (e) => {
-  const t = e.children ?? e.components ?? [], { components: r, children: n, ...o } = e, i = e.backgroundColor !== void 0 || e.backgroundGradient !== void 0 || e.backgroundImage !== void 0, { backgroundColor: a, backgroundGradient: l, ...c } = zr;
-  let p = je(c, o);
-  return i ? (p.backgroundColor = e.backgroundColor, p.backgroundGradient = e.backgroundGradient) : (p.backgroundColor = a, p.backgroundGradient = l), e.backgroundImage || (p.backgroundImage = "", p.backgroundSize = "cover", p.backgroundPosition = "center center", p.backgroundRepeat = "no-repeat"), {
-    ...p,
-    children: t.map(Dr)
-  };
+  }) : En(e);
 }, Hr = (e) => {
-  const t = je(jr, e);
+  const t = e.children ?? e.components ?? [], { components: r, children: n, ...o } = e, i = e.backgroundColor !== void 0 || e.backgroundGradient !== void 0 || e.backgroundImage !== void 0, { backgroundColor: a, backgroundGradient: l, ...c } = Lr;
+  let m = je(c, o);
+  return i ? (m.backgroundColor = e.backgroundColor, m.backgroundGradient = e.backgroundGradient) : (m.backgroundColor = a, m.backgroundGradient = l), e.backgroundImage || (m.backgroundImage = "", m.backgroundSize = "cover", m.backgroundPosition = "center center", m.backgroundRepeat = "no-repeat"), {
+    ...m,
+    children: t.map(Fr)
+  };
+}, Ur = (e) => {
+  const t = je(zr, e);
   return t.backgroundColor === void 0 && (t.backgroundColor = "transparent"), t;
-}, Rn = (e) => {
-  if (e.type === "row-spacer") return Hr(e);
-  const { columns: t, ...r } = e, n = e.backgroundColor !== void 0 || e.backgroundGradient !== void 0 || e.backgroundImage !== void 0, { backgroundColor: o, backgroundGradient: i, ...a } = Or;
+}, En = (e) => {
+  if (e.type === "row-spacer") return Ur(e);
+  const { columns: t, ...r } = e, n = e.backgroundColor !== void 0 || e.backgroundGradient !== void 0 || e.backgroundImage !== void 0, { backgroundColor: o, backgroundGradient: i, ...a } = jr;
   let l = je(a, r);
-  return n ? (l.backgroundColor = e.backgroundColor, l.backgroundGradient = e.backgroundGradient) : (l.backgroundColor = o, l.backgroundGradient = i), e.backgroundImage || (l.backgroundImage = "", l.backgroundSize = "cover", l.backgroundPosition = "center center", l.backgroundRepeat = "no-repeat"), l.minHeight === void 0 && (l.minHeight = 0), Array.isArray(t) && (l.columns = t.map(Fr)), l;
-}, ct = (e) => {
-  const t = je(Lr, e);
+  return n ? (l.backgroundColor = e.backgroundColor, l.backgroundGradient = e.backgroundGradient) : (l.backgroundColor = o, l.backgroundGradient = i), e.backgroundImage || (l.backgroundImage = "", l.backgroundSize = "cover", l.backgroundPosition = "center center", l.backgroundRepeat = "no-repeat"), l.minHeight === void 0 && (l.minHeight = 0), Array.isArray(t) && (l.columns = t.map(Hr)), l;
+}, lt = (e) => {
+  const t = je(Pr, e);
   return e.bodyBackgroundImage || (t.bodyBackgroundImage = "", t.bodyBackgroundSize = "cover", t.bodyBackgroundPosition = "center center", t.bodyBackgroundRepeat = "no-repeat"), t;
-}, ut = (e) => e.map(Rn), ge = "maildeno:autosave", Mt = "1.0", on = (e, t, r = null, n, o) => {
+}, ct = (e) => e.map(En), ge = "maildeno:autosave", It = "1.0", an = (e, t, r = null, n, o) => {
   const i = Date.now();
   return {
-    schemaVersion: Mt,
+    schemaVersion: It,
     templateId: r,
     expiresAt: i + 2592e6,
     touchedAt: i,
@@ -1529,33 +1529,33 @@ var _e = () => ({
     ...n !== void 0 && { name: n },
     ...o !== void 0 && { tags: o },
     content: {
-      rows: An(e),
-      canvas: Tn(t)
+      rows: Rn(e),
+      canvas: An(t)
     }
   };
-}, Ct = null, Ur = () => {
+}, _t = null, Jr = () => {
   const e = L("idle"), t = L(null);
   return {
-    saveToLocal: (l, c, p = null, v, b) => {
+    saveToLocal: (l, c, m = null, b, h) => {
       e.value = "saving";
-      const E = () => {
+      const R = () => {
         try {
-          const w = on(l, c, p, v, b);
-          localStorage.setItem(ge, JSON.stringify(w)), t.value = /* @__PURE__ */ new Date(), Ct && clearTimeout(Ct), e.value = "saved", Ct = setTimeout(() => {
+          const E = an(l, c, m, b, h);
+          localStorage.setItem(ge, JSON.stringify(E)), t.value = /* @__PURE__ */ new Date(), _t && clearTimeout(_t), e.value = "saved", _t = setTimeout(() => {
             e.value = "idle";
           }, 2500);
-        } catch (w) {
-          console.error("[AutoSave] Failed to write to localStorage:", w), e.value = "error", setTimeout(() => {
+        } catch (E) {
+          console.error("[AutoSave] Failed to write to localStorage:", E), e.value = "error", setTimeout(() => {
             e.value = "idle";
           }, 3e3);
         }
       };
-      typeof window < "u" && "requestIdleCallback" in window ? window.requestIdleCallback(E, { timeout: 2e3 }) : setTimeout(E, 0);
+      typeof window < "u" && "requestIdleCallback" in window ? window.requestIdleCallback(R, { timeout: 2e3 }) : setTimeout(R, 0);
     },
-    flushSave: (l, c, p = null, v, b) => {
+    flushSave: (l, c, m = null, b, h) => {
       try {
-        const E = on(l, c, p, v, b);
-        localStorage.setItem(ge, JSON.stringify(E)), t.value = /* @__PURE__ */ new Date();
+        const R = an(l, c, m, b, h);
+        localStorage.setItem(ge, JSON.stringify(R)), t.value = /* @__PURE__ */ new Date();
       } catch {
       }
     },
@@ -1564,9 +1564,9 @@ var _e = () => ({
         const l = localStorage.getItem(ge);
         if (!l) return null;
         const c = JSON.parse(l);
-        return c.schemaVersion !== Mt ? (console.warn(`[AutoSave] Schema mismatch (stored=${c.schemaVersion}, current=${Mt}). Discarding.`), localStorage.removeItem(ge), null) : Date.now() > c.expiresAt ? (console.info("[AutoSave] Draft expired. Clearing."), localStorage.removeItem(ge), null) : !c.content?.rows || !c.content?.canvas || !Array.isArray(c.content.rows) ? (console.warn("[AutoSave] Malformed payload. Discarding."), localStorage.removeItem(ge), null) : {
-          rows: ut(c.content.rows),
-          canvas: ct(c.content.canvas),
+        return c.schemaVersion !== It ? (console.warn(`[AutoSave] Schema mismatch (stored=${c.schemaVersion}, current=${It}). Discarding.`), localStorage.removeItem(ge), null) : Date.now() > c.expiresAt ? (console.info("[AutoSave] Draft expired. Clearing."), localStorage.removeItem(ge), null) : !c.content?.rows || !c.content?.canvas || !Array.isArray(c.content.rows) ? (console.warn("[AutoSave] Malformed payload. Discarding."), localStorage.removeItem(ge), null) : {
+          rows: ct(c.content.rows),
+          canvas: lt(c.content.canvas),
           updatedAt: c.updatedAt,
           templateId: c.templateId ?? null,
           ...c.name !== void 0 && { name: c.name },
@@ -1583,8 +1583,8 @@ var _e = () => ({
       try {
         const c = localStorage.getItem(ge);
         if (!c) return !1;
-        const p = JSON.parse(c);
-        return !(Date.now() > p.expiresAt || l !== void 0 && p.templateId !== l);
+        const m = JSON.parse(c);
+        return !(Date.now() > m.expiresAt || l !== void 0 && m.templateId !== l);
       } catch {
         return !1;
       }
@@ -1592,12 +1592,12 @@ var _e = () => ({
     saveStatus: e,
     lastSaved: t
   };
-}, Pt = (e) => !e || /\{\{.*?\}\}/.test(e) || /^(https?:\/\/|mailto:|tel:)/i.test(e) ? e : `https://${e}`, Dt = (e) => e == null ? "" : String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), Ft = (e) => e == null ? "" : String(e).replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Jr = (e) => {
+}, Dt = (e) => !e || /\{\{.*?\}\}/.test(e) || /^(https?:\/\/|mailto:|tel:)/i.test(e) ? e : `https://${e}`, Ft = (e) => e == null ? "" : String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), Ht = (e) => e == null ? "" : String(e).replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Gr = (e) => {
   if (e == null) return "";
   const t = String(e);
   return t.indexOf("&quot;") === -1 ? t : t.replace(/style="([^"]*)"/g, (r, n) => `style="${n.replace(/&quot;/g, "'")}"`);
-}, Ht = /* @__PURE__ */ new Map();
-function aa(e, t) {
+}, Ut = /* @__PURE__ */ new Map();
+function ia(e, t) {
   const r = typeof e == "string" ? t : e;
   if (!r) {
     console.error("[maildeno-editor] registerBlock was called without a definition.");
@@ -1608,25 +1608,25 @@ function aa(e, t) {
     console.error("[maildeno-editor] registerBlock needs a name — either as the first argument or as `name` on the definition.");
     return;
   }
-  Ht.set(n, {
+  Ut.set(n, {
     ...r,
     name: n
   });
 }
-function Ut(e) {
-  return Ht.get(e);
+function Jt(e) {
+  return Ut.get(e);
 }
-function ia() {
-  return Ht;
+function sa() {
+  return Ut;
 }
-var Gr = () => {
+var qr = () => {
   const e = (n, o) => {
     if (!(n?.useGradient === !0 && Array.isArray(n?.gradient?.colors) && n.gradient.colors.length >= 2)) {
-      const b = n && typeof n == "object" && n.solid ? n.solid : o;
-      return !b || b === "transparent" ? "" : `background-color:${b};`;
+      const h = n && typeof n == "object" && n.solid ? n.solid : o;
+      return !h || h === "transparent" ? "" : `background-color:${h};`;
     }
-    const { type: i, direction: a, colors: l } = n.gradient, c = l.map((b) => `${b.color} ${b.position}%`).join(", "), p = i === "radial" ? `radial-gradient(circle at center, ${c})` : `linear-gradient(${a}, ${c})`, v = n.solid || o || "";
-    return `${v && v !== "transparent" ? `background-color:${v};` : ""}background:${p};`;
+    const { type: i, direction: a, colors: l } = n.gradient, c = l.map((h) => `${h.color} ${h.position}%`).join(", "), m = i === "radial" ? `radial-gradient(circle at center, ${c})` : `linear-gradient(${a}, ${c})`, b = n.solid || o || "";
+    return `${b && b !== "transparent" ? `background-color:${b};` : ""}background:${m};`;
   }, t = (n, o) => n?.useGradient === !0 && Array.isArray(n?.gradient?.colors) && n.gradient.colors.length >= 2 ? {
     vmlOpen: `
 <!--[if mso]>
@@ -1647,111 +1647,111 @@ var Gr = () => {
   return { generateHTMLComponent: (n) => {
     const o = n.componentType ?? n.type, { props: i } = n;
     let a = "";
-    const l = `eb-${n.id}`, c = i.margin ? `margin:${i.margin?.top ?? 0}px ${i.margin?.right ?? 0}px ${i.margin?.bottom ?? 0}px ${i.margin?.left ?? 0}px;` : "", p = i.padding ? `padding:${i.padding?.top ?? 0}px ${i.padding?.right ?? 0}px ${i.padding?.bottom ?? 0}px ${i.padding?.left ?? 0}px;` : "", v = (E, w, R) => {
-      const M = [R ? `${l}-${R}` : l];
-      return E && M.push("desktop-hide"), w && M.push("mobile-hide"), M.join(" ");
-    }, b = Ut(o);
-    return b ? b.renderEmail.html(i, {
+    const l = `eb-${n.id}`, c = i.margin ? `margin:${i.margin?.top ?? 0}px ${i.margin?.right ?? 0}px ${i.margin?.bottom ?? 0}px ${i.margin?.left ?? 0}px;` : "", m = i.padding ? `padding:${i.padding?.top ?? 0}px ${i.padding?.right ?? 0}px ${i.padding?.bottom ?? 0}px ${i.padding?.left ?? 0}px;` : "", b = (R, E, x) => {
+      const N = [x ? `${l}-${x}` : l];
+      return R && N.push("desktop-hide"), E && N.push("mobile-hide"), N.join(" ");
+    }, h = Jt(o);
+    return h ? h.renderEmail.html(i, {
       uid: l,
       marginStyle: c,
-      paddingStyle: p,
-      escapeHtml: Dt,
-      escapeAttr: Ft,
-      safeUrl: Pt,
+      paddingStyle: m,
+      escapeHtml: Ft,
+      escapeAttr: Ht,
+      safeUrl: Dt,
       resolveBgCss: e,
       resolveBgVml: t,
-      getResponsiveClasses: v,
+      getResponsiveClasses: b,
       react: null
     }) : a;
   } };
-}, En = (e) => e.replace(/<br\s*\/?>/gi, "<br />"), mt = (e) => e.split(",").map((t) => t.trim().replace(/^'+|'+$/g, "").trim()).join(", "), Mn = (e) => e.replace(/font-family\s*:\s*([^;]+)/gi, (t, r) => `font-family:${mt(r)}`), qr = (e) => e.trim().replace(/-([a-z])/g, (t, r) => r.toUpperCase()), Wr = (e) => e.split(";").map((t) => t.trim()).filter(Boolean).map((t) => {
+}, Mn = (e) => e.replace(/<br\s*\/?>/gi, "<br />"), pt = (e) => e.split(",").map((t) => t.trim().replace(/^'+|'+$/g, "").trim()).join(", "), In = (e) => e.replace(/font-family\s*:\s*([^;]+)/gi, (t, r) => `font-family:${pt(r)}`), Wr = (e) => e.trim().replace(/-([a-z])/g, (t, r) => r.toUpperCase()), Vr = (e) => e.split(";").map((t) => t.trim()).filter(Boolean).map((t) => {
   const r = t.indexOf(":");
   if (r < 0) return null;
-  const n = t.slice(0, r).trim(), o = t.slice(r + 1).trim(), i = n.toLowerCase() === "font-family" ? mt(o) : Mn(o);
-  return `${qr(n)}: "${i}"`;
-}).filter((t) => t !== null).join(", "), Vr = (e) => e.replace(/\bcontenteditable\s*=\s*(["']?)([^"'\s>]+)\1/gi, (t, r, n) => {
+  const n = t.slice(0, r).trim(), o = t.slice(r + 1).trim(), i = n.toLowerCase() === "font-family" ? pt(o) : In(o);
+  return `${Wr(n)}: "${i}"`;
+}).filter((t) => t !== null).join(", "), Kr = (e) => e.replace(/\bcontenteditable\s*=\s*(["']?)([^"'\s>]+)\1/gi, (t, r, n) => {
   const o = n.toLowerCase();
   return o === "true" || o === "false" ? `contentEditable={${o}}` : `contentEditable="${n}"`;
-}), Kr = (e) => {
-  let t = Jr(e);
-  return t = En(t), t = Vr(t), t = t.replace(/\bstyle="([^"]*)"/g, (r, n) => `style={{ ${Wr(n)} }}`), t;
-}, Yr = () => {
+}), Yr = (e) => {
+  let t = Gr(e);
+  return t = Mn(t), t = Kr(t), t = t.replace(/\bstyle="([^"]*)"/g, (r, n) => `style={{ ${Vr(n)} }}`), t;
+}, Xr = () => {
   const e = (r, n) => {
     if (!(r?.useGradient === !0 && Array.isArray(r?.gradient?.colors) && r.gradient.colors.length >= 2)) {
-      const v = r && typeof r == "object" && r.solid ? r.solid : n;
-      return !v || v === "transparent" ? "" : `background-color:${v};`;
+      const b = r && typeof r == "object" && r.solid ? r.solid : n;
+      return !b || b === "transparent" ? "" : `background-color:${b};`;
     }
-    const { type: o, direction: i, colors: a } = r.gradient, l = a.map((v) => `${v.color} ${v.position}%`).join(", "), c = o === "radial" ? `radial-gradient(circle at center, ${l})` : `linear-gradient(${i}, ${l})`, p = r.solid || n || "";
-    return `${p && p !== "transparent" ? `background-color:${p};` : ""}background:${c};`;
+    const { type: o, direction: i, colors: a } = r.gradient, l = a.map((b) => `${b.color} ${b.position}%`).join(", "), c = o === "radial" ? `radial-gradient(circle at center, ${l})` : `linear-gradient(${i}, ${l})`, m = r.solid || n || "";
+    return `${m && m !== "transparent" ? `background-color:${m};` : ""}background:${c};`;
   };
   return { generateReactEmailComponent: (r) => {
     const n = r.componentType ?? r.type, { props: o } = r;
     let i = "";
-    const a = `eb-${r.id}`, l = o.margin ? `margin:${o.margin?.top ?? 0}px ${o.margin?.right ?? 0}px ${o.margin?.bottom ?? 0}px ${o.margin?.left ?? 0}px;` : "", c = o.padding ? `padding:${o.padding?.top ?? 0}px ${o.padding?.right ?? 0}px ${o.padding?.bottom ?? 0}px ${o.padding?.left ?? 0}px;` : "", p = (E, w) => E?.useGradient === !0 && Array.isArray(E?.gradient?.colors) && E.gradient.colors.length >= 2 ? {
+    const a = `eb-${r.id}`, l = o.margin ? `margin:${o.margin?.top ?? 0}px ${o.margin?.right ?? 0}px ${o.margin?.bottom ?? 0}px ${o.margin?.left ?? 0}px;` : "", c = o.padding ? `padding:${o.padding?.top ?? 0}px ${o.padding?.right ?? 0}px ${o.padding?.bottom ?? 0}px ${o.padding?.left ?? 0}px;` : "", m = (R, E) => R?.useGradient === !0 && Array.isArray(R?.gradient?.colors) && R.gradient.colors.length >= 2 ? {
       vmlOpen: "",
       vmlClose: ""
     } : {
       vmlOpen: "",
       vmlClose: ""
-    }, v = (E, w, R) => {
-      const M = [R ? `${a}-${R}` : a];
-      return E && M.push("desktop-hide"), w && M.push("mobile-hide"), M.join(" ");
-    }, b = Ut(n);
-    return b ? b.renderEmail.reactEmail(o, {
+    }, b = (R, E, x) => {
+      const N = [x ? `${a}-${x}` : a];
+      return R && N.push("desktop-hide"), E && N.push("mobile-hide"), N.join(" ");
+    }, h = Jt(n);
+    return h ? h.renderEmail.reactEmail(o, {
       uid: a,
       marginStyle: l,
       paddingStyle: c,
-      escapeHtml: Dt,
-      escapeAttr: Ft,
-      safeUrl: Pt,
+      escapeHtml: Ft,
+      escapeAttr: Ht,
+      safeUrl: Dt,
       resolveBgCss: e,
-      resolveBgVml: p,
-      getResponsiveClasses: v,
+      resolveBgVml: m,
+      getResponsiveClasses: b,
       react: {
-        parseCssString: Xr,
-        parseMarginPaddingDiscrete: Qr,
-        normalizeFontFamily: mt,
-        styleObj: In,
-        normalizeInlineStylesToReact: Kr,
-        buildInlineJsx: Zr
+        parseCssString: Qr,
+        parseMarginPaddingDiscrete: Zr,
+        normalizeFontFamily: pt,
+        styleObj: Nn,
+        normalizeInlineStylesToReact: Yr,
+        buildInlineJsx: eo
       }
     }) : i;
   } };
 };
-function Xr(e) {
+function Qr(e) {
   const t = {};
   return e.split(";").map((r) => r.trim()).filter(Boolean).forEach((r) => {
     const n = r.indexOf(":");
     if (n < 0) return;
     const o = r.slice(0, n).trim(), i = r.slice(n + 1).trim(), a = o.replace(/-([a-z])/g, (l, c) => c.toUpperCase());
-    t[a] = Mn(i);
+    t[a] = In(i);
   }), t;
 }
-function Qr(e, t) {
+function Zr(e, t) {
   const r = {};
   return e && (r.marginTop = `${e?.top ?? 0}px`, r.marginRight = `${e?.right ?? 0}px`, r.marginBottom = `${e?.bottom ?? 0}px`, r.marginLeft = `${e?.left ?? 0}px`), t && (r.paddingTop = `${t?.top ?? 0}px`, r.paddingRight = `${t?.right ?? 0}px`, r.paddingBottom = `${t?.bottom ?? 0}px`, r.paddingLeft = `${t?.left ?? 0}px`), r;
 }
-function In(e) {
+function Nn(e) {
   return Object.entries(e).filter(([, t]) => t != null && t !== "").map(([t, r]) => `${t}: "${r}"`).join(", ");
 }
-function Zr(e, t, r, n, o) {
+function eo(e, t, r, n, o) {
   return `<${e}${o ? `
   as="${o}"` : ""}
   className="${t}"
-  style={{ ${In(r)} }}
+  style={{ ${Nn(r)} }}
 >
   ${n}
 </${e}>
 `;
 }
-var Nn = () => {
+var Bn = () => {
   const e = (a, l) => {
     if (!(a?.useGradient === !0 && Array.isArray(a?.gradient?.colors) && a.gradient.colors.length >= 2)) {
-      const R = a && typeof a == "object" && a.solid ? a.solid : l;
-      return !R || R === "transparent" ? "" : `background-color:${R};`;
+      const x = a && typeof a == "object" && a.solid ? a.solid : l;
+      return !x || x === "transparent" ? "" : `background-color:${x};`;
     }
-    const { type: c, direction: p, colors: v } = a.gradient, b = v.map((R) => `${R.color} ${R.position}%`).join(", "), E = c === "radial" ? `radial-gradient(circle at center, ${b})` : `linear-gradient(${p}, ${b})`, w = a.solid || l || "";
-    return `${w && w !== "transparent" ? `background-color:${w};` : ""}background:${E};`;
+    const { type: c, direction: m, colors: b } = a.gradient, h = b.map((x) => `${x.color} ${x.position}%`).join(", "), R = c === "radial" ? `radial-gradient(circle at center, ${h})` : `linear-gradient(${m}, ${h})`, E = a.solid || l || "";
+    return `${E && E !== "transparent" ? `background-color:${E};` : ""}background:${R};`;
   }, t = (a, l) => a?.useGradient === !0 && Array.isArray(a?.gradient?.colors) && a.gradient.colors.length >= 2 ? {
     vmlOpen: `
 <!--[if mso]>
@@ -1771,44 +1771,44 @@ var Nn = () => {
   }, r = (a, l) => a && typeof a == "object" && a.solid && a.solid !== "transparent" ? a.solid : l && l !== "transparent" ? l : "", n = (a) => a ? `${a.top ?? 0}px ${a.right ?? 0}px ${a.bottom ?? 0}px ${a.left ?? 0}px` : "0px";
   return {
     generateMJMLComponent: (a) => {
-      const l = a.componentType ?? a.type, { props: c } = a, p = `eb-${a.id}`, v = c.margin ? `margin:${c.margin?.top ?? 0}px ${c.margin?.right ?? 0}px ${c.margin?.bottom ?? 0}px ${c.margin?.left ?? 0}px;` : "", b = c.padding ? `padding:${c.padding?.top ?? 0}px ${c.padding?.right ?? 0}px ${c.padding?.bottom ?? 0}px ${c.padding?.left ?? 0}px;` : "", E = (R, M, O) => {
-        const u = [O ? `${p}-${O}` : p];
-        return R && u.push("desktop-hide"), M && u.push("mobile-hide"), u.join(" ");
-      }, w = Ut(l);
-      return w ? w.renderEmail.mjml(c, {
-        uid: p,
-        marginStyle: v,
-        paddingStyle: b,
-        escapeHtml: Dt,
-        escapeAttr: Ft,
-        safeUrl: Pt,
+      const l = a.componentType ?? a.type, { props: c } = a, m = `eb-${a.id}`, b = c.margin ? `margin:${c.margin?.top ?? 0}px ${c.margin?.right ?? 0}px ${c.margin?.bottom ?? 0}px ${c.margin?.left ?? 0}px;` : "", h = c.padding ? `padding:${c.padding?.top ?? 0}px ${c.padding?.right ?? 0}px ${c.padding?.bottom ?? 0}px ${c.padding?.left ?? 0}px;` : "", R = (x, N, j) => {
+        const u = [j ? `${m}-${j}` : m];
+        return x && u.push("desktop-hide"), N && u.push("mobile-hide"), u.join(" ");
+      }, E = Jt(l);
+      return E ? E.renderEmail.mjml(c, {
+        uid: m,
+        marginStyle: b,
+        paddingStyle: h,
+        escapeHtml: Ft,
+        escapeAttr: Ht,
+        safeUrl: Dt,
         resolveBgCss: e,
         resolveBgVml: t,
-        getResponsiveClasses: E,
+        getResponsiveClasses: R,
         react: null
       }) : "";
     },
-    assembleMJML: (a, l, c, p, v, b = 600, E = "") => {
-      const w = p ? `<mj-style inline="false">
-      @import url('${p}');
-    </mj-style>` : "", R = `<mj-style inline="false">
+    assembleMJML: (a, l, c, m, b, h = 600, R = "") => {
+      const E = m ? `<mj-style inline="false">
+      @import url('${m}');
+    </mj-style>` : "", x = `<mj-style inline="false">
 .desktop-hide { display: none !important; }
 ul li:last-child, ol li:last-child { margin-bottom: 0 !important; }
-    </mj-style>`, M = E.trim() ? `<mj-style inline="false">
-${E}
-    </mj-style>` : "", O = v.trim() ? `<mj-style inline="false">
-@media only screen and (max-width:${b}px) {
-${v}
+    </mj-style>`, N = R.trim() ? `<mj-style inline="false">
+${R}
+    </mj-style>` : "", j = b.trim() ? `<mj-style inline="false">
+@media only screen and (max-width:${h}px) {
+${b}
 }
     </mj-style>` : "", u = c.bodyBackgroundColor || "#ffffff", d = c.bodyBackgroundImage ? [
         `background-url="${c.bodyBackgroundImage}"`,
         `background-size="${c.bodyBackgroundSize || "cover"}"`,
         `background-position="${c.bodyBackgroundPosition || "center center"}"`,
         `background-repeat="${c.bodyBackgroundRepeat || "no-repeat"}"`
-      ].join(" ") : "", s = c.backgroundColor || "#ffffff", S = n(c.padding);
+      ].join(" ") : "", s = c.backgroundColor || "#ffffff", y = n(c.padding);
       return `<mjml lang="${c.language}">
   <mj-head>
-     ${w}
+     ${E}
     <mj-title>${a}</mj-title>
     <mj-preview>${c.preheaderText} &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp;</mj-preview>
     <mj-attributes>
@@ -1819,13 +1819,13 @@ ${v}
       <meta name="supported-color-schemes" content="light dark">
       <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
     </mj-raw>
-    ${R}
-    ${M}
-    ${O}
+    ${x}
+    ${N}
+    ${j}
   </mj-head>
   <mj-body background-color="${u}" width="${c.width ?? 600}px">
   <mj-wrapper full-width="full-width" ${d} padding="0">
-    <mj-section background-color="${s}" padding="${S}">
+    <mj-section background-color="${s}" padding="${y}">
 ${l}
     </mj-section>
     </mj-wrapper>
@@ -1835,16 +1835,16 @@ ${l}
     resolveSolidColor: r,
     padAttr: n
   };
-}, Bn = /* @__PURE__ */ Symbol("maildeno-editor:info-dialog");
-function sa() {
-  const e = On();
-  return Ie(Bn, e), e;
+}, On = /* @__PURE__ */ Symbol("maildeno-editor:info-dialog");
+function la() {
+  const e = jn();
+  return Ie(On, e), e;
 }
-var eo = () => {
-  const e = Oe(Bn);
-  return e || (console.warn("[maildeno-editor] useInfoDialog() couldn't find a provided instance — falling back to a standalone instance (open() won't visibly show anything)."), On());
+var to = () => {
+  const e = Oe(On);
+  return e || (console.warn("[maildeno-editor] useInfoDialog() couldn't find a provided instance — falling back to a standalone instance (open() won't visibly show anything)."), jn());
 };
-function On() {
+function jn() {
   const e = L(!1), t = L("Info"), r = L("");
   return {
     visible: e,
@@ -1855,16 +1855,16 @@ function On() {
     }
   };
 }
-var la = ["is_empty", "is_not_empty"], ca = ["in", "not_in"], ua = [
+var ca = ["is_empty", "is_not_empty"], ua = ["in", "not_in"], da = [
   ">",
   "<",
   ">=",
   "<="
-], da = [
+], pa = [
   "date_before",
   "date_after",
   "date_on"
-], pa = [
+], ma = [
   {
     label: "Equals  ==",
     value: "=="
@@ -1933,11 +1933,11 @@ var la = ["is_empty", "is_not_empty"], ca = ["in", "not_in"], ua = [
     label: "Is Not Empty",
     value: "is_not_empty"
   }
-], an = (e) => e.split(/[,\n;]+/).map((t) => t.trim()).filter(Boolean), Ze = (e, t) => [parseFloat(e ?? ""), parseFloat(t)], et = (e, t) => !isNaN(e) && !isNaN(t), Ee = (e) => {
+], sn = (e) => e.split(/[,\n;]+/).map((t) => t.trim()).filter(Boolean), Qe = (e, t) => [parseFloat(e ?? ""), parseFloat(t)], Ze = (e, t) => !isNaN(e) && !isNaN(t), Ee = (e) => {
   if (!e?.trim()) return null;
   const t = /^\d{4}-\d{2}-\d{2}$/.test(e.trim()) ? /* @__PURE__ */ new Date(`${e.trim()}T00:00:00Z`) : new Date(e.trim());
   return isNaN(t.getTime()) ? null : new Date(Date.UTC(t.getUTCFullYear(), t.getUTCMonth(), t.getUTCDate()));
-}, It = (e, t) => {
+}, Nt = (e, t) => {
   const r = t[e.tag.toLowerCase()], n = r?.toLowerCase() ?? "", o = e.value.toLowerCase();
   switch (e.operator) {
     case "==":
@@ -1953,24 +1953,24 @@ var la = ["is_empty", "is_not_empty"], ca = ["in", "not_in"], ua = [
     case "ends_with":
       return n.endsWith(o);
     case "in":
-      return an(o).includes(n);
+      return sn(o).includes(n);
     case "not_in":
-      return !an(o).includes(n);
+      return !sn(o).includes(n);
     case ">": {
-      const [i, a] = Ze(r, e.value);
-      return et(i, a) && i > a;
+      const [i, a] = Qe(r, e.value);
+      return Ze(i, a) && i > a;
     }
     case "<": {
-      const [i, a] = Ze(r, e.value);
-      return et(i, a) && i < a;
+      const [i, a] = Qe(r, e.value);
+      return Ze(i, a) && i < a;
     }
     case ">=": {
-      const [i, a] = Ze(r, e.value);
-      return et(i, a) && i >= a;
+      const [i, a] = Qe(r, e.value);
+      return Ze(i, a) && i >= a;
     }
     case "<=": {
-      const [i, a] = Ze(r, e.value);
-      return et(i, a) && i <= a;
+      const [i, a] = Qe(r, e.value);
+      return Ze(i, a) && i <= a;
     }
     case "date_before": {
       const i = Ee(r), a = Ee(e.value);
@@ -1991,39 +1991,39 @@ var la = ["is_empty", "is_not_empty"], ca = ["in", "not_in"], ua = [
     default:
       return !0;
   }
-}, sn = (e, t) => {
+}, ln = (e, t) => {
   if (!e.rules.length) return !0;
-  const r = e.rules.map((n) => It(n, t));
+  const r = e.rules.map((n) => Nt(n, t));
   return e.match === "any" ? r.some(Boolean) : r.every(Boolean);
-}, ft = () => ({
+}, mt = () => ({
   evaluateVisibility: (t, r) => {
     if (!t?.enabled) return !0;
     const n = t.rules?.length > 0, o = (t.groups?.length ?? 0) > 0;
     if (!n && !o) return !0;
-    const i = (t.rules ?? []).map((c) => It(c, r)), a = (t.groups ?? []).map((c) => sn(c, r)), l = [...i, ...a];
+    const i = (t.rules ?? []).map((c) => Nt(c, r)), a = (t.groups ?? []).map((c) => ln(c, r)), l = [...i, ...a];
     return t.match === "any" ? l.some(Boolean) : l.every(Boolean);
   },
-  evaluateRule: It,
-  evaluateGroup: sn
-}), jn = (e) => {
+  evaluateRule: Nt,
+  evaluateGroup: ln
+}), zn = (e) => {
   const { type: t, direction: r, colors: n } = e.gradient, o = n.map((i) => `${i.color} ${i.position}%`).join(", ");
   return t === "radial" ? `radial-gradient(circle at center, ${o})` : `linear-gradient(${r}, ${o})`;
-}, ce = (e) => {
+}, ue = (e) => {
   const t = [], r = e.backgroundGradient;
   if (r?.useGradient === !0 && Array.isArray(r?.gradient?.colors) && r.gradient.colors.length >= 2) {
-    const n = jn(r), o = r.solid || e.backgroundColor || "";
+    const n = zn(r), o = r.solid || e.backgroundColor || "";
     o && o !== "transparent" && t.push(`background-color:${o}`), t.push(`background:${n}`);
   } else e.backgroundColor && e.backgroundColor !== "transparent" && t.push(`background-color:${e.backgroundColor}`);
   return e.backgroundImage && (t.push(`background-image:url('${e.backgroundImage}')`), t.push(`background-size:${e.backgroundSize}`), t.push(`background-position:${e.backgroundPosition}`), t.push(`background-repeat:${e.backgroundRepeat}`)), t;
-}, tt = (e) => {
+}, et = (e) => {
   const t = {}, r = e.backgroundGradient;
   if (r?.useGradient === !0 && Array.isArray(r?.gradient?.colors) && r.gradient.colors.length >= 2) {
-    const n = jn(r), o = r.solid || e.backgroundColor || "";
+    const n = zn(r), o = r.solid || e.backgroundColor || "";
     o && o !== "transparent" && (t.backgroundColor = o), t.background = n;
   } else e.backgroundColor && e.backgroundColor !== "transparent" && (t.backgroundColor = e.backgroundColor);
   return e.backgroundImage && (t.backgroundImage = `url(${e.backgroundImage})`, t.backgroundSize = e.backgroundSize, t.backgroundPosition = e.backgroundPosition, t.backgroundRepeat = e.backgroundRepeat), t;
-}, to = 5, zn = (e, t, r) => {
-  if (!(r >= to) && Array.isArray(e))
+}, no = 5, Ln = (e, t, r) => {
+  if (!(r >= no) && Array.isArray(e))
     for (const n of e) {
       if (!n || n.type === "row-spacer") continue;
       n.mobileStack && (n.gap ?? 0) > 0 && t.add(n.gap);
@@ -2033,18 +2033,18 @@ var la = ["is_empty", "is_not_empty"], ca = ["in", "not_in"], ua = [
           const a = i?.children ?? i?.components;
           if (!Array.isArray(a) || a.length === 0) continue;
           const l = a.filter((c) => c?.type === "row");
-          l.length > 0 && zn(l, t, r + 1);
+          l.length > 0 && Ln(l, t, r + 1);
         }
     }
-}, Ln = (e) => {
+}, Pn = (e) => {
   const t = /* @__PURE__ */ new Set();
-  if (zn(e, t, 0), t.size === 0) return "";
+  if (Ln(e, t, 0), t.size === 0) return "";
   const r = [...t].sort((n, o) => n - o);
   return `${r.map((n) => `.mobile-stack.gap-${n}`).join(`,
 `) + " { display:block !important; width:100% !important; }"}
 ${r.map((n) => `.mobile-stack.gap-${n} { height:${n}px !important; line-height:${n}px !important; }`).join(`
 `)}`;
-}, nt = L(/* @__PURE__ */ new Set()), gt = () => {
+}, tt = L(/* @__PURE__ */ new Set()), ft = () => {
   const e = L([
     "Arial",
     "Arial Black",
@@ -2423,45 +2423,45 @@ ${r.map((n) => `.mobile-stack.gap-${n} { height:${n}px !important; line-height:$
     500,
     600,
     700
-  ], o = (b) => t.has(b), i = (b) => b.trim().replace(/\s+/g, "+"), a = (b) => {
-    if (r.has(b)) {
-      const E = n.map((R) => `0,${R}`), w = n.map((R) => `1,${R}`);
-      return `ital,wght@${[...E, ...w].join(";")}`;
+  ], o = (h) => t.has(h), i = (h) => h.trim().replace(/\s+/g, "+"), a = (h) => {
+    if (r.has(h)) {
+      const R = n.map((x) => `0,${x}`), E = n.map((x) => `1,${x}`);
+      return `ital,wght@${[...R, ...E].join(";")}`;
     }
     return `wght@${n.join(";")}`;
-  }, l = (b) => {
-    if (!b || o(b) || nt.value.has(b)) return;
-    const E = document.createElement("link");
-    E.rel = "stylesheet", E.href = `https://fonts.googleapis.com/css2?family=${i(b)}:${a(b)}&display=swap`, document.head.appendChild(E), nt.value.add(b);
-  }, c = (b) => {
-    const E = Array.from(new Set(b)).filter((w) => w && !o(w));
-    return E.length ? `https://fonts.googleapis.com/css2?${E.map((w) => `family=${i(w)}:${a(w)}`).join("&")}&display=swap` : "";
+  }, l = (h) => {
+    if (!h || o(h) || tt.value.has(h)) return;
+    const R = document.createElement("link");
+    R.rel = "stylesheet", R.href = `https://fonts.googleapis.com/css2?family=${i(h)}:${a(h)}&display=swap`, document.head.appendChild(R), tt.value.add(h);
+  }, c = (h) => {
+    const R = Array.from(new Set(h)).filter((E) => E && !o(E));
+    return R.length ? `https://fonts.googleapis.com/css2?${R.map((E) => `family=${i(E)}:${a(E)}`).join("&")}&display=swap` : "";
   };
   return {
     googleFonts: e,
     loadGoogleFont: l,
     getGoogleFontImports: c,
-    syncFontsForTemplate: (b) => {
-      if (!b || b.length === 0) return;
-      const E = [], w = /* @__PURE__ */ new Set();
-      for (const O of b)
-        O && (w.has(O) || (w.add(O), !o(O) && (nt.value.has(O) || E.push(O))));
-      if (E.length === 0) return;
-      const R = c(E);
-      if (!R) return;
-      const M = document.createElement("link");
-      M.rel = "stylesheet", M.href = R, M.dataset.canvasFonts = E.join(","), document.head.appendChild(M);
-      for (const O of E) nt.value.add(O);
+    syncFontsForTemplate: (h) => {
+      if (!h || h.length === 0) return;
+      const R = [], E = /* @__PURE__ */ new Set();
+      for (const j of h)
+        j && (E.has(j) || (E.add(j), !o(j) && (tt.value.has(j) || R.push(j))));
+      if (R.length === 0) return;
+      const x = c(R);
+      if (!x) return;
+      const N = document.createElement("link");
+      N.rel = "stylesheet", N.href = x, N.dataset.canvasFonts = R.join(","), document.head.appendChild(N);
+      for (const j of R) tt.value.add(j);
     },
     preconnectGoogleFonts: () => {
       if (typeof document > "u") return;
-      const b = (E, w = !1) => {
-        const R = `link[rel="preconnect"][href="${E}"]`;
-        if (document.head.querySelector(R)) return;
-        const M = document.createElement("link");
-        M.rel = "preconnect", M.href = E, w && (M.crossOrigin = "anonymous"), document.head.appendChild(M);
+      const h = (R, E = !1) => {
+        const x = `link[rel="preconnect"][href="${R}"]`;
+        if (document.head.querySelector(x)) return;
+        const N = document.createElement("link");
+        N.rel = "preconnect", N.href = R, E && (N.crossOrigin = "anonymous"), document.head.appendChild(N);
       };
-      b("https://fonts.googleapis.com"), b("https://fonts.gstatic.com", !0);
+      h("https://fonts.googleapis.com"), h("https://fonts.gstatic.com", !0);
     },
     isWebSafeFont: o,
     WEB_SAFE_FONTS: t,
@@ -2474,7 +2474,7 @@ function Je(e) {
   const t = e.trim().toLowerCase();
   return /^(?:auto|(?:\d+(?:\.\d+)?|\.\d+)(?:px|%))$/.test(t) ? t : "auto";
 }
-function no(e) {
+function ro(e) {
   const t = Je(e.width), r = Je(e.height);
   return [
     t,
@@ -2488,7 +2488,7 @@ function no(e) {
     textAlign: "center"
   } : {};
 }
-function ro(e, t) {
+function oo(e, t) {
   const r = t === "width" ? "100%" : "auto";
   if (typeof e != "string" && typeof e != "number") return r;
   let n = String(e).trim().toLowerCase();
@@ -2496,81 +2496,81 @@ function ro(e, t) {
   const o = Je(n);
   return o === "auto" && n !== "auto" ? r : o;
 }
-var Jt = () => ({ emailMobileStyles: (t, r) => {
+var Gt = () => ({ emailMobileStyles: (t, r) => {
   const n = t.componentType ?? t.type, o = t.props.mobileStack === !0, i = t.props.mobile;
   if (!i && !(n === "menu" && o)) return "";
-  const a = i ?? {}, l = [], c = [], p = [], v = (/* @__PURE__ */ new Set(["button", "anchor"])).has(n), b = n === "button" && !!no(t.props).width, E = (/* @__PURE__ */ new Set(["menu", "socials"])).has(n), w = (u, d) => {
+  const a = i ?? {}, l = [], c = [], m = [], b = (/* @__PURE__ */ new Set(["button", "anchor"])).has(n), h = n === "button" && !!ro(t.props).width, R = (/* @__PURE__ */ new Set(["menu", "socials"])).has(n), E = (u, d) => {
     d && u.push(d);
-  }, R = () => {
+  }, x = () => {
     const u = a.backgroundGradient;
     if (u != null) {
       if (u.useGradient === !0 && Array.isArray(u.gradient?.colors) && u.gradient.colors.length >= 2) {
-        const { type: s, direction: S, colors: C } = u.gradient, _ = C.map((x) => `${x.color} ${x.position}%`).join(", "), g = s === "radial" ? `radial-gradient(circle at center, ${_})` : `linear-gradient(${S}, ${_})`, m = u.solid || a.backgroundColor || "", h = [];
-        return h.push(`background-color: ${m && m !== "transparent" ? m : "transparent"} !important`), h.push(`background: ${g} !important`), h;
+        const { type: s, direction: y, colors: C } = u.gradient, _ = C.map((w) => `${w.color} ${w.position}%`).join(", "), f = s === "radial" ? `radial-gradient(circle at center, ${_})` : `linear-gradient(${y}, ${_})`, p = u.solid || a.backgroundColor || "", g = [];
+        return g.push(`background-color: ${p && p !== "transparent" ? p : "transparent"} !important`), g.push(`background: ${f} !important`), g;
       }
       const d = u.solid ?? a.backgroundColor;
       return d != null ? ["background: none !important", `background-color: ${d} !important`] : [];
     }
     return a.backgroundColor != null ? ["background: none !important", `background-color: ${a.backgroundColor} !important`] : [];
-  }, M = (u) => {
-    w(u, a.fontSize != null && `font-size: ${a.fontSize}px !important`), w(u, a.lineHeight != null && `line-height: ${a.lineHeight} !important`), w(u, a.letterSpacing != null && `letter-spacing: ${a.letterSpacing}px !important`), w(u, a.color != null && `color: ${a.color} !important`), w(u, a.fontWeight != null && `font-weight: ${a.fontWeight} !important`), w(u, a.fontFamily != null && `font-family: '${a.fontFamily}', Arial, sans-serif !important`), w(u, a.fontStyle != null && `font-style: ${a.fontStyle} !important`), w(u, a.textTransform != null && `text-transform: ${a.textTransform} !important`), w(u, a.textDecoration != null && `text-decoration: ${a.textDecoration} !important`), b || u.push(...R());
+  }, N = (u) => {
+    E(u, a.fontSize != null && `font-size: ${a.fontSize}px !important`), E(u, a.lineHeight != null && `line-height: ${a.lineHeight} !important`), E(u, a.letterSpacing != null && `letter-spacing: ${a.letterSpacing}px !important`), E(u, a.color != null && `color: ${a.color} !important`), E(u, a.fontWeight != null && `font-weight: ${a.fontWeight} !important`), E(u, a.fontFamily != null && `font-family: '${a.fontFamily}', Arial, sans-serif !important`), E(u, a.fontStyle != null && `font-style: ${a.fontStyle} !important`), E(u, a.textTransform != null && `text-transform: ${a.textTransform} !important`), E(u, a.textDecoration != null && `text-decoration: ${a.textDecoration} !important`), h || u.push(...x());
   };
   if (a.margin) {
     const u = a.margin;
     l.push(`margin: ${u.top}px ${u.right}px ${u.bottom}px ${u.left}px !important`);
   }
-  if (a.padding && !v && !E) {
+  if (a.padding && !b && !R) {
     const u = a.padding;
     l.push(`padding: ${u.top}px ${u.right}px ${u.bottom}px ${u.left}px !important`);
   }
-  if (a.align != null && !E && l.push(`text-align: ${a.align} !important`), v) {
-    M(c);
-    const u = b ? R() : c;
+  if (a.align != null && !R && l.push(`text-align: ${a.align} !important`), b) {
+    N(c);
+    const u = h ? x() : c;
     if (a.padding) {
       const d = a.padding, s = `padding: ${d.top}px ${d.right}px ${d.bottom}px ${d.left}px !important`;
-      b ? p.push(`.${r}-button-content { ${s} }`) : c.push(s);
+      h ? m.push(`.${r}-button-content { ${s} }`) : c.push(s);
     }
     if (a.border) {
       const d = a.border;
-      u.push(ue(d, !0));
+      u.push(de(d, !0));
     }
-    if (a.borderRadius != null && u.push(`border-radius: ${Y(a.borderRadius)} !important`), n === "button") {
+    if (a.borderRadius != null && u.push(`border-radius: ${X(a.borderRadius)} !important`), n === "button") {
       for (const s of ["width", "height"]) a[s] != null && u.push(`${s}: ${Je(a[s])} !important`);
       const d = [];
-      w(d, a.fontSize != null && `font-size: ${a.fontSize}px !important`), w(d, a.letterSpacing != null && `letter-spacing: ${a.letterSpacing}px !important`), w(d, a.color != null && `color: ${a.color} !important`), w(d, a.fontWeight != null && `font-weight: ${a.fontWeight} !important`), w(d, a.fontFamily != null && `font-family: '${a.fontFamily}', Arial, sans-serif !important`), w(d, a.fontStyle != null && `font-style: ${a.fontStyle} !important`), w(d, a.textTransform != null && `text-transform: ${a.textTransform} !important`), w(d, a.textDecoration != null && `text-decoration: ${a.textDecoration} !important`), d.length > 0 && p.push(`.${r}-text { ${d.join("; ")} }`);
+      E(d, a.fontSize != null && `font-size: ${a.fontSize}px !important`), E(d, a.letterSpacing != null && `letter-spacing: ${a.letterSpacing}px !important`), E(d, a.color != null && `color: ${a.color} !important`), E(d, a.fontWeight != null && `font-weight: ${a.fontWeight} !important`), E(d, a.fontFamily != null && `font-family: '${a.fontFamily}', Arial, sans-serif !important`), E(d, a.fontStyle != null && `font-style: ${a.fontStyle} !important`), E(d, a.textTransform != null && `text-transform: ${a.textTransform} !important`), E(d, a.textDecoration != null && `text-decoration: ${a.textDecoration} !important`), d.length > 0 && m.push(`.${r}-text { ${d.join("; ")} }`);
     }
-    b && u.length > 0 && p.push(`.${r}-button-table { ${u.join("; ")} }`);
+    h && u.length > 0 && m.push(`.${r}-button-table { ${u.join("; ")} }`);
   } else if (n === "image") {
-    for (const u of ["width", "height"]) a[u] != null && c.push(`${u}: ${ro(a[u], u)} !important`);
-    w(c, a.borderRadius != null && `border-radius: ${Y(a.borderRadius)} !important`), w(c, a.border != null && ue(a.border, !0));
+    for (const u of ["width", "height"]) a[u] != null && c.push(`${u}: ${oo(a[u], u)} !important`);
+    E(c, a.borderRadius != null && `border-radius: ${X(a.borderRadius)} !important`), E(c, a.border != null && de(a.border, !0));
   } else if (n === "video")
-    w(c, a.width != null && `width: ${a.width}% !important`), w(c, a.height != null && `height: ${a.height} !important`), w(c, a.borderRadius != null && `border-radius: ${Y(a.borderRadius)} !important`), w(c, a.border != null && ue(a.border, !0));
+    E(c, a.width != null && `width: ${a.width}% !important`), E(c, a.height != null && `height: ${a.height} !important`), E(c, a.borderRadius != null && `border-radius: ${X(a.borderRadius)} !important`), E(c, a.border != null && de(a.border, !0));
   else if (n === "divider") {
     const u = [], d = [];
     if (a.width != null && u.push(`width: ${a.width}% !important`), a.align != null) {
-      const s = a.align === "left" ? "0" : "auto", S = a.align === "right" ? "0" : "auto";
-      u.push(`margin-left: ${s} !important`), u.push(`margin-right: ${S} !important`);
+      const s = a.align === "left" ? "0" : "auto", y = a.align === "right" ? "0" : "auto";
+      u.push(`margin-left: ${s} !important`), u.push(`margin-right: ${y} !important`);
     }
-    a.height != null && (d.push(`height: ${a.height}px !important`), d.push(`line-height: ${a.height}px !important`)), d.push(...R()), u.length > 0 && p.push(`.${r}-divider-table { ${u.join("; ")} }`), d.length > 0 && p.push(`.${r}-divider-td { ${d.join("; ")} }`);
+    a.height != null && (d.push(`height: ${a.height}px !important`), d.push(`line-height: ${a.height}px !important`)), d.push(...x()), u.length > 0 && m.push(`.${r}-divider-table { ${u.join("; ")} }`), d.length > 0 && m.push(`.${r}-divider-td { ${d.join("; ")} }`);
   } else if (n === "spacer") {
     const u = [];
-    a.height != null && (u.push(`height: ${a.height}px !important`), u.push(`line-height: ${a.height}px !important`)), u.push(...R()), u.length > 0 && p.push(`.${r}-spacer-td { ${u.join("; ")} }`);
+    a.height != null && (u.push(`height: ${a.height}px !important`), u.push(`line-height: ${a.height}px !important`)), u.push(...x()), u.length > 0 && m.push(`.${r}-spacer-td { ${u.join("; ")} }`);
   } else if (n === "list")
-    M(l), a.itemSpacing != null && p.push(`.${r} li { margin-bottom: ${a.itemSpacing}px !important; }`);
+    N(l), a.itemSpacing != null && m.push(`.${r} li { margin-bottom: ${a.itemSpacing}px !important; }`);
   else if (n === "menu") {
     const u = [];
-    if (u.push(...R()), a.padding) {
+    if (u.push(...x()), a.padding) {
       const s = a.padding;
       u.push(`padding: ${s.top}px ${s.right}px ${s.bottom}px ${s.left}px !important`);
     }
-    u.length > 0 && p.push(`.${r}-menu-td { ${u.join("; ")} }`), a.align != null && p.push(`.${r}-menu-td { text-align: ${a.align} !important; }`);
+    u.length > 0 && m.push(`.${r}-menu-td { ${u.join("; ")} }`), a.align != null && m.push(`.${r}-menu-td { text-align: ${a.align} !important; }`);
     const d = [];
-    if (a.fontSize != null && d.push(`font-size: ${a.fontSize}px !important`), a.lineHeight != null && d.push(`line-height: ${a.lineHeight} !important`), a.letterSpacing != null && d.push(`letter-spacing: ${a.letterSpacing}px !important`), a.color != null && d.push(`color: ${a.color} !important`), a.fontWeight != null && d.push(`font-weight: ${a.fontWeight} !important`), a.fontFamily != null && d.push(`font-family: '${a.fontFamily}', Arial, sans-serif !important`), a.fontStyle != null && d.push(`font-style: ${a.fontStyle} !important`), a.textTransform != null && d.push(`text-transform: ${a.textTransform} !important`), a.textDecoration != null && d.push(`text-decoration: ${a.textDecoration} !important`), d.length > 0 && p.push(`.${r}-menu-td a { ${d.join("; ")} }`), o) {
+    if (a.fontSize != null && d.push(`font-size: ${a.fontSize}px !important`), a.lineHeight != null && d.push(`line-height: ${a.lineHeight} !important`), a.letterSpacing != null && d.push(`letter-spacing: ${a.letterSpacing}px !important`), a.color != null && d.push(`color: ${a.color} !important`), a.fontWeight != null && d.push(`font-weight: ${a.fontWeight} !important`), a.fontFamily != null && d.push(`font-family: '${a.fontFamily}', Arial, sans-serif !important`), a.fontStyle != null && d.push(`font-style: ${a.fontStyle} !important`), a.textTransform != null && d.push(`text-transform: ${a.textTransform} !important`), a.textDecoration != null && d.push(`text-decoration: ${a.textDecoration} !important`), d.length > 0 && m.push(`.${r}-menu-td a { ${d.join("; ")} }`), o) {
       const s = a.spacing ?? t.props.spacing ?? 0;
-      p.push(`.${r}-menu-item a { display: block !important; white-space: normal !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: ${s}px !important; }`), p.push(`.${r}-menu-item:last-of-type a { margin-bottom: 0 !important; }`);
+      m.push(`.${r}-menu-item a { display: block !important; white-space: normal !important; margin-left: 0 !important; margin-right: 0 !important; margin-bottom: ${s}px !important; }`), m.push(`.${r}-menu-item:last-of-type a { margin-bottom: 0 !important; }`);
     } else if (a.spacing != null) {
       const s = Math.ceil(a.spacing / 2);
-      p.push(`.${r}-menu-item a { margin-left: ${s}px !important; margin-right: ${s}px !important; }`), p.push(`.${r}-menu-item:first-of-type a { margin-left: 0 !important; }`), p.push(`.${r}-menu-item:last-of-type a { margin-right: 0 !important; }`);
+      m.push(`.${r}-menu-item a { margin-left: ${s}px !important; margin-right: ${s}px !important; }`), m.push(`.${r}-menu-item:first-of-type a { margin-left: 0 !important; }`), m.push(`.${r}-menu-item:last-of-type a { margin-right: 0 !important; }`);
     }
   } else if (n === "socials") {
     const u = [];
@@ -2580,73 +2580,73 @@ var Jt = () => ({ emailMobileStyles: (t, r) => {
     }
     if (a.align != null) {
       const d = a.align === "left" ? "0" : "auto", s = a.align === "right" ? "0" : "auto";
-      p.push(`.${r}-socials-inner { display:inline-table !important; margin-left: ${d} !important; margin-right: ${s} !important; }`), u.push(`text-align: ${a.align} !important`);
+      m.push(`.${r}-socials-inner { display:inline-table !important; margin-left: ${d} !important; margin-right: ${s} !important; }`), u.push(`text-align: ${a.align} !important`);
     }
-    if (u.length > 0 && p.push(`.${r}-socials-td { ${u.join("; ")} }`), a.iconSize != null && p.push(`.${r}-socials-inner img { width: ${a.iconSize}px !important; height: ${a.iconSize}px !important; }`), a.spacing != null) {
+    if (u.length > 0 && m.push(`.${r}-socials-td { ${u.join("; ")} }`), a.iconSize != null && m.push(`.${r}-socials-inner img { width: ${a.iconSize}px !important; height: ${a.iconSize}px !important; }`), a.spacing != null) {
       const d = Math.ceil(a.spacing / 2);
-      p.push(`.${r}-socials-item a { margin-left: ${d}px !important; margin-right: ${d}px !important; }`), p.push(`.${r}-socials-item:first-of-type a { margin-left: 0 !important; }`), p.push(`.${r}-socials-item:last-of-type a { margin-right: 0 !important; }`);
+      m.push(`.${r}-socials-item a { margin-left: ${d}px !important; margin-right: ${d}px !important; }`), m.push(`.${r}-socials-item:first-of-type a { margin-left: 0 !important; }`), m.push(`.${r}-socials-item:last-of-type a { margin-right: 0 !important; }`);
     }
-  } else M(l);
-  const O = [];
-  if (l.length > 0 && O.push(`.${r} { ${l.join("; ")} }`), c.length > 0) {
-    const u = v ? `.${r}-link` : n === "image" ? `.${r} img` : n === "video" ? `.${r} video` : `.${r}`;
-    O.push(`${u} { ${c.join("; ")} }`);
+  } else N(l);
+  const j = [];
+  if (l.length > 0 && j.push(`.${r} { ${l.join("; ")} }`), c.length > 0) {
+    const u = b ? `.${r}-link` : n === "image" ? `.${r} img` : n === "video" ? `.${r} video` : `.${r}`;
+    j.push(`${u} { ${c.join("; ")} }`);
   }
-  return O.push(...p), O.join(`
+  return j.push(...m), j.join(`
 `);
-} }), ln = (e) => de(e) ? ue(e) : "", Pn = (e, t, r = [], n) => {
-  const o = `padding:${n?.top ?? 0}px ${n?.right ?? 0}px ${n?.bottom ?? 0}px ${n?.left ?? 0}px`, i = t && ee(t.radius ?? 0) && de(t), a = t && de(t) && !ee(t.radius ?? 0);
+} }), cn = (e) => pe(e) ? de(e) : "", Dn = (e, t, r = [], n) => {
+  const o = `padding:${n?.top ?? 0}px ${n?.right ?? 0}px ${n?.bottom ?? 0}px ${n?.left ?? 0}px`, i = t && re(t.radius ?? 0) && pe(t), a = t && pe(t) && !re(t.radius ?? 0);
   if (!i) {
-    const p = [o];
-    return a && p.push(ln(t)), p.push("line-height:0"), p.push("font-size:0"), `<div style="${p.join(";")}">${e}</div>`;
+    const m = [o];
+    return a && m.push(cn(t)), m.push("line-height:0"), m.push("font-size:0"), `<div style="${m.join(";")}">${e}</div>`;
   }
   const l = [
-    `border-radius:${Y(t.radius)}`,
+    `border-radius:${X(t.radius)}`,
     "overflow:hidden",
     "line-height:0",
     "font-size:0"
   ];
-  de(t) && l.push(ln(t));
+  pe(t) && l.push(cn(t));
   const c = [
     o,
     "line-height:0",
     "font-size:0"
   ];
   return `<div style="${l.join(";")}"><div style="${c.join(";")}">${e}</div></div>`;
-}, oo = (e, t, r = {}, n, o = !0) => {
-  const i = `${n?.top ?? 0}px ${n?.right ?? 0}px ${n?.bottom ?? 0}px ${n?.left ?? 0}px`, a = t && ee(t.radius ?? 0) && de(t) && o, l = t && de(t) && !ee(t.radius ?? 0) && o;
+}, ao = (e, t, r = {}, n, o = !0) => {
+  const i = `${n?.top ?? 0}px ${n?.right ?? 0}px ${n?.bottom ?? 0}px ${n?.left ?? 0}px`, a = t && re(t.radius ?? 0) && pe(t) && o, l = t && pe(t) && !re(t.radius ?? 0) && o;
   if (!a) {
-    const v = {
+    const b = {
       padding: i,
       lineHeight: "0",
       fontSize: "0"
     };
-    return l && (Object.assign(v, At(t)), ee(t.radius ?? 0) && (v.borderRadius = Y(t.radius))), `<div style={{ ${Object.entries(v).map(([b, E]) => `${b}:"${E}"`).join(", ")} }}>${e}</div>`;
+    return l && (Object.assign(b, Rt(t)), re(t.radius ?? 0) && (b.borderRadius = X(t.radius))), `<div style={{ ${Object.entries(b).map(([h, R]) => `${h}:"${R}"`).join(", ")} }}>${e}</div>`;
   }
   const c = {
-    borderRadius: Y(t.radius),
+    borderRadius: X(t.radius),
     overflow: "hidden",
     lineHeight: "0",
     fontSize: "0"
   };
-  de(t) && Object.assign(c, At(t));
-  const p = {
+  pe(t) && Object.assign(c, Rt(t));
+  const m = {
     padding: i,
     lineHeight: "0",
     fontSize: "0"
   };
-  return `<div style={{ ${Object.entries(c).map(([v, b]) => `${v}:"${b}"`).join(", ")} }}><div style={{ ${Object.entries(p).map(([v, b]) => `${v}:"${b}"`).join(", ")} }}>${e}</div></div>`;
-}, _t = null, Tt = null;
-function Dn() {
-  return _t ??= Promise.all([import("./standalone-DHvJ30Td.js"), import("./html-wb0gSX1o.js")]).then(([e, t]) => ({
+  return `<div style={{ ${Object.entries(c).map(([b, h]) => `${b}:"${h}"`).join(", ")} }}><div style={{ ${Object.entries(m).map(([b, h]) => `${b}:"${h}"`).join(", ")} }}>${e}</div></div>`;
+}, Tt = null, At = null;
+function Fn() {
+  return Tt ??= Promise.all([import("./standalone-DHvJ30Td.js"), import("./html-wb0gSX1o.js")]).then(([e, t]) => ({
     prettier: e.default ?? e,
     plugins: [t.default ?? t]
   })).catch((e) => {
-    throw _t = null, e;
-  }), _t;
+    throw Tt = null, e;
+  }), Tt;
 }
-function ao() {
-  return Tt ??= Promise.all([
+function io() {
+  return At ??= Promise.all([
     import("./standalone-DHvJ30Td.js"),
     import("./babel-DV7WPQI0.js"),
     import("./estree-DY9POgc0.js")
@@ -2654,59 +2654,59 @@ function ao() {
     prettier: e.default ?? e,
     plugins: [t.default ?? t, r.default ?? r]
   })).catch((e) => {
-    throw Tt = null, e;
-  }), Tt;
+    throw At = null, e;
+  }), At;
 }
-async function Gt(e, t) {
+async function qt(e, t) {
   try {
     return await t();
   } catch (r) {
     return console.warn("[maildeno-editor] formatter unavailable; returning unformatted output", r), e;
   }
 }
-var io = async (e) => Gt(e, async () => {
-  const { prettier: t, plugins: r } = await Dn();
+var so = async (e) => qt(e, async () => {
+  const { prettier: t, plugins: r } = await Fn();
   return t.format(e, {
     parser: "html",
     plugins: r
   });
-}), so = async (e) => Gt(e, async () => {
-  const { prettier: t, plugins: r } = await ao();
+}), lo = async (e) => qt(e, async () => {
+  const { prettier: t, plugins: r } = await io();
   return t.format(e, {
     parser: "babel-ts",
     plugins: r
   });
-}), lo = async (e) => Gt(e, async () => {
-  const { prettier: t, plugins: r } = await Dn();
+}), co = async (e) => qt(e, async () => {
+  const { prettier: t, plugins: r } = await Fn();
   return t.format(e, {
     parser: "html",
     plugins: r
   });
-}), cn = (e) => e.trim().toLowerCase().replace(/\s+/g, "_"), co = (e) => {
+}), un = (e) => e.trim().toLowerCase().replace(/\s+/g, "_"), uo = (e) => {
   const t = e.indexOf("|");
-  if (t === -1) return { key: cn(e) };
+  if (t === -1) return { key: un(e) };
   const r = e.slice(0, t), n = e.slice(t + 1).trim().replace(/^['"]|['"]$/g, "");
   return {
-    key: cn(r),
+    key: un(r),
     pipeDefault: n
   };
-}, un = (e, t, r) => !r || !e ? e : e.replace(/\{\{\s*([^}]+?)\s*\}\}/g, (n, o) => {
-  const { key: i, pipeDefault: a } = co(o);
+}, dn = (e, t, r) => !r || !e ? e : e.replace(/\{\{\s*([^}]+?)\s*\}\}/g, (n, o) => {
+  const { key: i, pipeDefault: a } = uo(o);
   return Object.prototype.hasOwnProperty.call(t, i) && t[i] !== "" ? t[i] : a !== void 0 ? a : n;
-}), Fn = (e, t, r, n, o) => {
-  let i = un(e, t, r);
-  return i = un(i, n, o), i;
-}, qt = /* @__PURE__ */ new Map();
-function ma(e) {
-  for (const t of e) qt.set(t.key, t);
+}), Hn = (e, t, r, n, o) => {
+  let i = dn(e, t, r);
+  return i = dn(i, n, o), i;
+}, Wt = /* @__PURE__ */ new Map();
+function fa(e) {
+  for (const t of e) Wt.set(t.key, t);
 }
-function uo() {
-  return [...qt.keys()];
+function po() {
+  return [...Wt.keys()];
 }
-function po(e, t) {
-  return qt.get(e)?.tokens?.[t];
+function mo(e, t) {
+  return Wt.get(e)?.tokens?.[t];
 }
-var Wt = {
+var Vt = {
   unsubscribe_url: {
     handlebars: "{{{unsubscribe_url}}}",
     sendgrid: "{{{unsubscribe_url}}}",
@@ -2821,7 +2821,7 @@ var Wt = {
     hubspot: "{{ today }}",
     sfmc: "%%=Format(Now(),'M/d/yyyy')=%%"
   }
-}, mo = (e, t, r) => {
+}, fo = (e, t, r) => {
   const n = !!r?.trim(), o = r?.trim() ?? "";
   switch (t) {
     case "liquid":
@@ -2850,7 +2850,7 @@ var Wt = {
     default:
       return `{{ ${e} }}`;
   }
-}, dn = (e, t, r) => {
+}, pn = (e, t, r) => {
   const n = r.trim();
   if (!n) return e;
   switch (t) {
@@ -2874,38 +2874,38 @@ var Wt = {
     default:
       return e;
   }
-}, pn = (e, t, r) => {
-  const n = Wt[e];
+}, mn = (e, t, r) => {
+  const n = Vt[e];
   if (n) {
     const i = n[t];
-    if (i) return r?.trim() ? dn(i, t, r) : i;
+    if (i) return r?.trim() ? pn(i, t, r) : i;
   }
-  const o = po(e, t);
-  return o ? r?.trim() ? dn(o, t, r) : o : mo(e, t, r);
-}, fo = (e, t) => {
+  const o = mo(e, t);
+  return o ? r?.trim() ? pn(o, t, r) : o : fo(e, t, r);
+}, go = (e, t) => {
   if (!e) return "";
-  let r = e.replace(/<span[^>]*\bdata-merge="([^"]+)"(?:[^>]*\bdata-merge-default="([^"]*)")?[^>]*>.*?<\/span>/gs, (n, o, i) => pn(o, t, i?.trim() || void 0));
-  return r = r.replace(/\{\{\s*(?:'([^']*)'|"([^"]*)"|(\w+))(?:\s*\|\s*(?:'([^']*)'|"([^"]*)"|([^'"\}\s][^'"\}]*?)))?\s*\}\}/g, (n, o, i, a, l, c, p) => {
-    const v = (o ?? i ?? a ?? "").trim(), b = (l ?? c ?? p ?? "").trim();
-    return pn(v, t, b || void 0);
+  let r = e.replace(/<span[^>]*\bdata-merge="([^"]+)"(?:[^>]*\bdata-merge-default="([^"]*)")?[^>]*>.*?<\/span>/gs, (n, o, i) => mn(o, t, i?.trim() || void 0));
+  return r = r.replace(/\{\{\s*(?:'([^']*)'|"([^"]*)"|(\w+))(?:\s*\|\s*(?:'([^']*)'|"([^"]*)"|([^'"\}\s][^'"\}]*?)))?\s*\}\}/g, (n, o, i, a, l, c, m) => {
+    const b = (o ?? i ?? a ?? "").trim(), h = (l ?? c ?? m ?? "").trim();
+    return mn(b, t, h || void 0);
   }), r;
-}, fa = () => [...Object.keys(Wt), ...uo()], ga = (e, t) => Wt[e]?.[t] ?? null, Ge = (e) => {
+}, ga = () => [...Object.keys(Vt), ...po()], ha = (e, t) => Vt[e]?.[t] ?? null, Ge = (e) => {
   let t = (e ?? "").trim().replace(/[^A-Za-z0-9_$]+/g, "_");
   return /^[0-9]/.test(t) && (t = `_${t}`), t || "_tag";
-}, mn = (e, t) => {
+}, fn = (e, t) => {
   const r = e.trim();
   return r ? t?.trim() ? `{${r} ?? "${t.trim().replace(/"/g, '\\"')}"}` : `{${r}}` : "";
-}, go = (e) => {
+}, ho = (e) => {
   if (!e) return "";
-  let t = e.replace(/<span[^>]*\bdata-merge="([^"]+)"(?:[^>]*\bdata-merge-default="([^"]*)")?[^>]*>.*?<\/span>/gs, (r, n, o) => mn(n, o?.trim() || void 0));
+  let t = e.replace(/<span[^>]*\bdata-merge="([^"]+)"(?:[^>]*\bdata-merge-default="([^"]*)")?[^>]*>.*?<\/span>/gs, (r, n, o) => fn(n, o?.trim() || void 0));
   return t = t.replace(/\{\{\s*(?:'([^']*)'|"([^"]*)"|(\w+))(?:\s*\|\s*(?:'([^']*)'|"([^"]*)"|([^'"\}\s][^'"\}]*?)))?\s*\}\}/g, (r, n, o, i, a, l, c) => {
-    const p = (n ?? o ?? i ?? "").trim(), v = (a ?? l ?? c ?? "").trim();
-    return mn(p, v || void 0);
+    const m = (n ?? o ?? i ?? "").trim(), b = (a ?? l ?? c ?? "").trim();
+    return fn(m, b || void 0);
   }), t = t.replace(/(\b(?!style=)\w[\w-]*=)"([^"]*\{[^}]+\}[^"]*)"/g, (r, n, o) => {
     const i = o.match(/^\{(\w+)\}$/);
     return i ? `${n}{${i[1]}}` : `${n}{\`${o.replace(/\{(\w+)\}/g, "${$1}")}\`}`;
   }), t;
-}, ho = (e) => {
+}, vo = (e) => {
   if (e.length === 0) return {
     propsInterface: "",
     propsDestructure: ""
@@ -2920,7 +2920,7 @@ ${r.map(([n]) => ` ${n}?: string;`).join(`
 }`,
     propsDestructure: `{ ${r.map(([n, o]) => o?.trim() ? `${n} = "${o.trim().replace(/"/g, '\\"')}"` : n).join(", ")} }: EmailProps`
   };
-}, vo = (e) => {
+}, bo = (e) => {
   const t = /* @__PURE__ */ new Map();
   for (const r of e.matchAll(/<span[^>]*\bdata-merge="([^"]+)"(?:[^>]*\bdata-merge-default="([^"]*)")?[^>]*>.*?<\/span>/gs)) {
     const n = r[1].trim();
@@ -2934,7 +2934,7 @@ ${r.map(([n]) => ` ${n}?: string;`).join(`
     tagId: r,
     fallback: n
   }));
-}, bo = (e) => {
+}, $o = (e) => {
   const t = /* @__PURE__ */ new Set(), r = (o) => {
     if (o?.enabled) {
       for (const i of o.rules ?? []) i.tag?.trim() && t.add(Ge(i.tag));
@@ -2956,43 +2956,43 @@ ${r.map(([n]) => ` ${n}?: string;`).join(`
       r(i.props?.visibility), n(i.children ?? i.components ?? []);
   }
   return [...t];
-}, $o = (e) => e.length === 0 ? "" : ` // Visibility data — replace with real values from your data source
+}, yo = (e) => e.length === 0 ? "" : ` // Visibility data — replace with real values from your data source
 ${e.map((t) => ` const ${t} = "";`).join(`
-`)}`, Hn = (e, t, r, n, o = !1) => {
+`)}`, Un = (e, t, r, n, o = !1) => {
   const i = n?.mergeTagActive || n?.linkTagActive;
-  if (t === "wrap" || !i) return fo(e, r);
+  if (t === "wrap" || !i) return go(e, r);
   if (o) {
-    const { mergeTagContext: a, mergeTagActive: l, linkTagContext: c, linkTagActive: p } = n;
-    return Fn(e, a ?? {}, l ?? !1, c ?? {}, p ?? !1);
+    const { mergeTagContext: a, mergeTagActive: l, linkTagContext: c, linkTagActive: m } = n;
+    return Hn(e, a ?? {}, l ?? !1, c ?? {}, m ?? !1);
   }
   return e;
-}, Un = (e, t, r) => {
+}, Jn = (e, t, r) => {
   if (t === "wrap" || !r) return e;
   const { mergeTagContext: n, mergeTagActive: o, linkTagContext: i, linkTagActive: a } = r;
-  return !o && !a ? e : Fn(e, n, o, i, a);
-}, Vt = /* @__PURE__ */ new Map(), Jn = /* @__PURE__ */ new Map();
-function ha(e, t, r) {
-  Vt.set(e, t), r && Jn.set(e, r);
+  return !o && !a ? e : Hn(e, n, o, i, a);
+}, Kt = /* @__PURE__ */ new Map(), Gn = /* @__PURE__ */ new Map();
+function va(e, t, r) {
+  Kt.set(e, t), r && Gn.set(e, r);
 }
-var yo = {
+var So = {
   label: "Custom",
   group: "custom",
   description: "Registered ESP syntax with no metadata override.",
   supportsNesting: !0
 };
-function So(e, t) {
-  return t[e] ?? Vt.get(e) ?? yo;
+function ko(e, t) {
+  return t[e] ?? Kt.get(e) ?? So;
 }
-function Gn(e) {
-  return Jn.get(e);
+function qn(e) {
+  return Gn.get(e);
 }
-function va() {
-  return [...Vt.entries()].map(([e, t]) => ({
+function ba() {
+  return [...Kt.entries()].map(([e, t]) => ({
     id: e,
     meta: t
   }));
 }
-var ko = {
+var wo = {
   handlebars: {
     label: "Handlebars (Generic)",
     group: "handlebars",
@@ -3088,7 +3088,7 @@ var ko = {
     description: "Microsoft Office VML conditional comments for Outlook",
     supportsNesting: !1
   }
-}, ba = [
+}, $a = [
   {
     syntax: "handlebars",
     label: "Handlebars",
@@ -3299,7 +3299,7 @@ var ko = {
     is_empty: "none",
     date: "none"
   }
-], wo = (e, t) => {
+], xo = (e, t) => {
   const r = Ge(e);
   switch (t) {
     case "sfmc":
@@ -3312,7 +3312,7 @@ var ko = {
       return r;
   }
 }, Te = (e, t) => {
-  const { operator: r, value: n } = e, o = wo(e.tag, t);
+  const { operator: r, value: n } = e, o = xo(e.tag, t);
   switch (t) {
     case "handlebars":
     case "sendgrid":
@@ -3388,9 +3388,9 @@ var ko = {
         case "is_not_empty":
           return `${o} != blank`;
         case "date_before":
-          return `${Nt(e.tag)} < ${Bt(e.tag, n)}`;
+          return `${Bt(e.tag)} < ${Ot(e.tag, n)}`;
         case "date_after":
-          return `${Nt(e.tag)} > ${Bt(e.tag, n)}`;
+          return `${Bt(e.tag)} > ${Ot(e.tag, n)}`;
         case "date_on":
           return `${o} | date: '%F' == '${n}'`;
         default:
@@ -3553,7 +3553,7 @@ var ko = {
     default:
       return `${o} == '${n}'`;
   }
-}, fn = (e, t, r) => {
+}, gn = (e, t, r) => {
   if (e.length === 1) return e[0];
   switch (r) {
     case "handlebars":
@@ -3576,8 +3576,8 @@ var ko = {
     default:
       return e.join(t === "all" ? " && " : " || ");
   }
-}, qn = (e, t) => {
-  const r = Gn(t)?.wrapOpenTag;
+}, Wn = (e, t) => {
+  const r = qn(t)?.wrapOpenTag;
   if (r) return r(e);
   switch (t) {
     case "handlebars":
@@ -3606,8 +3606,8 @@ var ko = {
     default:
       return `{{#if ${e}}}`;
   }
-}, Wn = (e) => {
-  const t = Gn(e)?.wrapCloseTag;
+}, Vn = (e) => {
+  const t = qn(e)?.wrapCloseTag;
   if (t) return t();
   switch (e) {
     case "handlebars":
@@ -3636,29 +3636,29 @@ var ko = {
     default:
       return "{{/if}}";
   }
-}, Nt = (e) => `__esp_ts_${e.replace(/[^a-zA-Z0-9]/g, "_")}`, Bt = (e, t) => `__esp_cmp_${e.replace(/[^a-zA-Z0-9]/g, "_")}_${t.replace(/[^a-zA-Z0-9]/g, "_")}`, xo = (e) => {
+}, Bt = (e) => `__esp_ts_${e.replace(/[^a-zA-Z0-9]/g, "_")}`, Ot = (e, t) => `__esp_cmp_${e.replace(/[^a-zA-Z0-9]/g, "_")}_${t.replace(/[^a-zA-Z0-9]/g, "_")}`, Co = (e) => {
   const t = /* @__PURE__ */ new Set(), r = [];
   for (const n of e) {
     const o = n.operator;
     if (o !== "date_before" && o !== "date_after") continue;
-    const i = Nt(n.tag), a = Bt(n.tag, n.value);
+    const i = Bt(n.tag), a = Ot(n.tag, n.value);
     t.has(i) || (t.add(i), r.push(`{%- assign ${i} = ${Ge(n.tag)} | date: '%s' -%}`)), t.has(a) || (t.add(a), r.push(`{%- assign ${a} = '${n.value}' | date: '%s' -%}`));
   }
   return r;
-}, Co = (e) => e === "liquid" || e === "klaviyo" || e === "braze" || e === "hubspot", _o = (e, t) => {
-  const r = (a, l) => a.length === 0 ? l : [...a].reverse().reduce((c, p) => `*|IF:${p}|*
+}, _o = (e) => e === "liquid" || e === "klaviyo" || e === "braze" || e === "hubspot", To = (e, t) => {
+  const r = (a, l) => a.length === 0 ? l : [...a].reverse().reduce((c, m) => `*|IF:${m}|*
 ${c}
 *|END:IF|*`, l), n = (a, l) => a.length === 0 ? l : a.map((c) => `*|IF:${c}|*
 ${l}
 *|END:IF|*`).join(`
 `), o = (a, l, c) => {
-    const p = a.map((v) => Te(v, "mailchimp")).filter((v) => v !== null);
-    return p.length === 0 ? null : l === "all" ? r(p, c) : n(p, c);
+    const m = a.map((b) => Te(b, "mailchimp")).filter((b) => b !== null);
+    return m.length === 0 ? null : l === "all" ? r(m, c) : n(m, c);
   }, i = (t.rules ?? []).map((a) => Te(a, "mailchimp")).filter((a) => a !== null);
   if (t.match === "all") {
     let a = e;
     for (const l of [...t.groups ?? []].reverse()) {
-      const c = l.rules.map((p) => Te(p, "mailchimp")).filter((p) => p !== null);
+      const c = l.rules.map((m) => Te(m, "mailchimp")).filter((m) => m !== null);
       c.length !== 0 && (a = l.match === "all" ? r(c, a) : n(c, a));
     }
     return i.length > 0 ? r(i, a) : a;
@@ -3669,54 +3669,54 @@ ${e}
     return a.length > 0 ? a.join(`
 `) : e;
   }
-}, Vn = (e, t) => {
-  const r = So(t, ko), n = (e.rules ?? []).map((a) => Te(a, t)).filter((a) => a !== null);
+}, Kn = (e, t) => {
+  const r = ko(t, wo), n = (e.rules ?? []).map((a) => Te(a, t)).filter((a) => a !== null);
   let o;
   r.supportsNesting ? o = (e.groups ?? []).map((a) => {
-    const l = a.rules.map((p) => Te(p, t)).filter((p) => p !== null);
+    const l = a.rules.map((m) => Te(m, t)).filter((m) => m !== null);
     if (l.length === 0) return null;
-    const c = fn(l, a.match, t);
+    const c = gn(l, a.match, t);
     return l.length > 1 ? `(${c})` : c;
   }).filter((a) => a !== null) : o = (e.groups ?? []).flatMap((a) => a.rules).map((a) => Te(a, t)).filter((a) => a !== null);
   const i = [...n, ...o];
   return i.length === 0 ? null : {
-    expression: fn(i, e.match, t),
-    preludes: Co(t) ? xo([...e.rules ?? [], ...(e.groups ?? []).flatMap((a) => a.rules)]) : []
+    expression: gn(i, e.match, t),
+    preludes: _o(t) ? Co([...e.rules ?? [], ...(e.groups ?? []).flatMap((a) => a.rules)]) : []
   };
 }, be = (e, t, r = "handlebars") => {
   if (!t?.enabled) return e;
   const n = (t.rules?.length ?? 0) > 0, o = (t.groups?.length ?? 0) > 0;
   if (!n && !o) return e;
-  if (r === "mailchimp") return _o(e, t);
-  const i = Vn(t, r);
+  if (r === "mailchimp") return To(e, t);
+  const i = Kn(t, r);
   if (!i) return e;
-  const { expression: a, preludes: l } = i, c = qn(a, r), p = Wn(r);
+  const { expression: a, preludes: l } = i, c = Wn(a, r), m = Vn(r);
   return `${l.length > 0 ? `${l.join(`
 `)}
 ` : ""}${c}
 ${e}
-${p}`;
-}, $a = (e, t = "handlebars") => {
+${m}`;
+}, ya = (e, t = "handlebars") => {
   if (!e?.enabled) return null;
   const r = (e.rules?.length ?? 0) > 0, n = (e.groups?.length ?? 0) > 0;
   if (!r && !n) return null;
   if (t === "mailchimp") {
-    const c = [...e.rules ?? [], ...(e.groups ?? []).flatMap((v) => v.rules)], p = c.map((v) => Te(v, "mailchimp")).find((v) => v !== null);
-    return p ? {
-      openTag: `*|IF:${p}|*${c.length > 1 && e.match === "all" ? " …nested…" : ""}`,
+    const c = [...e.rules ?? [], ...(e.groups ?? []).flatMap((b) => b.rules)], m = c.map((b) => Te(b, "mailchimp")).find((b) => b !== null);
+    return m ? {
+      openTag: `*|IF:${m}|*${c.length > 1 && e.match === "all" ? " …nested…" : ""}`,
       closeTag: "*|END:IF|*"
     } : null;
   }
-  const o = Vn(e, t);
+  const o = Kn(e, t);
   if (!o) return null;
-  const { expression: i, preludes: a } = o, l = qn(i, t);
+  const { expression: i, preludes: a } = o, l = Wn(i, t);
   return {
     openTag: `${a.length > 0 ? `${a.join(`
 `)}
 ` : ""}${l}`,
-    closeTag: Wn(t)
+    closeTag: Vn(t)
   };
-}, Kn = (e) => {
+}, Yn = (e) => {
   const t = Ge(e.tag), r = String(e.value ?? "");
   switch (e.operator) {
     case "==":
@@ -3760,21 +3760,21 @@ ${p}`;
     default:
       return "true";
   }
-}, To = (e) => {
+}, Ao = (e) => {
   if (!e.rules.length) return null;
-  const t = e.rules.map(Kn);
+  const t = e.rules.map(Yn);
   return t.length === 1 ? t[0] : `(${t.join(e.match === "any" ? " || " : " && ")})`;
-}, Ao = (e) => {
-  const t = (e.rules ?? []).map(Kn), r = (e.groups ?? []).map(To).filter((i) => i !== null), n = [...t, ...r];
+}, Ro = (e) => {
+  const t = (e.rules ?? []).map(Yn), r = (e.groups ?? []).map(Ao).filter((i) => i !== null), n = [...t, ...r];
   if (n.length === 0) return null;
   if (n.length === 1) return n[0];
   const o = e.match === "any" ? " || " : " && ";
   return `(${n.join(o)})`;
-}, rt = (e, t) => {
+}, nt = (e, t) => {
   if (!t?.enabled) return e;
   const r = (t.rules?.length ?? 0) > 0, n = (t.groups?.length ?? 0) > 0;
   if (!r && !n) return e;
-  const o = Ao(t);
+  const o = Ro(t);
   return o ? `{${o} && (
 ${e.split(`
 `).map((i) => `  ${i}`).join(`
@@ -3783,9 +3783,9 @@ ${e.split(`
 }, Ae = ({ content: e, filename: t, mimeType: r }) => {
   const n = new Blob([e], { type: r }), o = URL.createObjectURL(n), i = document.createElement("a");
   i.href = o, i.download = t, i.click(), URL.revokeObjectURL(o);
-}, ht = (e) => e.toLowerCase().replace(/\s+/g, "-"), Ne = (e, t) => `${e}${t === "wrap" ? "-master" : "-snapshot"}`, Ro = /(<style[\s>][\s\S]*?<\/style>|<script[\s>][\s\S]*?<\/script>|<!--[\s\S]*?-->)/gi;
-function Yn(e) {
-  const t = e.split(Ro), r = [];
+}, gt = (e) => e.toLowerCase().replace(/\s+/g, "-"), Ne = (e, t) => `${e}${t === "wrap" ? "-master" : "-snapshot"}`, Eo = /(<style[\s>][\s\S]*?<\/style>|<script[\s>][\s\S]*?<\/script>|<!--[\s\S]*?-->)/gi;
+function Xn(e) {
+  const t = e.split(Eo), r = [];
   return t.forEach((n, o) => {
     if (o % 2 === 1) {
       let i = n.replace(/^[ \t]+|[ \t]+$/gm, "");
@@ -3797,13 +3797,13 @@ function Yn(e) {
     }
   }), r.join("");
 }
-function Eo(e) {
-  return e && Yn(e);
-}
 function Mo(e) {
-  return e && Yn(e);
+  return e && Xn(e);
 }
 function Io(e) {
+  return e && Xn(e);
+}
+function No(e) {
   if (!e) return e;
   let t = e.replace(/^[ \t]+|[ \t]+$/gm, "");
   return t = t.replace(/\n{3,}/g, `
@@ -3813,71 +3813,71 @@ function Io(e) {
 function Be(e, t) {
   switch (e) {
     case "html":
-      return Eo(t);
-    case "mjml":
       return Mo(t);
-    case "react-email":
+    case "mjml":
       return Io(t);
+    case "react-email":
+      return No(t);
     default:
       return t;
   }
 }
-var Xn = "maildeno:export:minify", lt = L(No());
-function No() {
+var Qn = "maildeno:export:minify", st = L(Bo());
+function Bo() {
   if (typeof window > "u") return !1;
   try {
-    return localStorage.getItem(Xn) === "true";
+    return localStorage.getItem(Qn) === "true";
   } catch {
     return !1;
   }
 }
-hn(lt, (e) => {
+vn(st, (e) => {
   if (!(typeof window > "u"))
     try {
-      localStorage.setItem(Xn, String(e));
+      localStorage.setItem(Qn, String(e));
     } catch {
     }
 });
-function Kt() {
+function Yt() {
   return {
-    minifyOutput: lt,
+    minifyOutput: st,
     toggleMinify: () => {
-      lt.value = !lt.value;
+      st.value = !st.value;
     }
   };
 }
-var Bo = 5, Oo = (e) => {
-  const { rows: t, canvasStyles: r, generators: n, espSyntax: o, visibilityContext: i, tagSubstitution: a, guardEmpty: l, collectFonts: c, collectMobileCSS: p, buildMobileStyleBlock: v } = e, { evaluateVisibility: b } = ft(), E = (s) => s.type === "component" ? s.props?.visibility : s.visibility, w = (s) => {
+var Oo = 5, jo = (e) => {
+  const { rows: t, canvasStyles: r, generators: n, espSyntax: o, visibilityContext: i, tagSubstitution: a, guardEmpty: l, collectFonts: c, collectMobileCSS: m, buildMobileStyleBlock: b } = e, { evaluateVisibility: h } = mt(), R = (s) => s.type === "component" ? s.props?.visibility : s.visibility, E = (s) => {
     if (!s?.enabled) return !1;
-    const S = (s.rules?.length ?? 0) > 0, C = (s.groups?.length ?? 0) > 0;
-    return S || C;
-  }, R = (s, S, C, _) => {
-    let g = "";
-    for (const m of s) {
-      if (C === "prune" && !b(E(m), S)) continue;
-      const h = m.type;
-      if (h === "row") {
-        if (_ >= Bo) continue;
-        const $ = M(m, S, C, _ + 1);
-        $.trim() && (g += `<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">${$}</table>`);
+    const y = (s.rules?.length ?? 0) > 0, C = (s.groups?.length ?? 0) > 0;
+    return y || C;
+  }, x = (s, y, C, _) => {
+    let f = "";
+    for (const p of s) {
+      if (C === "prune" && !h(R(p), y)) continue;
+      const g = p.type;
+      if (g === "row") {
+        if (_ >= Oo) continue;
+        const v = N(p, y, C, _ + 1);
+        v.trim() && (f += `<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">${v}</table>`);
         continue;
       }
-      if (h === "row-spacer") {
-        if (!m.height || m.height <= 0) continue;
-        const $ = ce(m);
-        let k = `<div height="${m.height}" style="height:${m.height}px;line-height:${m.height}px;font-size:1px;mso-line-height-rule:exactly;${$.join(";")}">&nbsp;</div>`;
-        C === "wrap" && w(m.visibility) && (k = be(k, m.visibility, o.value)), g += k;
+      if (g === "row-spacer") {
+        if (!p.height || p.height <= 0) continue;
+        const v = ue(p);
+        let S = `<div height="${p.height}" style="height:${p.height}px;line-height:${p.height}px;font-size:1px;mso-line-height-rule:exactly;${v.join(";")}">&nbsp;</div>`;
+        C === "wrap" && E(p.visibility) && (S = be(S, p.visibility, o.value)), f += S;
         continue;
       }
-      let x = Un(n.html(m), C, a?.value);
-      const y = m.props?.visibility;
-      C === "wrap" && w(y) && (x = be(x, y, o.value)), g += x;
+      let w = Jn(n.html(p), C, a?.value);
+      const $ = p.props?.visibility;
+      C === "wrap" && E($) && (w = be(w, $, o.value)), f += w;
     }
-    return g;
-  }, M = (s, S, C, _ = 0) => {
+    return f;
+  }, N = (s, y, C, _ = 0) => {
     if (s.type === "row-spacer") {
       if (!s.height || s.height <= 0) return "";
-      const I = ce(s);
+      const I = ue(s);
       let P = `
 <tr>
   <td>
@@ -3886,66 +3886,66 @@ var Bo = 5, Oo = (e) => {
   </td>
 </tr>
 `;
-      return C === "wrap" && w(s.visibility) && (P = be(P, s.visibility, o.value)), P;
+      return C === "wrap" && E(s.visibility) && (P = be(P, s.visibility, o.value)), P;
     }
-    const g = ce(s), m = r.value.mobileBreakpoint || 600, h = (s.gap || 0) / m * 100, x = 100 - h * (s.columns.length - 1), y = [];
-    let $ = 0;
+    const f = ue(s), p = r.value.mobileBreakpoint || 600, g = (s.gap || 0) / p * 100, w = 100 - g * (s.columns.length - 1), $ = [];
+    let v = 0;
     s.columns.forEach((I) => {
-      const P = I.width / 100 * x;
-      y.push(P), $ += P;
+      const P = I.width / 100 * w;
+      $.push(P), v += P;
     });
-    const k = x - $;
-    Math.abs(k) > 0.01 && y.length > 0 && (y[y.length - 1] += k);
-    let A = "";
+    const S = w - v;
+    Math.abs(S) > 0.01 && $.length > 0 && ($[$.length - 1] += S);
+    let T = "";
     s.columns.forEach((I, P) => {
-      if (C === "prune" && !b(I.props?.visibility, S)) return;
-      const V = y[P], q = s.mobileStack ? "mobile-stack" : "", W = ce(I), Q = [
+      if (C === "prune" && !h(I.props?.visibility, y)) return;
+      const V = $[P], q = s.mobileStack ? "mobile-stack" : "", W = ue(I), Z = [
         `width:${V}%`,
         `max-width:${V}%`,
         `vertical-align:${I.verticalAlign ?? "middle"}`,
         "box-sizing:border-box",
         ...W,
-        ue(I.border),
-        `border-radius:${Y(I.border.radius)}`,
+        de(I.border),
+        `border-radius:${X(I.border.radius)}`,
         "overflow:hidden",
         "line-height:0",
         "font-size:0",
         `padding:${I.padding?.top ?? 0}px ${I.padding?.right ?? 0}px ${I.padding?.bottom ?? 0}px ${I.padding?.left ?? 0}px`
-      ], se = I.children ?? I.components ?? [], pe = R(se, S, C, _);
-      A += `
-              <td valign="${I.verticalAlign ?? "middle"}"${q ? ` class="${q}"` : ""} style="${Q.join(";")}">
-${pe}
+      ], ee = I.children ?? I.components ?? [], me = x(ee, y, C, _);
+      T += `
+              <td valign="${I.verticalAlign ?? "middle"}"${q ? ` class="${q}"` : ""} style="${Z.join(";")}">
+${me}
               </td>
-`, P < s.columns.length - 1 && s.gap && (A += `
+`, P < s.columns.length - 1 && s.gap && (T += `
               <td 
                 class="${q ? `gap-${s.gap} ${q}` : `gap-${s.gap}`}"
-                width="${h}%"
-                style="width:${h}%;max-width:${h}%;font-size:0;line-height:0;padding:0;">
+                width="${g}%"
+                style="width:${g}%;max-width:${g}%;font-size:0;line-height:0;padding:0;">
                 &nbsp;
               </td>
 `);
     });
-    const f = s.columns.some((I) => ee(I.border?.radius ?? 0));
-    let B = `<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:${(s.gap ?? 0) > 0 || f ? "separate" : "collapse"};">
+    const k = s.columns.some((I) => re(I.border?.radius ?? 0));
+    let M = `<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:${(s.gap ?? 0) > 0 || k ? "separate" : "collapse"};">
             <tr>
-${A}
+${T}
             </tr>
           </table>`;
-    const z = ee(s.border?.radius ?? 0), N = [
-      ...g,
-      z ? `border-radius:${Y(s.border.radius, 2)}` : "",
+    const O = re(s.border?.radius ?? 0), B = [
+      ...f,
+      O ? `border-radius:${X(s.border.radius, 2)}` : "",
       "overflow:hidden"
     ].filter(Boolean);
-    let F = Pn(B, s.border, [], s.padding);
-    return C === "wrap" && w(s.visibility) && (F = be(F, s.visibility, o.value)), (s.minHeight ?? 0) > 0 && N.push(`min-height:${s.minHeight}px`), `
+    let D = Dn(M, s.border, [], s.padding);
+    return C === "wrap" && E(s.visibility) && (D = be(D, s.visibility, o.value)), (s.minHeight ?? 0) > 0 && B.push(`min-height:${s.minHeight}px`), `
 <tr>
-  <td${N.length ? ` style="${N.join(";")}"` : ""}>
-${F}
+  <td${B.length ? ` style="${B.join(";")}"` : ""}>
+${D}
   </td>
 </tr>
 `;
-  }, O = (s, S) => {
-    const { getGoogleFontImports: C } = gt(), { emailMobileStyles: _ } = Jt(), g = i?.value ?? {}, m = C([...c(s, g)]), h = p(s, g, _), x = v(r.value.mobileBreakpoint, h), y = [
+  }, j = (s, y) => {
+    const { getGoogleFontImports: C } = ft(), { emailMobileStyles: _ } = Gt(), f = i?.value ?? {}, p = C([...c(s, f)]), g = m(s, f, _), w = b(r.value.mobileBreakpoint, g), $ = [
       "margin:0",
       "padding:0",
       r.value.bodyBackgroundColor ? `background-color:${r.value.bodyBackgroundColor}` : "",
@@ -3957,7 +3957,7 @@ ${F}
         "min-height:auto"
       ].join(";") : ""
     ].filter(Boolean).join(";");
-    let $ = `<!DOCTYPE html>
+    let v = `<!DOCTYPE html>
 <html lang="${r.value.language}" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
 <head>
 <meta charset="UTF-8">
@@ -3968,7 +3968,7 @@ ${F}
 <meta name="color-scheme" content="light dark">
 <meta name="supported-color-schemes" content="light dark">
 <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
-<title>${S}</title>
+<title>${y}</title>
 <!--[if mso]>
 <xml>
 <o:OfficeDocumentSettings>
@@ -3977,13 +3977,13 @@ ${F}
 </o:OfficeDocumentSettings>
 </xml>
 <![endif]-->
-${m ? `<link href="${m}" rel="stylesheet">` : ""}
+${p ? `<link href="${p}" rel="stylesheet">` : ""}
 <style>
-${x}
+${w}
 </style>
 </head>
 
-<body style="${y};">
+<body style="${$};">
 <div style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">
 ${r.value.preheaderText} &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp;
 </div>
@@ -4000,142 +4000,142 @@ ${r.value.preheaderText} &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj;
   style="width:100%;max-width:${r.value.width}px;background:${r.value.backgroundColor};border-collapse:collapse;"
 >
 `;
-    return t.value.forEach((k) => {
-      if (s === "prune" && !b(k.visibility, g)) return;
-      const A = M(k, g, s, 0);
-      A.trim() && ($ += A);
-    }), $ += `
+    return t.value.forEach((S) => {
+      if (s === "prune" && !h(S.visibility, f)) return;
+      const T = N(S, f, s, 0);
+      T.trim() && (v += T);
+    }), v += `
 </table>
 </td>
 </tr>
 </table>
 </body>
 </html>
-`, $ = Hn($, s, o.value, a?.value), $;
+`, v = Un(v, s, o.value, a?.value), v;
   };
   return {
-    export: async (s = "prune", S) => {
+    export: async (s = "prune", y) => {
       if (!l("Export")) return;
-      const C = S || "Untitled Template", _ = O(s, C), g = ht(C), { minifyOutput: m } = Kt();
-      if (m.value) Ae({
+      const C = y || "Untitled Template", _ = j(s, C), f = gt(C), { minifyOutput: p } = Yt();
+      if (p.value) Ae({
         content: Be("html", _),
-        filename: `${Ne(g, s)}.html`,
+        filename: `${Ne(f, s)}.html`,
         mimeType: "text/html"
       });
       else {
-        const h = await io(_);
+        const g = await so(_);
         Ae({
-          content: h,
-          filename: `${Ne(g, s)}.html`,
+          content: g,
+          filename: `${Ne(f, s)}.html`,
           mimeType: "text/html"
         });
       }
     },
-    getHTML: (s = "prune", S) => {
+    getHTML: (s = "prune", y) => {
       if (!t.value || t.value.length === 0) return null;
-      const C = O(s, S || "Untitled Template");
+      const C = j(s, y || "Untitled Template");
       return Be("html", C);
     }
   };
-}, jo = 5, zo = (e) => {
-  const { rows: t, canvasStyles: r, generators: n, espSyntax: o, visibilityContext: i, tagSubstitution: a, guardEmpty: l, collectFonts: c, collectMobileCSS: p, buildMobileStyleBlock: v } = e, { evaluateVisibility: b } = ft(), E = (d) => {
+}, zo = 5, Lo = (e) => {
+  const { rows: t, canvasStyles: r, generators: n, espSyntax: o, visibilityContext: i, tagSubstitution: a, guardEmpty: l, collectFonts: c, collectMobileCSS: m, buildMobileStyleBlock: b } = e, { evaluateVisibility: h } = mt(), R = (d) => {
     if (!d?.enabled) return !1;
-    const s = (d.rules?.length ?? 0) > 0, S = (d.groups?.length ?? 0) > 0;
-    return s || S;
-  }, w = (d, s, S, C, _) => {
-    let g = "";
-    for (const m of d) {
-      const h = m.type === "component" ? m.props?.visibility : m.visibility;
-      if (S === "prune" && !b(h, s)) continue;
-      const x = m.type;
-      if (x === "row") {
-        if (_ >= jo) continue;
-        const $ = R(m, s, S, _ + 1);
-        $.trim() && (g += `          ${$.trim()}
+    const s = (d.rules?.length ?? 0) > 0, y = (d.groups?.length ?? 0) > 0;
+    return s || y;
+  }, E = (d, s, y, C, _) => {
+    let f = "";
+    for (const p of d) {
+      const g = p.type === "component" ? p.props?.visibility : p.visibility;
+      if (y === "prune" && !h(g, s)) continue;
+      const w = p.type;
+      if (w === "row") {
+        if (_ >= zo) continue;
+        const v = x(p, s, y, _ + 1);
+        v.trim() && (f += `          ${v.trim()}
 `);
         continue;
       }
-      if (x === "row-spacer") {
-        if (!m.height || m.height <= 0) continue;
-        const $ = tt(m), k = Object.keys($).length > 0 ? `, ${Object.entries($).map(([f, B]) => `${f}:"${B}"`).join(", ")}` : "";
-        let A = `<div style={{ display: "block", height: "${m.height}px", lineHeight: "${m.height}px", fontSize: "1px"${k} }}>&nbsp;</div>`;
-        S === "wrap" && E(m.visibility) && (A = rt(A, m.visibility)), g += `          ${A}
+      if (w === "row-spacer") {
+        if (!p.height || p.height <= 0) continue;
+        const v = et(p), S = Object.keys(v).length > 0 ? `, ${Object.entries(v).map(([k, M]) => `${k}:"${M}"`).join(", ")}` : "";
+        let T = `<div style={{ display: "block", height: "${p.height}px", lineHeight: "${p.height}px", fontSize: "1px"${S} }}>&nbsp;</div>`;
+        y === "wrap" && R(p.visibility) && (T = nt(T, p.visibility)), f += `          ${T}
 `;
         continue;
       }
-      let y = Un(n.react(m), S, a?.value);
-      S === "wrap" && E(m.props?.visibility) && (y = rt(y, m.props.visibility)), g += `          ${y.trim()}
+      let $ = Jn(n.react(p), y, a?.value);
+      y === "wrap" && R(p.props?.visibility) && ($ = nt($, p.props.visibility)), f += `          ${$.trim()}
 `;
     }
-    return g;
-  }, R = (d, s, S, C = 0) => {
-    if (S === "prune" && !b(d.visibility, s)) return "";
+    return f;
+  }, x = (d, s, y, C = 0) => {
+    if (y === "prune" && !h(d.visibility, s)) return "";
     if (d.type === "row-spacer") {
       if (!d.height || d.height <= 0) return "";
-      const I = tt(d), P = Object.keys(I).length > 0 ? `, ${Object.entries(I).map(([q, W]) => `${q}:"${W}"`).join(", ")}` : "";
+      const I = et(d), P = Object.keys(I).length > 0 ? `, ${Object.entries(I).map(([q, W]) => `${q}:"${W}"`).join(", ")}` : "";
       let V = `
         {/* Row Spacer */}
         <Section>
             <div style={{ display: "block", height: "${d.height}px", lineHeight: "${d.height}px", fontSize: "1px"${P} }}>&nbsp;</div>
         </Section>`;
-      return S === "wrap" && E(d.visibility) && (V = rt(V, d.visibility)), V;
+      return y === "wrap" && R(d.visibility) && (V = nt(V, d.visibility)), V;
     }
-    const _ = r.value.mobileBreakpoint || 600, g = (d.gap || 0) / _ * 100, m = 100 - g * (d.columns.length - 1), h = [];
-    let x = 0;
+    const _ = r.value.mobileBreakpoint || 600, f = (d.gap || 0) / _ * 100, p = 100 - f * (d.columns.length - 1), g = [];
+    let w = 0;
     d.columns.forEach((I) => {
-      const P = I.width / 100 * m;
-      h.push(P), x += P;
+      const P = I.width / 100 * p;
+      g.push(P), w += P;
     });
-    const y = m - x;
-    Math.abs(y) > 0.01 && h.length > 0 && (h[h.length - 1] += y);
-    let $ = "";
+    const $ = p - w;
+    Math.abs($) > 0.01 && g.length > 0 && (g[g.length - 1] += $);
+    let v = "";
     d.columns.forEach((I, P) => {
-      if (S === "prune" && !b(I.props?.visibility, s)) return;
-      const V = h[P], q = d.mobileStack ? "mobile-stack" : "", W = tt(I), Q = {
+      if (y === "prune" && !h(I.props?.visibility, s)) return;
+      const V = g[P], q = d.mobileStack ? "mobile-stack" : "", W = et(I), Z = {
         width: `${V}%`,
         boxSizing: "border-box",
         verticalAlign: I.verticalAlign ?? "middle",
-        ...At(I.border),
-        borderRadius: Y(I.border?.radius ?? 0),
+        ...Rt(I.border),
+        borderRadius: X(I.border?.radius ?? 0),
         overflow: "hidden",
         lineHeight: "0",
         fontSize: "0",
         padding: `${I.padding?.top ?? 0}px ${I.padding?.right ?? 0}px ${I.padding?.bottom ?? 0}px ${I.padding?.left ?? 0}px`,
         ...W
-      }, se = Object.entries(Q).map(([le, ze]) => `${le}:"${ze}"`).join(", "), pe = I.children ?? I.components ?? [], me = w(pe, s, S, d, C);
-      $ += `<Column
+      }, ee = Object.entries(Z).map(([oe, ze]) => `${oe}:"${ze}"`).join(", "), me = I.children ?? I.components ?? [], Se = E(me, s, y, d, C);
+      v += `<Column
           className="${q}"
-          style={{ ${se} }}
+          style={{ ${ee} }}
         >
-${me}
+${Se}
         </Column>
-`, P < d.columns.length - 1 && d.gap && ($ += `<Column
+`, P < d.columns.length - 1 && d.gap && (v += `<Column
           className="${q ? `gap-${d.gap} ${q}` : `gap-${d.gap}`}"
-          style={{ width:"${g}%", maxWidth:"${g}%", fontSize:"0", lineHeight:"0" }}
+          style={{ width:"${f}%", maxWidth:"${f}%", fontSize:"0", lineHeight:"0" }}
         >&nbsp;</Column>
 `);
     });
-    const k = tt(d), A = ee(d.border?.radius ?? 0), f = {
-      ...k,
-      ...A ? { borderRadius: Y(d.border.radius, 2) } : {},
+    const S = et(d), T = re(d.border?.radius ?? 0), k = {
+      ...S,
+      ...T ? { borderRadius: X(d.border.radius, 2) } : {},
       overflow: "hidden"
-    }, B = Object.entries(f).filter(([I, P]) => P !== void 0 && P !== "").map(([I, P]) => `${I}:"${P}"`).join(", "), z = B ? ` style={{ ${B} }}` : "", N = `<Row>${$}</Row>`;
-    let F = `      <Section${z}>
-${oo(N, d.border, {}, d.padding, !0)}
+    }, M = Object.entries(k).filter(([I, P]) => P !== void 0 && P !== "").map(([I, P]) => `${I}:"${P}"`).join(", "), O = M ? ` style={{ ${M} }}` : "", B = `<Row>${v}</Row>`;
+    let D = `      <Section${O}>
+${ao(B, d.border, {}, d.padding, !0)}
       </Section>`;
-    return S === "wrap" && E(d.visibility) && (F = rt(F, d.visibility)), F;
-  }, M = (d = "prune", s) => {
-    const S = s || "Untitled Template", C = S.replace(/[^a-zA-Z0-9 ]/g, "").split(" ").map((N) => N.charAt(0).toUpperCase() + N.slice(1)).join(""), { getGoogleFontImports: _ } = gt(), { emailMobileStyles: g } = Jt(), m = i?.value ?? {}, h = c(d, m), x = _([...h]), y = p(d, m, g), $ = v(r.value.mobileBreakpoint, y), k = t.value.map((N) => R(N, m, d, 0)).filter(Boolean).join(`
-`), A = x?.includes("fonts.googleapis.com"), f = x ? A ? `        {/* Google Fonts via <link> — all families in one request */}
-        <link href="${x}" rel="stylesheet" />` : [...h].map((N) => `        <Font
-          fontFamily="${mt(N)}"
+    return y === "wrap" && R(d.visibility) && (D = nt(D, d.visibility)), D;
+  }, N = (d = "prune", s) => {
+    const y = s || "Untitled Template", C = y.replace(/[^a-zA-Z0-9 ]/g, "").split(" ").map((B) => B.charAt(0).toUpperCase() + B.slice(1)).join(""), { getGoogleFontImports: _ } = ft(), { emailMobileStyles: f } = Gt(), p = i?.value ?? {}, g = c(d, p), w = _([...g]), $ = m(d, p, f), v = b(r.value.mobileBreakpoint, $), S = t.value.map((B) => x(B, p, d, 0)).filter(Boolean).join(`
+`), T = w?.includes("fonts.googleapis.com"), k = w ? T ? `        {/* Google Fonts via <link> — all families in one request */}
+        <link href="${w}" rel="stylesheet" />` : [...g].map((B) => `        <Font
+          fontFamily="${pt(B)}"
           fallbackFontFamily="Arial"
-          webFont={{ url: "${x}", format: "woff2" }}
+          webFont={{ url: "${w}", format: "woff2" }}
           fontWeight={400}
           fontStyle="normal"
         />`).join(`
 `) : "";
-    let B = `import React from "react";
+    let M = `import React from "react";
 import {
   Preview,
   Body,
@@ -4154,10 +4154,10 @@ import {
   Text,
 } from "@react-email/components";
 
-${x ? A ? "// Google Fonts loaded via <link> (email-safe fallback strategy)" : `// Custom web font${h.size > 1 ? "s" : ""} loaded via <Font> — one instance per family` : "// No custom fonts used"}
+${w ? T ? "// Google Fonts loaded via <link> (email-safe fallback strategy)" : `// Custom web font${g.size > 1 ? "s" : ""} loaded via <Font> — one instance per family` : "// No custom fonts used"}
 
 const styles = \`
-${$}
+${v}
 \`;
 
 export default function ${C}() {
@@ -4171,9 +4171,9 @@ export default function ${C}() {
         <meta name="color-scheme" content="light dark" />
         <meta name="supported-color-schemes" content="light dark" />
         <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no" />
-        <title>${S}</title>
+        <title>${y}</title>
         <style>{styles}</style>
-${f}
+${k}
       </Head>
       <Preview>${r.value.preheaderText}</Preview>
       <Body style={{ margin:0, padding:0, backgroundColor:"${r.value.bodyBackgroundColor}" }}>
@@ -4197,7 +4197,7 @@ ${f}
             padding:"${r.value.padding?.top ?? 0}px ${r.value.padding?.right ?? 0}px ${r.value.padding?.bottom ?? 0}px ${r.value.padding?.left ?? 0}px"
           }}
         >
-${k}
+${S}
         </Container>
       </Container>  
       </Body>
@@ -4205,10 +4205,10 @@ ${k}
   );
 }
 `;
-    const z = a?.value?.mergeTagActive || a?.value?.linkTagActive;
-    if (d === "wrap" || !z) {
-      const N = vo(B), F = new Set(N.map((W) => W.tagId)), I = bo(t.value).filter((W) => !F.has(W)), { propsInterface: P, propsDestructure: V } = ho(N), q = $o(I);
-      (P || q) && (B = B.replace(/^(export default function (\w+))\(\)\s*\{/m, [
+    const O = a?.value?.mergeTagActive || a?.value?.linkTagActive;
+    if (d === "wrap" || !O) {
+      const B = bo(M), D = new Set(B.map((W) => W.tagId)), I = $o(t.value).filter((W) => !D.has(W)), { propsInterface: P, propsDestructure: V } = vo(B), q = yo(I);
+      (P || q) && (M = M.replace(/^(export default function (\w+))\(\)\s*\{/m, [
         P ? `${P}
 
 ` : "",
@@ -4216,23 +4216,23 @@ ${k}
         q ? `
 ${q}
 ` : ""
-      ].join(""))), B = go(B);
+      ].join(""))), M = ho(M);
     }
-    return B = En(B), B;
+    return M = Mn(M), M;
   };
   return {
     export: async (d = "prune", s) => {
       if (!l("Export")) return;
-      const S = s || "Untitled Template", C = M(d, S), _ = ht(S), { minifyOutput: g } = Kt();
-      if (g.value) Ae({
+      const y = s || "Untitled Template", C = N(d, y), _ = gt(y), { minifyOutput: f } = Yt();
+      if (f.value) Ae({
         content: Be("react-email", C),
         filename: `${Ne(_, d)}.tsx`,
         mimeType: "text/plain"
       });
       else {
-        const m = await so(C);
+        const p = await lo(C);
         Ae({
-          content: m,
+          content: p,
           filename: `${Ne(_, d)}.tsx`,
           mimeType: "text/plain"
         });
@@ -4240,172 +4240,172 @@ ${q}
     },
     getReactEmail: (d = "prune", s) => {
       if (!t.value || t.value.length === 0) return null;
-      const S = M(d, s || "Untitled Template");
-      return Be("react-email", S);
+      const y = N(d, s || "Untitled Template");
+      return Be("react-email", y);
     }
   };
-}, Lo = 5, Po = (e) => {
-  const { rows: t, canvasStyles: r, generators: n, espSyntax: o, visibilityContext: i, tagSubstitution: a, guardEmpty: l, collectFonts: c, collectMobileCSS: p } = e, { evaluateVisibility: v } = ft(), b = (u) => {
+}, Po = 5, Do = (e) => {
+  const { rows: t, canvasStyles: r, generators: n, espSyntax: o, visibilityContext: i, tagSubstitution: a, guardEmpty: l, collectFonts: c, collectMobileCSS: m } = e, { evaluateVisibility: b } = mt(), h = (u) => {
     if (!u?.enabled) return !1;
     const d = (u.rules?.length ?? 0) > 0, s = (u.groups?.length ?? 0) > 0;
     return d || s;
-  }, E = (u, d, s, S) => {
+  }, R = (u, d, s, y) => {
     let C = "";
     for (const _ of u) {
-      const g = _.type === "component" ? _.props?.visibility : _.visibility;
-      if (s === "prune" && !v(g, d)) continue;
-      const m = _.type;
-      if (m === "row") {
-        if (S >= Lo) continue;
-        const x = w(_, d, s, S + 1);
-        if (x.trim()) {
-          let y = x;
-          s === "wrap" && b(_.visibility) && (y = be(y, _.visibility, o.value)), C += y;
+      const f = _.type === "component" ? _.props?.visibility : _.visibility;
+      if (s === "prune" && !b(f, d)) continue;
+      const p = _.type;
+      if (p === "row") {
+        if (y >= Po) continue;
+        const w = E(_, d, s, y + 1);
+        if (w.trim()) {
+          let $ = w;
+          s === "wrap" && h(_.visibility) && ($ = be($, _.visibility, o.value)), C += $;
         }
         continue;
       }
-      if (m === "row-spacer") {
+      if (p === "row-spacer") {
         if (!_.height || _.height <= 0) continue;
-        const x = ce(_);
-        let y = `<div height="${_.height}" style="height:${_.height}px;line-height:${_.height}px;font-size:1px;mso-line-height-rule:exactly;${x.join(";")}">&nbsp;</div>`;
-        s === "wrap" && b(_.visibility) && (y = be(y, _.visibility, o.value)), C += y;
+        const w = ue(_);
+        let $ = `<div height="${_.height}" style="height:${_.height}px;line-height:${_.height}px;font-size:1px;mso-line-height-rule:exactly;${w.join(";")}">&nbsp;</div>`;
+        s === "wrap" && h(_.visibility) && ($ = be($, _.visibility, o.value)), C += $;
         continue;
       }
-      let h = `<div style="font-family:none;font-size:0;line-height:0;text-align:left;color:#000000;">${n.mjml(_).replace(/^<mj-text[^>]*>/i, "").replace(/<\/mj-text>\s*$/i, "")}</div>`;
-      s === "wrap" && b(_.props?.visibility) && (h = be(h, _.props.visibility, o.value)), C += h;
+      let g = `<div style="font-family:none;font-size:0;line-height:0;text-align:left;color:#000000;">${n.mjml(_).replace(/^<mj-text[^>]*>/i, "").replace(/<\/mj-text>\s*$/i, "")}</div>`;
+      s === "wrap" && h(_.props?.visibility) && (g = be(g, _.props.visibility, o.value)), C += g;
     }
     return C;
-  }, w = (u, d, s, S) => {
+  }, E = (u, d, s, y) => {
     if (!u.columns?.length) return "";
-    const C = ce(u), _ = r.value.mobileBreakpoint || 600, g = u.gap || 0, m = g / _ * 100, h = 100 - m * (u.columns.length - 1), x = [];
-    let y = 0;
-    u.columns.forEach((N) => {
-      const F = N.width / 100 * h;
-      x.push(F), y += F;
+    const C = ue(u), _ = r.value.mobileBreakpoint || 600, f = u.gap || 0, p = f / _ * 100, g = 100 - p * (u.columns.length - 1), w = [];
+    let $ = 0;
+    u.columns.forEach((B) => {
+      const D = B.width / 100 * g;
+      w.push(D), $ += D;
     });
-    const $ = h - y;
-    Math.abs($) > 0.01 && x.length > 0 && (x[x.length - 1] += $);
-    let k = "";
-    u.columns.forEach((N, F) => {
-      if (s === "prune" && !v(N.props?.visibility, d)) return;
-      const I = x[F], P = u.mobileStack ? "mobile-stack" : "", V = ce(N), q = [
+    const v = g - $;
+    Math.abs(v) > 0.01 && w.length > 0 && (w[w.length - 1] += v);
+    let S = "";
+    u.columns.forEach((B, D) => {
+      if (s === "prune" && !b(B.props?.visibility, d)) return;
+      const I = w[D], P = u.mobileStack ? "mobile-stack" : "", V = ue(B), q = [
         `width:${I}%`,
         "box-sizing:border-box",
-        `vertical-align:${N.verticalAlign ?? "middle"}`,
-        ue(N.border),
-        `border-radius:${Y(N.border.radius)}`,
+        `vertical-align:${B.verticalAlign ?? "middle"}`,
+        de(B.border),
+        `border-radius:${X(B.border.radius)}`,
         "overflow:hidden",
         ...V
-      ], W = N.children ?? N.components ?? [], Q = E(W, d, s, S), se = Pn(Q, N.border, [], N.padding), pe = P ? ` class="${P}"` : "";
-      if (k += `<td valign="${N.verticalAlign ?? "middle"}"${pe} style="${q.join(";")}">
-${se}
+      ], W = B.children ?? B.components ?? [], Z = R(W, d, s, y), ee = Dn(Z, B.border, [], B.padding), me = P ? ` class="${P}"` : "";
+      if (S += `<td valign="${B.verticalAlign ?? "middle"}"${me} style="${q.join(";")}">
+${ee}
 </td>
-`, F < u.columns.length - 1 && g > 0) {
-        const me = P ? `gap-${g} ${P}` : `gap-${g}`;
-        k += `<td class="${me}" width="${m}%" style="width:${m}%;max-width:${m}%;font-size:0;line-height:0;padding:0;">&nbsp;</td>
+`, D < u.columns.length - 1 && f > 0) {
+        const Se = P ? `gap-${f} ${P}` : `gap-${f}`;
+        S += `<td class="${Se}" width="${p}%" style="width:${p}%;max-width:${p}%;font-size:0;line-height:0;padding:0;">&nbsp;</td>
 `;
       }
     });
-    const A = de(u.border) ? `${ue(u.border)};border-radius:${Y(u.border.radius)};overflow:hidden;` : `border-radius:${Y(u.border.radius)};overflow:hidden;`, f = u.padding ? `${u.padding.top ?? 0}px ${u.padding.right ?? 0}px ${u.padding.bottom ?? 0}px ${u.padding.left ?? 0}px` : "0px", B = C.length ? `${C.join(";")};` : "", z = u.columns.some((N) => ee(N.border?.radius ?? 0));
-    return `<div style="padding:${f};${A}${B}">
-<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:${(u.gap ?? 0) > 0 || z ? "separate" : "collapse"};">
+    const T = pe(u.border) ? `${de(u.border)};border-radius:${X(u.border.radius)};overflow:hidden;` : `border-radius:${X(u.border.radius)};overflow:hidden;`, k = u.padding ? `${u.padding.top ?? 0}px ${u.padding.right ?? 0}px ${u.padding.bottom ?? 0}px ${u.padding.left ?? 0}px` : "0px", M = C.length ? `${C.join(";")};` : "", O = u.columns.some((B) => re(B.border?.radius ?? 0));
+    return `<div style="padding:${k};${T}${M}">
+<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:${(u.gap ?? 0) > 0 || O ? "separate" : "collapse"};">
 <tr>
-${k}</tr>
+${S}</tr>
 </table>
 </div>`;
-  }, R = (u = "prune", d) => {
-    const s = d || "Untitled Template", { getGoogleFontImports: S } = gt(), { emailMobileStyles: C } = Jt(), { assembleMJML: _ } = Nn(), g = i?.value ?? {}, m = S([...c(u, g)]), h = p(u, g, C), x = Ln(t.value), y = [
+  }, x = (u = "prune", d) => {
+    const s = d || "Untitled Template", { getGoogleFontImports: y } = ft(), { emailMobileStyles: C } = Gt(), { assembleMJML: _ } = Bn(), f = i?.value ?? {}, p = y([...c(u, f)]), g = m(u, f, C), w = Pn(t.value), $ = [
       ".email-container { max-width:100% !important; width:100% !important; }",
       ".desktop-hide { display:block !important; }",
       ".mobile-hide { display:none !important; }",
       ".mobile-stack { display:block !important; width:100% !important; min-width:100% !important; max-width:100% !important; box-sizing:border-box !important; }",
-      ...x ? [x] : []
+      ...w ? [w] : []
     ].join(`
 
-`), $ = h.length > 0 ? [
-      y,
+`), v = g.length > 0 ? [
+      $,
       "/* Mobile property overrides */",
-      ...h
+      ...g
     ].join(`
-`) : y, k = [];
-    t.value.forEach((f) => {
-      if (u === "prune" && !v(f.visibility, g)) return;
-      if (f.type === "row-spacer") {
-        if (!f.height || f.height <= 0) return;
-        const H = ce(f);
-        let D = ` <mj-raw>
+`) : $, S = [];
+    t.value.forEach((k) => {
+      if (u === "prune" && !b(k.visibility, f)) return;
+      if (k.type === "row-spacer") {
+        if (!k.height || k.height <= 0) return;
+        const F = ue(k);
+        let te = ` <mj-raw>
  <table width="100%" cellpadding="0" cellspacing="0">
  <tr>
  <td>
- <div height="${f.height}" style="height:${f.height}px;line-height:${f.height}px;font-size:1px;mso-line-height-rule:exactly;${H.join(";")}">&nbsp;</div>
+ <div height="${k.height}" style="height:${k.height}px;line-height:${k.height}px;font-size:1px;mso-line-height-rule:exactly;${F.join(";")}">&nbsp;</div>
  </td>
  </tr>
  </table>
  </mj-raw>`;
-        u === "wrap" && b(f.visibility) && (D = be(D, f.visibility, o.value)), k.push(D);
+        u === "wrap" && h(k.visibility) && (te = be(te, k.visibility, o.value)), S.push(te);
         return;
       }
-      const B = r.value.mobileBreakpoint || 600, z = f.gap || 0, N = z / B * 100, F = 100 - N * (f.columns.length - 1), I = [];
+      const M = r.value.mobileBreakpoint || 600, O = k.gap || 0, B = O / M * 100, D = 100 - B * (k.columns.length - 1), I = [];
       let P = 0;
-      f.columns.forEach((H) => {
-        const D = H.width / 100 * F;
-        I.push(D), P += D;
+      k.columns.forEach((F) => {
+        const te = F.width / 100 * D;
+        I.push(te), P += te;
       });
-      const V = F - P;
+      const V = D - P;
       Math.abs(V) > 0.01 && I.length > 0 && (I[I.length - 1] += V);
-      const q = ce(f), W = (() => {
-        const H = f.backgroundGradient;
-        return H?.useGradient === !0 && Array.isArray(H?.gradient?.colors) && H.gradient.colors.length >= 2 ? H.solid || f.backgroundColor || "" : f.backgroundColor || "";
-      })(), Q = W && W !== "transparent" ? W : "", se = f.padding ? `${f.padding.top ?? 0}px ${f.padding.right ?? 0}px ${f.padding.bottom ?? 0}px ${f.padding.left ?? 0}px` : "0px", pe = ee(f.border?.radius ?? 0), me = de(f.border) && !ee(f.border?.radius ?? 0), le = [...q, "overflow:hidden"];
-      me && (le.push(ue(f.border)), le.push(`padding:${se}`)), pe && le.push(`border-radius:${Y(f.border.radius, 2)}`), (f.minHeight ?? 0) > 0 && le.push(`min-height:${f.minHeight}px`);
-      const ze = le.length ? ` style="${le.join(";")}"` : "";
+      const q = ue(k), W = (() => {
+        const F = k.backgroundGradient;
+        return F?.useGradient === !0 && Array.isArray(F?.gradient?.colors) && F.gradient.colors.length >= 2 ? F.solid || k.backgroundColor || "" : k.backgroundColor || "";
+      })(), Z = W && W !== "transparent" ? W : "", ee = k.padding ? `${k.padding.top ?? 0}px ${k.padding.right ?? 0}px ${k.padding.bottom ?? 0}px ${k.padding.left ?? 0}px` : "0px", me = re(k.border?.radius ?? 0), Se = pe(k.border) && !re(k.border?.radius ?? 0), oe = [...q, "overflow:hidden"];
+      Se && (oe.push(de(k.border)), oe.push(`padding:${ee}`)), me && oe.push(`border-radius:${X(k.border.radius, 2)}`), (k.minHeight ?? 0) > 0 && oe.push(`min-height:${k.minHeight}px`);
+      const ze = oe.length ? ` style="${oe.join(";")}"` : "";
       let Le = "";
-      de(f.border) && (Le = `${ue(f.border)};`, ee(f.border?.radius ?? 0) && (Le += `border-radius:${Y(f.border.radius)};overflow:hidden;`));
-      const We = [
-        `padding:${se}`,
+      pe(k.border) && (Le = `${de(k.border)};`, re(k.border?.radius ?? 0) && (Le += `border-radius:${X(k.border.radius)};overflow:hidden;`));
+      const ht = [
+        `padding:${ee}`,
         "font-size:0",
         "line-height:0",
         Le
       ].filter(Boolean).join(";");
-      let U = "";
-      f.columns.forEach((H, D) => {
-        if (u === "prune" && !v(H.props?.visibility, g)) return;
-        const te = I[D], Re = f.mobileStack ? "mobile-stack" : "", vt = ce(H), bt = [
-          `width:${te}%`,
+      let Re = "";
+      k.columns.forEach((F, te) => {
+        if (u === "prune" && !b(F.props?.visibility, f)) return;
+        const H = I[te], Q = k.mobileStack ? "mobile-stack" : "", vt = ue(F), bt = [
+          `width:${H}%`,
           "box-sizing:border-box",
-          `vertical-align:${H.verticalAlign ?? "middle"}`,
+          `vertical-align:${F.verticalAlign ?? "middle"}`,
           ...vt,
-          ue(H.border),
-          `border-radius:${Y(H.border?.radius ?? 0)}`,
+          de(F.border),
+          `border-radius:${X(F.border?.radius ?? 0)}`,
           "overflow:hidden",
           "line-height:0",
           "font-size:0",
-          `padding:${H.padding?.top ?? 0}px ${H.padding?.right ?? 0}px ${H.padding?.bottom ?? 0}px ${H.padding?.left ?? 0}px`
-        ], Ve = H.children ?? H.components ?? [], $t = E(Ve, g, u, 0), yt = Re ? ` class="${Re}"` : "";
-        if (U += `<td valign="${H.verticalAlign ?? "middle"}"${yt} style="${bt.join(";")}">
-${$t}
+          `padding:${F.padding?.top ?? 0}px ${F.padding?.right ?? 0}px ${F.padding?.bottom ?? 0}px ${F.padding?.left ?? 0}px`
+        ], $t = F.children ?? F.components ?? [], We = R($t, f, u, 0), yt = Q ? ` class="${Q}"` : "";
+        if (Re += `<td valign="${F.verticalAlign ?? "middle"}"${yt} style="${bt.join(";")}">
+${We}
 </td>
-`, D < f.columns.length - 1 && z > 0) {
-          const ne = Re ? `gap-${z} ${Re}` : `gap-${z}`;
-          U += `<td class="${ne}" width="${N}%" style="width:${N}%;max-width:${N}%;font-size:0;line-height:0;padding:0;">&nbsp;</td>
+`, te < k.columns.length - 1 && O > 0) {
+          const St = Q ? `gap-${O} ${Q}` : `gap-${O}`;
+          Re += `<td class="${St}" width="${B}%" style="width:${B}%;max-width:${B}%;font-size:0;line-height:0;padding:0;">&nbsp;</td>
 `;
         }
       });
-      const X = f.columns.some((H) => ee(H.border?.radius ?? 0));
-      let ke = `<div style="${We}">${`<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:${(f.gap ?? 0) > 0 || X ? "separate" : "collapse"};">
+      const U = k.columns.some((F) => re(F.border?.radius ?? 0));
+      let K = `<div style="${ht}">${`<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:${(k.gap ?? 0) > 0 || U ? "separate" : "collapse"};">
 <tr>
-${U}</tr>
+${Re}</tr>
 </table>`}</div>`;
-      u === "wrap" && b(f.visibility) && (ke = be(ke, f.visibility, o.value));
-      const $e = r.value.width ?? 600;
-      k.push(` <mj-raw>
- <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:${$e}px;" width="${$e}"${Q ? ` bgcolor="${Q}"` : ""}><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
- <div style="margin:0px auto;max-width:${$e}px;">
+      u === "wrap" && h(k.visibility) && (K = be(K, k.visibility, o.value));
+      const ke = r.value.width ?? 600;
+      S.push(` <mj-raw>
+ <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:${ke}px;" width="${ke}"${Z ? ` bgcolor="${Z}"` : ""}><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+ <div style="margin:0px auto;max-width:${ke}px;">
  <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
  <tbody>
  <tr>
  <td${ze}>
- ${ke}
+ ${K}
  </td>
  </tr>
  </tbody>
@@ -4414,23 +4414,23 @@ ${U}</tr>
  <!--[if mso | IE]></td></tr></table><![endif]-->
  </mj-raw>`);
     });
-    let A = _(s, k.join(`
-`), r.value, m, $, r.value.mobileBreakpoint ?? 600, "");
-    return A = Hn(A, u, o.value, a?.value, !0), A;
+    let T = _(s, S.join(`
+`), r.value, p, v, r.value.mobileBreakpoint ?? 600, "");
+    return T = Un(T, u, o.value, a?.value, !0), T;
   };
   return {
     export: async (u = "prune", d) => {
       if (!l("Export")) return;
-      const s = d || "Untitled Template", S = R(u, s), C = ht(s), { minifyOutput: _ } = Kt();
+      const s = d || "Untitled Template", y = x(u, s), C = gt(s), { minifyOutput: _ } = Yt();
       if (_.value) Ae({
-        content: Be("mjml", S),
+        content: Be("mjml", y),
         filename: `${Ne(C, u)}.mjml`,
         mimeType: "text/plain"
       });
       else {
-        const g = await lo(S);
+        const f = await co(y);
         Ae({
-          content: g,
+          content: f,
           filename: `${Ne(C, u)}.mjml`,
           mimeType: "text/plain"
         });
@@ -4438,59 +4438,59 @@ ${U}</tr>
     },
     getMJML: (u = "prune", d) => {
       if (!t.value || t.value.length === 0) return null;
-      const s = R(u, d || "Untitled Template");
+      const s = x(u, d || "Untitled Template");
       return Be("mjml", s);
     }
   };
-}, Do = (e) => {
-  const { rows: t, canvasStyles: r, saveToHistoryFn: n, guardEmpty: o } = e, i = e.notify ?? ((v, b = "Import failed") => console.error(`[maildeno-editor] ${b}: ${v}`)), a = (v) => {
-    const b = v || "Untitled Template";
+}, Fo = (e) => {
+  const { rows: t, canvasStyles: r, saveToHistoryFn: n, guardEmpty: o } = e, i = e.notify ?? ((b, h = "Import failed") => console.error(`[maildeno-editor] ${h}: ${b}`)), a = (b) => {
+    const h = b || "Untitled Template";
     return {
-      template_id: it(b),
-      template_name: b,
-      canvas: Tn(JSON.parse(JSON.stringify(r.value))),
-      rows: An(JSON.parse(JSON.stringify(t.value))),
+      template_id: at(h),
+      template_name: h,
+      canvas: An(JSON.parse(JSON.stringify(r.value))),
+      rows: Rn(JSON.parse(JSON.stringify(t.value))),
       schema_version: "1.0"
     };
   };
   return {
-    export: (v) => {
+    export: (b) => {
       if (!o("Export")) return;
-      const b = a(v);
+      const h = a(b);
       Ae({
-        content: JSON.stringify(b, null, 2),
-        filename: `${ht(b.template_name)}.json`,
+        content: JSON.stringify(h, null, 2),
+        filename: `${gt(h.template_name)}.json`,
         mimeType: "application/json"
       });
     },
-    import: (v, b) => {
-      const E = new FileReader();
-      E.onload = (w) => {
+    import: (b, h) => {
+      const R = new FileReader();
+      R.onload = (E) => {
         try {
-          let R = JSON.parse(w.target?.result);
-          R = vn(R), R.canvas && R.rows ? (r.value = ct(R.canvas), t.value = ut(R.rows), b.value = null, n("import")) : i("That file isn't a Maildeno template. Export one from the editor (Export → JSON) and try again.", "Invalid template file");
-        } catch (R) {
-          i(R.message, "Couldn't load template");
+          let x = JSON.parse(E.target?.result);
+          x = bn(x), x.canvas && x.rows ? (r.value = lt(x.canvas), t.value = ct(x.rows), h.value = null, n("import")) : i("That file isn't a Maildeno template. Export one from the editor (Export → JSON) and try again.", "Invalid template file");
+        } catch (x) {
+          i(x.message, "Couldn't load template");
         }
-      }, E.readAsText(v);
+      }, R.readAsText(b);
     },
-    getJSON: (v) => !t.value || t.value.length === 0 ? null : a(v)
+    getJSON: (b) => !t.value || t.value.length === 0 ? null : a(b)
   };
-}, Fo = 5, gn = /font-family\s*:\s*([^;<]+)/gi, Ho = (e) => e.replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&apos;/g, "'"), Uo = (e) => {
+}, Ho = 5, hn = /font-family\s*:\s*([^;<]+)/gi, Uo = (e) => e.replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&apos;/g, "'"), Jo = (e) => {
   if (!e || typeof e != "string") return [];
   if (e.indexOf("font-family") === -1) return [];
-  const t = Ho(e), r = [];
+  const t = Uo(e), r = [];
   let n;
-  for (gn.lastIndex = 0; (n = gn.exec(t)) !== null; ) {
+  for (hn.lastIndex = 0; (n = hn.exec(t)) !== null; ) {
     const o = n[1];
     if (!o) continue;
     let i = o;
     const a = i.trimStart()[0];
     if (a === '"' || a === "'") {
-      const c = i.indexOf(a), p = i.indexOf(a, c + 1);
-      if (p !== -1) {
-        const v = i.slice(p + 1).search(/["<]/);
-        i = v === -1 ? i : i.slice(0, p + 1 + v);
+      const c = i.indexOf(a), m = i.indexOf(a, c + 1);
+      if (m !== -1) {
+        const b = i.slice(m + 1).search(/["<]/);
+        i = b === -1 ? i : i.slice(0, m + 1 + b);
       }
     } else {
       const c = i.search(/["<]/);
@@ -4500,62 +4500,62 @@ ${U}</tr>
     l && r.push(l);
   }
   return r;
-}, Jo = (e, t, r, n, o, i, a, l, c, p) => {
-  let v, b, E, w;
-  typeof r == "object" && !("value" in r) ? (v = r, b = n, E = o, w = i) : (v = {
+}, Go = (e, t, r, n, o, i, a, l, c, m) => {
+  let b, h, R, E;
+  typeof r == "object" && !("value" in r) ? (b = r, h = n, R = o, E = i) : (b = {
     html: r,
     react: n,
     mjml: o
-  }, b = i, E = a, w = l);
-  const { evaluateVisibility: R } = ft(), { open: M } = p ?? eo(), O = c ?? L({ syntax: "handlebars" }), u = ($, k, A, f, B = 0) => {
-    if (!(B >= Fo))
-      for (const z of $) {
-        const N = z.type;
-        if (N === "row") {
-          if (k === "prune" && !R(z.visibility, A)) continue;
-          for (const F of z.columns ?? []) {
-            const I = F.children ?? F.components ?? [];
-            u(I, k, A, f, B + 1);
+  }, h = i, R = a, E = l);
+  const { evaluateVisibility: x } = mt(), { open: N } = m ?? to(), j = c ?? L({ syntax: "handlebars" }), u = (v, S, T, k, M = 0) => {
+    if (!(M >= Ho))
+      for (const O of v) {
+        const B = O.type;
+        if (B === "row") {
+          if (S === "prune" && !x(O.visibility, T)) continue;
+          for (const D of O.columns ?? []) {
+            const I = D.children ?? D.components ?? [];
+            u(I, S, T, k, M + 1);
           }
           continue;
         }
-        N !== "row-spacer" && (k === "prune" && !R(z.props?.visibility, A) || f(z));
+        B !== "row-spacer" && (S === "prune" && !x(O.props?.visibility, T) || k(O));
       }
-  }, d = ($) => !e.value || e.value.length === 0 ? (M("Your template is empty. Please add at least one row before exporting.", $), !1) : !0, s = ($, k) => {
-    const A = /* @__PURE__ */ new Set();
-    return e.value.forEach((f) => {
-      $ === "prune" && !R(f.visibility, k) || f.columns && f.columns.forEach((B) => {
-        const z = B.children ?? B.components ?? [];
-        u(z, $, k, (N) => {
-          if (N.props?.fontFamily && A.add(N.props.fontFamily), N.props?.mobile?.fontFamily && A.add(N.props.mobile.fontFamily), typeof N.props?.content == "string") {
-            const F = Uo(N.props.content);
-            for (const I of F) A.add(I);
+  }, d = (v) => !e.value || e.value.length === 0 ? (N("Your template is empty. Please add at least one row before exporting.", v), !1) : !0, s = (v, S) => {
+    const T = /* @__PURE__ */ new Set();
+    return e.value.forEach((k) => {
+      v === "prune" && !x(k.visibility, S) || k.columns && k.columns.forEach((M) => {
+        const O = M.children ?? M.components ?? [];
+        u(O, v, S, (B) => {
+          if (B.props?.fontFamily && T.add(B.props.fontFamily), B.props?.mobile?.fontFamily && T.add(B.props.mobile.fontFamily), typeof B.props?.content == "string") {
+            const D = Jo(B.props.content);
+            for (const I of D) T.add(I);
           }
         });
       });
-    }), A;
-  }, S = ($, k, A) => {
-    const f = [];
-    return e.value.forEach((B) => {
-      $ === "prune" && !R(B.visibility, k) || B.columns && B.columns.forEach((z) => {
-        const N = z.children ?? z.components ?? [];
-        u(N, $, k, (F) => {
-          const I = A(F, `eb-${F.id}`);
-          I && f.push(I);
+    }), T;
+  }, y = (v, S, T) => {
+    const k = [];
+    return e.value.forEach((M) => {
+      v === "prune" && !x(M.visibility, S) || M.columns && M.columns.forEach((O) => {
+        const B = O.children ?? O.components ?? [];
+        u(B, v, S, (D) => {
+          const I = T(D, `eb-${D.id}`);
+          I && k.push(I);
         });
       });
-    }), f;
-  }, C = ($, k) => {
-    const A = Ln(e.value), f = k.length > 0 ? `
+    }), k;
+  }, C = (v, S) => {
+    const T = Pn(e.value), k = S.length > 0 ? `
 
 /* Mobile property overrides */
-${k.join(`
+${S.join(`
 
 `)}` : "";
     return `
 .desktop-hide { display: none !important; }
 ul li:last-child, ol li:last-child { margin-bottom: 0 !important; }
-@media only screen and (max-width:${$}px) {
+@media only screen and (max-width:${v}px) {
 ${`
 .email-container { max-width:100% !important; width:100% !important; }
 
@@ -4564,41 +4564,41 @@ ${`
 .mobile-hide { display:none !important; }
 
 .mobile-stack { display:block !important; width:100% !important; min-width:100% !important; max-width:100% !important; box-sizing:border-box !important; }
-${A ? `
-${A}` : ""}${f}
+${T ? `
+${T}` : ""}${k}
 `}
 }`;
-  }, _ = Ce(() => O.value.syntax), g = {
+  }, _ = Ce(() => j.value.syntax), f = {
     rows: e,
     canvasStyles: t,
-    generators: v,
+    generators: b,
     espSyntax: _,
-    visibilityContext: E,
-    tagSubstitution: w,
+    visibilityContext: R,
+    tagSubstitution: E,
     guardEmpty: d,
     collectFonts: s,
-    collectMobileCSS: S,
+    collectMobileCSS: y,
     buildMobileStyleBlock: C
-  }, m = Oo(g), h = zo(g), x = Po(g), y = Do({
+  }, p = jo(f), g = Lo(f), w = Do(f), $ = Fo({
     rows: e,
     canvasStyles: t,
-    saveToHistoryFn: b,
+    saveToHistoryFn: h,
     guardEmpty: d,
-    notify: ($, k) => M($, k ?? "Import failed")
+    notify: (v, S) => N(v, S ?? "Import failed")
   });
   return {
-    exportHTML: m.export,
-    getExportedHTML: m.getHTML,
-    exportReactEmail: h.export,
-    getExportedReactEmail: h.getReactEmail,
-    exportMJML: x.export,
-    getExportedMJML: x.getMJML,
-    exportJSON: y.export,
-    getExportedJSON: y.getJSON,
-    importJSON: y.import,
-    espConfig: O
+    exportHTML: p.export,
+    getExportedHTML: p.getHTML,
+    exportReactEmail: g.export,
+    getExportedReactEmail: g.getReactEmail,
+    exportMJML: w.export,
+    getExportedMJML: w.getMJML,
+    exportJSON: $.export,
+    getExportedJSON: $.getJSON,
+    importJSON: $.import,
+    espConfig: j
   };
-}, Go = 3e3, Me = null, Ue, ot, ae = -1, at = () => ({
+}, qo = 3e3, Me = null, Ue, rt, se = -1, ot = () => ({
   language: "en-US",
   preheaderText: "View this email in your browser",
   bodyBackgroundColor: "#f9fafb",
@@ -4615,320 +4615,320 @@ ${A}` : ""}${f}
     left: 0
   },
   mobileBreakpoint: 600
-}), Qn = /* @__PURE__ */ Symbol("maildeno-editor:email-builder");
-function ya(e, t) {
-  const r = qo(e, t);
-  return Ie(Qn, r), r;
+}), Zn = /* @__PURE__ */ Symbol("maildeno-editor:email-builder");
+function Sa(e, t, r) {
+  const n = Wo(e, t, r);
+  return Ie(Zn, n), n;
 }
-var Sa = () => {
-  const e = Oe(Qn);
+var ka = () => {
+  const e = Oe(Zn);
   if (!e) throw new Error("[maildeno-editor] useEmailBuilder() was called outside an EmailEditor instance. This composable only works inside the component tree under <EmailEditor>, which is where provideEmailBuilder() creates the shared instance.");
   return e;
 };
-function qo(e, t) {
-  const r = e ?? hr(), n = vr(), o = L([]), i = L(null), a = L(at()), l = L(null), c = L([]), p = L(null), v = L(null), b = L("properties"), E = L("desktop"), w = L(!1), R = L(!1), M = L(null), O = L("create"), u = L({}), d = L(null), s = (T, j, J = "") => {
-    d.value = {
-      componentId: T,
-      tagName: j,
+function Wo(e, t, r) {
+  const n = e ?? vr(), o = br(), i = L([]), a = L(null), l = L(ot()), c = L(null), m = L([]), b = L(null), h = L(null), R = L("properties"), E = L("desktop"), x = L(!1), N = L(!1), j = L(null), u = L("create"), d = L({}), s = L(null), y = (A, z, J = "") => {
+    s.value = {
+      componentId: A,
+      tagName: z,
       default: J
     };
-  }, S = L({}), C = L(!1), _ = L({}), g = L(!1), m = L(null), h = L(null), x = L(!1), y = L(!1), $ = L(null), k = L({ syntax: "handlebars" }), { defaultProps: A } = jt(), f = xr(), B = () => f.getCurrentState(o, a), z = (T) => f.restoreState(T, o, a, i, p, v), { generateHTMLComponent: N } = Gr(), { generateReactEmailComponent: F } = Yr(), { generateMJMLComponent: I } = Nn(), P = {
-    html: N,
-    react: F,
-    mjml: I
-  }, { saveToLocal: V, flushSave: q, loadFromLocal: W, clearLocal: Q, hasDraft: se, saveStatus: pe, lastSaved: me } = Ur(), { syncFontsForTemplate: le } = gt(), ze = 5, Le = (T) => {
-    const j = /* @__PURE__ */ new Set(), J = (G, we) => {
-      if (!(we >= ze))
-        for (const Ke of G) {
-          if (!Ke) continue;
-          const Qt = Ke.type;
-          if (Qt === "row") {
-            for (const Zt of Ke.columns ?? []) J(Zt.children ?? Zt.components ?? [], we + 1);
+  }, C = L({}), _ = L(!1), f = L({}), p = L(!1), g = L(null), w = L(null), $ = L(!1), v = L(!1), S = L(null), T = L({ syntax: "handlebars" }), { defaultProps: k } = zt(), M = Cr(), O = () => M.getCurrentState(i, l), B = (A) => M.restoreState(A, i, l, a, b, h), { generateHTMLComponent: D } = qr(), { generateReactEmailComponent: I } = Xr(), { generateMJMLComponent: P } = Bn(), V = {
+    html: D,
+    react: I,
+    mjml: P
+  }, { saveToLocal: q, flushSave: W, loadFromLocal: Z, clearLocal: ee, hasDraft: me, saveStatus: Se, lastSaved: oe } = Jr(), { syncFontsForTemplate: ze } = ft(), Le = 5, ht = (A) => {
+    const z = /* @__PURE__ */ new Set(), J = (G, we) => {
+      if (!(we >= Le))
+        for (const Ve of G) {
+          if (!Ve) continue;
+          const Zt = Ve.type;
+          if (Zt === "row") {
+            for (const en of Ve.columns ?? []) J(en.children ?? en.components ?? [], we + 1);
             continue;
           }
-          if (Qt === "row-spacer") continue;
-          const Ye = Ke.props;
-          Ye?.fontFamily && j.add(Ye.fontFamily), Ye?.mobile?.fontFamily && j.add(Ye.mobile.fontFamily);
+          if (Zt === "row-spacer") continue;
+          const Ke = Ve.props;
+          Ke?.fontFamily && z.add(Ke.fontFamily), Ke?.mobile?.fontFamily && z.add(Ke.mobile.fontFamily);
         }
     };
-    for (const G of T)
+    for (const G of A)
       if (G && G.type !== "row-spacer")
         for (const we of G.columns ?? []) J(we.children ?? we.components ?? [], 0);
-    return Array.from(j);
+    return Array.from(z);
   };
   {
-    let T = null;
-    mr(() => {
-      const j = Le(o.value);
-      T && clearTimeout(T), T = setTimeout(() => {
-        T = null, le(j);
+    let A = null;
+    fr(() => {
+      const z = ht(i.value);
+      A && clearTimeout(A), A = setTimeout(() => {
+        A = null, ze(z);
       }, 200);
     });
   }
-  const We = gr();
-  let U = null, X = !1;
+  const Re = r ?? hr();
+  let U = null, K = !1;
   const ke = () => {
-    X || We.value && (U && clearTimeout(U), U = setTimeout(() => {
+    K || Re.value && (U && clearTimeout(U), U = setTimeout(() => {
       U = null;
-      const T = f.version.value;
-      T !== ae && (ae = T, Ue = l.value ?? void 0, V(o.value, a.value, Me, Ue, ot));
-    }, Go));
+      const A = M.version.value;
+      A !== se && (se = A, Ue = c.value ?? void 0, q(i.value, l.value, Me, Ue, rt));
+    }, qo));
   };
-  function $e(T = "change", j = !1) {
-    f.saveToHistory(B, T, j), ke();
+  function F(A = "change", z = !1) {
+    M.saveToHistory(O, A, z), ke();
   }
-  function H(T) {
-    $e(T, !0);
+  function te(A) {
+    F(A, !0);
   }
-  const D = Sr(o, i, A, H, $e), te = () => D.rebuildIdRegistry(), Re = (T) => D.addRow(T, !0), vt = () => D.addSpacer(!0), bt = (T, j) => D.reorderRows(T, j, !0), Ve = (T, j) => {
-    if (T?.id && (j.add(T.id), T.type === "row" && Array.isArray(T.columns)))
-      for (const J of T.columns) {
-        J?.id && j.add(J.id);
+  const H = kr(i, a, k, te, F), Q = () => H.rebuildIdRegistry(), vt = (A) => H.addRow(A, !0), bt = () => H.addSpacer(!0), $t = (A, z) => H.reorderRows(A, z, !0), We = (A, z) => {
+    if (A?.id && (z.add(A.id), A.type === "row" && Array.isArray(A.columns)))
+      for (const J of A.columns) {
+        J?.id && z.add(J.id);
         const G = J.children ?? J.components ?? [];
-        for (const we of G) Ve(we, j);
+        for (const we of G) We(we, z);
       }
-  }, $t = (T) => {
-    const j = D.findRow(T);
-    if (j) {
+  }, yt = (A) => {
+    const z = H.findRow(A);
+    if (z) {
       const J = /* @__PURE__ */ new Set();
-      Ve(j, J), i.value && J.has(i.value) && (i.value = null), p.value && J.has(p.value) && (p.value = null), v.value && (J.has(v.value.rowId) || J.has(v.value.columnId)) && (v.value = null);
+      We(z, J), a.value && J.has(a.value) && (a.value = null), b.value && J.has(b.value) && (b.value = null), h.value && (J.has(h.value.rowId) || J.has(h.value.columnId)) && (h.value = null);
     }
-    D.deleteRow(T);
-  }, yt = Ce(() => ({
-    mergeTagContext: S.value,
-    mergeTagActive: C.value,
-    linkTagContext: _.value,
-    linkTagActive: g.value
-  })), ne = Jo(o, a, P, $e, u, yt, void 0, void 0, k, t);
+    H.deleteRow(A);
+  }, St = Ce(() => ({
+    mergeTagContext: C.value,
+    mergeTagActive: _.value,
+    linkTagContext: f.value,
+    linkTagActive: p.value
+  })), ce = Go(i, l, V, F, d, St, void 0, void 0, T, t);
   {
-    const T = () => {
-      U && (clearTimeout(U), U = null, q(o.value, a.value, Me, Ue, ot), ae = f.version.value);
+    const A = () => {
+      U && (clearTimeout(U), U = null, W(i.value, l.value, Me, Ue, rt), se = M.version.value);
     };
-    window.addEventListener("beforeunload", T), dr(() => {
-      window.removeEventListener("beforeunload", T), U && (clearTimeout(U), U = null, q(o.value, a.value, Me, Ue, ot), ae = f.version.value);
+    window.addEventListener("beforeunload", A), pr(() => {
+      window.removeEventListener("beforeunload", A), U && (clearTimeout(U), U = null, W(i.value, l.value, Me, Ue, rt), se = M.version.value);
     });
   }
-  const Yt = () => {
-    if (o.value.length > 0)
-      return w.value = !0, te(), i.value = null, p.value = null, v.value = null, b.value = "properties", null;
-    const T = W();
-    return !T || T.templateId !== null ? (w.value = !0, null) : (w.value = !1, X = !0, o.value = T.rows, a.value = T.canvas, i.value = null, p.value = null, v.value = null, b.value = "properties", ye(() => {
-      X = !1, te(), f.initialize(B()), ae = f.version.value, w.value = !0;
-    }), me.value = new Date(T.updatedAt), T.name !== void 0 && (l.value = T.name), T.tags !== void 0 && (c.value = T.tags), T.updatedAt);
-  }, Zn = async (T) => {
-    if (!We.value) throw new Error("[maildeno-editor] this editor has no saveTemplate — nothing was saved");
-    const { templateId: j } = await r.saveTemplate(T, M.value ?? void 0);
-    M.value = j, O.value === "create" && (O.value = "edit");
-    const J = ne.getExportedJSON(T.name);
-    return J && console.info("[maildeno-editor] Saved — exported JSON:", J), j;
-  }, er = async (T) => {
-    const j = await r.loadTemplate(T);
-    return j ? (Xt({
-      canvas: j.canvasStyles,
-      content: { rows: j.rows },
-      name: j.name,
-      tags: j.tags
-    }, T), M.value = T, O.value = "edit", !0) : !1;
-  }, tr = () => {
-    w.value = !1, v.value = null, p.value = null, b.value = "properties", U && (clearTimeout(U), U = null);
-    const T = W();
-    if (T && T.templateId === null) {
-      Yt();
+  const Xt = () => {
+    if (i.value.length > 0)
+      return x.value = !0, Q(), a.value = null, b.value = null, h.value = null, R.value = "properties", null;
+    const A = Z();
+    return !A || A.templateId !== null ? (x.value = !0, null) : (x.value = !1, K = !0, i.value = A.rows, l.value = A.canvas, a.value = null, b.value = null, h.value = null, R.value = "properties", $e(() => {
+      K = !1, Q(), M.initialize(O()), se = M.version.value, x.value = !0;
+    }), oe.value = new Date(A.updatedAt), A.name !== void 0 && (c.value = A.name), A.tags !== void 0 && (m.value = A.tags), A.updatedAt);
+  }, er = async (A) => {
+    if (!Re.value) throw new Error("[maildeno-editor] this editor has no saveTemplate — nothing was saved");
+    const { templateId: z } = await n.saveTemplate(A, j.value ?? void 0);
+    j.value = z, u.value === "create" && (u.value = "edit");
+    const J = ce.getExportedJSON(A.name);
+    return J && console.info("[maildeno-editor] Saved — exported JSON:", J), z;
+  }, tr = async (A) => {
+    const z = await n.loadTemplate(A);
+    return z ? (Qt({
+      canvas: z.canvasStyles,
+      content: { rows: z.rows },
+      name: z.name,
+      tags: z.tags
+    }, A), j.value = A, u.value = "edit", !0) : !1;
+  }, nr = () => {
+    x.value = !1, h.value = null, b.value = null, R.value = "properties", U && (clearTimeout(U), U = null);
+    const A = Z();
+    if (A && A.templateId === null) {
+      Xt();
       return;
     }
-    T && T.templateId !== null && Q(), X = !0, o.value = [], i.value = null, a.value = at(), Me = null, l.value = null, c.value = [], ye(() => {
-      X = !1, te(), f.initialize(B()), ae = f.version.value, w.value = !0;
+    A && A.templateId !== null && ee(), K = !0, i.value = [], a.value = null, l.value = ot(), Me = null, c.value = null, m.value = [], $e(() => {
+      K = !1, Q(), M.initialize(O()), se = M.version.value, x.value = !0;
     });
-  }, nr = () => {
-    w.value = !1, v.value = null, p.value = null, b.value = "properties", U && (clearTimeout(U), U = null), Q(), X = !0, o.value = [], i.value = null, a.value = at(), Me = null, M.value = null, O.value = "create", l.value = null, c.value = [], ye(() => {
-      X = !1, te(), f.initialize(B()), ae = f.version.value, w.value = !0;
+  }, rr = () => {
+    x.value = !1, h.value = null, b.value = null, R.value = "properties", U && (clearTimeout(U), U = null), ee(), K = !0, i.value = [], a.value = null, l.value = ot(), Me = null, j.value = null, u.value = "create", c.value = null, m.value = [], $e(() => {
+      K = !1, Q(), M.initialize(O()), se = M.version.value, x.value = !0;
     });
-  }, Xt = (T, j, J) => {
-    w.value = !1, Me = j, Ue = T.name, ot = T.tags, l.value = T.name ?? null, c.value = T.tags ?? [], U && (clearTimeout(U), U = null);
-    const G = W();
-    if (G && G.templateId === j) {
-      console.info(`[EmailBuilder] Restoring local draft for template ${j} (saved ${G.updatedAt}).`), G.name !== void 0 && (l.value = G.name), G.tags !== void 0 && (c.value = G.tags), X = !0, a.value = G.canvas, o.value = G.rows, i.value = null, p.value = null, v.value = null, b.value = "properties", ye(() => {
-        X = !1, te(), f.initialize(B()), ae = f.version.value, w.value = !0, J?.();
-      }), me.value = new Date(G.updatedAt);
+  }, Qt = (A, z, J) => {
+    x.value = !1, Me = z, Ue = A.name, rt = A.tags, c.value = A.name ?? null, m.value = A.tags ?? [], U && (clearTimeout(U), U = null);
+    const G = Z();
+    if (G && G.templateId === z) {
+      console.info(`[EmailBuilder] Restoring local draft for template ${z} (saved ${G.updatedAt}).`), G.name !== void 0 && (c.value = G.name), G.tags !== void 0 && (m.value = G.tags), K = !0, l.value = G.canvas, i.value = G.rows, a.value = null, b.value = null, h.value = null, R.value = "properties", $e(() => {
+        K = !1, Q(), M.initialize(O()), se = M.version.value, x.value = !0, J?.();
+      }), oe.value = new Date(G.updatedAt);
       return;
     }
-    G && G.templateId !== j && (console.info(`[EmailBuilder] Clearing stale draft (belongs to ${G.templateId}, current is ${j}).`), Q()), X = !0, a.value = ct(JSON.parse(JSON.stringify(T.canvas))), o.value = ut(JSON.parse(JSON.stringify(T.content?.rows ?? []))), i.value = null, p.value = null, v.value = null, b.value = "properties", ye(() => {
-      X = !1, te(), f.initialize(B()), ae = f.version.value, w.value = !0, J?.();
+    G && G.templateId !== z && (console.info(`[EmailBuilder] Clearing stale draft (belongs to ${G.templateId}, current is ${z}).`), ee()), K = !0, l.value = lt(JSON.parse(JSON.stringify(A.canvas))), i.value = ct(JSON.parse(JSON.stringify(A.content?.rows ?? []))), a.value = null, b.value = null, h.value = null, R.value = "properties", $e(() => {
+      K = !1, Q(), M.initialize(O()), se = M.version.value, x.value = !0, J?.();
     });
-  }, St = (T, j = "restore-version") => {
-    U && (clearTimeout(U), U = null), X = !0, a.value = ct(JSON.parse(JSON.stringify(T.canvas))), o.value = ut(JSON.parse(JSON.stringify(T.content?.rows ?? []))), i.value = null, p.value = null, v.value = null, b.value = "properties", ye(() => {
-      X = !1, te(), H(j);
+  }, kt = (A, z = "restore-version") => {
+    U && (clearTimeout(U), U = null), K = !0, l.value = lt(JSON.parse(JSON.stringify(A.canvas))), i.value = ct(JSON.parse(JSON.stringify(A.content?.rows ?? []))), a.value = null, b.value = null, h.value = null, R.value = "properties", $e(() => {
+      K = !1, Q(), te(z);
     });
-  }, rr = () => {
-    f.undo(z) && (te(), ke());
   }, or = () => {
-    f.redo(z) && (te(), ke());
+    M.undo(B) && (Q(), ke());
   }, ar = () => {
-    o.value = [], i.value = null, p.value = null, v.value = null, b.value = "properties", a.value = at(), ye(() => {
-      te(), f.initialize(B()), ae = f.version.value;
-    });
+    M.redo(B) && (Q(), ke());
   }, ir = () => {
-    n.require({
+    i.value = [], a.value = null, b.value = null, h.value = null, R.value = "properties", l.value = ot(), $e(() => {
+      Q(), M.initialize(O()), se = M.version.value;
+    });
+  }, sr = () => {
+    o.require({
       message: "Are you sure you want to clear the current template? This cannot be undone.",
       header: "Clear Template",
       acceptLabel: "Yes",
       rejectLabel: "Cancel",
       acceptClass: "!bg-red-600 !hover:bg-red-700 !border-red-600 !px-6 !py-2",
       rejectClass: "!bg-gray-200 !hover:bg-gray-300 !text-gray-800 !border-gray-200 !px-6 !py-2",
-      accept: () => ar(),
+      accept: () => ir(),
       reject: () => {
       }
     });
-  }, sr = (T, j = {}) => {
-    const J = vn(T), G = {
+  }, lr = (A, z = {}) => {
+    const J = bn(A), G = {
       canvas: J.canvas,
       content: { rows: J.rows }
     };
-    if (j.history === "reset") {
-      St(G, "set-json"), ye(() => {
-        f.initialize(B()), ae = f.version.value;
+    if (z.history === "reset") {
+      kt(G, "set-json"), $e(() => {
+        M.initialize(O()), se = M.version.value;
       });
       return;
     }
-    St(G, "set-json");
-  }, lr = () => {
-    const T = i.value;
-    if (!T) return null;
-    const j = D.findComponent(T);
+    kt(G, "set-json");
+  }, cr = () => {
+    const A = a.value;
+    if (!A) return null;
+    const z = H.findComponent(A);
     return {
-      id: T,
-      type: j?.componentType ?? j?.type ?? null
+      id: A,
+      type: z?.componentType ?? z?.type ?? null
     };
-  }, cr = (T) => T !== null && !D.findComponent(T) ? !1 : (i.value = T, !0), ur = (T) => hn(() => f.version.value, () => T());
+  }, ur = (A) => A !== null && !H.findComponent(A) ? !1 : (a.value = A, !0), dr = (A) => vn(() => M.version.value, () => A());
   return {
-    rows: o,
-    canvasStyles: a,
-    templateTags: c,
-    savedTemplateName: l,
+    rows: i,
+    canvasStyles: l,
+    templateTags: m,
+    savedTemplateName: c,
     previewMode: E,
-    sidebarTab: b,
-    selectedId: i,
-    selectedRowId: p,
-    selectedColumn: v,
-    visibilityPreviewContext: u,
-    mergeTagInsertQueue: d,
-    triggerMergeTagInsert: s,
-    mergeTagPreviewContext: S,
-    mergeTagPreviewActive: C,
-    linkTagPreviewContext: _,
-    linkTagPreviewActive: g,
-    isBuilderReady: w,
-    linksActive: R,
-    espConfig: k,
-    canvasHoveredId: m,
-    nestedRowDragId: h,
-    isRowDragActive: x,
-    isTopLevelRowDragActive: y,
-    layerHoveredId: $,
-    addRow: D.addRow,
-    addNestedRow: D.addNestedRow,
-    findRow: D.findRow,
-    deleteRow: $t,
-    moveRow: D.moveRow,
-    moveNestedRow: D.moveNestedRow,
-    reorderRows: D.reorderRows,
-    addSpacer: D.addSpacer,
-    duplicateRow: D.duplicateRow,
-    duplicateRowSpacer: D.duplicateRowSpacer,
-    addRowSilent: Re,
-    addSpacerSilent: vt,
-    reorderRowsSilent: bt,
-    addComponent: D.addComponent,
-    addComponentAtIndex: D.addComponentAtIndex,
-    deleteComponent: D.deleteComponent,
-    moveComponent: D.moveComponent,
-    moveComponentBetweenColumns: D.moveComponentBetweenColumns,
-    findComponent: D.findComponent,
-    updateComponent: D.updateComponent,
-    duplicateComponent: D.duplicateComponent,
-    exportHTML: ne.exportHTML,
-    getExportedHTML: ne.getExportedHTML,
-    exportReactEmail: ne.exportReactEmail,
-    getExportedReactEmail: ne.getExportedReactEmail,
-    exportMJML: ne.exportMJML,
-    getExportedMJML: ne.getExportedMJML,
-    exportJSON: ne.exportJSON,
-    getExportedJSON: ne.getExportedJSON,
-    importJSON: (T) => ne.importJSON(T, i),
-    clearTemplate: ir,
-    undo: rr,
-    redo: or,
-    canUndo: f.canUndo,
-    canRedo: f.canRedo,
-    historyStatus: f.historyStatus,
-    saveToHistory: $e,
-    saveToHistoryImmediate: H,
-    initFromStorage: Yt,
-    clearLocal: Q,
-    loadFromLocal: W,
-    hasDraft: se,
-    saveStatus: pe,
-    lastSaved: me,
-    initForCreate: tr,
-    startNewTemplate: nr,
-    loadTemplate: Xt,
-    loadTemplateById: er,
-    saveTemplate: Zn,
-    templateId: M,
-    builderMode: O,
-    loadVersionSnapshot: St,
-    setJson: sr,
-    getSelection: lr,
-    setSelection: cr,
-    onChange: ur
+    sidebarTab: R,
+    selectedId: a,
+    selectedRowId: b,
+    selectedColumn: h,
+    visibilityPreviewContext: d,
+    mergeTagInsertQueue: s,
+    triggerMergeTagInsert: y,
+    mergeTagPreviewContext: C,
+    mergeTagPreviewActive: _,
+    linkTagPreviewContext: f,
+    linkTagPreviewActive: p,
+    isBuilderReady: x,
+    linksActive: N,
+    espConfig: T,
+    canvasHoveredId: g,
+    nestedRowDragId: w,
+    isRowDragActive: $,
+    isTopLevelRowDragActive: v,
+    layerHoveredId: S,
+    addRow: H.addRow,
+    addNestedRow: H.addNestedRow,
+    findRow: H.findRow,
+    deleteRow: yt,
+    moveRow: H.moveRow,
+    moveNestedRow: H.moveNestedRow,
+    reorderRows: H.reorderRows,
+    addSpacer: H.addSpacer,
+    duplicateRow: H.duplicateRow,
+    duplicateRowSpacer: H.duplicateRowSpacer,
+    addRowSilent: vt,
+    addSpacerSilent: bt,
+    reorderRowsSilent: $t,
+    addComponent: H.addComponent,
+    addComponentAtIndex: H.addComponentAtIndex,
+    deleteComponent: H.deleteComponent,
+    moveComponent: H.moveComponent,
+    moveComponentBetweenColumns: H.moveComponentBetweenColumns,
+    findComponent: H.findComponent,
+    updateComponent: H.updateComponent,
+    duplicateComponent: H.duplicateComponent,
+    exportHTML: ce.exportHTML,
+    getExportedHTML: ce.getExportedHTML,
+    exportReactEmail: ce.exportReactEmail,
+    getExportedReactEmail: ce.getExportedReactEmail,
+    exportMJML: ce.exportMJML,
+    getExportedMJML: ce.getExportedMJML,
+    exportJSON: ce.exportJSON,
+    getExportedJSON: ce.getExportedJSON,
+    importJSON: (A) => ce.importJSON(A, a),
+    clearTemplate: sr,
+    undo: or,
+    redo: ar,
+    canUndo: M.canUndo,
+    canRedo: M.canRedo,
+    historyStatus: M.historyStatus,
+    saveToHistory: F,
+    saveToHistoryImmediate: te,
+    initFromStorage: Xt,
+    clearLocal: ee,
+    loadFromLocal: Z,
+    hasDraft: me,
+    saveStatus: Se,
+    lastSaved: oe,
+    initForCreate: nr,
+    startNewTemplate: rr,
+    loadTemplate: Qt,
+    loadTemplateById: tr,
+    saveTemplate: er,
+    templateId: j,
+    builderMode: u,
+    loadVersionSnapshot: kt,
+    setJson: lr,
+    getSelection: cr,
+    setSelection: ur,
+    onChange: dr
   };
 }
 export {
-  Jr as A,
-  Ko as B,
-  la as C,
-  ia as D,
-  eo as E,
-  ea as F,
-  hr as G,
-  Xo as H,
-  dt as I,
-  $n as K,
-  Rt as L,
-  An as M,
-  oa as N,
-  Ut as O,
-  ra as P,
-  ta as R,
-  pa as S,
-  sa as T,
-  Yo as U,
-  Qo as V,
-  Zo as W,
+  Gr as A,
+  Yo as B,
+  ca as C,
+  sa as D,
+  to as E,
+  ta as F,
+  vr as G,
+  Qo as H,
+  ut as I,
+  yn as K,
+  Et as L,
+  Rn as M,
+  aa as N,
+  Jt as O,
+  oa as P,
+  na as R,
+  ma as S,
+  la as T,
+  Xo as U,
+  Zo as V,
+  ea as W,
   Je as _,
-  ba as a,
-  ca as b,
-  va as c,
-  ga as d,
-  pn as f,
-  no as g,
-  ro as h,
-  ko as i,
-  Tn as j,
-  aa as k,
-  ha as l,
-  ma as m,
-  Sa as n,
-  $a as o,
-  uo as p,
-  K as q,
-  Kt as r,
-  So as s,
-  ya as t,
-  fa as u,
-  gt as v,
-  ft as w,
-  ua as x,
-  da as y,
-  vr as z
+  $a as a,
+  ua as b,
+  ba as c,
+  ha as d,
+  mn as f,
+  ro as g,
+  oo as h,
+  wo as i,
+  An as j,
+  ia as k,
+  va as l,
+  fa as m,
+  ka as n,
+  ya as o,
+  po as p,
+  Y as q,
+  Yt as r,
+  ko as s,
+  Sa as t,
+  ga as u,
+  ft as v,
+  mt as w,
+  da as x,
+  pa as y,
+  br as z
 };