npm - @boxcc/maildeno-editor - Versions diffs - 0.4.13 → 0.4.14 - Mend

@boxcc/maildeno-editor 0.4.13 → 0.4.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (25) hide show

package/dist/{useEmailBuilder-B19p-2yp.js → useEmailBuilder-D3uV7dwL.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 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 P, shallowRef as pr, watch as hn, watchEffect as mr } from "vue";
-var ot = (e) => e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "") || "untitled_template";
+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) {
   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) {
@@ -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: ot(t),
+      template_id: it(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: ot("Untitled Template"),
+    template_id: it("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: ot(t),
+      template_id: it(t),
       template_name: t,
       canvas: e.canvasStyles,
       rows: e.rows,
@@ -40,16 +40,16 @@ function vn(e) {
   }
   throw new Error("Unrecognized template file format");
 }
-var K = () => crypto.randomUUID().replace(/-/g, "").slice(0, 16), Se = "maildeno:product-rows", Le = "maildeno:template:", kt = "maildeno:versions:", en = 20;
+var K = () => crypto.randomUUID().replace(/-/g, "").slice(0, 16), Se = "maildeno:product-rows", Pe = "maildeno:template:", kt = "maildeno:versions:", en = 20;
 function bn(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) => {
-    const n = r.children ?? r.components ?? [], a = {
+    const n = r.children ?? r.components ?? [], o = {
       ...r,
       id: K(),
       children: n.map((i) => bn(i))
     };
-    return delete a.components, a;
+    return delete o.components, o;
   })), t;
 }
 function fe(e) {
@@ -65,17 +65,17 @@ function De(e, t) {
 }
 function $n() {
   async function e(s) {
-    return s ? fe(Le + s) : null;
+    return s ? fe(Pe + s) : null;
   }
   async function t(s, S) {
     const C = S || K();
     try {
-      const _ = fe(Le + C);
+      const _ = fe(Pe + C);
       _ && b(C, _);
     } catch (_) {
       console.warn("[maildeno-editor] couldn't record a template version:", _);
     }
-    return De(Le + C, {
+    return De(Pe + C, {
       ...s,
       updatedAt: (/* @__PURE__ */ new Date()).toISOString()
     }), { templateId: C };
@@ -84,7 +84,7 @@ function $n() {
     const s = [];
     for (let S = 0; S < localStorage.length; S++) {
       const C = localStorage.key(S);
-      if (!C?.startsWith(Le)) continue;
+      if (!C?.startsWith(Pe)) continue;
       const _ = fe(C);
       s.push({
         templateId: C.slice(18),
@@ -95,34 +95,34 @@ function $n() {
     return s.sort((S, C) => (C.updatedAt ?? "").localeCompare(S.updatedAt ?? ""));
   }
   async function n(s) {
-    localStorage.removeItem(Le + s), localStorage.removeItem(kt + s);
+    localStorage.removeItem(Pe + s), localStorage.removeItem(kt + s);
   }
-  function a(s) {
+  function o(s) {
     return fe(kt + s) ?? [];
   }
   function i(s, S) {
     De(kt + s, S);
   }
-  async function o(s) {
-    return a(s).map(({ snapshot: S, ...C }) => C);
+  async function a(s) {
+    return o(s).map(({ snapshot: S, ...C }) => C);
   }
   async function l(s, S) {
-    return a(s).find((C) => C.versionId === S)?.snapshot ?? null;
+    return o(s).find((C) => C.versionId === S)?.snapshot ?? null;
   }
   async function c(s, S) {
-    i(s, a(s).filter((C) => C.versionId !== S));
+    i(s, o(s).filter((C) => C.versionId !== S));
   }
-  async function d(s) {
-    i(s, a(s).filter((S) => S.kept));
+  async function p(s) {
+    i(s, o(s).filter((S) => S.kept));
   }
   async function v(s, S, C) {
-    i(s, a(s).map((_) => _.versionId === S ? {
+    i(s, o(s).map((_) => _.versionId === S ? {
       ..._,
       kept: C
     } : _));
   }
   function b(s, S) {
-    const C = a(s);
+    const C = o(s);
     C.unshift({
       versionId: K(),
       createdAt: (/* @__PURE__ */ new Date()).toISOString(),
@@ -163,11 +163,11 @@ function $n() {
       name: S.trim() || _.name
     } : _));
   }
-  function p(s) {
+  function u(s) {
     const S = (fe(Se) ?? []).find((C) => C.id === s);
     return S ? bn(S.row) : null;
   }
-  async function u(s) {
+  async function d(s) {
     return new Promise((S, C) => {
       const _ = new FileReader();
       _.onload = () => S(_.result), _.onerror = () => C(_.error), _.readAsDataURL(s);
@@ -178,18 +178,18 @@ function $n() {
     saveTemplate: t,
     listTemplates: r,
     deleteTemplate: n,
-    listTemplateVersions: o,
+    listTemplateVersions: a,
     getTemplateVersion: l,
     deleteTemplateVersion: c,
-    deleteAllTemplateVersions: d,
+    deleteAllTemplateVersions: p,
     setTemplateVersionKept: v,
     listSavedRows: E,
     listSystemSavedRows: w,
     saveSavedRow: R,
     deleteSavedRow: M,
     renameSavedRow: O,
-    cloneSavedRowForCanvas: p,
-    uploadImage: u
+    cloneSavedRowForCanvas: u,
+    uploadImage: d
   };
 }
 var yn = /* @__PURE__ */ Symbol("maildeno-editor:storage-adapter");
@@ -197,21 +197,21 @@ function fr(e) {
   const t = $n();
   if (!e) return t;
   const r = { ...t };
-  for (const [n, a] of Object.entries(e)) typeof a == "function" && (r[n] = a);
+  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 Wa(e) {
+function Ko(e) {
   Ie(Sn, e);
 }
 var kn = /* @__PURE__ */ Symbol("maildeno-editor:has-template-library");
-function Va() {
+function Yo() {
   return Oe(kn, !0);
 }
-function Ka(e) {
+function Xo(e) {
   const t = fr(e);
   return Ie(yn, t), Ie(kn, !e || typeof e.listTemplates == "function"), t;
 }
@@ -219,23 +219,23 @@ 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 Ya(e) {
+function Qo(e) {
   Ie(wn, e);
 }
-function Xa() {
+function Zo() {
   return Oe(wn, Ce(() => ({})));
 }
-var dt = pr(null), Rt = P(!1);
+var dt = pr(null), Rt = L(!1);
 function Ot() {
   Rt.value = !1, setTimeout(() => {
     Rt.value || (dt.value = null);
   }, 200);
 }
-function Qa() {
+function ea() {
   const e = dt.value;
   Ot(), e?.accept?.();
 }
-function Za() {
+function ta() {
   const e = dt.value;
   Ot(), e?.reject?.();
 }
@@ -254,7 +254,7 @@ var _e = () => ({
 }), Et = () => ({
   desktopHide: !1,
   mobileHide: !1
-}), ae = () => ({
+}), oe = () => ({
   visibility: _e(),
   ...Et()
 }), br = Object.freeze({
@@ -264,7 +264,7 @@ var _e = () => ({
 }), $r = Object.freeze({
   desktopHide: !1,
   mobileHide: !1
-}), eo = Object.freeze({
+}), na = Object.freeze({
   visibility: br,
   ...$r
 }), wt = (e) => ({
@@ -281,7 +281,7 @@ var _e = () => ({
       position: 100
     }]
   }
-}), Ye = () => ({
+}), Xe = () => ({
   useGradient: !1,
   solid: "transparent",
   gradient: {
@@ -306,7 +306,7 @@ var _e = () => ({
     fontStyle: "normal",
     letterSpacing: 0,
     backgroundColor: "transparent",
-    backgroundGradient: Ye(),
+    backgroundGradient: Xe(),
     margin: {
       top: 0,
       right: 0,
@@ -338,7 +338,7 @@ var _e = () => ({
       margin: null,
       padding: null
     },
-    ...ae()
+    ...oe()
   },
   heading: {
     content: "Heading Text",
@@ -350,7 +350,7 @@ var _e = () => ({
     fontFamily: "Arial",
     letterSpacing: 0,
     backgroundColor: "transparent",
-    backgroundGradient: Ye(),
+    backgroundGradient: Xe(),
     margin: {
       top: 0,
       right: 0,
@@ -381,7 +381,7 @@ var _e = () => ({
       margin: null,
       padding: null
     },
-    ...ae()
+    ...oe()
   },
   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
     },
-    ...ae()
+    ...oe()
   },
   video: {
     fallbackLink: "https://example.com",
@@ -455,7 +455,7 @@ var _e = () => ({
       borderRadius: null,
       border: null
     },
-    ...ae()
+    ...oe()
   },
   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: Ye(),
+    backgroundGradient: Xe(),
     margin: {
       top: 0,
       right: 0,
@@ -491,7 +491,7 @@ var _e = () => ({
       padding: null,
       itemSpacing: null
     },
-    ...ae()
+    ...oe()
   },
   button: {
     text: "Click Me",
@@ -545,7 +545,7 @@ var _e = () => ({
       border: null,
       align: null
     },
-    ...ae()
+    ...oe()
   },
   anchor: {
     text: "Click here",
@@ -580,7 +580,7 @@ var _e = () => ({
       padding: null,
       align: null
     },
-    ...ae()
+    ...oe()
   },
   divider: {
     backgroundColor: "#cccccc",
@@ -609,7 +609,7 @@ var _e = () => ({
       padding: null,
       align: null
     },
-    ...ae()
+    ...oe()
   },
   spacer: {
     height: 20,
@@ -620,7 +620,7 @@ var _e = () => ({
       backgroundColor: null,
       backgroundGradient: null
     },
-    ...ae()
+    ...oe()
   },
   menu: {
     items: [
@@ -650,7 +650,7 @@ var _e = () => ({
     textTransform: "none",
     textDecoration: "none",
     backgroundColor: "transparent",
-    backgroundGradient: Ye(),
+    backgroundGradient: Xe(),
     spacing: 16,
     align: "center",
     margin: {
@@ -683,7 +683,7 @@ var _e = () => ({
       margin: null,
       padding: null
     },
-    ...ae()
+    ...oe()
   },
   socials: {
     platforms: [
@@ -728,9 +728,9 @@ var _e = () => ({
       margin: null,
       padding: null
     },
-    ...ae()
+    ...oe()
   }
-} }), to = (e) => e.trim().toLowerCase().replace(/\s+/g, "_").replace(/[^a-z0-9_]/g, ""), no = (e) => e.split("_").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(" "), xn = () => `row_${K().slice(0, 4)}`, Fe = (e) => ({
+} }), 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) => ({
   useGradient: !1,
   solid: e,
   gradient: {
@@ -747,20 +747,20 @@ var _e = () => ({
 }), he = (e) => e.children ?? e.components ?? [], He = (e) => (e.children || (e.children = e.components ?? []), e.children), zt = (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) => {
-    const n = r.children ?? r.components ?? [], a = {
+    const n = r.children ?? r.components ?? [], o = {
       ...r,
       id: K(),
       children: n.map((i) => zt(i))
     };
-    return delete a.components, a;
+    return delete o.components, o;
   })), t;
-}, Xe = (e, t) => {
+}, Qe = (e, t) => {
   const r = zt(e);
   if (r.type === "row-spacer") return r;
-  const n = e.name ?? xn(), a = new Set(t.map((l) => l.name));
-  let i = `${n}_copy`, o = 2;
-  for (; a.has(i); )
-    i = `${n}_copy_${o}`, o++;
+  const n = e.name ?? xn(), 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) => {
   for (let r = 0; r < e.length; r++) {
@@ -770,8 +770,8 @@ var _e = () => ({
       index: r,
       element: n
     };
-    if (n.type === "row") for (const a of n.columns ?? []) {
-      const i = ve(a.children ?? a.components ?? [], t);
+    if (n.type === "row") for (const o of n.columns ?? []) {
+      const i = ve(o.children ?? o.components ?? [], t);
       if (i) return i;
     }
   }
@@ -780,12 +780,12 @@ var _e = () => ({
   for (const r of e) {
     if (r.id === t) return r;
     if (r.type === "row" && r.columns) for (const n of r.columns) {
-      const a = he(n);
-      for (const i of a) {
+      const o = he(n);
+      for (const i of o) {
         if (i.id === t && i.type === "row") return i;
         if (i.type === "row" && i.columns) {
-          const o = xe([i], t);
-          if (o) return o;
+          const a = xe([i], t);
+          if (a) return a;
         }
       }
     }
@@ -796,8 +796,8 @@ var _e = () => ({
   const t = (r) => {
     for (const n of r)
       if (n?.id && (re.set(n.id, n), n.type === "row" && Array.isArray(n.columns)))
-        for (const a of n.columns)
-          a?.id && re.set(a.id, a), t(a.children ?? a.components ?? []);
+        for (const o of n.columns)
+          o?.id && re.set(o.id, o), t(o.children ?? o.components ?? []);
   };
   t(e);
 }, ie = (e) => {
@@ -807,14 +807,14 @@ var _e = () => ({
       const r = t.children ?? t.components ?? [];
       for (const n of r) ie(n);
     }
-}, it = (e) => {
+}, st = (e) => {
   if (e?.id && (re.delete(e.id), e.type === "row" && Array.isArray(e.columns)))
     for (const t of e.columns) {
       t?.id && re.delete(t.id);
       const r = t.children ?? t.components ?? [];
-      for (const n of r) it(n);
+      for (const n of r) st(n);
     }
-}, Sr = (e, t, r, n, a = 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;
@@ -882,7 +882,7 @@ var _e = () => ({
     e.value.push(y);
     const $ = e.value[e.value.length - 1];
     ie($), m || n("add-row");
-  }, o = (g, m, h, x) => {
+  }, a = (g, m, h, x) => {
     const y = xe(e.value, g);
     if (!y?.columns) return;
     const $ = y.columns.find((N) => N.id === m);
@@ -962,7 +962,7 @@ var _e = () => ({
     const m = e.value.findIndex((h) => h.id === g);
     if (m !== -1) {
       const [h] = e.value.splice(m, 1);
-      it(h), n("delete-row");
+      st(h), n("delete-row");
       return;
     }
     for (const h of e.value)
@@ -971,11 +971,11 @@ var _e = () => ({
           const y = he(x), $ = ve(y, g);
           if ($) {
             const [k] = $.parentChildren.splice($.index, 1);
-            it(k), n("delete-row");
+            st(k), n("delete-row");
             return;
           }
         }
-  }, d = (g, m) => {
+  }, p = (g, m) => {
     const h = e.value.findIndex((y) => y.id === g);
     if (h !== -1) {
       const y = m === "up" ? h - 1 : h + 1;
@@ -1060,7 +1060,7 @@ var _e = () => ({
   }, w = (g) => {
     const m = e.value.findIndex((h) => h.id === g);
     if (m !== -1) {
-      const h = Xe(e.value[m], e.value);
+      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");
@@ -1071,7 +1071,7 @@ var _e = () => ({
         for (const x of h.columns) {
           const y = he(x), $ = ve(y, g);
           if ($) {
-            const k = Xe($.element, $.parentChildren);
+            const k = Qe($.element, $.parentChildren);
             $.parentChildren.splice($.index + 1, 0, k);
             const A = $.parentChildren[$.index + 1];
             ie(A), n("duplicate-row");
@@ -1081,7 +1081,7 @@ var _e = () => ({
   }, R = (g) => {
     const m = e.value.findIndex((h) => h.id === g);
     if (m !== -1) {
-      const h = Xe(e.value[m], e.value);
+      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");
@@ -1092,7 +1092,7 @@ var _e = () => ({
         for (const x of h.columns) {
           const y = he(x), $ = ve(y, g);
           if ($) {
-            const k = Xe($.element, $.parentChildren);
+            const k = Qe($.element, $.parentChildren);
             $.parentChildren.splice($.index + 1, 0, k);
             const A = $.parentChildren[$.index + 1];
             ie(A), n("duplicate-row-spacer");
@@ -1127,18 +1127,18 @@ var _e = () => ({
     A.splice(x, 0, k);
     const f = A[x];
     ie(f), t.value = f.id, n("add-component");
-  }, p = (g) => {
+  }, 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);
-            it($), t.value === g && (t.value = null), n("delete-component");
+            st($), t.value === g && (t.value = null), n("delete-component");
             return;
           }
         }
-  }, u = (g, m) => {
+  }, d = (g, m) => {
     for (const h of e.value)
       if (h.columns)
         for (const x of h.columns) {
@@ -1185,10 +1185,10 @@ var _e = () => ({
   };
   return {
     addRow: i,
-    addNestedRow: o,
+    addNestedRow: a,
     findRow: l,
     deleteRow: c,
-    moveRow: d,
+    moveRow: p,
     moveNestedRow: v,
     reorderRows: b,
     addSpacer: E,
@@ -1196,13 +1196,13 @@ var _e = () => ({
     duplicateRowSpacer: R,
     addComponent: M,
     addComponentAtIndex: O,
-    deleteComponent: p,
-    moveComponent: u,
+    deleteComponent: u,
+    moveComponent: d,
     moveComponentBetweenColumns: s,
     findComponent: S,
     updateComponent: (g, m) => {
       const h = S(g);
-      h && (Object.assign(h.props, m), a("update-component"));
+      h && (Object.assign(h.props, m), o("update-component"));
     },
     duplicateComponent: (g) => {
       for (const m of e.value)
@@ -1221,7 +1221,7 @@ var _e = () => ({
     rebuildIdRegistry: () => tn(e.value)
   };
 }, Z = null, kr = 600, xt = (e) => JSON.parse(JSON.stringify(e)), wr = () => {
-  const t = P([]), r = P(-1), n = P(0), a = Ce(() => r.value > 0), i = Ce(() => r.value < t.value.length - 1), o = Ce(() => `${r.value + 1} / ${t.value.length}`), l = (E, w = "change", R = !1) => {
+  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),
@@ -1230,16 +1230,16 @@ var _e = () => ({
       }), 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 = () => a.value ? (Z && (clearTimeout(Z), Z = null), r.value--, n.value++, xt(t.value[r.value].state)) : null, d = () => i.value ? (Z && (clearTimeout(Z), Z = null), r.value++, n.value++, xt(t.value[r.value].state)) : null, v = () => {
+  }, 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 = () => {
     t.value = [], r.value = -1, n.value++;
   };
   return {
-    canUndo: a,
+    canUndo: o,
     canRedo: i,
-    historyStatus: o,
+    historyStatus: a,
     saveState: l,
     undo: c,
-    redo: d,
+    redo: p,
     clearHistory: v,
     initHistory: (E) => {
       v(), l(E, "initial");
@@ -1247,13 +1247,13 @@ var _e = () => ({
     version: n
   };
 }, xr = () => {
-  const { saveState: e, undo: t, redo: r, canUndo: n, canRedo: a, historyStatus: i, initHistory: o, version: l } = wr();
+  const { saveState: e, undo: t, redo: r, canUndo: n, canRedo: o, historyStatus: i, initHistory: a, version: l } = wr();
   return {
     getCurrentState: (R, M) => ({
       rows: R.value,
       canvasStyles: M.value
     }),
-    restoreState: (R, M, O, p, u, s) => {
+    restoreState: (R, M, O, u, d, s) => {
       if (!R) return;
       M.value = R.rows, O.value = R.canvasStyles;
       const S = /* @__PURE__ */ new Set(), C = (_) => {
@@ -1262,7 +1262,7 @@ var _e = () => ({
             for (const m of g.columns)
               m?.id && S.add(String(m.id)), C(m.children ?? m.components ?? []);
       };
-      if (C(R.rows), p.value && !S.has(String(p.value)) && (p.value = null), u.value && !S.has(String(u.value)) && (u.value = null), s.value) {
+      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);
       }
@@ -1279,14 +1279,14 @@ var _e = () => ({
       return M ? (R(M), M) : null;
     },
     canUndo: n,
-    canRedo: a,
+    canRedo: o,
     historyStatus: i,
     initialize: (R) => {
-      o(R);
+      a(R);
     },
     version: l
   };
-}, Cr = (e) => e == null, Pt = (e) => {
+}, Cr = (e) => e == null, Lt = (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;
@@ -1294,7 +1294,7 @@ var _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);
-}, Ge = (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, nn = (e) => e === !1, _r = (e) => {
   if (!e || typeof e != "object") return !0;
   const t = e;
   return t.top === 0 && t.right === 0 && t.bottom === 0 && t.left === 0;
@@ -1310,7 +1310,7 @@ var _e = () => ({
 }, Er = (e) => {
   const t = {};
   for (const [r, n] of Object.entries(e))
-    Cr(n) || r === "backgroundGradient" && Ge(n) || (t[r] = n);
+    Cr(n) || r === "backgroundGradient" && qe(n) || (t[r] = n);
   return Object.keys(t).length > 0 ? t : void 0;
 }, Mr = (e) => {
   const t = { ...e.props };
@@ -1318,7 +1318,7 @@ var _e = () => ({
     const r = Er(e.props.mobile);
     r ? t.mobile = r : delete t.mobile;
   }
-  if (Pt(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, Ge(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) {
+  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);
     r === void 0 ? delete t.platforms : t.platforms = r;
   }
@@ -1329,34 +1329,34 @@ var _e = () => ({
     props: t
   };
 }, Ir = (e) => e.type === "component" ? Mr(e) : _n(e), Nr = (e) => {
-  const { id: t, width: r, children: n, components: a, ...i } = e, o = { ...i };
-  Cn(e.border) && delete o.border, Ge(e.backgroundGradient) && delete o.backgroundGradient, pt(e.padding) && delete o.padding, e.backgroundImage || (delete o.backgroundImage, delete o.backgroundSize, delete o.backgroundPosition, delete o.backgroundRepeat);
-  const l = (n ?? a ?? []).map(Ir);
+  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);
   return {
     id: t,
     width: r,
-    ...o,
+    ...a,
     children: l
   };
 }, Br = (e) => {
-  const { id: t, type: r, ...n } = e, a = { ...n };
-  Pt(e.visibility) && delete a.visibility, Ge(e.backgroundGradient) && delete a.backgroundGradient;
-  const { height: i, ...o } = a;
+  const { id: t, type: r, ...n } = e, o = { ...n };
+  Lt(e.visibility) && delete o.visibility, qe(e.backgroundGradient) && delete o.backgroundGradient;
+  const { height: i, ...a } = o;
   return {
     id: t,
     type: r,
     height: i,
-    ...o
+    ...a
   };
 }, _n = (e) => {
   if (e.type === "row-spacer") return Br(e);
-  const { id: t, type: r, name: n, columns: a, ...i } = e, o = { ...i };
-  return Pt(e.visibility) && delete o.visibility, Cn(e.border) && delete o.border, Ge(e.backgroundGradient) && delete o.backgroundGradient, pt(e.padding) && delete o.padding, e.backgroundImage || (delete o.backgroundImage, delete o.backgroundSize, delete o.backgroundPosition, delete o.backgroundRepeat), e.minHeight === 0 && delete o.minHeight, {
+  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, {
     id: t,
     type: r,
     ...n !== void 0 && { name: n },
-    ...o,
-    columns: a?.map(Nr)
+    ...a,
+    columns: o?.map(Nr)
   };
 }, Tn = (e) => {
   const t = { ...e };
@@ -1450,7 +1450,7 @@ var _e = () => ({
     radius: 0
   },
   verticalAlign: "top"
-}, Pr = {
+}, Lr = {
   language: "en-US",
   preheaderText: "View this email in your browser",
   bodyBackgroundColor: "#f9fafb",
@@ -1467,30 +1467,30 @@ var _e = () => ({
     left: 0
   },
   mobileBreakpoint: 600
-}, Lr = (e) => JSON.parse(JSON.stringify(e)), je = (e, t) => {
-  const r = Lr(e);
+}, Pr = (e) => JSON.parse(JSON.stringify(e)), je = (e, t) => {
+  const r = Pr(e);
   for (const n of Object.keys(t)) {
-    const a = t[n], i = e[n];
-    a != null && (typeof a == "object" && !Array.isArray(a) && typeof i == "object" && i !== null && !Array.isArray(i) ? r[n] = je(i, a) : r[n] = a);
+    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];
   if (!n)
     return console.warn(`[Hydrator] Unknown component type "${r}" — skipping hydration.`), e;
-  const a = je(n, e.props);
-  if (n.mobile && typeof n.mobile == "object" && (a.mobile = {
+  const o = je(n, e.props);
+  if (n.mobile && typeof n.mobile == "object" && (o.mobile = {
     ...n.mobile,
-    ...a.mobile ?? {}
-  }, a.mobile && !a.mobile.backgroundGradient && (a.mobile.backgroundGradient = n.mobile.backgroundGradient)), a.visibility = a.visibility ?? _e(), a.desktopHide = a.desktopHide ?? Et().desktopHide, a.mobileHide = a.mobileHide ?? Et().mobileHide, a.margin === void 0 && n.margin && (a.margin = { ...n.margin }), a.padding === void 0 && n.padding && (a.padding = { ...n.padding }), a.letterSpacing === void 0 && n.letterSpacing !== void 0 && (a.letterSpacing = n.letterSpacing), a.backgroundGradient) {
-    const i = a.backgroundColor;
-    i && (a.backgroundGradient.solid = i);
+    ...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) {
+    const i = o.backgroundColor;
+    i && (o.backgroundGradient.solid = i);
   }
-  return !a.backgroundImage && n.backgroundImage !== void 0 && (a.backgroundImage = n.backgroundImage, a.backgroundSize = n.backgroundSize, a.backgroundPosition = n.backgroundPosition, a.backgroundRepeat = n.backgroundRepeat), "icon" in n && (a.icon = a.icon ?? n.icon, a.iconAlt = a.iconAlt ?? n.iconAlt ?? "", a.iconPosition = a.iconPosition ?? n.iconPosition ?? "before", a.iconSize = a.iconSize ?? n.iconSize ?? 20, a.iconGap = a.iconGap ?? n.iconGap ?? 8), {
+  return !o.backgroundImage && n.backgroundImage !== void 0 && (o.backgroundImage = n.backgroundImage, o.backgroundSize = n.backgroundSize, o.backgroundPosition = n.backgroundPosition, o.backgroundRepeat = n.backgroundRepeat), "icon" in n && (o.icon = o.icon ?? n.icon, o.iconAlt = o.iconAlt ?? n.iconAlt ?? "", o.iconPosition = o.iconPosition ?? n.iconPosition ?? "before", o.iconSize = o.iconSize ?? n.iconSize ?? 20, o.iconGap = o.iconGap ?? n.iconGap ?? 8), {
     ...e,
     type: "component",
     componentType: r,
-    props: a
+    props: o
   };
 }, Dr = (e) => {
   if (e.type === "component") return rn(e);
@@ -1501,10 +1501,10 @@ var _e = () => ({
     componentType: e.type
   }) : Rn(e);
 }, Fr = (e) => {
-  const t = e.children ?? e.components ?? [], { components: r, children: n, ...a } = e, i = e.backgroundColor !== void 0 || e.backgroundGradient !== void 0 || e.backgroundImage !== void 0, { backgroundColor: o, backgroundGradient: l, ...c } = zr;
-  let d = je(c, a);
-  return i ? (d.backgroundColor = e.backgroundColor, d.backgroundGradient = e.backgroundGradient) : (d.backgroundColor = o, d.backgroundGradient = l), e.backgroundImage || (d.backgroundImage = "", d.backgroundSize = "cover", d.backgroundPosition = "center center", d.backgroundRepeat = "no-repeat"), {
-    ...d,
+  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)
   };
 }, Hr = (e) => {
@@ -1512,13 +1512,13 @@ var _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: a, backgroundGradient: i, ...o } = Or;
-  let l = je(o, r);
-  return n ? (l.backgroundColor = e.backgroundColor, l.backgroundGradient = e.backgroundGradient) : (l.backgroundColor = a, 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;
+  const { columns: t, ...r } = e, n = e.backgroundColor !== void 0 || e.backgroundGradient !== void 0 || e.backgroundImage !== void 0, { backgroundColor: o, backgroundGradient: i, ...a } = Or;
+  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(Pr, e);
+  const t = je(Lr, 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", an = (e, t, r = null, n, a) => {
+}, ut = (e) => e.map(Rn), ge = "maildeno:autosave", Mt = "1.0", on = (e, t, r = null, n, o) => {
   const i = Date.now();
   return {
     schemaVersion: Mt,
@@ -1527,20 +1527,20 @@ var _e = () => ({
     touchedAt: i,
     updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
     ...n !== void 0 && { name: n },
-    ...a !== void 0 && { tags: a },
+    ...o !== void 0 && { tags: o },
     content: {
       rows: An(e),
       canvas: Tn(t)
     }
   };
 }, Ct = null, Ur = () => {
-  const e = P("idle"), t = P(null);
+  const e = L("idle"), t = L(null);
   return {
-    saveToLocal: (l, c, d = null, v, b) => {
+    saveToLocal: (l, c, p = null, v, b) => {
       e.value = "saving";
       const E = () => {
         try {
-          const w = an(l, c, d, v, b);
+          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(() => {
             e.value = "idle";
           }, 2500);
@@ -1552,9 +1552,9 @@ var _e = () => ({
       };
       typeof window < "u" && "requestIdleCallback" in window ? window.requestIdleCallback(E, { timeout: 2e3 }) : setTimeout(E, 0);
     },
-    flushSave: (l, c, d = null, v, b) => {
+    flushSave: (l, c, p = null, v, b) => {
       try {
-        const E = an(l, c, d, v, b);
+        const E = on(l, c, p, v, b);
         localStorage.setItem(ge, JSON.stringify(E)), t.value = /* @__PURE__ */ new Date();
       } catch {
       }
@@ -1583,8 +1583,8 @@ var _e = () => ({
       try {
         const c = localStorage.getItem(ge);
         if (!c) return !1;
-        const d = JSON.parse(c);
-        return !(Date.now() > d.expiresAt || l !== void 0 && d.templateId !== l);
+        const p = JSON.parse(c);
+        return !(Date.now() > p.expiresAt || l !== void 0 && p.templateId !== l);
       } catch {
         return !1;
       }
@@ -1592,12 +1592,12 @@ var _e = () => ({
     saveStatus: e,
     lastSaved: t
   };
-}, Lt = (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) => {
+}, 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) => {
   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 ro(e, t) {
+function aa(e, t) {
   const r = typeof e == "string" ? t : e;
   if (!r) {
     console.error("[maildeno-editor] registerBlock was called without a definition.");
@@ -1616,23 +1616,23 @@ function ro(e, t) {
 function Ut(e) {
   return Ht.get(e);
 }
-function ao() {
+function ia() {
   return Ht;
 }
 var Gr = () => {
-  const e = (n, a) => {
+  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 : a;
+      const b = n && typeof n == "object" && n.solid ? n.solid : o;
       return !b || b === "transparent" ? "" : `background-color:${b};`;
     }
-    const { type: i, direction: o, colors: l } = n.gradient, c = l.map((b) => `${b.color} ${b.position}%`).join(", "), d = i === "radial" ? `radial-gradient(circle at center, ${c})` : `linear-gradient(${o}, ${c})`, v = n.solid || a || "";
-    return `${v && v !== "transparent" ? `background-color:${v};` : ""}background:${d};`;
-  }, t = (n, a) => n?.useGradient === !0 && Array.isArray(n?.gradient?.colors) && n.gradient.colors.length >= 2 ? {
+    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};`;
+  }, t = (n, o) => n?.useGradient === !0 && Array.isArray(n?.gradient?.colors) && n.gradient.colors.length >= 2 ? {
     vmlOpen: `
 <!--[if mso]>
 <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="t" stroke="f"
   style="mso-width-percent:1000;">
-  <v:fill type="solid" color="${n.solid || a || "#ffffff"}" />
+  <v:fill type="solid" color="${n.solid || o || "#ffffff"}" />
   <v:textbox style="mso-fit-shape-to-text:true;">
 <![endif]-->`,
     vmlClose: `
@@ -1645,33 +1645,33 @@ var Gr = () => {
     vmlClose: ""
   };
   return { generateHTMLComponent: (n) => {
-    const a = n.componentType ?? n.type, { props: i } = n;
-    let o = "";
-    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;` : "", d = 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 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(a);
+    }, b = Ut(o);
     return b ? b.renderEmail.html(i, {
       uid: l,
       marginStyle: c,
-      paddingStyle: d,
+      paddingStyle: p,
       escapeHtml: Dt,
       escapeAttr: Ft,
-      safeUrl: Lt,
+      safeUrl: Pt,
       resolveBgCss: e,
       resolveBgVml: t,
       getResponsiveClasses: v,
       react: null
-    }) : o;
+    }) : 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) => {
   const r = t.indexOf(":");
   if (r < 0) return null;
-  const n = t.slice(0, r).trim(), a = t.slice(r + 1).trim(), i = n.toLowerCase() === "font-family" ? mt(a) : Mn(a);
+  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 a = n.toLowerCase();
-  return a === "true" || a === "false" ? `contentEditable={${a}}` : `contentEditable="${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;
@@ -1681,31 +1681,31 @@ var Gr = () => {
       const v = r && typeof r == "object" && r.solid ? r.solid : n;
       return !v || v === "transparent" ? "" : `background-color:${v};`;
     }
-    const { type: a, direction: i, colors: o } = r.gradient, l = o.map((v) => `${v.color} ${v.position}%`).join(", "), c = a === "radial" ? `radial-gradient(circle at center, ${l})` : `linear-gradient(${i}, ${l})`, d = r.solid || n || "";
-    return `${d && d !== "transparent" ? `background-color:${d};` : ""}background:${c};`;
+    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};`;
   };
   return { generateReactEmailComponent: (r) => {
-    const n = r.componentType ?? r.type, { props: a } = r;
+    const n = r.componentType ?? r.type, { props: o } = r;
     let i = "";
-    const o = `eb-${r.id}`, l = a.margin ? `margin:${a.margin?.top ?? 0}px ${a.margin?.right ?? 0}px ${a.margin?.bottom ?? 0}px ${a.margin?.left ?? 0}px;` : "", c = a.padding ? `padding:${a.padding?.top ?? 0}px ${a.padding?.right ?? 0}px ${a.padding?.bottom ?? 0}px ${a.padding?.left ?? 0}px;` : "", d = (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;` : "", p = (E, w) => E?.useGradient === !0 && Array.isArray(E?.gradient?.colors) && E.gradient.colors.length >= 2 ? {
       vmlOpen: "",
       vmlClose: ""
     } : {
       vmlOpen: "",
       vmlClose: ""
     }, v = (E, w, R) => {
-      const M = [R ? `${o}-${R}` : o];
+      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(a, {
-      uid: o,
+    return b ? b.renderEmail.reactEmail(o, {
+      uid: a,
       marginStyle: l,
       paddingStyle: c,
       escapeHtml: Dt,
       escapeAttr: Ft,
-      safeUrl: Lt,
+      safeUrl: Pt,
       resolveBgCss: e,
-      resolveBgVml: d,
+      resolveBgVml: p,
       getResponsiveClasses: v,
       react: {
         parseCssString: Xr,
@@ -1723,8 +1723,8 @@ function Xr(e) {
   return e.split(";").map((r) => r.trim()).filter(Boolean).forEach((r) => {
     const n = r.indexOf(":");
     if (n < 0) return;
-    const a = r.slice(0, n).trim(), i = r.slice(n + 1).trim(), o = a.replace(/-([a-z])/g, (l, c) => c.toUpperCase());
-    t[o] = Mn(i);
+    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;
 }
 function Qr(e, t) {
@@ -1734,9 +1734,9 @@ function Qr(e, t) {
 function In(e) {
   return Object.entries(e).filter(([, t]) => t != null && t !== "").map(([t, r]) => `${t}: "${r}"`).join(", ");
 }
-function Zr(e, t, r, n, a) {
-  return `<${e}${a ? `
-  as="${a}"` : ""}
+function Zr(e, t, r, n, o) {
+  return `<${e}${o ? `
+  as="${o}"` : ""}
   className="${t}"
   style={{ ${In(r)} }}
 >
@@ -1745,19 +1745,19 @@ function Zr(e, t, r, n, a) {
 `;
 }
 var Nn = () => {
-  const e = (o, l) => {
-    if (!(o?.useGradient === !0 && Array.isArray(o?.gradient?.colors) && o.gradient.colors.length >= 2)) {
-      const R = o && typeof o == "object" && o.solid ? o.solid : l;
+  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 { type: c, direction: d, colors: v } = o.gradient, b = v.map((R) => `${R.color} ${R.position}%`).join(", "), E = c === "radial" ? `radial-gradient(circle at center, ${b})` : `linear-gradient(${d}, ${b})`, w = o.solid || l || "";
+    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};`;
-  }, t = (o, l) => o?.useGradient === !0 && Array.isArray(o?.gradient?.colors) && o.gradient.colors.length >= 2 ? {
+  }, t = (a, l) => a?.useGradient === !0 && Array.isArray(a?.gradient?.colors) && a.gradient.colors.length >= 2 ? {
     vmlOpen: `
 <!--[if mso]>
 <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="t" stroke="f"
   style="mso-width-percent:1000;">
-  <v:fill type="solid" color="${o.solid || l || "#ffffff"}" />
+  <v:fill type="solid" color="${a.solid || l || "#ffffff"}" />
   <v:textbox style="mso-fit-shape-to-text:true;">
 <![endif]-->`,
     vmlClose: `
@@ -1768,29 +1768,29 @@ var Nn = () => {
   } : {
     vmlOpen: "",
     vmlClose: ""
-  }, r = (o, l) => o && typeof o == "object" && o.solid && o.solid !== "transparent" ? o.solid : l && l !== "transparent" ? l : "", n = (o) => o ? `${o.top ?? 0}px ${o.right ?? 0}px ${o.bottom ?? 0}px ${o.left ?? 0}px` : "0px";
+  }, 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: (o) => {
-      const l = o.componentType ?? o.type, { props: c } = o, d = `eb-${o.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 p = [O ? `${d}-${O}` : d];
-        return R && p.push("desktop-hide"), M && p.push("mobile-hide"), p.join(" ");
+    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: d,
+        uid: p,
         marginStyle: v,
         paddingStyle: b,
         escapeHtml: Dt,
         escapeAttr: Ft,
-        safeUrl: Lt,
+        safeUrl: Pt,
         resolveBgCss: e,
         resolveBgVml: t,
         getResponsiveClasses: E,
         react: null
       }) : "";
     },
-    assembleMJML: (o, l, c, d, v, b = 600, E = "") => {
-      const w = d ? `<mj-style inline="false">
-      @import url('${d}');
+    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">
 .desktop-hide { display: none !important; }
 ul li:last-child, ol li:last-child { margin-bottom: 0 !important; }
@@ -1800,7 +1800,7 @@ ${E}
 @media only screen and (max-width:${b}px) {
 ${v}
 }
-    </mj-style>` : "", p = c.bodyBackgroundColor || "#ffffff", u = c.bodyBackgroundImage ? [
+    </mj-style>` : "", u = c.bodyBackgroundColor || "#ffffff", d = c.bodyBackgroundImage ? [
         `background-url="${c.bodyBackgroundImage}"`,
         `background-size="${c.bodyBackgroundSize || "cover"}"`,
         `background-position="${c.bodyBackgroundPosition || "center center"}"`,
@@ -1809,7 +1809,7 @@ ${v}
       return `<mjml lang="${c.language}">
   <mj-head>
      ${w}
-    <mj-title>${o}</mj-title>
+    <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>
       <mj-all font-family="Arial, sans-serif" />
@@ -1823,8 +1823,8 @@ ${v}
     ${M}
     ${O}
   </mj-head>
-  <mj-body background-color="${p}" width="${c.width ?? 600}px">
-  <mj-wrapper full-width="full-width" ${u} padding="0">
+  <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}">
 ${l}
     </mj-section>
@@ -1836,35 +1836,35 @@ ${l}
     padAttr: n
   };
 }, Bn = /* @__PURE__ */ Symbol("maildeno-editor:info-dialog");
-function oo() {
+function sa() {
   const e = On();
   return Ie(Bn, e), e;
 }
-var ea = () => {
+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());
 };
 function On() {
-  const e = P(!1), t = P("Info"), r = P("");
+  const e = L(!1), t = L("Info"), r = L("");
   return {
     visible: e,
     header: t,
     message: r,
-    open: (a, i = "Info") => {
-      r.value = a, t.value = i, e.value = !0;
+    open: (o, i = "Info") => {
+      r.value = o, t.value = i, e.value = !0;
     }
   };
 }
-var io = ["is_empty", "is_not_empty"], so = ["in", "not_in"], lo = [
+var la = ["is_empty", "is_not_empty"], ca = ["in", "not_in"], ua = [
   ">",
   "<",
   ">=",
   "<="
-], co = [
+], da = [
   "date_before",
   "date_after",
   "date_on"
-], uo = [
+], pa = [
   {
     label: "Equals  ==",
     value: "=="
@@ -1933,56 +1933,56 @@ var io = ["is_empty", "is_not_empty"], so = ["in", "not_in"], lo = [
     label: "Is Not Empty",
     value: "is_not_empty"
   }
-], on = (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) => {
+], 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) => {
   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) => {
-  const r = t[e.tag.toLowerCase()], n = r?.toLowerCase() ?? "", a = e.value.toLowerCase();
+  const r = t[e.tag.toLowerCase()], n = r?.toLowerCase() ?? "", o = e.value.toLowerCase();
   switch (e.operator) {
     case "==":
-      return n === a;
+      return n === o;
     case "!=":
-      return n !== a;
+      return n !== o;
     case "contains":
-      return n.includes(a);
+      return n.includes(o);
     case "not_contains":
-      return !n.includes(a);
+      return !n.includes(o);
     case "starts_with":
-      return n.startsWith(a);
+      return n.startsWith(o);
     case "ends_with":
-      return n.endsWith(a);
+      return n.endsWith(o);
     case "in":
-      return on(a).includes(n);
+      return an(o).includes(n);
     case "not_in":
-      return !on(a).includes(n);
+      return !an(o).includes(n);
     case ">": {
-      const [i, o] = Qe(r, e.value);
-      return Ze(i, o) && i > o;
+      const [i, a] = Ze(r, e.value);
+      return et(i, a) && i > a;
     }
     case "<": {
-      const [i, o] = Qe(r, e.value);
-      return Ze(i, o) && i < o;
+      const [i, a] = Ze(r, e.value);
+      return et(i, a) && i < a;
     }
     case ">=": {
-      const [i, o] = Qe(r, e.value);
-      return Ze(i, o) && i >= o;
+      const [i, a] = Ze(r, e.value);
+      return et(i, a) && i >= a;
     }
     case "<=": {
-      const [i, o] = Qe(r, e.value);
-      return Ze(i, o) && i <= o;
+      const [i, a] = Ze(r, e.value);
+      return et(i, a) && i <= a;
     }
     case "date_before": {
-      const i = Ee(r), o = Ee(e.value);
-      return i !== null && o !== null && i.getTime() < o.getTime();
+      const i = Ee(r), a = Ee(e.value);
+      return i !== null && a !== null && i.getTime() < a.getTime();
     }
     case "date_after": {
-      const i = Ee(r), o = Ee(e.value);
-      return i !== null && o !== null && i.getTime() > o.getTime();
+      const i = Ee(r), a = Ee(e.value);
+      return i !== null && a !== null && i.getTime() > a.getTime();
     }
     case "date_on": {
-      const i = Ee(r), o = Ee(e.value);
-      return i !== null && o !== null && i.getTime() === o.getTime();
+      const i = Ee(r), a = Ee(e.value);
+      return i !== null && a !== null && i.getTime() === a.getTime();
     }
     case "is_empty":
       return r === void 0 || r.trim() === "";
@@ -1998,54 +1998,54 @@ var io = ["is_empty", "is_not_empty"], so = ["in", "not_in"], lo = [
 }, ft = () => ({
   evaluateVisibility: (t, r) => {
     if (!t?.enabled) return !0;
-    const n = t.rules?.length > 0, a = (t.groups?.length ?? 0) > 0;
-    if (!n && !a) return !0;
-    const i = (t.rules ?? []).map((c) => It(c, r)), o = (t.groups ?? []).map((c) => sn(c, r)), l = [...i, ...o];
+    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];
     return t.match === "any" ? l.some(Boolean) : l.every(Boolean);
   },
   evaluateRule: It,
   evaluateGroup: sn
 }), jn = (e) => {
-  const { type: t, direction: r, colors: n } = e.gradient, a = n.map((i) => `${i.color} ${i.position}%`).join(", ");
-  return t === "radial" ? `radial-gradient(circle at center, ${a})` : `linear-gradient(${r}, ${a})`;
+  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) => {
   const t = [], r = e.backgroundGradient;
   if (r?.useGradient === !0 && Array.isArray(r?.gradient?.colors) && r.gradient.colors.length >= 2) {
-    const n = jn(r), a = r.solid || e.backgroundColor || "";
-    a && a !== "transparent" && t.push(`background-color:${a}`), t.push(`background:${n}`);
+    const n = jn(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;
-}, et = (e) => {
+}, tt = (e) => {
   const t = {}, r = e.backgroundGradient;
   if (r?.useGradient === !0 && Array.isArray(r?.gradient?.colors) && r.gradient.colors.length >= 2) {
-    const n = jn(r), a = r.solid || e.backgroundColor || "";
-    a && a !== "transparent" && (t.backgroundColor = a), t.background = n;
+    const n = jn(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;
-}, ta = 5, zn = (e, t, r) => {
-  if (!(r >= ta) && Array.isArray(e))
+}, to = 5, zn = (e, t, r) => {
+  if (!(r >= to) && 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);
-      const a = n.columns;
-      if (Array.isArray(a))
-        for (const i of a) {
-          const o = i?.children ?? i?.components;
-          if (!Array.isArray(o) || o.length === 0) continue;
-          const l = o.filter((c) => c?.type === "row");
+      const o = n.columns;
+      if (Array.isArray(o))
+        for (const i of o) {
+          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);
         }
     }
-}, Pn = (e) => {
+}, Ln = (e) => {
   const t = /* @__PURE__ */ new Set();
   if (zn(e, t, 0), t.size === 0) return "";
-  const r = [...t].sort((n, a) => n - a);
+  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(`
 `)}`;
-}, tt = P(/* @__PURE__ */ new Set()), gt = () => {
-  const e = P([
+}, nt = L(/* @__PURE__ */ new Set()), gt = () => {
+  const e = L([
     "Arial",
     "Arial Black",
     "Comic Sans MS",
@@ -2423,19 +2423,19 @@ ${r.map((n) => `.mobile-stack.gap-${n} { height:${n}px !important; line-height:$
     500,
     600,
     700
-  ], a = (b) => t.has(b), i = (b) => b.trim().replace(/\s+/g, "+"), o = (b) => {
+  ], 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(";")}`;
     }
     return `wght@${n.join(";")}`;
   }, l = (b) => {
-    if (!b || a(b) || tt.value.has(b)) return;
+    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)}:${o(b)}&display=swap`, document.head.appendChild(E), tt.value.add(b);
+    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 && !a(w));
-    return E.length ? `https://fonts.googleapis.com/css2?${E.map((w) => `family=${i(w)}:${o(w)}`).join("&")}&display=swap` : "";
+    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` : "";
   };
   return {
     googleFonts: e,
@@ -2445,13 +2445,13 @@ ${r.map((n) => `.mobile-stack.gap-${n} { height:${n}px !important; line-height:$
       if (!b || b.length === 0) return;
       const E = [], w = /* @__PURE__ */ new Set();
       for (const O of b)
-        O && (w.has(O) || (w.add(O), !a(O) && (tt.value.has(O) || E.push(O))));
+        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) tt.value.add(O);
+      for (const O of E) nt.value.add(O);
     },
     preconnectGoogleFonts: () => {
       if (typeof document > "u") return;
@@ -2463,133 +2463,142 @@ ${r.map((n) => `.mobile-stack.gap-${n} { height:${n}px !important; line-height:$
       };
       b("https://fonts.googleapis.com"), b("https://fonts.gstatic.com", !0);
     },
-    isWebSafeFont: a,
+    isWebSafeFont: o,
     WEB_SAFE_FONTS: t,
     FONTS_WITH_ITALICS: r,
     DEFAULT_WEIGHTS: n
   };
 };
-function st(e) {
+function Je(e) {
   if (typeof e != "string") return "auto";
   const t = e.trim().toLowerCase();
   return /^(?:auto|(?:\d+(?:\.\d+)?|\.\d+)(?:px|%))$/.test(t) ? t : "auto";
 }
-function na(e) {
-  const t = st(e.width), r = st(e.height);
+function no(e) {
+  const t = Je(e.width), r = Je(e.height);
   return [
     t,
     r,
     e.mobile?.width,
     e.mobile?.height
-  ].some((n) => st(n) !== "auto") ? {
+  ].some((n) => Je(n) !== "auto") ? {
     width: t,
     height: r,
     boxSizing: "border-box",
     textAlign: "center"
   } : {};
 }
+function ro(e, t) {
+  const r = t === "width" ? "100%" : "auto";
+  if (typeof e != "string" && typeof e != "number") return r;
+  let n = String(e).trim().toLowerCase();
+  if (/^(?:\d+(?:\.\d+)?|\.\d+)$/.test(n) && (n += t === "width" ? "%" : "px"), t === "height" && n.endsWith("%")) return r;
+  const o = Je(n);
+  return o === "auto" && n !== "auto" ? r : o;
+}
 var Jt = () => ({ emailMobileStyles: (t, r) => {
-  const n = t.componentType ?? t.type, a = t.props.mobileStack === !0, i = t.props.mobile;
-  if (!i && !(n === "menu" && a)) return "";
-  const o = i ?? {}, l = [], c = [], d = [], v = (/* @__PURE__ */ new Set(["button", "anchor"])).has(n), b = n === "button" && !!na(t.props).width, E = (/* @__PURE__ */ new Set(["menu", "socials"])).has(n), w = (p, u) => {
-    u && p.push(u);
+  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) => {
+    d && u.push(d);
   }, R = () => {
-    const p = o.backgroundGradient;
-    if (p != null) {
-      if (p.useGradient === !0 && Array.isArray(p.gradient?.colors) && p.gradient.colors.length >= 2) {
-        const { type: s, direction: S, colors: C } = p.gradient, _ = C.map((x) => `${x.color} ${x.position}%`).join(", "), g = s === "radial" ? `radial-gradient(circle at center, ${_})` : `linear-gradient(${S}, ${_})`, m = p.solid || o.backgroundColor || "", h = [];
+    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 u = p.solid ?? o.backgroundColor;
-      return u != null ? ["background: none !important", `background-color: ${u} !important`] : [];
+      const d = u.solid ?? a.backgroundColor;
+      return d != null ? ["background: none !important", `background-color: ${d} !important`] : [];
     }
-    return o.backgroundColor != null ? ["background: none !important", `background-color: ${o.backgroundColor} !important`] : [];
-  }, M = (p) => {
-    w(p, o.fontSize != null && `font-size: ${o.fontSize}px !important`), w(p, o.lineHeight != null && `line-height: ${o.lineHeight} !important`), w(p, o.letterSpacing != null && `letter-spacing: ${o.letterSpacing}px !important`), w(p, o.color != null && `color: ${o.color} !important`), w(p, o.fontWeight != null && `font-weight: ${o.fontWeight} !important`), w(p, o.fontFamily != null && `font-family: '${o.fontFamily}', Arial, sans-serif !important`), w(p, o.fontStyle != null && `font-style: ${o.fontStyle} !important`), w(p, o.textTransform != null && `text-transform: ${o.textTransform} !important`), w(p, o.textDecoration != null && `text-decoration: ${o.textDecoration} !important`), b || p.push(...R());
+    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());
   };
-  if (o.margin) {
-    const p = o.margin;
-    l.push(`margin: ${p.top}px ${p.right}px ${p.bottom}px ${p.left}px !important`);
+  if (a.margin) {
+    const u = a.margin;
+    l.push(`margin: ${u.top}px ${u.right}px ${u.bottom}px ${u.left}px !important`);
   }
-  if (o.padding && !v && !E) {
-    const p = o.padding;
-    l.push(`padding: ${p.top}px ${p.right}px ${p.bottom}px ${p.left}px !important`);
+  if (a.padding && !v && !E) {
+    const u = a.padding;
+    l.push(`padding: ${u.top}px ${u.right}px ${u.bottom}px ${u.left}px !important`);
   }
-  if (o.align != null && !E && l.push(`text-align: ${o.align} !important`), v) {
+  if (a.align != null && !E && l.push(`text-align: ${a.align} !important`), v) {
     M(c);
-    const p = b ? R() : c;
-    if (o.padding) {
-      const u = o.padding, s = `padding: ${u.top}px ${u.right}px ${u.bottom}px ${u.left}px !important`;
-      b ? d.push(`.${r}-button-content { ${s} }`) : c.push(s);
+    const u = b ? R() : 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);
     }
-    if (o.border) {
-      const u = o.border;
-      p.push(ue(u, !0));
+    if (a.border) {
+      const d = a.border;
+      u.push(ue(d, !0));
     }
-    if (o.borderRadius != null && p.push(`border-radius: ${Y(o.borderRadius)} !important`), n === "button") {
-      for (const s of ["width", "height"]) o[s] != null && p.push(`${s}: ${st(o[s])} !important`);
-      const u = [];
-      w(u, o.fontSize != null && `font-size: ${o.fontSize}px !important`), w(u, o.letterSpacing != null && `letter-spacing: ${o.letterSpacing}px !important`), w(u, o.color != null && `color: ${o.color} !important`), w(u, o.fontWeight != null && `font-weight: ${o.fontWeight} !important`), w(u, o.fontFamily != null && `font-family: '${o.fontFamily}', Arial, sans-serif !important`), w(u, o.fontStyle != null && `font-style: ${o.fontStyle} !important`), w(u, o.textTransform != null && `text-transform: ${o.textTransform} !important`), w(u, o.textDecoration != null && `text-decoration: ${o.textDecoration} !important`), u.length > 0 && d.push(`.${r}-text { ${u.join("; ")} }`);
+    if (a.borderRadius != null && u.push(`border-radius: ${Y(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("; ")} }`);
     }
-    b && p.length > 0 && d.push(`.${r}-button-table { ${p.join("; ")} }`);
-  } else if (n === "image")
-    w(c, o.width != null && `width: ${o.width}% !important`), w(c, o.height != null && `height: ${o.height} !important`), w(c, o.borderRadius != null && `border-radius: ${Y(o.borderRadius)} !important`), w(c, o.border != null && ue(o.border, !0));
-  else if (n === "video")
-    w(c, o.width != null && `width: ${o.width}% !important`), w(c, o.height != null && `height: ${o.height} !important`), w(c, o.borderRadius != null && `border-radius: ${Y(o.borderRadius)} !important`), w(c, o.border != null && ue(o.border, !0));
+    b && u.length > 0 && p.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));
+  } 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));
   else if (n === "divider") {
-    const p = [], u = [];
-    if (o.width != null && p.push(`width: ${o.width}% !important`), o.align != null) {
-      const s = o.align === "left" ? "0" : "auto", S = o.align === "right" ? "0" : "auto";
-      p.push(`margin-left: ${s} !important`), p.push(`margin-right: ${S} !important`);
+    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`);
     }
-    o.height != null && (u.push(`height: ${o.height}px !important`), u.push(`line-height: ${o.height}px !important`)), u.push(...R()), p.length > 0 && d.push(`.${r}-divider-table { ${p.join("; ")} }`), u.length > 0 && d.push(`.${r}-divider-td { ${u.join("; ")} }`);
+    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("; ")} }`);
   } else if (n === "spacer") {
-    const p = [];
-    o.height != null && (p.push(`height: ${o.height}px !important`), p.push(`line-height: ${o.height}px !important`)), p.push(...R()), p.length > 0 && d.push(`.${r}-spacer-td { ${p.join("; ")} }`);
+    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("; ")} }`);
   } else if (n === "list")
-    M(l), o.itemSpacing != null && d.push(`.${r} li { margin-bottom: ${o.itemSpacing}px !important; }`);
+    M(l), a.itemSpacing != null && p.push(`.${r} li { margin-bottom: ${a.itemSpacing}px !important; }`);
   else if (n === "menu") {
-    const p = [];
-    if (p.push(...R()), o.padding) {
-      const s = o.padding;
-      p.push(`padding: ${s.top}px ${s.right}px ${s.bottom}px ${s.left}px !important`);
-    }
-    p.length > 0 && d.push(`.${r}-menu-td { ${p.join("; ")} }`), o.align != null && d.push(`.${r}-menu-td { text-align: ${o.align} !important; }`);
     const u = [];
-    if (o.fontSize != null && u.push(`font-size: ${o.fontSize}px !important`), o.lineHeight != null && u.push(`line-height: ${o.lineHeight} !important`), o.letterSpacing != null && u.push(`letter-spacing: ${o.letterSpacing}px !important`), o.color != null && u.push(`color: ${o.color} !important`), o.fontWeight != null && u.push(`font-weight: ${o.fontWeight} !important`), o.fontFamily != null && u.push(`font-family: '${o.fontFamily}', Arial, sans-serif !important`), o.fontStyle != null && u.push(`font-style: ${o.fontStyle} !important`), o.textTransform != null && u.push(`text-transform: ${o.textTransform} !important`), o.textDecoration != null && u.push(`text-decoration: ${o.textDecoration} !important`), u.length > 0 && d.push(`.${r}-menu-td a { ${u.join("; ")} }`), a) {
-      const s = o.spacing ?? t.props.spacing ?? 0;
-      d.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; }`), d.push(`.${r}-menu-item:last-of-type a { margin-bottom: 0 !important; }`);
-    } else if (o.spacing != null) {
-      const s = Math.ceil(o.spacing / 2);
-      d.push(`.${r}-menu-item a { margin-left: ${s}px !important; margin-right: ${s}px !important; }`), d.push(`.${r}-menu-item:first-of-type a { margin-left: 0 !important; }`), d.push(`.${r}-menu-item:last-of-type a { margin-right: 0 !important; }`);
+    if (u.push(...R()), 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; }`);
+    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) {
+      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; }`);
+    } 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; }`);
     }
   } else if (n === "socials") {
-    const p = [];
-    if (o.padding) {
-      const u = o.padding;
-      p.push(`padding: ${u.top}px ${u.right}px ${u.bottom}px ${u.left}px !important`);
+    const u = [];
+    if (a.padding) {
+      const d = a.padding;
+      u.push(`padding: ${d.top}px ${d.right}px ${d.bottom}px ${d.left}px !important`);
     }
-    if (o.align != null) {
-      const u = o.align === "left" ? "0" : "auto", s = o.align === "right" ? "0" : "auto";
-      d.push(`.${r}-socials-inner { display:inline-table !important; margin-left: ${u} !important; margin-right: ${s} !important; }`), p.push(`text-align: ${o.align} !important`);
+    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`);
     }
-    if (p.length > 0 && d.push(`.${r}-socials-td { ${p.join("; ")} }`), o.iconSize != null && d.push(`.${r}-socials-inner img { width: ${o.iconSize}px !important; height: ${o.iconSize}px !important; }`), o.spacing != null) {
-      const u = Math.ceil(o.spacing / 2);
-      d.push(`.${r}-socials-item a { margin-left: ${u}px !important; margin-right: ${u}px !important; }`), d.push(`.${r}-socials-item:first-of-type a { margin-left: 0 !important; }`), d.push(`.${r}-socials-item:last-of-type a { margin-right: 0 !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) {
+      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; }`);
     }
   } else M(l);
   const O = [];
   if (l.length > 0 && O.push(`.${r} { ${l.join("; ")} }`), c.length > 0) {
-    const p = v ? `.${r}-link` : n === "image" ? `.${r} img` : n === "video" ? `.${r} video` : `.${r}`;
-    O.push(`${p} { ${c.join("; ")} }`);
+    const u = v ? `.${r}-link` : n === "image" ? `.${r} img` : n === "video" ? `.${r} video` : `.${r}`;
+    O.push(`${u} { ${c.join("; ")} }`);
   }
-  return O.push(...d), O.join(`
+  return O.push(...p), O.join(`
 `);
-} }), ln = (e) => de(e) ? ue(e) : "", Ln = (e, t, r = [], n) => {
-  const a = `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), o = t && de(t) && !ee(t.radius ?? 0);
+} }), 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);
   if (!i) {
-    const d = [a];
-    return o && d.push(ln(t)), d.push("line-height:0"), d.push("font-size:0"), `<div style="${d.join(";")}">${e}</div>`;
+    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 l = [
     `border-radius:${Y(t.radius)}`,
@@ -2599,14 +2608,14 @@ var Jt = () => ({ emailMobileStyles: (t, r) => {
   ];
   de(t) && l.push(ln(t));
   const c = [
-    a,
+    o,
     "line-height:0",
     "font-size:0"
   ];
   return `<div style="${l.join(";")}"><div style="${c.join(";")}">${e}</div></div>`;
-}, ra = (e, t, r = {}, n, a = !0) => {
-  const i = `${n?.top ?? 0}px ${n?.right ?? 0}px ${n?.bottom ?? 0}px ${n?.left ?? 0}px`, o = t && ee(t.radius ?? 0) && de(t) && a, l = t && de(t) && !ee(t.radius ?? 0) && a;
-  if (!o) {
+}, 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;
+  if (!a) {
     const v = {
       padding: i,
       lineHeight: "0",
@@ -2621,12 +2630,12 @@ var Jt = () => ({ emailMobileStyles: (t, r) => {
     fontSize: "0"
   };
   de(t) && Object.assign(c, At(t));
-  const d = {
+  const p = {
     padding: i,
     lineHeight: "0",
     fontSize: "0"
   };
-  return `<div style={{ ${Object.entries(c).map(([v, b]) => `${v}:"${b}"`).join(", ")} }}><div style={{ ${Object.entries(d).map(([v, b]) => `${v}:"${b}"`).join(", ")} }}>${e}</div></div>`;
+  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]) => ({
@@ -2636,7 +2645,7 @@ function Dn() {
     throw _t = null, e;
   }), _t;
 }
-function aa() {
+function ao() {
   return Tt ??= Promise.all([
     import("./standalone-DHvJ30Td.js"),
     import("./babel-DV7WPQI0.js"),
@@ -2655,25 +2664,25 @@ async function Gt(e, t) {
     return console.warn("[maildeno-editor] formatter unavailable; returning unformatted output", r), e;
   }
 }
-var oa = async (e) => Gt(e, async () => {
+var io = async (e) => Gt(e, async () => {
   const { prettier: t, plugins: r } = await Dn();
   return t.format(e, {
     parser: "html",
     plugins: r
   });
-}), ia = async (e) => Gt(e, async () => {
-  const { prettier: t, plugins: r } = await aa();
+}), so = async (e) => Gt(e, async () => {
+  const { prettier: t, plugins: r } = await ao();
   return t.format(e, {
     parser: "babel-ts",
     plugins: r
   });
-}), sa = async (e) => Gt(e, async () => {
+}), lo = async (e) => Gt(e, async () => {
   const { prettier: t, plugins: r } = await Dn();
   return t.format(e, {
     parser: "html",
     plugins: r
   });
-}), cn = (e) => e.trim().toLowerCase().replace(/\s+/g, "_"), la = (e) => {
+}), cn = (e) => e.trim().toLowerCase().replace(/\s+/g, "_"), co = (e) => {
   const t = e.indexOf("|");
   if (t === -1) return { key: cn(e) };
   const r = e.slice(0, t), n = e.slice(t + 1).trim().replace(/^['"]|['"]$/g, "");
@@ -2681,20 +2690,20 @@ var oa = async (e) => Gt(e, async () => {
     key: cn(r),
     pipeDefault: n
   };
-}, un = (e, t, r) => !r || !e ? e : e.replace(/\{\{\s*([^}]+?)\s*\}\}/g, (n, a) => {
-  const { key: i, pipeDefault: o } = la(a);
-  return Object.prototype.hasOwnProperty.call(t, i) && t[i] !== "" ? t[i] : o !== void 0 ? o : n;
-}), Fn = (e, t, r, n, a) => {
+}, un = (e, t, r) => !r || !e ? e : e.replace(/\{\{\s*([^}]+?)\s*\}\}/g, (n, o) => {
+  const { key: i, pipeDefault: a } = co(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, a), i;
+  return i = un(i, n, o), i;
 }, qt = /* @__PURE__ */ new Map();
-function po(e) {
+function ma(e) {
   for (const t of e) qt.set(t.key, t);
 }
-function ca() {
+function uo() {
   return [...qt.keys()];
 }
-function ua(e, t) {
+function po(e, t) {
   return qt.get(e)?.tokens?.[t];
 }
 var Wt = {
@@ -2812,28 +2821,28 @@ var Wt = {
     hubspot: "{{ today }}",
     sfmc: "%%=Format(Now(),'M/d/yyyy')=%%"
   }
-}, da = (e, t, r) => {
-  const n = !!r?.trim(), a = r?.trim() ?? "";
+}, mo = (e, t, r) => {
+  const n = !!r?.trim(), o = r?.trim() ?? "";
   switch (t) {
     case "liquid":
     case "klaviyo":
     case "hubspot":
-      return n ? `{{ ${e} | default: '${a}' }}` : `{{ ${e} }}`;
+      return n ? `{{ ${e} | default: '${o}' }}` : `{{ ${e} }}`;
     case "braze":
-      return n ? `{{custom_attribute.${e} | default: '${a}'}}` : `{{custom_attribute.${e}}}`;
+      return n ? `{{custom_attribute.${e} | default: '${o}'}}` : `{{custom_attribute.${e}}}`;
     case "handlebars":
     case "sendgrid":
-      return n ? `{{ ${e} }}{{!-- default: ${a} --}}` : `{{ ${e} }}`;
+      return n ? `{{ ${e} }}{{!-- default: ${o} --}}` : `{{ ${e} }}`;
     case "iterable":
-      return n ? `{{${e}|default:${a}}}` : `{{${e}}}`;
+      return n ? `{{${e}|default:${o}}}` : `{{${e}}}`;
     case "mailchimp":
-      return n ? `*|${e.toUpperCase()}:${a}|*` : `*|${e.toUpperCase()}|*`;
+      return n ? `*|${e.toUpperCase()}:${o}|*` : `*|${e.toUpperCase()}|*`;
     case "sfmc":
-      return n ? `%%=IIF(Empty(@${e}),'${a}',@${e})=%%` : `%%=v(@${e})=%%`;
+      return n ? `%%=IIF(Empty(@${e}),'${o}',@${e})=%%` : `%%=v(@${e})=%%`;
     case "activecampaign":
       return `%${e.toUpperCase()}%`;
     case "marketo":
-      return n ? `{{lead.${e}:default ${a}}}` : `{{lead.${e}}}`;
+      return n ? `{{lead.${e}:default ${o}}}` : `{{lead.${e}}}`;
     case "pardot":
       return `%%${e}%%`;
     case "campaign_monitor":
@@ -2871,119 +2880,119 @@ var Wt = {
     const i = n[t];
     if (i) return r?.trim() ? dn(i, t, r) : i;
   }
-  const a = ua(e, t);
-  return a ? r?.trim() ? dn(a, t, r) : a : da(e, t, r);
-}, pa = (e, t) => {
+  const o = po(e, t);
+  return o ? r?.trim() ? dn(o, t, r) : o : mo(e, t, r);
+}, fo = (e, t) => {
   if (!e) return "";
-  let r = e.replace(/<span[^>]*\bdata-merge="([^"]+)"(?:[^>]*\bdata-merge-default="([^"]*)")?[^>]*>.*?<\/span>/gs, (n, a, i) => pn(a, t, i?.trim() || void 0));
-  return r = r.replace(/\{\{\s*(?:'([^']*)'|"([^"]*)"|(\w+))(?:\s*\|\s*(?:'([^']*)'|"([^"]*)"|([^'"\}\s][^'"\}]*?)))?\s*\}\}/g, (n, a, i, o, l, c, d) => {
-    const v = (a ?? i ?? o ?? "").trim(), b = (l ?? c ?? d ?? "").trim();
+  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);
   }), r;
-}, mo = () => [...Object.keys(Wt), ...ca()], fo = (e, t) => Wt[e]?.[t] ?? null, Je = (e) => {
+}, fa = () => [...Object.keys(Wt), ...uo()], ga = (e, t) => Wt[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) => {
   const r = e.trim();
   return r ? t?.trim() ? `{${r} ?? "${t.trim().replace(/"/g, '\\"')}"}` : `{${r}}` : "";
-}, ma = (e) => {
+}, go = (e) => {
   if (!e) return "";
-  let t = e.replace(/<span[^>]*\bdata-merge="([^"]+)"(?:[^>]*\bdata-merge-default="([^"]*)")?[^>]*>.*?<\/span>/gs, (r, n, a) => mn(n, a?.trim() || void 0));
-  return t = t.replace(/\{\{\s*(?:'([^']*)'|"([^"]*)"|(\w+))(?:\s*\|\s*(?:'([^']*)'|"([^"]*)"|([^'"\}\s][^'"\}]*?)))?\s*\}\}/g, (r, n, a, i, o, l, c) => {
-    const d = (n ?? a ?? i ?? "").trim(), v = (o ?? l ?? c ?? "").trim();
-    return mn(d, v || void 0);
-  }), t = t.replace(/(\b(?!style=)\w[\w-]*=)"([^"]*\{[^}]+\}[^"]*)"/g, (r, n, a) => {
-    const i = a.match(/^\{(\w+)\}$/);
-    return i ? `${n}{${i[1]}}` : `${n}{\`${a.replace(/\{(\w+)\}/g, "${$1}")}\`}`;
+  let t = e.replace(/<span[^>]*\bdata-merge="([^"]+)"(?:[^>]*\bdata-merge-default="([^"]*)")?[^>]*>.*?<\/span>/gs, (r, n, o) => mn(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);
+  }), 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;
-}, fa = (e) => {
+}, ho = (e) => {
   if (e.length === 0) return {
     propsInterface: "",
     propsDestructure: ""
   };
   const t = /* @__PURE__ */ new Map();
-  for (const { tagId: n, fallback: a } of e) t.has(n) || t.set(n, a);
+  for (const { tagId: n, fallback: o } of e) t.has(n) || t.set(n, o);
   const r = [...t.entries()];
   return {
     propsInterface: `interface EmailProps {
 ${r.map(([n]) => ` ${n}?: string;`).join(`
 `)}
 }`,
-    propsDestructure: `{ ${r.map(([n, a]) => a?.trim() ? `${n} = "${a.trim().replace(/"/g, '\\"')}"` : n).join(", ")} }: EmailProps`
+    propsDestructure: `{ ${r.map(([n, o]) => o?.trim() ? `${n} = "${o.trim().replace(/"/g, '\\"')}"` : n).join(", ")} }: EmailProps`
   };
-}, ga = (e) => {
+}, vo = (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();
     n && !t.has(n) && t.set(n, r[2]?.trim() || void 0);
   }
   for (const r of e.matchAll(/\{\{\s*(?:'([^']*)'|"([^"]*)"|(\w+))(?:\s*\|\s*(?:'([^']*)'|"([^"]*)"|([^'"\}\s][^'"\}]*?)))?\s*\}\}/g)) {
-    const n = (r[1] ?? r[2] ?? r[3] ?? "").trim(), a = (r[4] ?? r[5] ?? r[6] ?? "").trim();
-    n && !t.has(n) && t.set(n, a || void 0);
+    const n = (r[1] ?? r[2] ?? r[3] ?? "").trim(), o = (r[4] ?? r[5] ?? r[6] ?? "").trim();
+    n && !t.has(n) && t.set(n, o || void 0);
   }
   return [...t.entries()].map(([r, n]) => ({
     tagId: r,
     fallback: n
   }));
-}, ha = (e) => {
-  const t = /* @__PURE__ */ new Set(), r = (a) => {
-    if (a?.enabled) {
-      for (const i of a.rules ?? []) i.tag?.trim() && t.add(Je(i.tag));
-      for (const i of a.groups ?? []) for (const o of i.rules ?? []) o.tag?.trim() && t.add(Je(o.tag));
+}, bo = (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));
+      for (const i of o.groups ?? []) for (const a of i.rules ?? []) a.tag?.trim() && t.add(Ge(a.tag));
     }
-  }, n = (a) => {
-    for (const i of a) if (i.type === "row") {
+  }, n = (o) => {
+    for (const i of o) if (i.type === "row") {
       r(i.visibility);
-      for (const o of i.columns ?? []) {
-        r(o.props?.visibility);
-        const l = o.children ?? o.components ?? [];
+      for (const a of i.columns ?? []) {
+        r(a.props?.visibility);
+        const l = a.children ?? a.components ?? [];
         n(l);
       }
     } else i.type === "row-spacer" ? r(i.visibility) : r(i.props?.visibility);
   };
-  for (const a of e) {
-    r(a.visibility);
-    for (const i of a.columns ?? [])
+  for (const o of e) {
+    r(o.visibility);
+    for (const i of o.columns ?? [])
       r(i.props?.visibility), n(i.children ?? i.components ?? []);
   }
   return [...t];
-}, va = (e) => e.length === 0 ? "" : ` // Visibility data — replace with real values from your data source
+}, $o = (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, a = !1) => {
+`)}`, Hn = (e, t, r, n, o = !1) => {
   const i = n?.mergeTagActive || n?.linkTagActive;
-  if (t === "wrap" || !i) return pa(e, r);
-  if (a) {
-    const { mergeTagContext: o, mergeTagActive: l, linkTagContext: c, linkTagActive: d } = n;
-    return Fn(e, o ?? {}, l ?? !1, c ?? {}, d ?? !1);
+  if (t === "wrap" || !i) return fo(e, r);
+  if (o) {
+    const { mergeTagContext: a, mergeTagActive: l, linkTagContext: c, linkTagActive: p } = n;
+    return Fn(e, a ?? {}, l ?? !1, c ?? {}, p ?? !1);
   }
   return e;
 }, Un = (e, t, r) => {
   if (t === "wrap" || !r) return e;
-  const { mergeTagContext: n, mergeTagActive: a, linkTagContext: i, linkTagActive: o } = r;
-  return !a && !o ? e : Fn(e, n, a, i, o);
+  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 go(e, t, r) {
+function ha(e, t, r) {
   Vt.set(e, t), r && Jn.set(e, r);
 }
-var ba = {
+var yo = {
   label: "Custom",
   group: "custom",
   description: "Registered ESP syntax with no metadata override.",
   supportsNesting: !0
 };
-function $a(e, t) {
-  return t[e] ?? Vt.get(e) ?? ba;
+function So(e, t) {
+  return t[e] ?? Vt.get(e) ?? yo;
 }
 function Gn(e) {
   return Jn.get(e);
 }
-function ho() {
+function va() {
   return [...Vt.entries()].map(([e, t]) => ({
     id: e,
     meta: t
   }));
 }
-var ya = {
+var ko = {
   handlebars: {
     label: "Handlebars (Generic)",
     group: "handlebars",
@@ -3079,7 +3088,7 @@ var ya = {
     description: "Microsoft Office VML conditional comments for Outlook",
     supportsNesting: !1
   }
-}, vo = [
+}, ba = [
   {
     syntax: "handlebars",
     label: "Handlebars",
@@ -3290,8 +3299,8 @@ var ya = {
     is_empty: "none",
     date: "none"
   }
-], Sa = (e, t) => {
-  const r = Je(e);
+], wo = (e, t) => {
+  const r = Ge(e);
   switch (t) {
     case "sfmc":
       return `AttributeValue("${r}")`;
@@ -3303,48 +3312,48 @@ var ya = {
       return r;
   }
 }, Te = (e, t) => {
-  const { operator: r, value: n } = e, a = Sa(e.tag, t);
+  const { operator: r, value: n } = e, o = wo(e.tag, t);
   switch (t) {
     case "handlebars":
     case "sendgrid":
     case "iterable":
       switch (r) {
         case "==":
-          return `(eq ${a} '${n}')`;
+          return `(eq ${o} '${n}')`;
         case "!=":
-          return `(neq ${a} '${n}')`;
+          return `(neq ${o} '${n}')`;
         case "contains":
-          return `(contains ${a} '${n}')`;
+          return `(contains ${o} '${n}')`;
         case "not_contains":
-          return `(not (contains ${a} '${n}'))`;
+          return `(not (contains ${o} '${n}'))`;
         case "starts_with":
-          return `(startsWith ${a} '${n}')`;
+          return `(startsWith ${o} '${n}')`;
         case "ends_with":
-          return `(endsWith ${a} '${n}')`;
+          return `(endsWith ${o} '${n}')`;
         case "in":
-          return `(in ${a} ${n.split(",").map((i) => `'${i.trim()}'`).join(" ")})`;
+          return `(in ${o} ${n.split(",").map((i) => `'${i.trim()}'`).join(" ")})`;
         case "not_in":
-          return `(not (in ${a} ${n.split(",").map((i) => `'${i.trim()}'`).join(" ")}))`;
+          return `(not (in ${o} ${n.split(",").map((i) => `'${i.trim()}'`).join(" ")}))`;
         case ">":
-          return `(gt ${a} ${n})`;
+          return `(gt ${o} ${n})`;
         case "<":
-          return `(lt ${a} ${n})`;
+          return `(lt ${o} ${n})`;
         case ">=":
-          return `(gte ${a} ${n})`;
+          return `(gte ${o} ${n})`;
         case "<=":
-          return `(lte ${a} ${n})`;
+          return `(lte ${o} ${n})`;
         case "is_empty":
-          return `(isEmpty ${a})`;
+          return `(isEmpty ${o})`;
         case "is_not_empty":
-          return `(not (isEmpty ${a}))`;
+          return `(not (isEmpty ${o}))`;
         case "date_before":
-          return `(dateBefore ${a} '${n}')`;
+          return `(dateBefore ${o} '${n}')`;
         case "date_after":
-          return `(dateAfter ${a} '${n}')`;
+          return `(dateAfter ${o} '${n}')`;
         case "date_on":
-          return `(dateOn ${a} '${n}')`;
+          return `(dateOn ${o} '${n}')`;
         default:
-          return `(eq ${a} '${n}')`;
+          return `(eq ${o} '${n}')`;
       }
     case "liquid":
     case "klaviyo":
@@ -3352,197 +3361,197 @@ var ya = {
     case "hubspot":
       switch (r) {
         case "==":
-          return `${a} == '${n}'`;
+          return `${o} == '${n}'`;
         case "!=":
-          return `${a} != '${n}'`;
+          return `${o} != '${n}'`;
         case "contains":
-          return `${a} contains '${n}'`;
+          return `${o} contains '${n}'`;
         case "not_contains":
-          return `not (${a} contains '${n}')`;
+          return `not (${o} contains '${n}')`;
         case "starts_with":
         case "ends_with":
           return null;
         case "in":
-          return n.split(",").map((i) => `${a} == '${i.trim()}'`).join(" or ");
+          return n.split(",").map((i) => `${o} == '${i.trim()}'`).join(" or ");
         case "not_in":
-          return n.split(",").map((i) => `${a} != '${i.trim()}'`).join(" and ");
+          return n.split(",").map((i) => `${o} != '${i.trim()}'`).join(" and ");
         case ">":
-          return `${a} > ${n}`;
+          return `${o} > ${n}`;
         case "<":
-          return `${a} < ${n}`;
+          return `${o} < ${n}`;
         case ">=":
-          return `${a} >= ${n}`;
+          return `${o} >= ${n}`;
         case "<=":
-          return `${a} <= ${n}`;
+          return `${o} <= ${n}`;
         case "is_empty":
-          return `${a} == blank`;
+          return `${o} == blank`;
         case "is_not_empty":
-          return `${a} != blank`;
+          return `${o} != blank`;
         case "date_before":
           return `${Nt(e.tag)} < ${Bt(e.tag, n)}`;
         case "date_after":
           return `${Nt(e.tag)} > ${Bt(e.tag, n)}`;
         case "date_on":
-          return `${a} | date: '%F' == '${n}'`;
+          return `${o} | date: '%F' == '${n}'`;
         default:
-          return `${a} == '${n}'`;
+          return `${o} == '${n}'`;
       }
     case "mailchimp":
       switch (r) {
         case "==":
-          return `${a}='${n}'`;
+          return `${o}='${n}'`;
         case "!=":
-          return `${a}!='${n}'`;
+          return `${o}!='${n}'`;
         case ">":
         case "<":
         case ">=":
         case "<=": {
           const i = Number(n);
-          return Number.isNaN(i) ? `${a}='${n}'` : `${a}${r}${i}`;
+          return Number.isNaN(i) ? `${o}='${n}'` : `${o}${r}${i}`;
         }
         case "date_before":
-          return `${a}<'${n}'`;
+          return `${o}<'${n}'`;
         case "date_after":
-          return `${a}>'${n}'`;
+          return `${o}>'${n}'`;
         case "date_on":
-          return `${a}='${n}'`;
+          return `${o}='${n}'`;
         default:
-          return `${a}='${n}'`;
+          return `${o}='${n}'`;
       }
     case "sfmc":
       switch (r) {
         case "==":
-          return `${a} == '${n}'`;
+          return `${o} == '${n}'`;
         case "!=":
-          return `${a} != '${n}'`;
+          return `${o} != '${n}'`;
         case "contains":
-          return `Contains(${a}, '${n}')`;
+          return `Contains(${o}, '${n}')`;
         case "not_contains":
-          return `Not Contains(${a}, '${n}')`;
+          return `Not Contains(${o}, '${n}')`;
         case "starts_with":
-          return `IndexOf(${a}, '${n}') == 1`;
+          return `IndexOf(${o}, '${n}') == 1`;
         case "ends_with":
-          return `Substring(${a}, Subtract(Length(${a}), Subtract(Length('${n}'), 1)), Length('${n}')) == '${n}'`;
+          return `Substring(${o}, Subtract(Length(${o}), Subtract(Length('${n}'), 1)), Length('${n}')) == '${n}'`;
         case "in":
-          return n.split(",").map((i) => `${a} == '${i.trim()}'`).join(" OR ");
+          return n.split(",").map((i) => `${o} == '${i.trim()}'`).join(" OR ");
         case "not_in":
-          return n.split(",").map((i) => `${a} != '${i.trim()}'`).join(" AND ");
+          return n.split(",").map((i) => `${o} != '${i.trim()}'`).join(" AND ");
         case ">":
-          return `${a} > ${n}`;
+          return `${o} > ${n}`;
         case "<":
-          return `${a} < ${n}`;
+          return `${o} < ${n}`;
         case ">=":
-          return `${a} >= ${n}`;
+          return `${o} >= ${n}`;
         case "<=":
-          return `${a} <= ${n}`;
+          return `${o} <= ${n}`;
         case "is_empty":
-          return `Empty(${a})`;
+          return `Empty(${o})`;
         case "is_not_empty":
-          return `Not Empty(${a})`;
+          return `Not Empty(${o})`;
         case "date_before":
-          return `DateDiff(DateParse(${a}), DateParse('${n}'), "D") < 0`;
+          return `DateDiff(DateParse(${o}), DateParse('${n}'), "D") < 0`;
         case "date_after":
-          return `DateDiff(DateParse(${a}), DateParse('${n}'), "D") > 0`;
+          return `DateDiff(DateParse(${o}), DateParse('${n}'), "D") > 0`;
         case "date_on":
-          return `DateDiff(DateParse(${a}), DateParse('${n}'), "D") == 0`;
+          return `DateDiff(DateParse(${o}), DateParse('${n}'), "D") == 0`;
         default:
-          return `${a} == '${n}'`;
+          return `${o} == '${n}'`;
       }
     case "activecampaign":
       switch (r) {
         case "==":
-          return `${a} EQUALS ${n}`;
+          return `${o} EQUALS ${n}`;
         case "!=":
-          return `${a} NOT EQUALS ${n}`;
+          return `${o} NOT EQUALS ${n}`;
         case "contains":
-          return `${a} CONTAINS ${n}`;
+          return `${o} CONTAINS ${n}`;
         case "not_contains":
-          return `${a} NOT CONTAINS ${n}`;
+          return `${o} NOT CONTAINS ${n}`;
         case "starts_with":
         case "ends_with":
           return null;
         case "in":
-          return `${a} IN ${n.split(",").map((i) => i.trim()).join(",")}`;
+          return `${o} IN ${n.split(",").map((i) => i.trim()).join(",")}`;
         case "not_in":
-          return `${a} NOT IN ${n.split(",").map((i) => i.trim()).join(",")}`;
+          return `${o} NOT IN ${n.split(",").map((i) => i.trim()).join(",")}`;
         case ">":
-          return `${a} GREATER THAN ${n}`;
+          return `${o} GREATER THAN ${n}`;
         case "<":
-          return `${a} LESS THAN ${n}`;
+          return `${o} LESS THAN ${n}`;
         case ">=":
-          return `${a} GREATER THAN OR EQUAL TO ${n}`;
+          return `${o} GREATER THAN OR EQUAL TO ${n}`;
         case "<=":
-          return `${a} LESS THAN OR EQUAL TO ${n}`;
+          return `${o} LESS THAN OR EQUAL TO ${n}`;
         case "is_empty":
-          return `${a} IS EMPTY`;
+          return `${o} IS EMPTY`;
         case "is_not_empty":
-          return `${a} IS NOT EMPTY`;
+          return `${o} IS NOT EMPTY`;
         case "date_before":
-          return `${a} LESS THAN ${n}`;
+          return `${o} LESS THAN ${n}`;
         case "date_after":
-          return `${a} GREATER THAN ${n}`;
+          return `${o} GREATER THAN ${n}`;
         case "date_on":
-          return `${a} EQUALS ${n}`;
+          return `${o} EQUALS ${n}`;
         default:
-          return `${a} EQUALS ${n}`;
+          return `${o} EQUALS ${n}`;
       }
     case "marketo":
       switch (r) {
         case "==":
-          return `${a} == '${n}'`;
+          return `${o} == '${n}'`;
         case "!=":
-          return `${a} != '${n}'`;
+          return `${o} != '${n}'`;
         case "contains":
-          return `${a} && ${a}.contains('${n}')`;
+          return `${o} && ${o}.contains('${n}')`;
         case "not_contains":
-          return `!${a} || !${a}.contains('${n}')`;
+          return `!${o} || !${o}.contains('${n}')`;
         case "starts_with":
-          return `${a}.startsWith('${n}')`;
+          return `${o}.startsWith('${n}')`;
         case "ends_with":
-          return `${a}.endsWith('${n}')`;
+          return `${o}.endsWith('${n}')`;
         case "in":
-          return n.split(",").map((i) => `${a} == '${i.trim()}'`).join(" || ");
+          return n.split(",").map((i) => `${o} == '${i.trim()}'`).join(" || ");
         case "not_in":
-          return n.split(",").map((i) => `${a} != '${i.trim()}'`).join(" && ");
+          return n.split(",").map((i) => `${o} != '${i.trim()}'`).join(" && ");
         case ">":
-          return `${a}.toInteger() > ${n}`;
+          return `${o}.toInteger() > ${n}`;
         case "<":
-          return `${a}.toInteger() < ${n}`;
+          return `${o}.toInteger() < ${n}`;
         case ">=":
-          return `${a}.toInteger() >= ${n}`;
+          return `${o}.toInteger() >= ${n}`;
         case "<=":
-          return `${a}.toInteger() <= ${n}`;
+          return `${o}.toInteger() <= ${n}`;
         case "is_empty":
-          return `!${a} || ${a} == ''`;
+          return `!${o} || ${o} == ''`;
         case "is_not_empty":
-          return `${a} && ${a} != ''`;
+          return `${o} && ${o} != ''`;
         case "date_before":
-          return `$date.parse('yyyy-MM-dd', ${a}).before($date.parse('yyyy-MM-dd', '${n}'))`;
+          return `$date.parse('yyyy-MM-dd', ${o}).before($date.parse('yyyy-MM-dd', '${n}'))`;
         case "date_after":
-          return `$date.parse('yyyy-MM-dd', ${a}).after($date.parse('yyyy-MM-dd', '${n}'))`;
+          return `$date.parse('yyyy-MM-dd', ${o}).after($date.parse('yyyy-MM-dd', '${n}'))`;
         case "date_on":
-          return `$date.parse('yyyy-MM-dd', ${a}).equals($date.parse('yyyy-MM-dd', '${n}'))`;
+          return `$date.parse('yyyy-MM-dd', ${o}).equals($date.parse('yyyy-MM-dd', '${n}'))`;
         default:
-          return `${a} == '${n}'`;
+          return `${o} == '${n}'`;
       }
     case "campaign_monitor":
     case "pardot":
       switch (r) {
         case "==":
-          return `${a}='${n}'`;
+          return `${o}='${n}'`;
         case "!=":
-          return `${a}!='${n}'`;
+          return `${o}!='${n}'`;
         case "date_before":
         case "date_after":
         case "date_on":
-          return `${a}='${n}'`;
+          return `${o}='${n}'`;
         default:
-          return `${a}='${n}'`;
+          return `${o}='${n}'`;
       }
     case "mso":
       return "mso | IE";
     default:
-      return `${a} == '${n}'`;
+      return `${o} == '${n}'`;
   }
 }, fn = (e, t, r) => {
   if (e.length === 1) return e[0];
@@ -3627,88 +3636,88 @@ var ya = {
     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, "_")}`, ka = (e) => {
+}, 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) => {
   const t = /* @__PURE__ */ new Set(), r = [];
   for (const n of e) {
-    const a = n.operator;
-    if (a !== "date_before" && a !== "date_after") continue;
-    const i = Nt(n.tag), o = Bt(n.tag, n.value);
-    t.has(i) || (t.add(i), r.push(`{%- assign ${i} = ${Je(n.tag)} | date: '%s' -%}`)), t.has(o) || (t.add(o), r.push(`{%- assign ${o} = '${n.value}' | date: '%s' -%}`));
+    const o = n.operator;
+    if (o !== "date_before" && o !== "date_after") continue;
+    const i = Nt(n.tag), a = Bt(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;
-}, wa = (e) => e === "liquid" || e === "klaviyo" || e === "braze" || e === "hubspot", xa = (e, t) => {
-  const r = (o, l) => o.length === 0 ? l : [...o].reverse().reduce((c, d) => `*|IF:${d}|*
+}, 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}|*
 ${c}
-*|END:IF|*`, l), n = (o, l) => o.length === 0 ? l : o.map((c) => `*|IF:${c}|*
+*|END:IF|*`, l), n = (a, l) => a.length === 0 ? l : a.map((c) => `*|IF:${c}|*
 ${l}
 *|END:IF|*`).join(`
-`), a = (o, l, c) => {
-    const d = o.map((v) => Te(v, "mailchimp")).filter((v) => v !== null);
-    return d.length === 0 ? null : l === "all" ? r(d, c) : n(d, c);
-  }, i = (t.rules ?? []).map((o) => Te(o, "mailchimp")).filter((o) => o !== null);
+`), 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);
+  }, i = (t.rules ?? []).map((a) => Te(a, "mailchimp")).filter((a) => a !== null);
   if (t.match === "all") {
-    let o = e;
+    let a = e;
     for (const l of [...t.groups ?? []].reverse()) {
-      const c = l.rules.map((d) => Te(d, "mailchimp")).filter((d) => d !== null);
-      c.length !== 0 && (o = l.match === "all" ? r(c, o) : n(c, o));
+      const c = l.rules.map((p) => Te(p, "mailchimp")).filter((p) => p !== null);
+      c.length !== 0 && (a = l.match === "all" ? r(c, a) : n(c, a));
     }
-    return i.length > 0 ? r(i, o) : o;
+    return i.length > 0 ? r(i, a) : a;
   } else {
-    const o = [...i.map((l) => `*|IF:${l}|*
+    const a = [...i.map((l) => `*|IF:${l}|*
 ${e}
-*|END:IF|*`), ...(t.groups ?? []).map((l) => a(l.rules, l.match, e)).filter((l) => l !== null)];
-    return o.length > 0 ? o.join(`
+*|END:IF|*`), ...(t.groups ?? []).map((l) => o(l.rules, l.match, e)).filter((l) => l !== null)];
+    return a.length > 0 ? a.join(`
 `) : e;
   }
 }, Vn = (e, t) => {
-  const r = $a(t, ya), n = (e.rules ?? []).map((o) => Te(o, t)).filter((o) => o !== null);
-  let a;
-  r.supportsNesting ? a = (e.groups ?? []).map((o) => {
-    const l = o.rules.map((d) => Te(d, t)).filter((d) => d !== null);
+  const r = So(t, ko), 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);
     if (l.length === 0) return null;
-    const c = fn(l, o.match, t);
+    const c = fn(l, a.match, t);
     return l.length > 1 ? `(${c})` : c;
-  }).filter((o) => o !== null) : a = (e.groups ?? []).flatMap((o) => o.rules).map((o) => Te(o, t)).filter((o) => o !== null);
-  const i = [...n, ...a];
+  }).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: wa(t) ? ka([...e.rules ?? [], ...(e.groups ?? []).flatMap((o) => o.rules)]) : []
+    preludes: Co(t) ? xo([...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, a = (t.groups?.length ?? 0) > 0;
-  if (!n && !a) return e;
-  if (r === "mailchimp") return xa(e, t);
+  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 (!i) return e;
-  const { expression: o, preludes: l } = i, c = qn(o, r), d = Wn(r);
+  const { expression: a, preludes: l } = i, c = qn(a, r), p = Wn(r);
   return `${l.length > 0 ? `${l.join(`
 `)}
 ` : ""}${c}
 ${e}
-${d}`;
-}, bo = (e, t = "handlebars") => {
+${p}`;
+}, $a = (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)], d = c.map((v) => Te(v, "mailchimp")).find((v) => v !== null);
-    return d ? {
-      openTag: `*|IF:${d}|*${c.length > 1 && e.match === "all" ? " …nested…" : ""}`,
+    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…" : ""}`,
       closeTag: "*|END:IF|*"
     } : null;
   }
-  const a = Vn(e, t);
-  if (!a) return null;
-  const { expression: i, preludes: o } = a, l = qn(i, t);
+  const o = Vn(e, t);
+  if (!o) return null;
+  const { expression: i, preludes: a } = o, l = qn(i, t);
   return {
-    openTag: `${o.length > 0 ? `${o.join(`
+    openTag: `${a.length > 0 ? `${a.join(`
 `)}
 ` : ""}${l}`,
     closeTag: Wn(t)
   };
 }, Kn = (e) => {
-  const t = Je(e.tag), r = String(e.value ?? "");
+  const t = Ge(e.tag), r = String(e.value ?? "");
   switch (e.operator) {
     case "==":
       return `String(${t}).toLowerCase() === ${JSON.stringify(r.toLowerCase())}`;
@@ -3723,11 +3732,11 @@ ${d}`;
     case "ends_with":
       return `String(${t}).toLowerCase().endsWith(${JSON.stringify(r.toLowerCase())})`;
     case "in": {
-      const n = r.split(/[,\n;]+/).map((a) => a.trim().toLowerCase()).filter(Boolean);
+      const n = r.split(/[,\n;]+/).map((o) => o.trim().toLowerCase()).filter(Boolean);
       return `${JSON.stringify(n)}.includes(String(${t}).toLowerCase())`;
     }
     case "not_in": {
-      const n = r.split(/[,\n;]+/).map((a) => a.trim().toLowerCase()).filter(Boolean);
+      const n = r.split(/[,\n;]+/).map((o) => o.trim().toLowerCase()).filter(Boolean);
       return `!${JSON.stringify(n)}.includes(String(${t}).toLowerCase())`;
     }
     case ">":
@@ -3751,34 +3760,34 @@ ${d}`;
     default:
       return "true";
   }
-}, Ca = (e) => {
+}, To = (e) => {
   if (!e.rules.length) return null;
   const t = e.rules.map(Kn);
   return t.length === 1 ? t[0] : `(${t.join(e.match === "any" ? " || " : " && ")})`;
-}, _a = (e) => {
-  const t = (e.rules ?? []).map(Kn), r = (e.groups ?? []).map(Ca).filter((i) => i !== null), n = [...t, ...r];
+}, Ao = (e) => {
+  const t = (e.rules ?? []).map(Kn), r = (e.groups ?? []).map(To).filter((i) => i !== null), n = [...t, ...r];
   if (n.length === 0) return null;
   if (n.length === 1) return n[0];
-  const a = e.match === "any" ? " || " : " && ";
-  return `(${n.join(a)})`;
-}, nt = (e, t) => {
+  const o = e.match === "any" ? " || " : " && ";
+  return `(${n.join(o)})`;
+}, rt = (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 a = _a(t);
-  return a ? `{${a} && (
+  const o = Ao(t);
+  return o ? `{${o} && (
 ${e.split(`
 `).map((i) => `  ${i}`).join(`
 `)}
 )}` : e;
 }, Ae = ({ content: e, filename: t, mimeType: r }) => {
-  const n = new Blob([e], { type: r }), a = URL.createObjectURL(n), i = document.createElement("a");
-  i.href = a, i.download = t, i.click(), URL.revokeObjectURL(a);
-}, ht = (e) => e.toLowerCase().replace(/\s+/g, "-"), Ne = (e, t) => `${e}${t === "wrap" ? "-master" : "-snapshot"}`, Ta = /(<style[\s>][\s\S]*?<\/style>|<script[\s>][\s\S]*?<\/script>|<!--[\s\S]*?-->)/gi;
+  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(Ta), r = [];
-  return t.forEach((n, a) => {
-    if (a % 2 === 1) {
+  const t = e.split(Ro), r = [];
+  return t.forEach((n, o) => {
+    if (o % 2 === 1) {
       let i = n.replace(/^[ \t]+|[ \t]+$/gm, "");
       i = i.replace(/\n{2,}/g, `
 `), r.push(i);
@@ -3788,13 +3797,13 @@ function Yn(e) {
     }
   }), r.join("");
 }
-function Aa(e) {
+function Eo(e) {
   return e && Yn(e);
 }
-function Ra(e) {
+function Mo(e) {
   return e && Yn(e);
 }
-function Ea(e) {
+function Io(e) {
   if (!e) return e;
   let t = e.replace(/^[ \t]+|[ \t]+$/gm, "");
   return t = t.replace(/\n{3,}/g, `
@@ -3804,17 +3813,17 @@ function Ea(e) {
 function Be(e, t) {
   switch (e) {
     case "html":
-      return Aa(t);
+      return Eo(t);
     case "mjml":
-      return Ra(t);
+      return Mo(t);
     case "react-email":
-      return Ea(t);
+      return Io(t);
     default:
       return t;
   }
 }
-var Xn = "maildeno:export:minify", lt = P(Ma());
-function Ma() {
+var Xn = "maildeno:export:minify", lt = L(No());
+function No() {
   if (typeof window > "u") return !1;
   try {
     return localStorage.getItem(Xn) === "true";
@@ -3837,8 +3846,8 @@ function Kt() {
     }
   };
 }
-var Ia = 5, Na = (e) => {
-  const { rows: t, canvasStyles: r, generators: n, espSyntax: a, visibilityContext: i, tagSubstitution: o, guardEmpty: l, collectFonts: c, collectMobileCSS: d, buildMobileStyleBlock: v } = e, { evaluateVisibility: b } = ft(), E = (s) => s.type === "component" ? s.props?.visibility : s.visibility, w = (s) => {
+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) => {
     if (!s?.enabled) return !1;
     const S = (s.rules?.length ?? 0) > 0, C = (s.groups?.length ?? 0) > 0;
     return S || C;
@@ -3848,7 +3857,7 @@ var Ia = 5, Na = (e) => {
       if (C === "prune" && !b(E(m), S)) continue;
       const h = m.type;
       if (h === "row") {
-        if (_ >= Ia) continue;
+        if (_ >= Bo) continue;
         const $ = M(m, S, C, _ + 1);
         $.trim() && (g += `<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">${$}</table>`);
         continue;
@@ -3857,19 +3866,19 @@ var Ia = 5, Na = (e) => {
         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, a.value)), g += k;
+        C === "wrap" && w(m.visibility) && (k = be(k, m.visibility, o.value)), g += k;
         continue;
       }
-      let x = Un(n.html(m), C, o?.value);
+      let x = Un(n.html(m), C, a?.value);
       const y = m.props?.visibility;
-      C === "wrap" && w(y) && (x = be(x, y, a.value)), g += x;
+      C === "wrap" && w(y) && (x = be(x, y, o.value)), g += x;
     }
     return g;
   }, M = (s, S, C, _ = 0) => {
     if (s.type === "row-spacer") {
       if (!s.height || s.height <= 0) return "";
       const I = ce(s);
-      let L = `
+      let P = `
 <tr>
   <td>
   <div height="${s.height}" style="height:${s.height}px;line-height:${s.height}px;font-size:1px;mso-line-height-rule:exactly;${I.join(";")}">&nbsp;
@@ -3877,20 +3886,20 @@ var Ia = 5, Na = (e) => {
   </td>
 </tr>
 `;
-      return C === "wrap" && w(s.visibility) && (L = be(L, s.visibility, a.value)), L;
+      return C === "wrap" && w(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;
     s.columns.forEach((I) => {
-      const L = I.width / 100 * x;
-      y.push(L), $ += L;
+      const P = I.width / 100 * x;
+      y.push(P), $ += P;
     });
     const k = x - $;
     Math.abs(k) > 0.01 && y.length > 0 && (y[y.length - 1] += k);
     let A = "";
-    s.columns.forEach((I, L) => {
+    s.columns.forEach((I, P) => {
       if (C === "prune" && !b(I.props?.visibility, S)) return;
-      const V = y[L], q = s.mobileStack ? "mobile-stack" : "", W = ce(I), Q = [
+      const V = y[P], q = s.mobileStack ? "mobile-stack" : "", W = ce(I), Q = [
         `width:${V}%`,
         `max-width:${V}%`,
         `vertical-align:${I.verticalAlign ?? "middle"}`,
@@ -3907,7 +3916,7 @@ var Ia = 5, Na = (e) => {
               <td valign="${I.verticalAlign ?? "middle"}"${q ? ` class="${q}"` : ""} style="${Q.join(";")}">
 ${pe}
               </td>
-`, L < s.columns.length - 1 && s.gap && (A += `
+`, P < s.columns.length - 1 && s.gap && (A += `
               <td
                 class="${q ? `gap-${s.gap} ${q}` : `gap-${s.gap}`}"
                 width="${h}%"
@@ -3927,8 +3936,8 @@ ${A}
       z ? `border-radius:${Y(s.border.radius, 2)}` : "",
       "overflow:hidden"
     ].filter(Boolean);
-    let F = Ln(B, s.border, [], s.padding);
-    return C === "wrap" && w(s.visibility) && (F = be(F, s.visibility, a.value)), (s.minHeight ?? 0) > 0 && N.push(`min-height:${s.minHeight}px`), `
+    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`), `
 <tr>
   <td${N.length ? ` style="${N.join(";")}"` : ""}>
 ${F}
@@ -3936,7 +3945,7 @@ ${F}
 </tr>
 `;
   }, O = (s, S) => {
-    const { getGoogleFontImports: C } = gt(), { emailMobileStyles: _ } = Jt(), g = i?.value ?? {}, m = C([...c(s, g)]), h = d(s, g, _), x = v(r.value.mobileBreakpoint, h), y = [
+    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 = [
       "margin:0",
       "padding:0",
       r.value.bodyBackgroundColor ? `background-color:${r.value.bodyBackgroundColor}` : "",
@@ -4002,7 +4011,7 @@ ${r.value.preheaderText} &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj;
 </table>
 </body>
 </html>
-`, $ = Hn($, s, a.value, o?.value), $;
+`, $ = Hn($, s, o.value, a?.value), $;
   };
   return {
     export: async (s = "prune", S) => {
@@ -4014,7 +4023,7 @@ ${r.value.preheaderText} &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj;
         mimeType: "text/html"
       });
       else {
-        const h = await oa(_);
+        const h = await io(_);
         Ae({
           content: h,
           filename: `${Ne(g, s)}.html`,
@@ -4028,19 +4037,19 @@ ${r.value.preheaderText} &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj;
       return Be("html", C);
     }
   };
-}, Ba = 5, Oa = (e) => {
-  const { rows: t, canvasStyles: r, generators: n, espSyntax: a, visibilityContext: i, tagSubstitution: o, guardEmpty: l, collectFonts: c, collectMobileCSS: d, buildMobileStyleBlock: v } = e, { evaluateVisibility: b } = ft(), E = (u) => {
-    if (!u?.enabled) return !1;
-    const s = (u.rules?.length ?? 0) > 0, S = (u.groups?.length ?? 0) > 0;
+}, 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) => {
+    if (!d?.enabled) return !1;
+    const s = (d.rules?.length ?? 0) > 0, S = (d.groups?.length ?? 0) > 0;
     return s || S;
-  }, w = (u, s, S, C, _) => {
+  }, w = (d, s, S, C, _) => {
     let g = "";
-    for (const m of u) {
+    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 (_ >= Ba) continue;
+        if (_ >= jo) continue;
         const $ = R(m, s, S, _ + 1);
         $.trim() && (g += `          ${$.trim()}
 `);
@@ -4048,41 +4057,41 @@ ${r.value.preheaderText} &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj;
       }
       if (x === "row-spacer") {
         if (!m.height || m.height <= 0) continue;
-        const $ = et(m), k = Object.keys($).length > 0 ? `, ${Object.entries($).map(([f, B]) => `${f}:"${B}"`).join(", ")}` : "";
+        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 = nt(A, m.visibility)), g += `          ${A}
+        S === "wrap" && E(m.visibility) && (A = rt(A, m.visibility)), g += `          ${A}
 `;
         continue;
       }
-      let y = Un(n.react(m), S, o?.value);
-      S === "wrap" && E(m.props?.visibility) && (y = nt(y, m.props.visibility)), g += `          ${y.trim()}
+      let y = Un(n.react(m), S, a?.value);
+      S === "wrap" && E(m.props?.visibility) && (y = rt(y, m.props.visibility)), g += `          ${y.trim()}
 `;
     }
     return g;
-  }, R = (u, s, S, C = 0) => {
-    if (S === "prune" && !b(u.visibility, s)) return "";
-    if (u.type === "row-spacer") {
-      if (!u.height || u.height <= 0) return "";
-      const I = et(u), L = Object.keys(I).length > 0 ? `, ${Object.entries(I).map(([q, W]) => `${q}:"${W}"`).join(", ")}` : "";
+  }, R = (d, s, S, C = 0) => {
+    if (S === "prune" && !b(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(", ")}` : "";
       let V = `
         {/* Row Spacer */}
         <Section>
-            <div style={{ display: "block", height: "${u.height}px", lineHeight: "${u.height}px", fontSize: "1px"${L} }}>&nbsp;</div>
+            <div style={{ display: "block", height: "${d.height}px", lineHeight: "${d.height}px", fontSize: "1px"${P} }}>&nbsp;</div>
         </Section>`;
-      return S === "wrap" && E(u.visibility) && (V = nt(V, u.visibility)), V;
+      return S === "wrap" && E(d.visibility) && (V = rt(V, d.visibility)), V;
     }
-    const _ = r.value.mobileBreakpoint || 600, g = (u.gap || 0) / _ * 100, m = 100 - g * (u.columns.length - 1), h = [];
+    const _ = r.value.mobileBreakpoint || 600, g = (d.gap || 0) / _ * 100, m = 100 - g * (d.columns.length - 1), h = [];
     let x = 0;
-    u.columns.forEach((I) => {
-      const L = I.width / 100 * m;
-      h.push(L), x += L;
+    d.columns.forEach((I) => {
+      const P = I.width / 100 * m;
+      h.push(P), x += P;
     });
     const y = m - x;
     Math.abs(y) > 0.01 && h.length > 0 && (h[h.length - 1] += y);
     let $ = "";
-    u.columns.forEach((I, L) => {
+    d.columns.forEach((I, P) => {
       if (S === "prune" && !b(I.props?.visibility, s)) return;
-      const V = h[L], q = u.mobileStack ? "mobile-stack" : "", W = et(I), Q = {
+      const V = h[P], q = d.mobileStack ? "mobile-stack" : "", W = tt(I), Q = {
         width: `${V}%`,
         boxSizing: "border-box",
         verticalAlign: I.verticalAlign ?? "middle",
@@ -4093,30 +4102,30 @@ ${r.value.preheaderText} &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj;
         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, u, C);
+      }, se = Object.entries(Q).map(([le, ze]) => `${le}:"${ze}"`).join(", "), pe = I.children ?? I.components ?? [], me = w(pe, s, S, d, C);
       $ += `<Column
           className="${q}"
           style={{ ${se} }}
         >
 ${me}
         </Column>
-`, L < u.columns.length - 1 && u.gap && ($ += `<Column
-          className="${q ? `gap-${u.gap} ${q}` : `gap-${u.gap}`}"
+`, P < d.columns.length - 1 && d.gap && ($ += `<Column
+          className="${q ? `gap-${d.gap} ${q}` : `gap-${d.gap}`}"
           style={{ width:"${g}%", maxWidth:"${g}%", fontSize:"0", lineHeight:"0" }}
         >&nbsp;</Column>
 `);
     });
-    const k = et(u), A = ee(u.border?.radius ?? 0), f = {
+    const k = tt(d), A = ee(d.border?.radius ?? 0), f = {
       ...k,
-      ...A ? { borderRadius: Y(u.border.radius, 2) } : {},
+      ...A ? { borderRadius: Y(d.border.radius, 2) } : {},
       overflow: "hidden"
-    }, B = Object.entries(f).filter(([I, L]) => L !== void 0 && L !== "").map(([I, L]) => `${I}:"${L}"`).join(", "), z = B ? ` style={{ ${B} }}` : "", N = `<Row>${$}</Row>`;
+    }, 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}>
-${ra(N, u.border, {}, u.padding, !0)}
+${oo(N, d.border, {}, d.padding, !0)}
       </Section>`;
-    return S === "wrap" && E(u.visibility) && (F = nt(F, u.visibility)), F;
-  }, M = (u = "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(u, m), x = _([...h]), y = d(u, m, g), $ = v(r.value.mobileBreakpoint, y), k = t.value.map((N) => R(N, m, u, 0)).filter(Boolean).join(`
+    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)}"
@@ -4196,62 +4205,62 @@ ${k}
   );
 }
 `;
-    const z = o?.value?.mergeTagActive || o?.value?.linkTagActive;
-    if (u === "wrap" || !z) {
-      const N = ga(B), F = new Set(N.map((W) => W.tagId)), I = ha(t.value).filter((W) => !F.has(W)), { propsInterface: L, propsDestructure: V } = fa(N), q = va(I);
-      (L || q) && (B = B.replace(/^(export default function (\w+))\(\)\s*\{/m, [
-        L ? `${L}
+    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, [
+        P ? `${P}
 ` : "",
         `$1(${V || ""}) {`,
         q ? `
 ${q}
 ` : ""
-      ].join(""))), B = ma(B);
+      ].join(""))), B = go(B);
     }
     return B = En(B), B;
   };
   return {
-    export: async (u = "prune", s) => {
+    export: async (d = "prune", s) => {
       if (!l("Export")) return;
-      const S = s || "Untitled Template", C = M(u, S), _ = ht(S), { minifyOutput: g } = Kt();
+      const S = s || "Untitled Template", C = M(d, S), _ = ht(S), { minifyOutput: g } = Kt();
       if (g.value) Ae({
         content: Be("react-email", C),
-        filename: `${Ne(_, u)}.tsx`,
+        filename: `${Ne(_, d)}.tsx`,
         mimeType: "text/plain"
       });
       else {
-        const m = await ia(C);
+        const m = await so(C);
         Ae({
           content: m,
-          filename: `${Ne(_, u)}.tsx`,
+          filename: `${Ne(_, d)}.tsx`,
           mimeType: "text/plain"
         });
       }
     },
-    getReactEmail: (u = "prune", s) => {
+    getReactEmail: (d = "prune", s) => {
       if (!t.value || t.value.length === 0) return null;
-      const S = M(u, s || "Untitled Template");
+      const S = M(d, s || "Untitled Template");
       return Be("react-email", S);
     }
   };
-}, ja = 5, za = (e) => {
-  const { rows: t, canvasStyles: r, generators: n, espSyntax: a, visibilityContext: i, tagSubstitution: o, guardEmpty: l, collectFonts: c, collectMobileCSS: d } = e, { evaluateVisibility: v } = ft(), b = (p) => {
-    if (!p?.enabled) return !1;
-    const u = (p.rules?.length ?? 0) > 0, s = (p.groups?.length ?? 0) > 0;
-    return u || s;
-  }, E = (p, u, s, S) => {
+}, 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) => {
+    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) => {
     let C = "";
-    for (const _ of p) {
+    for (const _ of u) {
       const g = _.type === "component" ? _.props?.visibility : _.visibility;
-      if (s === "prune" && !v(g, u)) continue;
+      if (s === "prune" && !v(g, d)) continue;
       const m = _.type;
       if (m === "row") {
-        if (S >= ja) continue;
-        const x = w(_, u, s, S + 1);
+        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, a.value)), C += y;
+          s === "wrap" && b(_.visibility) && (y = be(y, _.visibility, o.value)), C += y;
         }
         continue;
       }
@@ -4259,27 +4268,27 @@ ${q}
         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, a.value)), C += y;
+        s === "wrap" && b(_.visibility) && (y = be(y, _.visibility, o.value)), C += y;
         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, a.value)), C += h;
+      s === "wrap" && b(_.props?.visibility) && (h = be(h, _.props.visibility, o.value)), C += h;
     }
     return C;
-  }, w = (p, u, s, S) => {
-    if (!p.columns?.length) return "";
-    const C = ce(p), _ = r.value.mobileBreakpoint || 600, g = p.gap || 0, m = g / _ * 100, h = 100 - m * (p.columns.length - 1), x = [];
+  }, w = (u, d, s, S) => {
+    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;
-    p.columns.forEach((N) => {
+    u.columns.forEach((N) => {
       const F = N.width / 100 * h;
       x.push(F), y += F;
     });
     const $ = h - y;
     Math.abs($) > 0.01 && x.length > 0 && (x[x.length - 1] += $);
     let k = "";
-    p.columns.forEach((N, F) => {
-      if (s === "prune" && !v(N.props?.visibility, u)) return;
-      const I = x[F], L = p.mobileStack ? "mobile-stack" : "", V = ce(N), q = [
+    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 = [
         `width:${I}%`,
         "box-sizing:border-box",
         `vertical-align:${N.verticalAlign ?? "middle"}`,
@@ -4287,25 +4296,25 @@ ${q}
         `border-radius:${Y(N.border.radius)}`,
         "overflow:hidden",
         ...V
-      ], W = N.children ?? N.components ?? [], Q = E(W, u, s, S), se = Ln(Q, N.border, [], N.padding), pe = L ? ` class="${L}"` : "";
+      ], 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}
 </td>
-`, F < p.columns.length - 1 && g > 0) {
-        const me = L ? `gap-${g} ${L}` : `gap-${g}`;
+`, 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>
 `;
       }
     });
-    const A = de(p.border) ? `${ue(p.border)};border-radius:${Y(p.border.radius)};overflow:hidden;` : `border-radius:${Y(p.border.radius)};overflow:hidden;`, f = p.padding ? `${p.padding.top ?? 0}px ${p.padding.right ?? 0}px ${p.padding.bottom ?? 0}px ${p.padding.left ?? 0}px` : "0px", B = C.length ? `${C.join(";")};` : "", z = p.columns.some((N) => ee(N.border?.radius ?? 0));
+    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:${(p.gap ?? 0) > 0 || z ? "separate" : "collapse"};">
+<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:${(u.gap ?? 0) > 0 || z ? "separate" : "collapse"};">
 <tr>
 ${k}</tr>
 </table>
 </div>`;
-  }, R = (p = "prune", u) => {
-    const s = u || "Untitled Template", { getGoogleFontImports: S } = gt(), { emailMobileStyles: C } = Jt(), { assembleMJML: _ } = Nn(), g = i?.value ?? {}, m = S([...c(p, g)]), h = d(p, g, C), x = Pn(t.value), y = [
+  }, 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 = [
       ".email-container { max-width:100% !important; width:100% !important; }",
       ".desktop-hide { display:block !important; }",
       ".mobile-hide { display:none !important; }",
@@ -4320,7 +4329,7 @@ ${k}</tr>
     ].join(`
 `) : y, k = [];
     t.value.forEach((f) => {
-      if (p === "prune" && !v(f.visibility, g)) return;
+      if (u === "prune" && !v(f.visibility, g)) return;
       if (f.type === "row-spacer") {
         if (!f.height || f.height <= 0) return;
         const H = ce(f);
@@ -4333,16 +4342,16 @@ ${k}</tr>
  </tr>
  </table>
  </mj-raw>`;
-        p === "wrap" && b(f.visibility) && (D = be(D, f.visibility, a.value)), k.push(D);
+        u === "wrap" && b(f.visibility) && (D = be(D, f.visibility, o.value)), k.push(D);
         return;
       }
       const B = r.value.mobileBreakpoint || 600, z = f.gap || 0, N = z / B * 100, F = 100 - N * (f.columns.length - 1), I = [];
-      let L = 0;
+      let P = 0;
       f.columns.forEach((H) => {
         const D = H.width / 100 * F;
-        I.push(D), L += D;
+        I.push(D), P += D;
       });
-      const V = F - L;
+      const V = F - P;
       Math.abs(V) > 0.01 && I.length > 0 && (I[I.length - 1] += V);
       const q = ce(f), W = (() => {
         const H = f.backgroundGradient;
@@ -4350,17 +4359,17 @@ ${k}</tr>
       })(), 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(";")}"` : "";
-      let Pe = "";
-      de(f.border) && (Pe = `${ue(f.border)};`, ee(f.border?.radius ?? 0) && (Pe += `border-radius:${Y(f.border.radius)};overflow:hidden;`));
-      const qe = [
+      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}`,
         "font-size:0",
         "line-height:0",
-        Pe
+        Le
       ].filter(Boolean).join(";");
       let U = "";
       f.columns.forEach((H, D) => {
-        if (p === "prune" && !v(H.props?.visibility, g)) return;
+        if (u === "prune" && !v(H.props?.visibility, g)) return;
         const te = I[D], Re = f.mobileStack ? "mobile-stack" : "", vt = ce(H), bt = [
           `width:${te}%`,
           "box-sizing:border-box",
@@ -4372,7 +4381,7 @@ ${k}</tr>
           "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`
-        ], We = H.children ?? H.components ?? [], $t = E(We, g, p, 0), yt = Re ? ` class="${Re}"` : "";
+        ], 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}
 </td>
@@ -4383,11 +4392,11 @@ ${$t}
         }
       });
       const X = f.columns.some((H) => ee(H.border?.radius ?? 0));
-      let ke = `<div style="${qe}">${`<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:${(f.gap ?? 0) > 0 || X ? "separate" : "collapse"};">
+      let ke = `<div style="${We}">${`<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:${(f.gap ?? 0) > 0 || X ? "separate" : "collapse"};">
 <tr>
 ${U}</tr>
 </table>`}</div>`;
-      p === "wrap" && b(f.visibility) && (ke = be(ke, f.visibility, a.value));
+      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]-->
@@ -4407,37 +4416,37 @@ ${U}</tr>
     });
     let A = _(s, k.join(`
 `), r.value, m, $, r.value.mobileBreakpoint ?? 600, "");
-    return A = Hn(A, p, a.value, o?.value, !0), A;
+    return A = Hn(A, u, o.value, a?.value, !0), A;
   };
   return {
-    export: async (p = "prune", u) => {
+    export: async (u = "prune", d) => {
       if (!l("Export")) return;
-      const s = u || "Untitled Template", S = R(p, s), C = ht(s), { minifyOutput: _ } = Kt();
+      const s = d || "Untitled Template", S = R(u, s), C = ht(s), { minifyOutput: _ } = Kt();
       if (_.value) Ae({
         content: Be("mjml", S),
-        filename: `${Ne(C, p)}.mjml`,
+        filename: `${Ne(C, u)}.mjml`,
         mimeType: "text/plain"
       });
       else {
-        const g = await sa(S);
+        const g = await lo(S);
         Ae({
           content: g,
-          filename: `${Ne(C, p)}.mjml`,
+          filename: `${Ne(C, u)}.mjml`,
           mimeType: "text/plain"
         });
       }
     },
-    getMJML: (p = "prune", u) => {
+    getMJML: (u = "prune", d) => {
       if (!t.value || t.value.length === 0) return null;
-      const s = R(p, u || "Untitled Template");
+      const s = R(u, d || "Untitled Template");
       return Be("mjml", s);
     }
   };
-}, Pa = (e) => {
-  const { rows: t, canvasStyles: r, saveToHistoryFn: n, guardEmpty: a } = e, i = e.notify ?? ((v, b = "Import failed") => console.error(`[maildeno-editor] ${b}: ${v}`)), o = (v) => {
+}, 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";
     return {
-      template_id: ot(b),
+      template_id: it(b),
       template_name: b,
       canvas: Tn(JSON.parse(JSON.stringify(r.value))),
       rows: An(JSON.parse(JSON.stringify(t.value))),
@@ -4446,8 +4455,8 @@ ${U}</tr>
   };
   return {
     export: (v) => {
-      if (!a("Export")) return;
-      const b = o(v);
+      if (!o("Export")) return;
+      const b = a(v);
       Ae({
         content: JSON.stringify(b, null, 2),
         filename: `${ht(b.template_name)}.json`,
@@ -4465,23 +4474,23 @@ ${U}</tr>
         }
       }, E.readAsText(v);
     },
-    getJSON: (v) => !t.value || t.value.length === 0 ? null : o(v)
+    getJSON: (v) => !t.value || t.value.length === 0 ? null : a(v)
   };
-}, La = 5, gn = /font-family\s*:\s*([^;<]+)/gi, Da = (e) => e.replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&apos;/g, "'"), Fa = (e) => {
+}, Fo = 5, gn = /font-family\s*:\s*([^;<]+)/gi, Ho = (e) => e.replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&apos;/g, "'"), Uo = (e) => {
   if (!e || typeof e != "string") return [];
   if (e.indexOf("font-family") === -1) return [];
-  const t = Da(e), r = [];
+  const t = Ho(e), r = [];
   let n;
   for (gn.lastIndex = 0; (n = gn.exec(t)) !== null; ) {
-    const a = n[1];
-    if (!a) continue;
-    let i = a;
-    const o = i.trimStart()[0];
-    if (o === '"' || o === "'") {
-      const c = i.indexOf(o), d = i.indexOf(o, c + 1);
-      if (d !== -1) {
-        const v = i.slice(d + 1).search(/["<]/);
-        i = v === -1 ? i : i.slice(0, d + 1 + v);
+    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);
       }
     } else {
       const c = i.search(/["<]/);
@@ -4491,35 +4500,35 @@ ${U}</tr>
     l && r.push(l);
   }
   return r;
-}, Ha = (e, t, r, n, a, i, o, l, c, d) => {
+}, 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 = a, w = i) : (v = {
+  typeof r == "object" && !("value" in r) ? (v = r, b = n, E = o, w = i) : (v = {
     html: r,
     react: n,
-    mjml: a
-  }, b = i, E = o, w = l);
-  const { evaluateVisibility: R } = ft(), { open: M } = d ?? ea(), O = c ?? P({ syntax: "handlebars" }), p = ($, k, A, f, B = 0) => {
-    if (!(B >= La))
+    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 ?? [];
-            p(I, k, A, f, B + 1);
+            u(I, k, A, f, B + 1);
           }
           continue;
         }
         N !== "row-spacer" && (k === "prune" && !R(z.props?.visibility, A) || f(z));
       }
-  }, u = ($) => !e.value || e.value.length === 0 ? (M("Your template is empty. Please add at least one row before exporting.", $), !1) : !0, s = ($, k) => {
+  }, 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 ?? [];
-        p(z, $, k, (N) => {
+        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 = Fa(N.props.content);
+            const F = Uo(N.props.content);
             for (const I of F) A.add(I);
           }
         });
@@ -4530,14 +4539,14 @@ ${U}</tr>
     return e.value.forEach((B) => {
       $ === "prune" && !R(B.visibility, k) || B.columns && B.columns.forEach((z) => {
         const N = z.children ?? z.components ?? [];
-        p(N, $, k, (F) => {
+        u(N, $, k, (F) => {
           const I = A(F, `eb-${F.id}`);
           I && f.push(I);
         });
       });
     }), f;
   }, C = ($, k) => {
-    const A = Pn(e.value), f = k.length > 0 ? `
+    const A = Ln(e.value), f = k.length > 0 ? `
 /* Mobile property overrides */
 ${k.join(`
@@ -4566,15 +4575,15 @@ ${A}` : ""}${f}
     espSyntax: _,
     visibilityContext: E,
     tagSubstitution: w,
-    guardEmpty: u,
+    guardEmpty: d,
     collectFonts: s,
     collectMobileCSS: S,
     buildMobileStyleBlock: C
-  }, m = Na(g), h = Oa(g), x = za(g), y = Pa({
+  }, m = Oo(g), h = zo(g), x = Po(g), y = Do({
     rows: e,
     canvasStyles: t,
     saveToHistoryFn: b,
-    guardEmpty: u,
+    guardEmpty: d,
     notify: ($, k) => M($, k ?? "Import failed")
   });
   return {
@@ -4589,7 +4598,7 @@ ${A}` : ""}${f}
     importJSON: y.import,
     espConfig: O
   };
-}, Ua = 3e3, Me = null, Ue, rt, oe = -1, at = () => ({
+}, Go = 3e3, Me = null, Ue, ot, ae = -1, at = () => ({
   language: "en-US",
   preheaderText: "View this email in your browser",
   bodyBackgroundColor: "#f9fafb",
@@ -4607,39 +4616,39 @@ ${A}` : ""}${f}
   },
   mobileBreakpoint: 600
 }), Qn = /* @__PURE__ */ Symbol("maildeno-editor:email-builder");
-function $o(e, t) {
-  const r = Ja(e, t);
+function ya(e, t) {
+  const r = qo(e, t);
   return Ie(Qn, r), r;
 }
-var yo = () => {
+var Sa = () => {
   const e = Oe(Qn);
   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 Ja(e, t) {
-  const r = e ?? hr(), n = vr(), a = P([]), i = P(null), o = P(at()), l = P(null), c = P([]), d = P(null), v = P(null), b = P("properties"), E = P("desktop"), w = P(!1), R = P(!1), M = P(null), O = P("create"), p = P({}), u = P(null), s = (T, j, J = "") => {
-    u.value = {
+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,
       default: J
     };
-  }, S = P({}), C = P(!1), _ = P({}), g = P(!1), m = P(null), h = P(null), x = P(!1), y = P(!1), $ = P(null), k = P({ syntax: "handlebars" }), { defaultProps: A } = jt(), f = xr(), B = () => f.getCurrentState(a, o), z = (T) => f.restoreState(T, a, o, i, d, v), { generateHTMLComponent: N } = Gr(), { generateReactEmailComponent: F } = Yr(), { generateMJMLComponent: I } = Nn(), L = {
+  }, 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, Pe = (T) => {
+  }, { 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 Ve of G) {
-          if (!Ve) continue;
-          const Qt = Ve.type;
+        for (const Ke of G) {
+          if (!Ke) continue;
+          const Qt = Ke.type;
           if (Qt === "row") {
-            for (const Zt of Ve.columns ?? []) J(Zt.children ?? Zt.components ?? [], we + 1);
+            for (const Zt of Ke.columns ?? []) J(Zt.children ?? Zt.components ?? [], we + 1);
             continue;
           }
           if (Qt === "row-spacer") continue;
-          const Ke = Ve.props;
-          Ke?.fontFamily && j.add(Ke.fontFamily), Ke?.mobile?.fontFamily && j.add(Ke.mobile.fontFamily);
+          const Ye = Ke.props;
+          Ye?.fontFamily && j.add(Ye.fontFamily), Ye?.mobile?.fontFamily && j.add(Ye.mobile.fontFamily);
         }
     };
     for (const G of T)
@@ -4650,20 +4659,20 @@ function Ja(e, t) {
   {
     let T = null;
     mr(() => {
-      const j = Pe(a.value);
+      const j = Le(o.value);
       T && clearTimeout(T), T = setTimeout(() => {
         T = null, le(j);
       }, 200);
     });
   }
-  const qe = gr();
+  const We = gr();
   let U = null, X = !1;
   const ke = () => {
-    X || qe.value && (U && clearTimeout(U), U = setTimeout(() => {
+    X || We.value && (U && clearTimeout(U), U = setTimeout(() => {
       U = null;
       const T = f.version.value;
-      T !== oe && (oe = T, Ue = l.value ?? void 0, V(a.value, o.value, Me, Ue, rt));
-    }, Ua));
+      T !== ae && (ae = T, Ue = l.value ?? void 0, V(o.value, a.value, Me, Ue, ot));
+    }, Go));
   };
   function $e(T = "change", j = !1) {
     f.saveToHistory(B, T, j), ke();
@@ -4671,18 +4680,18 @@ function Ja(e, t) {
   function H(T) {
     $e(T, !0);
   }
-  const D = Sr(a, 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), We = (T, j) => {
+  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 G = J.children ?? J.components ?? [];
-        for (const we of G) We(we, j);
+        for (const we of G) Ve(we, j);
       }
   }, $t = (T) => {
     const j = D.findRow(T);
     if (j) {
       const J = /* @__PURE__ */ new Set();
-      We(j, J), i.value && J.has(i.value) && (i.value = null), d.value && J.has(d.value) && (d.value = null), v.value && (J.has(v.value.rowId) || J.has(v.value.columnId)) && (v.value = null);
+      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);
     }
     D.deleteRow(T);
   }, yt = Ce(() => ({
@@ -4690,24 +4699,24 @@ function Ja(e, t) {
     mergeTagActive: C.value,
     linkTagContext: _.value,
     linkTagActive: g.value
-  })), ne = Ha(a, o, L, $e, p, yt, void 0, void 0, k, t);
+  })), ne = Jo(o, a, P, $e, u, yt, void 0, void 0, k, t);
   {
     const T = () => {
-      U && (clearTimeout(U), U = null, q(a.value, o.value, Me, Ue, rt), oe = f.version.value);
+      U && (clearTimeout(U), U = null, q(o.value, a.value, Me, Ue, ot), ae = f.version.value);
     };
     window.addEventListener("beforeunload", T), dr(() => {
-      window.removeEventListener("beforeunload", T), U && (clearTimeout(U), U = null, q(a.value, o.value, Me, Ue, rt), oe = f.version.value);
+      window.removeEventListener("beforeunload", T), U && (clearTimeout(U), U = null, q(o.value, a.value, Me, Ue, ot), ae = f.version.value);
     });
   }
   const Yt = () => {
-    if (a.value.length > 0)
-      return w.value = !0, te(), i.value = null, d.value = null, v.value = null, b.value = "properties", null;
+    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, a.value = T.rows, o.value = T.canvas, i.value = null, d.value = null, v.value = null, b.value = "properties", ye(() => {
-      X = !1, te(), f.initialize(B()), oe = f.version.value, w.value = !0;
+    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 (!qe.value) throw new Error("[maildeno-editor] this editor has no saveTemplate — nothing was saved");
+    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);
@@ -4721,42 +4730,42 @@ function Ja(e, t) {
       tags: j.tags
     }, T), M.value = T, O.value = "edit", !0) : !1;
   }, tr = () => {
-    w.value = !1, v.value = null, d.value = null, b.value = "properties", U && (clearTimeout(U), U = null);
+    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();
       return;
     }
-    T && T.templateId !== null && Q(), X = !0, a.value = [], i.value = null, o.value = at(), Me = null, l.value = null, c.value = [], ye(() => {
-      X = !1, te(), f.initialize(B()), oe = f.version.value, w.value = !0;
+    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;
     });
   }, nr = () => {
-    w.value = !1, v.value = null, d.value = null, b.value = "properties", U && (clearTimeout(U), U = null), Q(), X = !0, a.value = [], i.value = null, o.value = at(), Me = null, M.value = null, O.value = "create", l.value = null, c.value = [], ye(() => {
-      X = !1, te(), f.initialize(B()), oe = f.version.value, w.value = !0;
+    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;
     });
   }, Xt = (T, j, J) => {
-    w.value = !1, Me = j, Ue = T.name, rt = T.tags, l.value = T.name ?? null, c.value = T.tags ?? [], U && (clearTimeout(U), U = null);
+    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, o.value = G.canvas, a.value = G.rows, i.value = null, d.value = null, v.value = null, b.value = "properties", ye(() => {
-        X = !1, te(), f.initialize(B()), oe = f.version.value, w.value = !0, 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);
       return;
     }
-    G && G.templateId !== j && (console.info(`[EmailBuilder] Clearing stale draft (belongs to ${G.templateId}, current is ${j}).`), Q()), X = !0, o.value = ct(JSON.parse(JSON.stringify(T.canvas))), a.value = ut(JSON.parse(JSON.stringify(T.content?.rows ?? []))), i.value = null, d.value = null, v.value = null, b.value = "properties", ye(() => {
-      X = !1, te(), f.initialize(B()), oe = f.version.value, w.value = !0, J?.();
+    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?.();
     });
   }, St = (T, j = "restore-version") => {
-    U && (clearTimeout(U), U = null), X = !0, o.value = ct(JSON.parse(JSON.stringify(T.canvas))), a.value = ut(JSON.parse(JSON.stringify(T.content?.rows ?? []))), i.value = null, d.value = null, v.value = null, b.value = "properties", ye(() => {
+    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);
     });
   }, rr = () => {
     f.undo(z) && (te(), ke());
-  }, ar = () => {
-    f.redo(z) && (te(), ke());
   }, or = () => {
-    a.value = [], i.value = null, d.value = null, v.value = null, b.value = "properties", o.value = at(), ye(() => {
-      te(), f.initialize(B()), oe = f.version.value;
+    f.redo(z) && (te(), 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;
     });
   }, ir = () => {
     n.require({
@@ -4766,7 +4775,7 @@ function Ja(e, t) {
       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: () => or(),
+      accept: () => ar(),
       reject: () => {
       }
     });
@@ -4777,7 +4786,7 @@ function Ja(e, t) {
     };
     if (j.history === "reset") {
       St(G, "set-json"), ye(() => {
-        f.initialize(B()), oe = f.version.value;
+        f.initialize(B()), ae = f.version.value;
       });
       return;
     }
@@ -4792,17 +4801,17 @@ function Ja(e, t) {
     };
   }, cr = (T) => T !== null && !D.findComponent(T) ? !1 : (i.value = T, !0), ur = (T) => hn(() => f.version.value, () => T());
   return {
-    rows: a,
-    canvasStyles: o,
+    rows: o,
+    canvasStyles: a,
     templateTags: c,
     savedTemplateName: l,
     previewMode: E,
     sidebarTab: b,
     selectedId: i,
-    selectedRowId: d,
+    selectedRowId: p,
     selectedColumn: v,
-    visibilityPreviewContext: p,
-    mergeTagInsertQueue: u,
+    visibilityPreviewContext: u,
+    mergeTagInsertQueue: d,
     triggerMergeTagInsert: s,
     mergeTagPreviewContext: S,
     mergeTagPreviewActive: C,
@@ -4848,7 +4857,7 @@ function Ja(e, t) {
     importJSON: (T) => ne.importJSON(T, i),
     clearTemplate: ir,
     undo: rr,
-    redo: ar,
+    redo: or,
     canUndo: f.canUndo,
     canRedo: f.canRedo,
     historyStatus: f.historyStatus,
@@ -4875,50 +4884,51 @@ function Ja(e, t) {
   };
 }
 export {
-  Tn as A,
-  Ya as B,
-  ft as C,
-  Ut as D,
-  ao as E,
-  dt as F,
-  $n as G,
-  Va as H,
-  Rt as I,
-  K,
-  Za as L,
-  no as M,
-  to as N,
-  ro as O,
-  Qa as P,
-  vr as R,
-  io as S,
-  ea as T,
-  Xa as U,
-  Ka as V,
-  hr as W,
-  gt as _,
-  vo as a,
-  lo as b,
-  ho as c,
-  fo as d,
+  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,
+  Je as _,
+  ba as a,
+  ca as b,
+  va as c,
+  ga as d,
   pn as f,
-  st as g,
-  na as h,
-  ya as i,
-  An as j,
-  Jr as k,
-  go as l,
-  po as m,
-  yo as n,
-  bo as o,
-  ca as p,
+  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,
-  $a as s,
-  $o as t,
-  mo as u,
-  co as v,
-  oo as w,
-  uo as x,
-  so as y,
-  Wa as z
+  So as s,
+  ya as t,
+  fa as u,
+  gt as v,
+  ft as w,
+  ua as x,
+  da as y,
+  vr as z
 };