@maildeno/editor 0.4.5 → 0.4.7

package/dist/useEmailBuilder-gOc8otd8.js

@@ -0,0 +1,4893 @@
+import { F as or, K as un, M as he, R as Ae, h as Se, k as Me, lt as ir, q as sr, st as P } from "./vue.runtime.esm-bundler-D2AjRP90.js";
+var tt = (e) => e.trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "") || "untitled_template";
+function dn(e) {
+  if (!e || typeof e != "object") throw new Error("Unrecognized template file format");
+  if (e.template_id && e.template_name && e.canvas && e.rows && e.schema_version) {
+    if (e.schema_version !== "1.0") {
+      const [t] = String(e.schema_version).split(".").map(Number), [r] = "1.0".split(".").map(Number);
+      if (t > r) throw new Error(`Template schema version ${e.schema_version} is newer than supported version 1.0`);
+      e.schema_version = "1.0";
+    }
+    return e;
+  }
+  if (e.meta && e.canvas && e.content?.rows) {
+    const t = e.meta.name || "Untitled Template";
+    return {
+      template_id: tt(t),
+      template_name: t,
+      canvas: e.canvas,
+      rows: e.content.rows,
+      schema_version: "1.0"
+    };
+  }
+  if (e.canvas && e.content?.rows) return {
+    template_id: tt("Untitled Template"),
+    template_name: "Untitled Template",
+    canvas: e.canvas,
+    rows: e.content.rows,
+    schema_version: "1.0"
+  };
+  if (!e.meta && e.canvasStyles && e.rows) {
+    const t = "Untitled Template";
+    return {
+      template_id: tt(t),
+      template_name: t,
+      canvas: e.canvasStyles,
+      rows: e.rows,
+      schema_version: "1.0"
+    };
+  }
+  throw new Error("Unrecognized template file format");
+}
+var K = () => crypto.randomUUID().replace(/-/g, "").slice(0, 16), ve = "maildeno:product-rows", Oe = "maildeno:template:", vt = "maildeno:versions:", Vt = 20;
+function pn(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 = {
+      ...r,
+      id: K(),
+      children: n.map((i) => pn(i))
+    };
+    return delete a.components, a;
+  })), t;
+}
+function ue(e) {
+  try {
+    const t = localStorage.getItem(e);
+    return t ? JSON.parse(t) : null;
+  } catch {
+    return null;
+  }
+}
+function je(e, t) {
+  localStorage.setItem(e, JSON.stringify(t));
+}
+function mn() {
+  async function e(s) {
+    return s ? ue(Oe + s) : null;
+  }
+  async function t(s, y) {
+    const C = y || K();
+    try {
+      const _ = ue(Oe + C);
+      _ && k(C, _);
+    } catch (_) {
+      console.warn("[maildeno-editor] couldn't record a template version:", _);
+    }
+    return je(Oe + C, {
+      ...s,
+      updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+    }), { templateId: C };
+  }
+  async function r() {
+    const s = [];
+    for (let y = 0; y < localStorage.length; y++) {
+      const C = localStorage.key(y);
+      if (!C?.startsWith(Oe)) continue;
+      const _ = ue(C);
+      s.push({
+        templateId: C.slice(18),
+        name: _?.name,
+        updatedAt: _?.updatedAt
+      });
+    }
+    return s.sort((y, C) => (C.updatedAt ?? "").localeCompare(y.updatedAt ?? ""));
+  }
+  async function n(s) {
+    localStorage.removeItem(Oe + s), localStorage.removeItem(vt + s);
+  }
+  function a(s) {
+    return ue(vt + s) ?? [];
+  }
+  function i(s, y) {
+    je(vt + s, y);
+  }
+  async function o(s) {
+    return a(s).map(({ snapshot: y, ...C }) => C);
+  }
+  async function c(s, y) {
+    return a(s).find((C) => C.versionId === y)?.snapshot ?? null;
+  }
+  async function l(s, y) {
+    i(s, a(s).filter((C) => C.versionId !== y));
+  }
+  async function d(s) {
+    i(s, a(s).filter((y) => y.kept));
+  }
+  async function v(s, y, C) {
+    i(s, a(s).map((_) => _.versionId === y ? {
+      ..._,
+      kept: C
+    } : _));
+  }
+  function k(s, y) {
+    const C = a(s);
+    C.unshift({
+      versionId: K(),
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      kept: !1,
+      snapshot: y
+    });
+    const _ = C.filter((f) => !f.kept);
+    if (_.length > Vt) {
+      const f = new Set(_.slice(Vt).map((p) => p.versionId));
+      i(s, C.filter((p) => !f.has(p.versionId)));
+      return;
+    }
+    i(s, C);
+  }
+  async function E() {
+    return ue(ve) ?? [];
+  }
+  async function w() {
+    return [];
+  }
+  async function R(s, y) {
+    const C = ue(ve) ?? [], _ = {
+      id: K(),
+      name: y.trim() || `Row ${C.length + 1}`,
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      row: JSON.parse(JSON.stringify(s))
+    };
+    return je(ve, [_, ...C]), _;
+  }
+  async function I(s) {
+    const y = ue(ve) ?? [];
+    je(ve, y.filter((C) => C.id !== s));
+  }
+  async function O(s, y) {
+    const C = ue(ve) ?? [];
+    je(ve, C.map((_) => _.id === s ? {
+      ..._,
+      name: y.trim() || _.name
+    } : _));
+  }
+  function u(s) {
+    const y = (ue(ve) ?? []).find((C) => C.id === s);
+    return y ? pn(y.row) : null;
+  }
+  async function h(s) {
+    return new Promise((y, C) => {
+      const _ = new FileReader();
+      _.onload = () => y(_.result), _.onerror = () => C(_.error), _.readAsDataURL(s);
+    });
+  }
+  return {
+    loadTemplate: e,
+    saveTemplate: t,
+    listTemplates: r,
+    deleteTemplate: n,
+    listTemplateVersions: o,
+    getTemplateVersion: c,
+    deleteTemplateVersion: l,
+    deleteAllTemplateVersions: d,
+    setTemplateVersionKept: v,
+    listSavedRows: E,
+    listSystemSavedRows: w,
+    saveSavedRow: R,
+    deleteSavedRow: I,
+    renameSavedRow: O,
+    cloneSavedRowForCanvas: u,
+    uploadImage: h
+  };
+}
+var fn = /* @__PURE__ */ Symbol("maildeno-editor:storage-adapter");
+function lr(e) {
+  const t = mn();
+  if (!e) return t;
+  const r = { ...t };
+  for (const [n, a] of Object.entries(e)) typeof a == "function" && (r[n] = a);
+  return r;
+}
+var gn = /* @__PURE__ */ Symbol("maildeno-editor:can-save");
+function cr() {
+  return Me(gn, Se(() => !0));
+}
+function La(e) {
+  Ae(gn, e);
+}
+var hn = /* @__PURE__ */ Symbol("maildeno-editor:has-template-library");
+function Da() {
+  return Me(hn, !0);
+}
+function Fa(e) {
+  const t = lr(e);
+  return Ae(fn, t), Ae(hn, !e || typeof e.listTemplates == "function"), t;
+}
+var ur = () => {
+  const e = Me(fn);
+  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."), mn());
+}, vn = /* @__PURE__ */ Symbol("maildeno-editor:saved-row-capabilities");
+function Ha(e) {
+  Ae(vn, e);
+}
+function Ua() {
+  return Me(vn, Se(() => ({})));
+}
+var it = ir(null), wt = P(!1);
+function Rt() {
+  wt.value = !1, setTimeout(() => {
+    wt.value || (it.value = null);
+  }, 200);
+}
+function Ja() {
+  const e = it.value;
+  Rt(), e?.accept?.();
+}
+function Ga() {
+  const e = it.value;
+  Rt(), e?.reject?.();
+}
+function dr() {
+  return {
+    require(e) {
+      it.value = e, wt.value = !0;
+    },
+    close: Rt
+  };
+}
+var ke = () => ({
+  enabled: !1,
+  match: "all",
+  rules: []
+}), xt = () => ({
+  desktopHide: !1,
+  mobileHide: !1
+}), ne = () => ({
+  visibility: ke(),
+  ...xt()
+}), pr = Object.freeze({
+  enabled: !1,
+  match: "all",
+  rules: []
+}), mr = Object.freeze({
+  desktopHide: !1,
+  mobileHide: !1
+}), qa = Object.freeze({
+  visibility: pr,
+  ...mr
+}), bt = (e) => ({
+  useGradient: !1,
+  solid: e,
+  gradient: {
+    type: "linear",
+    direction: "to right",
+    colors: [{
+      color: e,
+      position: 0
+    }, {
+      color: "#00ff88",
+      position: 100
+    }]
+  }
+}), qe = () => ({
+  useGradient: !1,
+  solid: "transparent",
+  gradient: {
+    type: "linear",
+    direction: "to right",
+    colors: [{
+      color: "#ffffff",
+      position: 0
+    }, {
+      color: "#eeeeee",
+      position: 100
+    }]
+  }
+}), Et = () => ({ defaultProps: {
+  paragraph: {
+    content: "Enter your paragraph text here",
+    fontSize: 16,
+    lineHeight: 1.5,
+    color: "#111111",
+    fontWeight: "normal",
+    fontFamily: "Arial",
+    fontStyle: "normal",
+    letterSpacing: 0,
+    backgroundColor: "transparent",
+    backgroundGradient: qe(),
+    margin: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    padding: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    textTransform: "none",
+    textDecoration: "none",
+    align: "left",
+    mobile: {
+      fontSize: null,
+      lineHeight: null,
+      color: null,
+      fontWeight: null,
+      fontFamily: null,
+      fontStyle: null,
+      letterSpacing: null,
+      backgroundColor: null,
+      backgroundGradient: null,
+      textTransform: null,
+      textDecoration: null,
+      align: null,
+      margin: null,
+      padding: null
+    },
+    ...ne()
+  },
+  heading: {
+    content: "Heading Text",
+    level: "h2",
+    fontSize: 32,
+    lineHeight: 1.2,
+    color: "#111111",
+    fontWeight: "bold",
+    fontFamily: "Arial",
+    letterSpacing: 0,
+    backgroundColor: "transparent",
+    backgroundGradient: qe(),
+    margin: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    padding: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    textTransform: "none",
+    textDecoration: "none",
+    align: "left",
+    mobile: {
+      fontSize: null,
+      lineHeight: null,
+      color: null,
+      fontWeight: null,
+      fontFamily: null,
+      letterSpacing: null,
+      backgroundColor: null,
+      backgroundGradient: null,
+      textTransform: null,
+      textDecoration: null,
+      align: null,
+      margin: null,
+      padding: null
+    },
+    ...ne()
+  },
+  image: {
+    src: "https://email-builder-nor-dev.s3.amazonaws.com/images/2026/08/20/5bffeaf2.jpeg",
+    alt: "Image",
+    width: 100,
+    height: "auto",
+    align: "center",
+    link: "https://example.com",
+    enabled: !1,
+    margin: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    padding: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    borderRadius: 0,
+    border: {
+      width: 0,
+      color: "transparent",
+      style: "solid"
+    },
+    mobile: {
+      width: null,
+      height: null,
+      align: null,
+      margin: null,
+      padding: null,
+      borderRadius: null,
+      border: null
+    },
+    ...ne()
+  },
+  video: {
+    fallbackLink: "https://example.com",
+    src: "",
+    coverImage: "",
+    alt: "Watch video",
+    width: 100,
+    height: "auto",
+    align: "center",
+    margin: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    padding: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    borderRadius: 0,
+    border: {
+      width: 0,
+      color: "transparent",
+      style: "solid"
+    },
+    mobile: {
+      width: null,
+      height: null,
+      align: null,
+      margin: null,
+      padding: null,
+      borderRadius: null,
+      border: null
+    },
+    ...ne()
+  },
+  list: {
+    content: "<ul><li>List item 1</li><li>List item 2</li><li>List item 3</li></ul>",
+    fontSize: 16,
+    lineHeight: 1.5,
+    fontFamily: "Arial",
+    letterSpacing: 0,
+    color: "#111111",
+    backgroundColor: "transparent",
+    backgroundGradient: qe(),
+    margin: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    padding: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 20
+    },
+    itemSpacing: 8,
+    mobile: {
+      fontSize: null,
+      lineHeight: null,
+      fontFamily: null,
+      letterSpacing: null,
+      color: null,
+      backgroundColor: null,
+      backgroundGradient: null,
+      margin: null,
+      padding: null,
+      itemSpacing: null
+    },
+    ...ne()
+  },
+  button: {
+    text: "Click Me",
+    link: "https://example.com",
+    backgroundColor: "#007bff",
+    backgroundGradient: bt("#007bff"),
+    color: "#fafafa",
+    fontSize: 16,
+    fontWeight: "medium",
+    fontFamily: "Arial",
+    letterSpacing: 0,
+    margin: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    padding: {
+      top: 12,
+      right: 24,
+      bottom: 12,
+      left: 24
+    },
+    borderRadius: 4,
+    border: {
+      width: 0,
+      color: "transparent",
+      style: "solid"
+    },
+    align: "center",
+    icon: "",
+    iconAlt: "",
+    iconPosition: "before",
+    iconSize: 20,
+    iconGap: 8,
+    mobile: {
+      fontSize: null,
+      fontWeight: null,
+      fontFamily: null,
+      letterSpacing: null,
+      backgroundColor: null,
+      backgroundGradient: null,
+      color: null,
+      padding: null,
+      margin: null,
+      borderRadius: null,
+      border: null,
+      align: null
+    },
+    ...ne()
+  },
+  anchor: {
+    text: "Click here",
+    link: "https://example.com",
+    color: "#007bff",
+    fontSize: 16,
+    fontWeight: "normal",
+    fontFamily: "Arial",
+    letterSpacing: 0,
+    textDecoration: "underline",
+    margin: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    padding: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    align: "left",
+    mobile: {
+      fontSize: null,
+      fontWeight: null,
+      fontFamily: null,
+      letterSpacing: null,
+      color: null,
+      textDecoration: null,
+      margin: null,
+      padding: null,
+      align: null
+    },
+    ...ne()
+  },
+  divider: {
+    backgroundColor: "#cccccc",
+    backgroundGradient: bt("#cccccc"),
+    height: 1,
+    width: 100,
+    margin: {
+      top: 20,
+      right: 0,
+      bottom: 20,
+      left: 0
+    },
+    padding: {
+      top: 5,
+      right: 0,
+      bottom: 5,
+      left: 0
+    },
+    align: "center",
+    mobile: {
+      backgroundColor: null,
+      backgroundGradient: null,
+      height: null,
+      width: null,
+      margin: null,
+      padding: null,
+      align: null
+    },
+    ...ne()
+  },
+  spacer: {
+    height: 20,
+    backgroundColor: "transparent",
+    backgroundGradient: bt("transparent"),
+    mobile: {
+      height: null,
+      backgroundColor: null,
+      backgroundGradient: null
+    },
+    ...ne()
+  },
+  menu: {
+    items: [
+      {
+        label: "Home",
+        link: "https://example.com",
+        enabled: !0
+      },
+      {
+        label: "About",
+        link: "https://example.com",
+        enabled: !0
+      },
+      {
+        label: "Contact",
+        link: "https://example.com",
+        enabled: !0
+      }
+    ],
+    fontSize: 16,
+    lineHeight: 1.5,
+    fontWeight: "normal",
+    fontFamily: "Arial",
+    fontStyle: "normal",
+    letterSpacing: 0,
+    color: "#111111",
+    textTransform: "none",
+    textDecoration: "none",
+    backgroundColor: "transparent",
+    backgroundGradient: qe(),
+    spacing: 16,
+    align: "center",
+    margin: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    padding: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    mobileStack: !1,
+    mobile: {
+      fontSize: null,
+      lineHeight: null,
+      fontWeight: null,
+      fontFamily: null,
+      fontStyle: null,
+      letterSpacing: null,
+      color: null,
+      textTransform: null,
+      textDecoration: null,
+      backgroundColor: null,
+      backgroundGradient: null,
+      spacing: null,
+      align: null,
+      margin: null,
+      padding: null
+    },
+    ...ne()
+  },
+  socials: {
+    platforms: [
+      {
+        name: "Youtube",
+        link: "",
+        enabled: !0,
+        icon: "https://email-builder-nor-dev.s3.amazonaws.com/images/2026/08/20/187d70ab.png"
+      },
+      {
+        name: "Linkedin",
+        link: "",
+        enabled: !0,
+        icon: "https://email-builder-nor-dev.s3.amazonaws.com/images/2026/08/20/23e45ac0.png"
+      },
+      {
+        name: "Instagram",
+        link: "",
+        enabled: !0,
+        icon: "https://email-builder-nor-dev.s3.amazonaws.com/images/2026/08/20/4e9832e6.png"
+      }
+    ],
+    iconSize: 28,
+    spacing: 10,
+    align: "center",
+    margin: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    padding: {
+      top: 0,
+      right: 0,
+      bottom: 0,
+      left: 0
+    },
+    mobile: {
+      iconSize: null,
+      spacing: null,
+      align: null,
+      margin: null,
+      padding: null
+    },
+    ...ne()
+  }
+} }), Wa = (e) => e.trim().toLowerCase().replace(/\s+/g, "_").replace(/[^a-z0-9_]/g, ""), Va = (e) => e.split("_").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(" "), bn = () => `row_${K().slice(0, 4)}`, ze = (e) => ({
+  useGradient: !1,
+  solid: e,
+  gradient: {
+    type: "linear",
+    direction: "to right",
+    colors: [{
+      color: "#ffffff",
+      position: 0
+    }, {
+      color: "#eeeeee",
+      position: 100
+    }]
+  }
+}), pe = (e) => e.children ?? e.components ?? [], Pe = (e) => (e.children || (e.children = e.components ?? []), e.children), Mt = (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 = {
+      ...r,
+      id: K(),
+      children: n.map((i) => Mt(i))
+    };
+    return delete a.components, a;
+  })), t;
+}, We = (e, t) => {
+  const r = Mt(e);
+  if (r.type === "row-spacer") return r;
+  const n = e.name ?? bn(), a = new Set(t.map((c) => c.name));
+  let i = `${n}_copy`, o = 2;
+  for (; a.has(i); )
+    i = `${n}_copy_${o}`, o++;
+  return r.name = i, r;
+}, fr = (e) => Mt(e), me = (e, t) => {
+  for (let r = 0; r < e.length; r++) {
+    const n = e[r];
+    if (n.id === t) return {
+      parentChildren: e,
+      index: r,
+      element: n
+    };
+    if (n.type === "row") for (const a of n.columns ?? []) {
+      const i = me(a.children ?? a.components ?? [], t);
+      if (i) return i;
+    }
+  }
+  return null;
+}, ye = (e, t) => {
+  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 = pe(n);
+      for (const i of a) {
+        if (i.id === t && i.type === "row") return i;
+        if (i.type === "row" && i.columns) {
+          const o = ye([i], t);
+          if (o) return o;
+        }
+      }
+    }
+  }
+  return null;
+}, te = /* @__PURE__ */ new Map(), Kt = (e) => {
+  te.clear();
+  const t = (r) => {
+    for (const n of r)
+      if (n?.id && (te.set(n.id, n), n.type === "row" && Array.isArray(n.columns)))
+        for (const a of n.columns)
+          a?.id && te.set(a.id, a), t(a.children ?? a.components ?? []);
+  };
+  t(e);
+}, ae = (e) => {
+  if (e?.id && (te.set(e.id, e), e.type === "row" && Array.isArray(e.columns)))
+    for (const t of e.columns) {
+      t?.id && te.set(t.id, t);
+      const r = t.children ?? t.components ?? [];
+      for (const n of r) ae(n);
+    }
+}, nt = (e) => {
+  if (e?.id && (te.delete(e.id), e.type === "row" && Array.isArray(e.columns)))
+    for (const t of e.columns) {
+      t?.id && te.delete(t.id);
+      const r = t.children ?? t.components ?? [];
+      for (const n of r) nt(n);
+    }
+}, gr = (e, t, r, n, a = n) => {
+  te.size === 0 && Array.isArray(e.value) && e.value.length && Kt(e.value);
+  const i = (f, p = !1) => {
+    let g;
+    if (Array.isArray(f)) {
+      if (f.reduce((S, A) => S + A, 0) !== 100) {
+        console.warn("Column widths must sum to 100%");
+        return;
+      }
+      g = f;
+    } else {
+      const S = Math.floor(100 / f);
+      g = Array(f).fill(S), g[0] += 100 - g.reduce((A, m) => A + m, 0);
+    }
+    const x = bn(), $ = {
+      id: `${K()}`,
+      type: "row",
+      name: x,
+      columns: g.map((S, A) => ({
+        id: `${K()}-${A}`,
+        width: S,
+        children: [],
+        backgroundColor: "transparent",
+        backgroundGradient: ze("transparent"),
+        backgroundImage: "",
+        backgroundSize: "cover",
+        backgroundPosition: "center center",
+        backgroundRepeat: "no-repeat",
+        padding: {
+          top: 10,
+          right: 10,
+          bottom: 10,
+          left: 10
+        },
+        border: {
+          width: 0,
+          style: "solid",
+          color: "#000000",
+          radius: 0
+        },
+        verticalAlign: "top"
+      })),
+      backgroundColor: "#ffffff",
+      backgroundGradient: ze("#ffffff"),
+      backgroundImage: "",
+      backgroundSize: "cover",
+      backgroundPosition: "center center",
+      backgroundRepeat: "no-repeat",
+      padding: {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+      },
+      border: {
+        width: 0,
+        style: "solid",
+        color: "#000000",
+        radius: 0
+      },
+      minHeight: 0,
+      gap: 12,
+      mobileStack: !0,
+      visibility: ke()
+    };
+    e.value.push($);
+    const b = e.value[e.value.length - 1];
+    ae(b), p || n("add-row");
+  }, o = (f, p, g, x) => {
+    const $ = ye(e.value, f);
+    if (!$?.columns) return;
+    const b = $.columns.find((N) => N.id === p);
+    if (!b) return;
+    let S;
+    if (Array.isArray(g)) {
+      if (g.reduce((N, F) => N + F, 0) !== 100) {
+        console.warn("[addNestedRow] Widths must sum to 100%");
+        return;
+      }
+      S = g;
+    } else {
+      const N = Math.floor(100 / g);
+      S = Array(g).fill(N), S[0] += 100 - S.reduce((F, M) => F + M, 0);
+    }
+    const A = {
+      id: `${K()}`,
+      type: "row",
+      name: `nested_row_${K().slice(0, 4)}`,
+      columns: S.map((N, F) => ({
+        id: `${K()}-${F}`,
+        width: N,
+        children: [],
+        backgroundColor: "transparent",
+        backgroundGradient: ze("transparent"),
+        backgroundImage: "",
+        backgroundSize: "cover",
+        backgroundPosition: "center center",
+        backgroundRepeat: "no-repeat",
+        padding: {
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0
+        },
+        border: {
+          width: 0,
+          style: "solid",
+          color: "#000000",
+          radius: 0
+        },
+        verticalAlign: "top"
+      })),
+      backgroundColor: "transparent",
+      backgroundGradient: ze("transparent"),
+      backgroundImage: "",
+      backgroundSize: "cover",
+      backgroundPosition: "center center",
+      backgroundRepeat: "no-repeat",
+      padding: {
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0
+      },
+      border: {
+        width: 0,
+        style: "solid",
+        color: "#000000",
+        radius: 0
+      },
+      minHeight: 0,
+      gap: 0,
+      mobileStack: !0,
+      visibility: ke()
+    }, m = Pe(b), B = x !== void 0 && x >= 0 && x <= m.length ? x : m.length;
+    m.splice(B, 0, A);
+    const z = m[B];
+    ae(z), n("add-nested-row");
+  }, c = (f) => {
+    if (f == null) return null;
+    const p = String(f), g = te.get(p);
+    if (g && (g.type === "row" || g.type === "row-spacer")) return g;
+    const x = ye(e.value, f);
+    return x && te.set(p, x), x;
+  }, l = (f) => {
+    const p = e.value.findIndex((g) => g.id === f);
+    if (p !== -1) {
+      const [g] = e.value.splice(p, 1);
+      nt(g), n("delete-row");
+      return;
+    }
+    for (const g of e.value)
+      if (g.columns)
+        for (const x of g.columns) {
+          const $ = pe(x), b = me($, f);
+          if (b) {
+            const [S] = b.parentChildren.splice(b.index, 1);
+            nt(S), n("delete-row");
+            return;
+          }
+        }
+  }, d = (f, p) => {
+    const g = e.value.findIndex(($) => $.id === f);
+    if (g !== -1) {
+      const $ = p === "up" ? g - 1 : g + 1;
+      if ($ < 0 || $ >= e.value.length) return;
+      const [b] = e.value.splice(g, 1);
+      e.value.splice($, 0, b), n("move-row");
+      return;
+    }
+    const x = ($) => {
+      const b = $.findIndex((S) => S.id === f);
+      if (b !== -1) {
+        const S = p === "up" ? b - 1 : b + 1;
+        if (S < 0 || S >= $.length) return !0;
+        const [A] = $.splice(b, 1);
+        return $.splice(S, 0, A), n("move-row"), !0;
+      }
+      for (const S of $) if (S.type === "row" && S.columns) {
+        for (const A of S.columns) if (x(A.children ?? A.components ?? [])) return !0;
+      }
+      return !1;
+    };
+    for (const $ of e.value)
+      if ($.columns) {
+        for (const b of $.columns) if (x(b.children ?? b.components ?? [])) return;
+      }
+  }, v = (f, p, g, x) => {
+    let $ = null;
+    const b = e.value.findIndex((S) => S.id === f);
+    if (b !== -1 && ($ = e.value.splice(b, 1)[0]), !$) {
+      const S = (A) => {
+        const m = A.findIndex((B) => B.id === f);
+        if (m !== -1)
+          return $ = A.splice(m, 1)[0], !0;
+        for (const B of A) if (B.type === "row" && B.columns) {
+          for (const z of B.columns) if (S(z.children ?? z.components ?? [])) return !0;
+        }
+        return !1;
+      };
+      for (const A of e.value)
+        if (A.columns) {
+          for (const m of A.columns) if (S(m.children ?? m.components ?? [])) break;
+          if ($) break;
+        }
+    }
+    if ($) {
+      if (g === null) {
+        const S = Math.min(x, e.value.length);
+        e.value.splice(S, 0, $);
+      } else {
+        const S = ye(e.value, p);
+        if (!S?.columns) {
+          e.value.push($);
+          return;
+        }
+        const A = S.columns.find((z) => z.id === g);
+        if (!A) {
+          e.value.push($);
+          return;
+        }
+        const m = Pe(A), B = Math.min(x, m.length);
+        m.splice(B, 0, $);
+      }
+      n("move-nested-row");
+    }
+  }, k = (f, p, g = !1) => {
+    if (f === p) return;
+    const x = e.value[f];
+    e.value.splice(f, 1), e.value.splice(p, 0, x), g || n("reorder-rows");
+  }, E = (f = !1) => {
+    const p = `spacer_${K().slice(0, 4)}`, g = {
+      id: `${K()}`,
+      type: "row-spacer",
+      name: p,
+      height: 20,
+      backgroundColor: "transparent",
+      backgroundGradient: ze("transparent"),
+      visibility: ke()
+    };
+    e.value.push(g);
+    const x = e.value[e.value.length - 1];
+    ae(x), f || n("add-row-spacer");
+  }, w = (f) => {
+    const p = e.value.findIndex((g) => g.id === f);
+    if (p !== -1) {
+      const g = We(e.value[p], e.value);
+      e.value.splice(p + 1, 0, g);
+      const x = e.value[p + 1];
+      ae(x), n("duplicate-row");
+      return;
+    }
+    for (const g of e.value)
+      if (g.columns)
+        for (const x of g.columns) {
+          const $ = pe(x), b = me($, f);
+          if (b) {
+            const S = We(b.element, b.parentChildren);
+            b.parentChildren.splice(b.index + 1, 0, S);
+            const A = b.parentChildren[b.index + 1];
+            ae(A), n("duplicate-row");
+            return;
+          }
+        }
+  }, R = (f) => {
+    const p = e.value.findIndex((g) => g.id === f);
+    if (p !== -1) {
+      const g = We(e.value[p], e.value);
+      e.value.splice(p + 1, 0, g);
+      const x = e.value[p + 1];
+      ae(x), n("duplicate-row-spacer");
+      return;
+    }
+    for (const g of e.value)
+      if (g.columns)
+        for (const x of g.columns) {
+          const $ = pe(x), b = me($, f);
+          if (b) {
+            const S = We(b.element, b.parentChildren);
+            b.parentChildren.splice(b.index + 1, 0, S);
+            const A = b.parentChildren[b.index + 1];
+            ae(A), n("duplicate-row-spacer");
+            return;
+          }
+        }
+  }, I = (f, p, g) => {
+    const x = ye(e.value, f);
+    if (!x) return;
+    const $ = x.columns.find((m) => m.id === p);
+    if (!$) return;
+    const b = {
+      id: `${K()}`,
+      type: "component",
+      componentType: g,
+      props: JSON.parse(JSON.stringify(r[g]))
+    }, S = Pe($);
+    S.push(b);
+    const A = S[S.length - 1];
+    ae(A), t.value = A.id, n("add-component");
+  }, O = (f, p, g, x) => {
+    const $ = ye(e.value, f);
+    if (!$) return;
+    const b = $.columns.find((B) => B.id === p);
+    if (!b) return;
+    const S = {
+      id: `${K()}`,
+      type: "component",
+      componentType: g,
+      props: JSON.parse(JSON.stringify(r[g]))
+    }, A = Pe(b);
+    A.splice(x, 0, S);
+    const m = A[x];
+    ae(m), t.value = m.id, n("add-component");
+  }, u = (f) => {
+    for (const p of e.value)
+      if (p.columns)
+        for (const g of p.columns) {
+          const x = pe(g), $ = me(x, f);
+          if ($) {
+            const [b] = $.parentChildren.splice($.index, 1);
+            nt(b), t.value === f && (t.value = null), n("delete-component");
+            return;
+          }
+        }
+  }, h = (f, p) => {
+    for (const g of e.value)
+      if (g.columns)
+        for (const x of g.columns) {
+          const $ = pe(x), b = me($, f);
+          if (b) {
+            const { parentChildren: S, index: A } = b, m = p === "up" ? A - 1 : A + 1;
+            if (m >= 0 && m < S.length) {
+              const [B] = S.splice(A, 1);
+              S.splice(m, 0, B), n("move-component");
+            }
+            return;
+          }
+        }
+  }, s = (f, p, g, x) => {
+    let $ = null;
+    for (const A of e.value)
+      if (A.columns) {
+        for (const m of A.columns) {
+          const B = pe(m), z = me(B, f);
+          if (z) {
+            $ = z.element, z.parentChildren.splice(z.index, 1);
+            break;
+          }
+        }
+        if ($) break;
+      }
+    if (!$) return;
+    const b = ye(e.value, p);
+    if (!b || !b.columns) return;
+    const S = b.columns.find((A) => A.id === g);
+    S && (Pe(S).splice(x, 0, $), n("move-component"));
+  }, y = (f) => {
+    if (f == null) return null;
+    const p = String(f), g = te.get(p);
+    if (g && g.type === "component") return g;
+    for (const x of e.value)
+      if (x.columns)
+        for (const $ of x.columns) {
+          const b = pe($), S = me(b, f);
+          if (S && S.element.type === "component")
+            return te.set(p, S.element), S.element;
+        }
+    return null;
+  };
+  return {
+    addRow: i,
+    addNestedRow: o,
+    findRow: c,
+    deleteRow: l,
+    moveRow: d,
+    moveNestedRow: v,
+    reorderRows: k,
+    addSpacer: E,
+    duplicateRow: w,
+    duplicateRowSpacer: R,
+    addComponent: I,
+    addComponentAtIndex: O,
+    deleteComponent: u,
+    moveComponent: h,
+    moveComponentBetweenColumns: s,
+    findComponent: y,
+    updateComponent: (f, p) => {
+      const g = y(f);
+      g && (Object.assign(g.props, p), a("update-component"));
+    },
+    duplicateComponent: (f) => {
+      for (const p of e.value)
+        if (p.columns)
+          for (const g of p.columns) {
+            const x = pe(g), $ = me(x, f);
+            if ($) {
+              const b = fr($.element);
+              $.parentChildren.splice($.index + 1, 0, b);
+              const S = $.parentChildren[$.index + 1];
+              ae(S), t.value = S.id, n("duplicate-component");
+              return;
+            }
+          }
+    },
+    rebuildIdRegistry: () => Kt(e.value)
+  };
+}, Q = null, hr = 600, $t = (e) => JSON.parse(JSON.stringify(e)), vr = () => {
+  const t = P([]), r = P(-1), n = P(0), a = Se(() => r.value > 0), i = Se(() => r.value < t.value.length - 1), o = Se(() => `${r.value + 1} / ${t.value.length}`), c = (E, w = "change", R = !1) => {
+    const I = () => {
+      Q = null, r.value < t.value.length - 1 && (t.value = t.value.slice(0, r.value + 1)), t.value.push({
+        state: $t(E),
+        action: w,
+        timestamp: Date.now()
+      }), r.value++, t.value.length > 100 && (t.value.shift(), r.value--), n.value++;
+    };
+    R ? (Q && (clearTimeout(Q), Q = null), I()) : (Q && clearTimeout(Q), Q = setTimeout(I, hr));
+  }, l = () => a.value ? (Q && (clearTimeout(Q), Q = null), r.value--, n.value++, $t(t.value[r.value].state)) : null, d = () => i.value ? (Q && (clearTimeout(Q), Q = null), r.value++, n.value++, $t(t.value[r.value].state)) : null, v = () => {
+    t.value = [], r.value = -1, n.value++;
+  };
+  return {
+    canUndo: a,
+    canRedo: i,
+    historyStatus: o,
+    saveState: c,
+    undo: l,
+    redo: d,
+    clearHistory: v,
+    initHistory: (E) => {
+      v(), c(E, "initial");
+    },
+    version: n
+  };
+}, br = () => {
+  const { saveState: e, undo: t, redo: r, canUndo: n, canRedo: a, historyStatus: i, initHistory: o, version: c } = vr();
+  return {
+    getCurrentState: (R, I) => ({
+      rows: R.value,
+      canvasStyles: I.value
+    }),
+    restoreState: (R, I, O, u, h, s) => {
+      if (!R) return;
+      I.value = R.rows, O.value = R.canvasStyles;
+      const y = /* @__PURE__ */ new Set(), C = (_) => {
+        for (const f of _)
+          if (f?.id && (y.add(String(f.id)), f.type === "row" && Array.isArray(f.columns)))
+            for (const p of f.columns)
+              p?.id && y.add(String(p.id)), C(p.children ?? p.components ?? []);
+      };
+      if (C(R.rows), u.value && !y.has(String(u.value)) && (u.value = null), h.value && !y.has(String(h.value)) && (h.value = null), s.value) {
+        const { rowId: _, columnId: f } = s.value;
+        (!y.has(String(_)) || !y.has(String(f))) && (s.value = null);
+      }
+    },
+    saveToHistory: (R, I = "change", O = !1) => {
+      e(R(), I, O);
+    },
+    undo: (R) => {
+      const I = t();
+      return I ? (R(I), I) : null;
+    },
+    redo: (R) => {
+      const I = r();
+      return I ? (R(I), I) : null;
+    },
+    canUndo: n,
+    canRedo: a,
+    historyStatus: i,
+    initialize: (R) => {
+      o(R);
+    },
+    version: c
+  };
+}, $r = (e) => e == null, It = (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;
+}, $n = (e) => {
+  if (!e || typeof e != "object") return !0;
+  const t = e;
+  return t.width === 0 && t.style === "solid" && t.color === "#000000" && (t.radius === void 0 || t.radius === 0);
+}, Fe = (e) => !e || typeof e != "object" ? !0 : e.useGradient === !1, Yt = (e) => e === !1, yr = (e) => {
+  if (!e || typeof e != "object") return !0;
+  const t = e;
+  return t.top === 0 && t.right === 0 && t.bottom === 0 && t.left === 0;
+}, st = (e) => {
+  if (!e || typeof e != "object") return !0;
+  const t = e;
+  return t.top === 0 && t.right === 0 && t.bottom === 0 && t.left === 0;
+}, Sr = (e) => e === 0, kr = (e) => e == null || e === "", wr = (e) => {
+  if (!Array.isArray(e)) return;
+  const t = e.filter((r) => !(r.enabled === !0 && r.link === ""));
+  if (t.length !== 0)
+    return t;
+}, xr = (e) => {
+  const t = {};
+  for (const [r, n] of Object.entries(e))
+    $r(n) || r === "backgroundGradient" && Fe(n) || (t[r] = n);
+  return Object.keys(t).length > 0 ? t : void 0;
+}, Cr = (e) => {
+  const t = { ...e.props };
+  if (e.props.mobile && typeof e.props.mobile == "object") {
+    const r = xr(e.props.mobile);
+    r ? t.mobile = r : delete t.mobile;
+  }
+  if (It(e.props.visibility) && delete t.visibility, Yt(e.props.desktopHide) && delete t.desktopHide, Yt(e.props.mobileHide) && delete t.mobileHide, yr(e.props.margin) && delete t.margin, st(e.props.padding) && delete t.padding, Fe(e.props.backgroundGradient) && delete t.backgroundGradient, Sr(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 && kr(e.props.icon) && (delete t.icon, delete t.iconAlt, delete t.iconPosition, delete t.iconSize, delete t.iconGap), "platforms" in e.props) {
+    const r = wr(e.props.platforms);
+    r === void 0 ? delete t.platforms : t.platforms = r;
+  }
+  return {
+    id: e.id,
+    type: e.type,
+    ...e.componentType !== void 0 && { componentType: e.componentType },
+    props: t
+  };
+}, _r = (e) => e.type === "component" ? Cr(e) : yn(e), Tr = (e) => {
+  const { id: t, width: r, children: n, components: a, ...i } = e, o = { ...i };
+  $n(e.border) && delete o.border, Fe(e.backgroundGradient) && delete o.backgroundGradient, st(e.padding) && delete o.padding, e.backgroundImage || (delete o.backgroundImage, delete o.backgroundSize, delete o.backgroundPosition, delete o.backgroundRepeat);
+  const c = (n ?? a ?? []).map(_r);
+  return {
+    id: t,
+    width: r,
+    ...o,
+    children: c
+  };
+}, Ar = (e) => {
+  const { id: t, type: r, ...n } = e, a = { ...n };
+  It(e.visibility) && delete a.visibility, Fe(e.backgroundGradient) && delete a.backgroundGradient;
+  const { height: i, ...o } = a;
+  return {
+    id: t,
+    type: r,
+    height: i,
+    ...o
+  };
+}, yn = (e) => {
+  if (e.type === "row-spacer") return Ar(e);
+  const { id: t, type: r, name: n, columns: a, ...i } = e, o = { ...i };
+  return It(e.visibility) && delete o.visibility, $n(e.border) && delete o.border, Fe(e.backgroundGradient) && delete o.backgroundGradient, st(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, {
+    id: t,
+    type: r,
+    ...n !== void 0 && { name: n },
+    ...o,
+    columns: a?.map(Tr)
+  };
+}, Sn = (e) => {
+  const t = { ...e };
+  return e.bodyBackgroundImage || (delete t.bodyBackgroundImage, delete t.bodyBackgroundSize, delete t.bodyBackgroundPosition, delete t.bodyBackgroundRepeat), st(e.padding) && delete t.padding, t;
+}, kn = (e) => e.map(yn), Rr = {
+  backgroundColor: "#ffffff",
+  backgroundGradient: {
+    useGradient: !1,
+    solid: "#ffffff",
+    gradient: {
+      type: "linear",
+      direction: "to right",
+      colors: [{
+        color: "#ffffff",
+        position: 0
+      }, {
+        color: "#eeeeee",
+        position: 100
+      }]
+    }
+  },
+  backgroundImage: "",
+  backgroundSize: "cover",
+  backgroundPosition: "center center",
+  backgroundRepeat: "no-repeat",
+  padding: {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  },
+  border: {
+    width: 0,
+    style: "solid",
+    color: "#000000",
+    radius: 0
+  },
+  minHeight: 0,
+  gap: 12,
+  mobileStack: !0,
+  visibility: ke()
+}, Er = {
+  backgroundColor: "transparent",
+  backgroundGradient: {
+    useGradient: !1,
+    solid: "transparent",
+    gradient: {
+      type: "linear",
+      direction: "to right",
+      colors: [{
+        color: "#ffffff",
+        position: 0
+      }, {
+        color: "#eeeeee",
+        position: 100
+      }]
+    }
+  },
+  visibility: ke()
+}, Mr = {
+  backgroundColor: "transparent",
+  backgroundGradient: {
+    useGradient: !1,
+    solid: "transparent",
+    gradient: {
+      type: "linear",
+      direction: "to right",
+      colors: [{
+        color: "#ffffff",
+        position: 0
+      }, {
+        color: "#eeeeee",
+        position: 100
+      }]
+    }
+  },
+  backgroundImage: "",
+  backgroundSize: "cover",
+  backgroundPosition: "center center",
+  backgroundRepeat: "no-repeat",
+  padding: {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  },
+  border: {
+    width: 0,
+    style: "solid",
+    color: "#000000",
+    radius: 0
+  },
+  verticalAlign: "top"
+}, Ir = {
+  language: "en-US",
+  preheaderText: "View this email in your browser",
+  bodyBackgroundColor: "#f9fafb",
+  bodyBackgroundImage: "",
+  bodyBackgroundSize: "cover",
+  bodyBackgroundPosition: "center center",
+  bodyBackgroundRepeat: "no-repeat",
+  backgroundColor: "#ffffff",
+  width: 600,
+  padding: {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  },
+  mobileBreakpoint: 600
+}, Nr = (e) => JSON.parse(JSON.stringify(e)), Ie = (e, t) => {
+  const r = Nr(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] = Ie(i, a) : r[n] = a);
+  }
+  return r;
+}, Xt = (e) => {
+  const { defaultProps: t } = Et(), r = e.componentType ?? e.type, n = t[r];
+  if (!n)
+    return console.warn(`[Hydrator] Unknown component type "${r}" — skipping hydration.`), e;
+  const a = Ie(n, e.props);
+  if (n.mobile && typeof n.mobile == "object" && (a.mobile = {
+    ...n.mobile,
+    ...a.mobile ?? {}
+  }, a.mobile && !a.mobile.backgroundGradient && (a.mobile.backgroundGradient = n.mobile.backgroundGradient)), a.visibility = a.visibility ?? ke(), a.desktopHide = a.desktopHide ?? xt().desktopHide, a.mobileHide = a.mobileHide ?? xt().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);
+  }
+  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), {
+    ...e,
+    type: "component",
+    componentType: r,
+    props: a
+  };
+}, Br = (e) => {
+  if (e.type === "component") return Xt(e);
+  const { defaultProps: t } = Et();
+  return e.type in t ? Xt({
+    ...e,
+    type: "component",
+    componentType: e.type
+  }) : wn(e);
+}, Or = (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: c, ...l } = Mr;
+  let d = Ie(l, a);
+  return i ? (d.backgroundColor = e.backgroundColor, d.backgroundGradient = e.backgroundGradient) : (d.backgroundColor = o, d.backgroundGradient = c), e.backgroundImage || (d.backgroundImage = "", d.backgroundSize = "cover", d.backgroundPosition = "center center", d.backgroundRepeat = "no-repeat"), {
+    ...d,
+    children: t.map(Br)
+  };
+}, jr = (e) => {
+  const t = Ie(Er, e);
+  return t.backgroundColor === void 0 && (t.backgroundColor = "transparent"), t;
+}, wn = (e) => {
+  if (e.type === "row-spacer") return jr(e);
+  const { columns: t, ...r } = e, n = e.backgroundColor !== void 0 || e.backgroundGradient !== void 0 || e.backgroundImage !== void 0, { backgroundColor: a, backgroundGradient: i, ...o } = Rr;
+  let c = Ie(o, r);
+  return n ? (c.backgroundColor = e.backgroundColor, c.backgroundGradient = e.backgroundGradient) : (c.backgroundColor = a, c.backgroundGradient = i), e.backgroundImage || (c.backgroundImage = "", c.backgroundSize = "cover", c.backgroundPosition = "center center", c.backgroundRepeat = "no-repeat"), c.minHeight === void 0 && (c.minHeight = 0), Array.isArray(t) && (c.columns = t.map(Or)), c;
+}, at = (e) => {
+  const t = Ie(Ir, e);
+  return e.bodyBackgroundImage || (t.bodyBackgroundImage = "", t.bodyBackgroundSize = "cover", t.bodyBackgroundPosition = "center center", t.bodyBackgroundRepeat = "no-repeat"), t;
+}, ot = (e) => e.map(wn), de = "maildeno:autosave", Ct = "1.0", Qt = (e, t, r = null, n, a) => {
+  const i = Date.now();
+  return {
+    schemaVersion: Ct,
+    templateId: r,
+    expiresAt: i + 2592e6,
+    touchedAt: i,
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+    ...n !== void 0 && { name: n },
+    ...a !== void 0 && { tags: a },
+    content: {
+      rows: kn(e),
+      canvas: Sn(t)
+    }
+  };
+}, yt = null, zr = () => {
+  const e = P("idle"), t = P(null);
+  return {
+    saveToLocal: (c, l, d = null, v, k) => {
+      e.value = "saving";
+      const E = () => {
+        try {
+          const w = Qt(c, l, d, v, k);
+          localStorage.setItem(de, JSON.stringify(w)), t.value = /* @__PURE__ */ new Date(), yt && clearTimeout(yt), e.value = "saved", yt = setTimeout(() => {
+            e.value = "idle";
+          }, 2500);
+        } catch (w) {
+          console.error("[AutoSave] Failed to write to localStorage:", w), e.value = "error", setTimeout(() => {
+            e.value = "idle";
+          }, 3e3);
+        }
+      };
+      typeof window < "u" && "requestIdleCallback" in window ? window.requestIdleCallback(E, { timeout: 2e3 }) : setTimeout(E, 0);
+    },
+    flushSave: (c, l, d = null, v, k) => {
+      try {
+        const E = Qt(c, l, d, v, k);
+        localStorage.setItem(de, JSON.stringify(E)), t.value = /* @__PURE__ */ new Date();
+      } catch {
+      }
+    },
+    loadFromLocal: () => {
+      try {
+        const c = localStorage.getItem(de);
+        if (!c) return null;
+        const l = JSON.parse(c);
+        return l.schemaVersion !== Ct ? (console.warn(`[AutoSave] Schema mismatch (stored=${l.schemaVersion}, current=${Ct}). Discarding.`), localStorage.removeItem(de), null) : Date.now() > l.expiresAt ? (console.info("[AutoSave] Draft expired. Clearing."), localStorage.removeItem(de), null) : !l.content?.rows || !l.content?.canvas || !Array.isArray(l.content.rows) ? (console.warn("[AutoSave] Malformed payload. Discarding."), localStorage.removeItem(de), null) : {
+          rows: ot(l.content.rows),
+          canvas: at(l.content.canvas),
+          updatedAt: l.updatedAt,
+          templateId: l.templateId ?? null,
+          ...l.name !== void 0 && { name: l.name },
+          ...l.tags !== void 0 && { tags: l.tags }
+        };
+      } catch (c) {
+        return console.error("[AutoSave] Failed to read from localStorage:", c), localStorage.removeItem(de), null;
+      }
+    },
+    clearLocal: () => {
+      localStorage.removeItem(de), e.value = "idle", t.value = null;
+    },
+    hasDraft: (c) => {
+      try {
+        const l = localStorage.getItem(de);
+        if (!l) return !1;
+        const d = JSON.parse(l);
+        return !(Date.now() > d.expiresAt || c !== void 0 && d.templateId !== c);
+      } catch {
+        return !1;
+      }
+    },
+    saveStatus: e,
+    lastSaved: t
+  };
+}, Nt = (e) => !e || /\{\{.*?\}\}/.test(e) || /^(https?:\/\/|mailto:|tel:)/i.test(e) ? e : `https://${e}`, Bt = (e) => e == null ? "" : String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;"), Ot = (e) => e == null ? "" : String(e).replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;"), Pr = (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, "'")}"`);
+}, jt = /* @__PURE__ */ new Map();
+function Ka(e, t) {
+  const r = typeof e == "string" ? t : e;
+  if (!r) {
+    console.error("[maildeno-editor] registerBlock was called without a definition.");
+    return;
+  }
+  const n = typeof e == "string" ? e : r.name;
+  if (!n) {
+    console.error("[maildeno-editor] registerBlock needs a name — either as the first argument or as `name` on the definition.");
+    return;
+  }
+  jt.set(n, {
+    ...r,
+    name: n
+  });
+}
+function zt(e) {
+  return jt.get(e);
+}
+function Ya() {
+  return jt;
+}
+var Lr = () => {
+  const e = (n, a) => {
+    if (!(n?.useGradient === !0 && Array.isArray(n?.gradient?.colors) && n.gradient.colors.length >= 2)) {
+      const k = n && typeof n == "object" && n.solid ? n.solid : a;
+      return !k || k === "transparent" ? "" : `background-color:${k};`;
+    }
+    const { type: i, direction: o, colors: c } = n.gradient, l = c.map((k) => `${k.color} ${k.position}%`).join(", "), d = i === "radial" ? `radial-gradient(circle at center, ${l})` : `linear-gradient(${o}, ${l})`, 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 ? {
+    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:textbox style="mso-fit-shape-to-text:true;">
+<![endif]-->`,
+    vmlClose: `
+<!--[if mso]>
+  </v:textbox>
+</v:rect>
+<![endif]-->`
+  } : {
+    vmlOpen: "",
+    vmlClose: ""
+  };
+  return { generateHTMLComponent: (n) => {
+    const a = n.componentType ?? n.type, { props: i } = n;
+    let o = "";
+    const c = `eb-${n.id}`, l = 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 I = [R ? `${c}-${R}` : c];
+      return E && I.push("desktop-hide"), w && I.push("mobile-hide"), I.join(" ");
+    }, k = zt(a);
+    return k ? k.renderEmail.html(i, {
+      uid: c,
+      marginStyle: l,
+      paddingStyle: d,
+      escapeHtml: Bt,
+      escapeAttr: Ot,
+      safeUrl: Nt,
+      resolveBgCss: e,
+      resolveBgVml: t,
+      getResponsiveClasses: v,
+      react: null
+    }) : o;
+  } };
+}, xn = (e) => e.replace(/<br\s*\/?>/gi, "<br />"), lt = (e) => e.split(",").map((t) => t.trim().replace(/^'+|'+$/g, "").trim()).join(", "), Cn = (e) => e.replace(/font-family\s*:\s*([^;]+)/gi, (t, r) => `font-family:${lt(r)}`), Dr = (e) => e.trim().replace(/-([a-z])/g, (t, r) => r.toUpperCase()), Fr = (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" ? lt(a) : Cn(a);
+  return `${Dr(n)}: "${i}"`;
+}).filter((t) => t !== null).join(", "), Hr = (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}"`;
+}), Ur = (e) => {
+  let t = Pr(e);
+  return t = xn(t), t = Hr(t), t = t.replace(/\bstyle="([^"]*)"/g, (r, n) => `style={{ ${Fr(n)} }}`), t;
+}, Jr = () => {
+  const e = (r, n) => {
+    if (!(r?.useGradient === !0 && Array.isArray(r?.gradient?.colors) && r.gradient.colors.length >= 2)) {
+      const v = r && typeof r == "object" && r.solid ? r.solid : n;
+      return !v || v === "transparent" ? "" : `background-color:${v};`;
+    }
+    const { type: a, direction: i, colors: o } = r.gradient, c = o.map((v) => `${v.color} ${v.position}%`).join(", "), l = a === "radial" ? `radial-gradient(circle at center, ${c})` : `linear-gradient(${i}, ${c})`, d = r.solid || n || "";
+    return `${d && d !== "transparent" ? `background-color:${d};` : ""}background:${l};`;
+  };
+  return { generateReactEmailComponent: (r) => {
+    const n = r.componentType ?? r.type, { props: a } = r;
+    let i = "";
+    const o = `eb-${r.id}`, c = a.margin ? `margin:${a.margin?.top ?? 0}px ${a.margin?.right ?? 0}px ${a.margin?.bottom ?? 0}px ${a.margin?.left ?? 0}px;` : "", l = 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 ? {
+      vmlOpen: "",
+      vmlClose: ""
+    } : {
+      vmlOpen: "",
+      vmlClose: ""
+    }, v = (E, w, R) => {
+      const I = [R ? `${o}-${R}` : o];
+      return E && I.push("desktop-hide"), w && I.push("mobile-hide"), I.join(" ");
+    }, k = zt(n);
+    return k ? k.renderEmail.reactEmail(a, {
+      uid: o,
+      marginStyle: c,
+      paddingStyle: l,
+      escapeHtml: Bt,
+      escapeAttr: Ot,
+      safeUrl: Nt,
+      resolveBgCss: e,
+      resolveBgVml: d,
+      getResponsiveClasses: v,
+      react: {
+        parseCssString: Gr,
+        parseMarginPaddingDiscrete: qr,
+        normalizeFontFamily: lt,
+        styleObj: _n,
+        normalizeInlineStylesToReact: Ur,
+        buildInlineJsx: Wr
+      }
+    }) : i;
+  } };
+};
+function Gr(e) {
+  const t = {};
+  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, (c, l) => l.toUpperCase());
+    t[o] = Cn(i);
+  }), t;
+}
+function qr(e, t) {
+  const r = {};
+  return e && (r.marginTop = `${e?.top ?? 0}px`, r.marginRight = `${e?.right ?? 0}px`, r.marginBottom = `${e?.bottom ?? 0}px`, r.marginLeft = `${e?.left ?? 0}px`), t && (r.paddingTop = `${t?.top ?? 0}px`, r.paddingRight = `${t?.right ?? 0}px`, r.paddingBottom = `${t?.bottom ?? 0}px`, r.paddingLeft = `${t?.left ?? 0}px`), r;
+}
+function _n(e) {
+  return Object.entries(e).filter(([, t]) => t != null && t !== "").map(([t, r]) => `${t}: "${r}"`).join(", ");
+}
+function Wr(e, t, r, n, a) {
+  return `<${e}${a ? `
+  as="${a}"` : ""}
+  className="${t}"
+  style={{ ${_n(r)} }}
+>
+  ${n}
+</${e}>
+`;
+}
+var Tn = () => {
+  const e = (o, c) => {
+    if (!(o?.useGradient === !0 && Array.isArray(o?.gradient?.colors) && o.gradient.colors.length >= 2)) {
+      const R = o && typeof o == "object" && o.solid ? o.solid : c;
+      return !R || R === "transparent" ? "" : `background-color:${R};`;
+    }
+    const { type: l, direction: d, colors: v } = o.gradient, k = v.map((R) => `${R.color} ${R.position}%`).join(", "), E = l === "radial" ? `radial-gradient(circle at center, ${k})` : `linear-gradient(${d}, ${k})`, w = o.solid || c || "";
+    return `${w && w !== "transparent" ? `background-color:${w};` : ""}background:${E};`;
+  }, t = (o, c) => o?.useGradient === !0 && Array.isArray(o?.gradient?.colors) && o.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 || c || "#ffffff"}" />
+  <v:textbox style="mso-fit-shape-to-text:true;">
+<![endif]-->`,
+    vmlClose: `
+<!--[if mso]>
+  </v:textbox>
+</v:rect>
+<![endif]-->`
+  } : {
+    vmlOpen: "",
+    vmlClose: ""
+  }, r = (o, c) => o && typeof o == "object" && o.solid && o.solid !== "transparent" ? o.solid : c && c !== "transparent" ? c : "", n = (o) => o ? `${o.top ?? 0}px ${o.right ?? 0}px ${o.bottom ?? 0}px ${o.left ?? 0}px` : "0px";
+  return {
+    generateMJMLComponent: (o) => {
+      const c = o.componentType ?? o.type, { props: l } = o, d = `eb-${o.id}`, v = l.margin ? `margin:${l.margin?.top ?? 0}px ${l.margin?.right ?? 0}px ${l.margin?.bottom ?? 0}px ${l.margin?.left ?? 0}px;` : "", k = l.padding ? `padding:${l.padding?.top ?? 0}px ${l.padding?.right ?? 0}px ${l.padding?.bottom ?? 0}px ${l.padding?.left ?? 0}px;` : "", E = (R, I, O) => {
+        const u = [O ? `${d}-${O}` : d];
+        return R && u.push("desktop-hide"), I && u.push("mobile-hide"), u.join(" ");
+      }, w = zt(c);
+      return w ? w.renderEmail.mjml(l, {
+        uid: d,
+        marginStyle: v,
+        paddingStyle: k,
+        escapeHtml: Bt,
+        escapeAttr: Ot,
+        safeUrl: Nt,
+        resolveBgCss: e,
+        resolveBgVml: t,
+        getResponsiveClasses: E,
+        react: null
+      }) : "";
+    },
+    assembleMJML: (o, c, l, d, v, k = 600, E = "") => {
+      const w = d ? `<mj-style inline="false">
+      @import url('${d}');
+    </mj-style>` : "", R = `<mj-style inline="false">
+.desktop-hide { display: none !important; }
+ul li:last-child, ol li:last-child { margin-bottom: 0 !important; }
+    </mj-style>`, I = E.trim() ? `<mj-style inline="false">
+${E}
+    </mj-style>` : "", O = v.trim() ? `<mj-style inline="false">
+@media only screen and (max-width:${k}px) {
+${v}
+}
+    </mj-style>` : "", u = l.bodyBackgroundColor || "#ffffff", h = l.bodyBackgroundImage ? [
+        `background-url="${l.bodyBackgroundImage}"`,
+        `background-size="${l.bodyBackgroundSize || "cover"}"`,
+        `background-position="${l.bodyBackgroundPosition || "center center"}"`,
+        `background-repeat="${l.bodyBackgroundRepeat || "no-repeat"}"`
+      ].join(" ") : "", s = l.backgroundColor || "#ffffff", y = n(l.padding);
+      return `<mjml lang="${l.language}">
+  <mj-head>
+     ${w}
+    <mj-title>${o}</mj-title>
+    <mj-preview>${l.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" />
+    </mj-attributes>
+    <mj-raw>
+      <meta name="color-scheme" content="light dark">
+      <meta name="supported-color-schemes" content="light dark">
+      <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
+    </mj-raw>
+    ${R}
+    ${I}
+    ${O}
+  </mj-head>
+  <mj-body background-color="${u}" width="${l.width ?? 600}px">
+  <mj-wrapper full-width="full-width" ${h} padding="0">
+    <mj-section background-color="${s}" padding="${y}">
+${c}
+    </mj-section>
+    </mj-wrapper>
+  </mj-body>
+</mjml>`;
+    },
+    resolveSolidColor: r,
+    padAttr: n
+  };
+}, An = /* @__PURE__ */ Symbol("maildeno-editor:info-dialog");
+function Xa() {
+  const e = Rn();
+  return Ae(An, e), e;
+}
+var Vr = () => {
+  const e = Me(An);
+  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)."), Rn());
+};
+function Rn() {
+  const e = P(!1), t = P("Info"), r = P("");
+  return {
+    visible: e,
+    header: t,
+    message: r,
+    open: (a, i = "Info") => {
+      r.value = a, t.value = i, e.value = !0;
+    }
+  };
+}
+var Qa = ["is_empty", "is_not_empty"], Za = ["in", "not_in"], eo = [
+  ">",
+  "<",
+  ">=",
+  "<="
+], to = [
+  "date_before",
+  "date_after",
+  "date_on"
+], no = [
+  {
+    label: "Equals  ==",
+    value: "=="
+  },
+  {
+    label: "Not Equals  !=",
+    value: "!="
+  },
+  {
+    label: "Contains",
+    value: "contains"
+  },
+  {
+    label: "Not Contains",
+    value: "not_contains"
+  },
+  {
+    label: "Starts With",
+    value: "starts_with"
+  },
+  {
+    label: "Ends With",
+    value: "ends_with"
+  },
+  {
+    label: "In List  (comma-separated)",
+    value: "in"
+  },
+  {
+    label: "Not In List  (comma-separated)",
+    value: "not_in"
+  },
+  {
+    label: "Greater Than  > (numeric)",
+    value: ">"
+  },
+  {
+    label: "Less Than  < (numeric)",
+    value: "<"
+  },
+  {
+    label: "Greater Than or Equal  >=",
+    value: ">="
+  },
+  {
+    label: "Less Than or Equal  <=",
+    value: "<="
+  },
+  {
+    label: "Date Before",
+    value: "date_before"
+  },
+  {
+    label: "Date After",
+    value: "date_after"
+  },
+  {
+    label: "Date On",
+    value: "date_on"
+  },
+  {
+    label: "Is Empty",
+    value: "is_empty"
+  },
+  {
+    label: "Is Not Empty",
+    value: "is_not_empty"
+  }
+], Zt = (e) => e.split(/[,\n;]+/).map((t) => t.trim()).filter(Boolean), Ve = (e, t) => [parseFloat(e ?? ""), parseFloat(t)], Ke = (e, t) => !isNaN(e) && !isNaN(t), _e = (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()));
+}, _t = (e, t) => {
+  const r = t[e.tag.toLowerCase()], n = r?.toLowerCase() ?? "", a = e.value.toLowerCase();
+  switch (e.operator) {
+    case "==":
+      return n === a;
+    case "!=":
+      return n !== a;
+    case "contains":
+      return n.includes(a);
+    case "not_contains":
+      return !n.includes(a);
+    case "starts_with":
+      return n.startsWith(a);
+    case "ends_with":
+      return n.endsWith(a);
+    case "in":
+      return Zt(a).includes(n);
+    case "not_in":
+      return !Zt(a).includes(n);
+    case ">": {
+      const [i, o] = Ve(r, e.value);
+      return Ke(i, o) && i > o;
+    }
+    case "<": {
+      const [i, o] = Ve(r, e.value);
+      return Ke(i, o) && i < o;
+    }
+    case ">=": {
+      const [i, o] = Ve(r, e.value);
+      return Ke(i, o) && i >= o;
+    }
+    case "<=": {
+      const [i, o] = Ve(r, e.value);
+      return Ke(i, o) && i <= o;
+    }
+    case "date_before": {
+      const i = _e(r), o = _e(e.value);
+      return i !== null && o !== null && i.getTime() < o.getTime();
+    }
+    case "date_after": {
+      const i = _e(r), o = _e(e.value);
+      return i !== null && o !== null && i.getTime() > o.getTime();
+    }
+    case "date_on": {
+      const i = _e(r), o = _e(e.value);
+      return i !== null && o !== null && i.getTime() === o.getTime();
+    }
+    case "is_empty":
+      return r === void 0 || r.trim() === "";
+    case "is_not_empty":
+      return r !== void 0 && r.trim() !== "";
+    default:
+      return !0;
+  }
+}, en = (e, t) => {
+  if (!e.rules.length) return !0;
+  const r = e.rules.map((n) => _t(n, t));
+  return e.match === "any" ? r.some(Boolean) : r.every(Boolean);
+}, ct = () => ({
+  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((l) => _t(l, r)), o = (t.groups ?? []).map((l) => en(l, r)), c = [...i, ...o];
+    return t.match === "any" ? c.some(Boolean) : c.every(Boolean);
+  },
+  evaluateRule: _t,
+  evaluateGroup: en
+}), En = (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})`;
+}, se = (e) => {
+  const t = [], r = e.backgroundGradient;
+  if (r?.useGradient === !0 && Array.isArray(r?.gradient?.colors) && r.gradient.colors.length >= 2) {
+    const n = En(r), a = r.solid || e.backgroundColor || "";
+    a && a !== "transparent" && t.push(`background-color:${a}`), 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;
+}, Ye = (e) => {
+  const t = {}, r = e.backgroundGradient;
+  if (r?.useGradient === !0 && Array.isArray(r?.gradient?.colors) && r.gradient.colors.length >= 2) {
+    const n = En(r), a = r.solid || e.backgroundColor || "";
+    a && a !== "transparent" && (t.backgroundColor = a), 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;
+}, Kr = 5, Mn = (e, t, r) => {
+  if (!(r >= Kr) && 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 c = o.filter((l) => l?.type === "row");
+          c.length > 0 && Mn(c, t, r + 1);
+        }
+    }
+}, In = (e) => {
+  const t = /* @__PURE__ */ new Set();
+  if (Mn(e, t, 0), t.size === 0) return "";
+  const r = [...t].sort((n, a) => n - a);
+  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(`
+`)}`;
+}, Xe = P(/* @__PURE__ */ new Set()), ut = () => {
+  const e = P([
+    "Arial",
+    "Arial Black",
+    "Comic Sans MS",
+    "Courier New",
+    "Georgia",
+    "Helvetica",
+    "Impact",
+    "Lucida Console",
+    "Lucida Sans Unicode",
+    "Palatino Linotype",
+    "Tahoma",
+    "Times New Roman",
+    "Trebuchet MS",
+    "Verdana",
+    "ABeeZee",
+    "Abel",
+    "Abril Fatface",
+    "Adamina",
+    "Alegreya",
+    "Alegreya Sans",
+    "Alfa Slab One",
+    "Alice",
+    "Amatic SC",
+    "Amiri",
+    "Anton",
+    "Archivo",
+    "Archivo Black",
+    "Archivo Narrow",
+    "Arimo",
+    "Arvo",
+    "Asap",
+    "Asap Condensed",
+    "Assistant",
+    "Atkinson Hyperlegible",
+    "Barlow",
+    "Barlow Condensed",
+    "Barlow Semi Condensed",
+    "Be Vietnam Pro",
+    "Bebas Neue",
+    "BioRhyme",
+    "Bitter",
+    "Bodoni Moda",
+    "Bree Serif",
+    "Bricolage Grotesque",
+    "Cabin",
+    "Cabin Condensed",
+    "Cairo",
+    "Cal Sans",
+    "Cardo",
+    "Catamaran",
+    "Caveat",
+    "Chivo",
+    "Comfortaa",
+    "Commissioner",
+    "Cormorant",
+    "Cormorant Garamond",
+    "Courier Prime",
+    "Crimson Pro",
+    "Crimson Text",
+    "DM Mono",
+    "DM Sans",
+    "DM Serif Display",
+    "DM Serif Text",
+    "Dancing Script",
+    "Domine",
+    "Dosis",
+    "EB Garamond",
+    "Eczar",
+    "Epilogue",
+    "Exo",
+    "Exo 2",
+    "Figtree",
+    "Fira Code",
+    "Fira Mono",
+    "Fira Sans",
+    "Fira Sans Condensed",
+    "Fjalla One",
+    "Frank Ruhl Libre",
+    "Fraunces",
+    "Fredoka",
+    "Funnel Sans",
+    "Geist Mono",
+    "Geologica",
+    "Hanken Grotesk",
+    "Heebo",
+    "Hind",
+    "Hind Madurai",
+    "Hind Siliguri",
+    "IBM Plex Mono",
+    "IBM Plex Sans",
+    "IBM Plex Sans Condensed",
+    "IBM Plex Serif",
+    "Inconsolata",
+    "Inknut Antiqua",
+    "Instrument Sans",
+    "Instrument Serif",
+    "Inter",
+    "Inter Tight",
+    "JetBrains Mono",
+    "Josefin Sans",
+    "Josefin Slab",
+    "Jost",
+    "Kalam",
+    "Kanit",
+    "Karla",
+    "Khand",
+    "Kumbh Sans",
+    "Lato",
+    "Lexend",
+    "Lexend Deca",
+    "Libre Baskerville",
+    "Libre Bodoni",
+    "Libre Caslon Text",
+    "Libre Franklin",
+    "Lobster",
+    "Lora",
+    "Manrope",
+    "Marcellus",
+    "Maven Pro",
+    "Merriweather",
+    "Merriweather Sans",
+    "Mohave",
+    "Montserrat",
+    "Montserrat Alternates",
+    "Mukta",
+    "Mulish",
+    "Neuton",
+    "Newsreader",
+    "Noticia Text",
+    "Noto Sans",
+    "Noto Sans Display",
+    "Noto Sans Mono",
+    "Noto Serif",
+    "Noto Serif Display",
+    "Nunito",
+    "Nunito Sans",
+    "Old Standard TT",
+    "Onest",
+    "Open Sans",
+    "Oswald",
+    "Outfit",
+    "Overpass",
+    "Overpass Mono",
+    "Oxygen",
+    "PT Mono",
+    "PT Sans",
+    "PT Sans Narrow",
+    "PT Serif",
+    "Pacifico",
+    "Padauk",
+    "Petrona",
+    "Philosopher",
+    "Piazzolla",
+    "Playfair",
+    "Playfair Display",
+    "Playfair Display SC",
+    "Plus Jakarta Sans",
+    "Poppins",
+    "Prata",
+    "Prompt",
+    "Proza Libre",
+    "Public Sans",
+    "Quattrocento",
+    "Quattrocento Sans",
+    "Questrial",
+    "Quicksand",
+    "REM",
+    "Radio Canada",
+    "Raleway",
+    "Readex Pro",
+    "Recursive",
+    "Red Hat Display",
+    "Red Hat Mono",
+    "Red Hat Text",
+    "Roboto",
+    "Roboto Condensed",
+    "Roboto Flex",
+    "Roboto Mono",
+    "Roboto Serif",
+    "Roboto Slab",
+    "Rokkitt",
+    "Rubik",
+    "Saira",
+    "Saira Condensed",
+    "Sanchez",
+    "Sansita",
+    "Sarabun",
+    "Sen",
+    "Signika",
+    "Signika Negative",
+    "Sintony",
+    "Smooch Sans",
+    "Sofia Sans",
+    "Sono",
+    "Sora",
+    "Source Code Pro",
+    "Source Sans 3",
+    "Source Sans Pro",
+    "Source Serif 4",
+    "Source Serif Pro",
+    "Space Grotesk",
+    "Space Mono",
+    "Spectral",
+    "Syne",
+    "Tajawal",
+    "Teko",
+    "Tenor Sans",
+    "TikTok Sans",
+    "Tinos",
+    "Titillium Web",
+    "Ubuntu",
+    "Ubuntu Mono",
+    "Unbounded",
+    "Urbanist",
+    "Vazirmatn",
+    "Vollkorn",
+    "Wix Madefor Display",
+    "Wix Madefor Text",
+    "Work Sans",
+    "Yanone Kaffeesatz",
+    "Yrsa",
+    "Zilla Slab"
+  ]), t = /* @__PURE__ */ new Set([
+    "Arial",
+    "Arial Black",
+    "Comic Sans MS",
+    "Courier New",
+    "Georgia",
+    "Helvetica",
+    "Impact",
+    "Lucida Console",
+    "Lucida Sans Unicode",
+    "Palatino Linotype",
+    "Tahoma",
+    "Times New Roman",
+    "Trebuchet MS",
+    "Verdana"
+  ]), r = /* @__PURE__ */ new Set([
+    "Alegreya",
+    "Alegreya Sans",
+    "Archivo",
+    "Archivo Narrow",
+    "Arimo",
+    "Arvo",
+    "Asap",
+    "Asap Condensed",
+    "Assistant",
+    "Atkinson Hyperlegible",
+    "Barlow",
+    "Barlow Condensed",
+    "Barlow Semi Condensed",
+    "Be Vietnam Pro",
+    "Bitter",
+    "Bree Serif",
+    "Cabin",
+    "Cabin Condensed",
+    "Cardo",
+    "Catamaran",
+    "Chivo",
+    "Commissioner",
+    "Cormorant",
+    "Cormorant Garamond",
+    "Courier Prime",
+    "Crimson Pro",
+    "Crimson Text",
+    "DM Sans",
+    "DM Serif Text",
+    "Domine",
+    "EB Garamond",
+    "Eczar",
+    "Epilogue",
+    "Exo",
+    "Exo 2",
+    "Figtree",
+    "Fira Code",
+    "Fira Sans",
+    "Fira Sans Condensed",
+    "Frank Ruhl Libre",
+    "Fraunces",
+    "Hanken Grotesk",
+    "Heebo",
+    "IBM Plex Mono",
+    "IBM Plex Sans",
+    "IBM Plex Sans Condensed",
+    "IBM Plex Serif",
+    "Inconsolata",
+    "Instrument Sans",
+    "Instrument Serif",
+    "Inter",
+    "Inter Tight",
+    "JetBrains Mono",
+    "Josefin Sans",
+    "Josefin Slab",
+    "Jost",
+    "Karla",
+    "Lato",
+    "Libre Baskerville",
+    "Libre Bodoni",
+    "Libre Caslon Text",
+    "Libre Franklin",
+    "Lora",
+    "Manrope",
+    "Maven Pro",
+    "Merriweather",
+    "Merriweather Sans",
+    "Montserrat",
+    "Mulish",
+    "Neuton",
+    "Newsreader",
+    "Noticia Text",
+    "Noto Sans",
+    "Noto Sans Display",
+    "Noto Serif",
+    "Noto Serif Display",
+    "Nunito",
+    "Nunito Sans",
+    "Open Sans",
+    "Oswald",
+    "Outfit",
+    "Overpass",
+    "Overpass Mono",
+    "Oxygen",
+    "PT Sans",
+    "PT Serif",
+    "Petrona",
+    "Piazzolla",
+    "Playfair",
+    "Playfair Display",
+    "Plus Jakarta Sans",
+    "Poppins",
+    "Proza Libre",
+    "Public Sans",
+    "Quattrocento",
+    "Quattrocento Sans",
+    "Quicksand",
+    "Radio Canada",
+    "Raleway",
+    "Readex Pro",
+    "Recursive",
+    "Red Hat Display",
+    "Red Hat Mono",
+    "Red Hat Text",
+    "Roboto",
+    "Roboto Condensed",
+    "Roboto Mono",
+    "Roboto Serif",
+    "Roboto Slab",
+    "Rokkitt",
+    "Rubik",
+    "Saira",
+    "Saira Condensed",
+    "Sansita",
+    "Sarabun",
+    "Signika Negative",
+    "Source Code Pro",
+    "Source Sans 3",
+    "Source Sans Pro",
+    "Source Serif 4",
+    "Source Serif Pro",
+    "Spectral",
+    "Tajawal",
+    "Tinos",
+    "Titillium Web",
+    "Ubuntu",
+    "Ubuntu Mono",
+    "Vazirmatn",
+    "Vollkorn",
+    "Wix Madefor Display",
+    "Wix Madefor Text",
+    "Work Sans",
+    "Yrsa",
+    "Zilla Slab"
+  ]), n = [
+    400,
+    500,
+    600,
+    700
+  ], a = (k) => t.has(k), i = (k) => k.trim().replace(/\s+/g, "+"), o = (k) => {
+    if (r.has(k)) {
+      const E = n.map((R) => `0,${R}`), w = n.map((R) => `1,${R}`);
+      return `ital,wght@${[...E, ...w].join(";")}`;
+    }
+    return `wght@${n.join(";")}`;
+  }, c = (k) => {
+    if (!k || a(k) || Xe.value.has(k)) return;
+    const E = document.createElement("link");
+    E.rel = "stylesheet", E.href = `https://fonts.googleapis.com/css2?family=${i(k)}:${o(k)}&display=swap`, document.head.appendChild(E), Xe.value.add(k);
+  }, l = (k) => {
+    const E = Array.from(new Set(k)).filter((w) => w && !a(w));
+    return E.length ? `https://fonts.googleapis.com/css2?${E.map((w) => `family=${i(w)}:${o(w)}`).join("&")}&display=swap` : "";
+  };
+  return {
+    googleFonts: e,
+    loadGoogleFont: c,
+    getGoogleFontImports: l,
+    syncFontsForTemplate: (k) => {
+      if (!k || k.length === 0) return;
+      const E = [], w = /* @__PURE__ */ new Set();
+      for (const O of k)
+        O && (w.has(O) || (w.add(O), !a(O) && (Xe.value.has(O) || E.push(O))));
+      if (E.length === 0) return;
+      const R = l(E);
+      if (!R) return;
+      const I = document.createElement("link");
+      I.rel = "stylesheet", I.href = R, I.dataset.canvasFonts = E.join(","), document.head.appendChild(I);
+      for (const O of E) Xe.value.add(O);
+    },
+    preconnectGoogleFonts: () => {
+      if (typeof document > "u") return;
+      const k = (E, w = !1) => {
+        const R = `link[rel="preconnect"][href="${E}"]`;
+        if (document.head.querySelector(R)) return;
+        const I = document.createElement("link");
+        I.rel = "preconnect", I.href = E, w && (I.crossOrigin = "anonymous"), document.head.appendChild(I);
+      };
+      k("https://fonts.googleapis.com"), k("https://fonts.gstatic.com", !0);
+    },
+    isWebSafeFont: a,
+    WEB_SAFE_FONTS: t,
+    FONTS_WITH_ITALICS: r,
+    DEFAULT_WEIGHTS: n
+  };
+}, Pt = () => ({ 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 ?? {}, c = [], l = [], d = [], v = /* @__PURE__ */ new Set(["button", "anchor"]), k = v.has(n), E = (/* @__PURE__ */ new Set(["menu", "socials"])).has(n), w = (u, h) => {
+    h && u.push(h);
+  }, R = () => {
+    const u = o.backgroundGradient;
+    if (u != null) {
+      if (u.useGradient === !0 && Array.isArray(u.gradient?.colors) && u.gradient.colors.length >= 2) {
+        const { type: s, direction: y, colors: C } = u.gradient, _ = C.map((x) => `${x.color} ${x.position}%`).join(", "), f = s === "radial" ? `radial-gradient(circle at center, ${_})` : `linear-gradient(${y}, ${_})`, p = u.solid || o.backgroundColor || "", g = [];
+        return g.push(`background-color: ${p && p !== "transparent" ? p : "transparent"} !important`), g.push(`background: ${f} !important`), g;
+      }
+      const h = u.solid ?? o.backgroundColor;
+      return h != null ? ["background: none !important", `background-color: ${h} !important`] : [];
+    }
+    return o.backgroundColor != null ? ["background: none !important", `background-color: ${o.backgroundColor} !important`] : [];
+  }, I = (u) => {
+    w(u, o.fontSize != null && `font-size: ${o.fontSize}px !important`), w(u, o.lineHeight != null && `line-height: ${o.lineHeight} !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.push(...R());
+  };
+  if (o.margin) {
+    const u = o.margin;
+    c.push(`margin: ${u.top}px ${u.right}px ${u.bottom}px ${u.left}px !important`);
+  }
+  if (o.padding && !k && !E) {
+    const u = o.padding;
+    c.push(`padding: ${u.top}px ${u.right}px ${u.bottom}px ${u.left}px !important`);
+  }
+  if (o.align != null && !E && c.push(`text-align: ${o.align} !important`), v.has(n)) {
+    if (I(l), o.padding && n === "button") {
+      const u = o.padding;
+      l.push(`padding: ${u.top}px ${u.right}px ${u.bottom}px ${u.left}px !important`);
+    }
+    if (o.border) {
+      const u = o.border;
+      l.push(`border: ${u.width}px ${u.style} ${u.color} !important`);
+    }
+    if (o.borderRadius != null && l.push(`border-radius: ${o.borderRadius}px !important`), n === "button") {
+      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("; ")} }`);
+    }
+  } else if (n === "image")
+    w(l, o.width != null && `width: ${o.width}% !important`), w(l, o.height != null && `height: ${o.height} !important`), w(l, o.borderRadius != null && `border-radius: ${o.borderRadius}px !important`), w(l, o.border != null && `border: ${o.border.width}px ${o.border.style} ${o.border.color} !important`);
+  else if (n === "video")
+    w(l, o.width != null && `width: ${o.width}% !important`), w(l, o.height != null && `height: ${o.height} !important`), w(l, o.borderRadius != null && `border-radius: ${o.borderRadius}px !important`), w(l, o.border != null && `border: ${o.border.width}px ${o.border.style} ${o.border.color} !important`);
+  else if (n === "divider") {
+    const u = [], h = [];
+    if (o.width != null && u.push(`width: ${o.width}% !important`), o.align != null) {
+      const s = o.align === "left" ? "0" : "auto", y = o.align === "right" ? "0" : "auto";
+      u.push(`margin-left: ${s} !important`), u.push(`margin-right: ${y} !important`);
+    }
+    o.height != null && (h.push(`height: ${o.height}px !important`), h.push(`line-height: ${o.height}px !important`)), h.push(...R()), u.length > 0 && d.push(`.${r}-divider-table { ${u.join("; ")} }`), h.length > 0 && d.push(`.${r}-divider-td { ${h.join("; ")} }`);
+  } else if (n === "spacer") {
+    const u = [];
+    o.height != null && (u.push(`height: ${o.height}px !important`), u.push(`line-height: ${o.height}px !important`)), u.push(...R()), u.length > 0 && d.push(`.${r}-spacer-td { ${u.join("; ")} }`);
+  } else if (n === "list")
+    I(c), o.itemSpacing != null && d.push(`.${r} li { margin-bottom: ${o.itemSpacing}px !important; }`);
+  else if (n === "menu") {
+    const u = [];
+    if (u.push(...R()), o.padding) {
+      const s = o.padding;
+      u.push(`padding: ${s.top}px ${s.right}px ${s.bottom}px ${s.left}px !important`);
+    }
+    u.length > 0 && d.push(`.${r}-menu-td { ${u.join("; ")} }`), o.align != null && d.push(`.${r}-menu-td { text-align: ${o.align} !important; }`);
+    const h = [];
+    if (o.fontSize != null && h.push(`font-size: ${o.fontSize}px !important`), o.lineHeight != null && h.push(`line-height: ${o.lineHeight} !important`), o.letterSpacing != null && h.push(`letter-spacing: ${o.letterSpacing}px !important`), o.color != null && h.push(`color: ${o.color} !important`), o.fontWeight != null && h.push(`font-weight: ${o.fontWeight} !important`), o.fontFamily != null && h.push(`font-family: '${o.fontFamily}', Arial, sans-serif !important`), o.fontStyle != null && h.push(`font-style: ${o.fontStyle} !important`), o.textTransform != null && h.push(`text-transform: ${o.textTransform} !important`), o.textDecoration != null && h.push(`text-decoration: ${o.textDecoration} !important`), h.length > 0 && d.push(`.${r}-menu-td a { ${h.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; }`);
+    }
+  } else if (n === "socials") {
+    const u = [];
+    if (o.padding) {
+      const h = o.padding;
+      u.push(`padding: ${h.top}px ${h.right}px ${h.bottom}px ${h.left}px !important`);
+    }
+    if (o.align != null) {
+      const h = o.align === "left" ? "0" : "auto", s = o.align === "right" ? "0" : "auto";
+      d.push(`.${r}-socials-inner { display:inline-table !important; margin-left: ${h} !important; margin-right: ${s} !important; }`), u.push(`text-align: ${o.align} !important`);
+    }
+    if (u.length > 0 && d.push(`.${r}-socials-td { ${u.join("; ")} }`), o.iconSize != null && d.push(`.${r}-socials-inner img { width: ${o.iconSize}px !important; height: ${o.iconSize}px !important; }`), o.spacing != null) {
+      const h = Math.ceil(o.spacing / 2);
+      d.push(`.${r}-socials-item a { margin-left: ${h}px !important; margin-right: ${h}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; }`);
+    }
+  } else I(c);
+  const O = [];
+  if (c.length > 0 && O.push(`.${r} { ${c.join("; ")} }`), l.length > 0) {
+    const u = v.has(n) ? `.${r}-link` : n === "image" ? `.${r} img` : n === "video" ? `.${r} video` : `.${r}`;
+    O.push(`${u} { ${l.join("; ")} }`);
+  }
+  return O.push(...d), O.join(`
+`);
+} }), tn = (e) => !e || e.width === 0 ? "" : `border:${e.width}px ${e.style} ${e.color}`, Nn = (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 && (t.radius ?? 0) > 0 && t.width > 0, o = t && t.width > 0 && (t.radius ?? 0) === 0;
+  if (!i) {
+    const d = [a];
+    return o && d.push(tn(t)), d.push("line-height:0"), d.push("font-size:0"), `<div style="${d.join(";")}">${e}</div>`;
+  }
+  const c = [
+    `border-radius:${t.radius}px`,
+    "overflow:hidden",
+    "line-height:0",
+    "font-size:0"
+  ];
+  t.width > 0 && c.push(tn(t));
+  const l = [
+    a,
+    "line-height:0",
+    "font-size:0"
+  ];
+  return `<div style="${c.join(";")}"><div style="${l.join(";")}">${e}</div></div>`;
+}, Yr = (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 && (t.radius ?? 0) > 0 && t.width > 0 && a, c = t && t.width > 0 && (t.radius ?? 0) === 0 && a;
+  if (!o) {
+    const v = {
+      padding: i,
+      lineHeight: "0",
+      fontSize: "0"
+    };
+    return c && (v.border = `${t.width}px ${t.style} ${t.color}`, (t.radius ?? 0) > 0 && (v.borderRadius = `${t.radius}px`)), `<div style={{ ${Object.entries(v).map(([k, E]) => `${k}:"${E}"`).join(", ")} }}>${e}</div>`;
+  }
+  const l = {
+    borderRadius: `${t.radius}px`,
+    overflow: "hidden",
+    lineHeight: "0",
+    fontSize: "0"
+  };
+  t.width > 0 && (l.border = `${t.width}px ${t.style} ${t.color}`);
+  const d = {
+    padding: i,
+    lineHeight: "0",
+    fontSize: "0"
+  };
+  return `<div style={{ ${Object.entries(l).map(([v, k]) => `${v}:"${k}"`).join(", ")} }}><div style={{ ${Object.entries(d).map(([v, k]) => `${v}:"${k}"`).join(", ")} }}>${e}</div></div>`;
+}, St = null, kt = null;
+function Bn() {
+  return St ??= Promise.all([import("./standalone-DHvJ30Td.js"), import("./html-wb0gSX1o.js")]).then(([e, t]) => ({
+    prettier: e.default ?? e,
+    plugins: [t.default ?? t]
+  })).catch((e) => {
+    throw St = null, e;
+  }), St;
+}
+function Xr() {
+  return kt ??= Promise.all([
+    import("./standalone-DHvJ30Td.js"),
+    import("./babel-DV7WPQI0.js"),
+    import("./estree-DY9POgc0.js")
+  ]).then(([e, t, r]) => ({
+    prettier: e.default ?? e,
+    plugins: [t.default ?? t, r.default ?? r]
+  })).catch((e) => {
+    throw kt = null, e;
+  }), kt;
+}
+async function Lt(e, t) {
+  try {
+    return await t();
+  } catch (r) {
+    return console.warn("[maildeno-editor] formatter unavailable; returning unformatted output", r), e;
+  }
+}
+var Qr = async (e) => Lt(e, async () => {
+  const { prettier: t, plugins: r } = await Bn();
+  return t.format(e, {
+    parser: "html",
+    plugins: r
+  });
+}), Zr = async (e) => Lt(e, async () => {
+  const { prettier: t, plugins: r } = await Xr();
+  return t.format(e, {
+    parser: "babel-ts",
+    plugins: r
+  });
+}), ea = async (e) => Lt(e, async () => {
+  const { prettier: t, plugins: r } = await Bn();
+  return t.format(e, {
+    parser: "html",
+    plugins: r
+  });
+}), nn = (e) => e.trim().toLowerCase().replace(/\s+/g, "_"), ta = (e) => {
+  const t = e.indexOf("|");
+  if (t === -1) return { key: nn(e) };
+  const r = e.slice(0, t), n = e.slice(t + 1).trim().replace(/^['"]|['"]$/g, "");
+  return {
+    key: nn(r),
+    pipeDefault: n
+  };
+}, rn = (e, t, r) => !r || !e ? e : e.replace(/\{\{\s*([^}]+?)\s*\}\}/g, (n, a) => {
+  const { key: i, pipeDefault: o } = ta(a);
+  return Object.prototype.hasOwnProperty.call(t, i) && t[i] !== "" ? t[i] : o !== void 0 ? o : n;
+}), On = (e, t, r, n, a) => {
+  let i = rn(e, t, r);
+  return i = rn(i, n, a), i;
+}, Dt = /* @__PURE__ */ new Map();
+function ro(e) {
+  for (const t of e) Dt.set(t.key, t);
+}
+function na() {
+  return [...Dt.keys()];
+}
+function ra(e, t) {
+  return Dt.get(e)?.tokens?.[t];
+}
+var Ft = {
+  unsubscribe_url: {
+    handlebars: "{{{unsubscribe_url}}}",
+    sendgrid: "{{{unsubscribe_url}}}",
+    iterable: "{{unsubscribeUrl}}",
+    mailchimp: "*|UNSUB|*",
+    klaviyo: "{% unsubscribe_link %}",
+    liquid: "{{ unsubscribe_url }}",
+    braze: "{{${set_user_to_unsubscribed_url}}}",
+    hubspot: "{{ unsubscribe_link_url }}",
+    sfmc: "%%unsub_center_url%%",
+    activecampaign: "%UNSUBSCRIBELINK%",
+    marketo: "{{system.unsubscribeLink}}",
+    pardot: "%%unsubscribe%%",
+    campaign_monitor: "<unsubscribe>Unsubscribe</unsubscribe>"
+  },
+  webview_url: {
+    handlebars: "{{{webview_url}}}",
+    sendgrid: "{{{webview_url}}}",
+    iterable: "{{webViewUrl}}",
+    mailchimp: "*|ARCHIVE|*",
+    klaviyo: "{% web_view_link %}",
+    liquid: "{{ webview_url }}",
+    braze: "{{ webview_url }}",
+    hubspot: "{{ view_as_page_url }}",
+    sfmc: "%%view_email_url%%",
+    activecampaign: "%VIEWINBROWSERLINK%",
+    marketo: "{{system.viewAsWebpageLink}}",
+    pardot: "%%view_online%%",
+    campaign_monitor: "<webversion>View online</webversion>"
+  },
+  email: {
+    handlebars: "{{ email }}",
+    sendgrid: "{{ email }}",
+    iterable: "{{email}}",
+    mailchimp: "*|EMAIL|*",
+    klaviyo: "{{ email }}",
+    liquid: "{{ email }}",
+    braze: "{{${email_address}}}",
+    hubspot: "{{ contact.email }}",
+    sfmc: "%%emailaddr%%",
+    activecampaign: "%EMAIL%",
+    marketo: "{{lead.Email Address}}",
+    pardot: "%%email%%",
+    campaign_monitor: "[email]"
+  },
+  first_name: {
+    handlebars: "{{ first_name }}",
+    sendgrid: "{{ first_name }}",
+    iterable: "{{firstName}}",
+    mailchimp: "*|FNAME|*",
+    klaviyo: "{{ first_name }}",
+    liquid: "{{ first_name }}",
+    braze: "{{${first_name}}}",
+    hubspot: "{{ contact.firstname }}",
+    sfmc: "%%First Name%%",
+    activecampaign: "%FIRSTNAME%",
+    marketo: "{{lead.First Name}}",
+    pardot: "%%first_name%%",
+    campaign_monitor: "[firstname]"
+  },
+  last_name: {
+    handlebars: "{{ last_name }}",
+    sendgrid: "{{ last_name }}",
+    iterable: "{{lastName}}",
+    mailchimp: "*|LNAME|*",
+    klaviyo: "{{ last_name }}",
+    liquid: "{{ last_name }}",
+    braze: "{{${last_name}}}",
+    hubspot: "{{ contact.lastname }}",
+    sfmc: "%%Last Name%%",
+    activecampaign: "%LASTNAME%",
+    marketo: "{{lead.Last Name}}",
+    pardot: "%%last_name%%",
+    campaign_monitor: "[lastname]"
+  },
+  full_name: {
+    handlebars: "{{ full_name }}",
+    sendgrid: "{{ full_name }}",
+    iterable: "{{firstName}} {{lastName}}",
+    mailchimp: "*|FNAME|* *|LNAME|*",
+    klaviyo: "{{ first_name }} {{ last_name }}",
+    liquid: "{{ full_name }}",
+    braze: "{{${first_name}}} {{${last_name}}}",
+    hubspot: "{{ contact.firstname }} {{ contact.lastname }}",
+    sfmc: "%%First Name%% %%Last Name%%",
+    activecampaign: "%FIRSTNAME% %LASTNAME%",
+    marketo: "{{lead.Full Name}}",
+    pardot: "%%full_name%%"
+  },
+  company: {
+    handlebars: "{{ company }}",
+    sendgrid: "{{ company }}",
+    iterable: "{{company}}",
+    mailchimp: "*|COMPANY|*",
+    klaviyo: "{{ organization }}",
+    liquid: "{{ company }}",
+    braze: "{{custom_attribute.${company}}}",
+    hubspot: "{{ contact.company }}",
+    sfmc: "%%Company%%",
+    activecampaign: "%ORG%",
+    marketo: "{{lead.Company Name}}",
+    pardot: "%%company%%"
+  },
+  current_date: {
+    handlebars: "{{ current_date }}",
+    sendgrid: "{{ current_date }}",
+    iterable: "{{now}}",
+    mailchimp: "*|DATE:d F Y|*",
+    klaviyo: "{{ 'now' | date: '%B %d, %Y' }}",
+    liquid: "{{ 'now' | date: '%B %d, %Y' }}",
+    braze: "{{ 'now' | date: '%B %d, %Y' }}",
+    hubspot: "{{ today }}",
+    sfmc: "%%=Format(Now(),'M/d/yyyy')=%%"
+  }
+}, aa = (e, t, r) => {
+  const n = !!r?.trim(), a = r?.trim() ?? "";
+  switch (t) {
+    case "liquid":
+    case "klaviyo":
+    case "hubspot":
+      return n ? `{{ ${e} | default: '${a}' }}` : `{{ ${e} }}`;
+    case "braze":
+      return n ? `{{custom_attribute.${e} | default: '${a}'}}` : `{{custom_attribute.${e}}}`;
+    case "handlebars":
+    case "sendgrid":
+      return n ? `{{ ${e} }}{{!-- default: ${a} --}}` : `{{ ${e} }}`;
+    case "iterable":
+      return n ? `{{${e}|default:${a}}}` : `{{${e}}}`;
+    case "mailchimp":
+      return n ? `*|${e.toUpperCase()}:${a}|*` : `*|${e.toUpperCase()}|*`;
+    case "sfmc":
+      return n ? `%%=IIF(Empty(@${e}),'${a}',@${e})=%%` : `%%=v(@${e})=%%`;
+    case "activecampaign":
+      return `%${e.toUpperCase()}%`;
+    case "marketo":
+      return n ? `{{lead.${e}:default ${a}}}` : `{{lead.${e}}}`;
+    case "pardot":
+      return `%%${e}%%`;
+    case "campaign_monitor":
+      return `[${e}]`;
+    default:
+      return `{{ ${e} }}`;
+  }
+}, an = (e, t, r) => {
+  const n = r.trim();
+  if (!n) return e;
+  switch (t) {
+    case "mailchimp":
+      return /^\*\|[\w:]+\|\*$/.test(e) ? e.replace(/\|\*$/, `:${n}|*`) : e;
+    case "marketo":
+      return /^\{\{[^}]+\}\}$/.test(e) ? e.replace(/\}\}$/, `:default ${n}}}`) : e;
+    case "liquid":
+    case "klaviyo":
+    case "hubspot":
+      return /^\{\{\s*[^}]+\s*\}\}$/.test(e) ? e.replace(/\s*\}\}$/, ` | default: '${n}'}}`) : e;
+    case "braze":
+      return /^\{\{[^}]+\}\}$/.test(e) ? e.replace(/\}\}$/, ` | default: '${n}'}}`) : e;
+    case "iterable":
+      return /^\{\{[^}]+\}\}$/.test(e) ? e.replace(/\}\}$/, `|default:${n}}}`) : e;
+    case "sfmc":
+      return /^%%[^%]+%%$/.test(e) ? `%%=IIF(Empty(${e}),'${n}',${e})=%%` : e;
+    case "handlebars":
+    case "sendgrid":
+      return `${e}{{!-- default: ${n} --}}`;
+    default:
+      return e;
+  }
+}, on = (e, t, r) => {
+  const n = Ft[e];
+  if (n) {
+    const i = n[t];
+    if (i) return r?.trim() ? an(i, t, r) : i;
+  }
+  const a = ra(e, t);
+  return a ? r?.trim() ? an(a, t, r) : a : aa(e, t, r);
+}, oa = (e, t) => {
+  if (!e) return "";
+  let r = e.replace(/<span[^>]*\bdata-merge="([^"]+)"(?:[^>]*\bdata-merge-default="([^"]*)")?[^>]*>.*?<\/span>/gs, (n, a, i) => on(a, t, i?.trim() || void 0));
+  return r = r.replace(/\{\{\s*(?:'([^']*)'|"([^"]*)"|(\w+))(?:\s*\|\s*(?:'([^']*)'|"([^"]*)"|([^'"\}\s][^'"\}]*?)))?\s*\}\}/g, (n, a, i, o, c, l, d) => {
+    const v = (a ?? i ?? o ?? "").trim(), k = (c ?? l ?? d ?? "").trim();
+    return on(v, t, k || void 0);
+  }), r;
+}, ao = () => [...Object.keys(Ft), ...na()], oo = (e, t) => Ft[e]?.[t] ?? null, De = (e) => {
+  let t = (e ?? "").trim().replace(/[^A-Za-z0-9_$]+/g, "_");
+  return /^[0-9]/.test(t) && (t = `_${t}`), t || "_tag";
+}, sn = (e, t) => {
+  const r = e.trim();
+  return r ? t?.trim() ? `{${r} ?? "${t.trim().replace(/"/g, '\\"')}"}` : `{${r}}` : "";
+}, ia = (e) => {
+  if (!e) return "";
+  let t = e.replace(/<span[^>]*\bdata-merge="([^"]+)"(?:[^>]*\bdata-merge-default="([^"]*)")?[^>]*>.*?<\/span>/gs, (r, n, a) => sn(n, a?.trim() || void 0));
+  return t = t.replace(/\{\{\s*(?:'([^']*)'|"([^"]*)"|(\w+))(?:\s*\|\s*(?:'([^']*)'|"([^"]*)"|([^'"\}\s][^'"\}]*?)))?\s*\}\}/g, (r, n, a, i, o, c, l) => {
+    const d = (n ?? a ?? i ?? "").trim(), v = (o ?? c ?? l ?? "").trim();
+    return sn(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}")}\`}`;
+  }), t;
+}, sa = (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);
+  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`
+  };
+}, la = (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);
+  }
+  return [...t.entries()].map(([r, n]) => ({
+    tagId: r,
+    fallback: n
+  }));
+}, ca = (e) => {
+  const t = /* @__PURE__ */ new Set(), r = (a) => {
+    if (a?.enabled) {
+      for (const i of a.rules ?? []) i.tag?.trim() && t.add(De(i.tag));
+      for (const i of a.groups ?? []) for (const o of i.rules ?? []) o.tag?.trim() && t.add(De(o.tag));
+    }
+  }, n = (a) => {
+    for (const i of a) if (i.type === "row") {
+      r(i.visibility);
+      for (const o of i.columns ?? []) {
+        r(o.props?.visibility);
+        const c = o.children ?? o.components ?? [];
+        n(c);
+      }
+    } 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 ?? [])
+      r(i.props?.visibility), n(i.children ?? i.components ?? []);
+  }
+  return [...t];
+}, ua = (e) => e.length === 0 ? "" : ` // Visibility data — replace with real values from your data source
+${e.map((t) => ` const ${t} = "";`).join(`
+`)}`, jn = (e, t, r, n, a = !1) => {
+  const i = n?.mergeTagActive || n?.linkTagActive;
+  if (t === "wrap" || !i) return oa(e, r);
+  if (a) {
+    const { mergeTagContext: o, mergeTagActive: c, linkTagContext: l, linkTagActive: d } = n;
+    return On(e, o ?? {}, c ?? !1, l ?? {}, d ?? !1);
+  }
+  return e;
+}, zn = (e, t, r) => {
+  if (t === "wrap" || !r) return e;
+  const { mergeTagContext: n, mergeTagActive: a, linkTagContext: i, linkTagActive: o } = r;
+  return !a && !o ? e : On(e, n, a, i, o);
+}, Ht = /* @__PURE__ */ new Map(), Pn = /* @__PURE__ */ new Map();
+function io(e, t, r) {
+  Ht.set(e, t), r && Pn.set(e, r);
+}
+var da = {
+  label: "Custom",
+  group: "custom",
+  description: "Registered ESP syntax with no metadata override.",
+  supportsNesting: !0
+};
+function pa(e, t) {
+  return t[e] ?? Ht.get(e) ?? da;
+}
+function Ln(e) {
+  return Pn.get(e);
+}
+function so() {
+  return [...Ht.entries()].map(([e, t]) => ({
+    id: e,
+    meta: t
+  }));
+}
+var ma = {
+  handlebars: {
+    label: "Handlebars (Generic)",
+    group: "handlebars",
+    description: "Generic Handlebars.js template syntax",
+    supportsNesting: !0
+  },
+  sendgrid: {
+    label: "SendGrid",
+    group: "handlebars",
+    description: "SendGrid Dynamic Templates (Handlebars)",
+    docsUrl: "https://docs.sendgrid.com/for-developers/sending-email/using-handlebars",
+    supportsNesting: !0
+  },
+  iterable: {
+    label: "Iterable",
+    group: "handlebars",
+    description: "Iterable templating (Handlebars-compatible)",
+    docsUrl: "https://support.iterable.com/hc/en-us/articles/205480365",
+    supportsNesting: !0
+  },
+  mailchimp: {
+    label: "Mailchimp",
+    group: "custom",
+    description: "Mailchimp merge tag conditionals *|IF:…|*",
+    docsUrl: "https://mailchimp.com/help/use-conditional-merge-tag-blocks/",
+    supportsNesting: !1
+  },
+  klaviyo: {
+    label: "Klaviyo",
+    group: "liquid",
+    description: "Klaviyo (Liquid templating)",
+    docsUrl: "https://help.klaviyo.com/hc/en-us/articles/115002775012",
+    supportsNesting: !0
+  },
+  liquid: {
+    label: "Liquid (Generic)",
+    group: "liquid",
+    description: "Generic Liquid template syntax (Shopify, etc.)",
+    supportsNesting: !0
+  },
+  braze: {
+    label: "Braze",
+    group: "liquid",
+    description: "Braze (Liquid + Connected Content)",
+    docsUrl: "https://www.braze.com/docs/user_guide/personalization_and_dynamic_content/liquid/",
+    supportsNesting: !0
+  },
+  hubspot: {
+    label: "HubSpot",
+    group: "liquid",
+    description: "HubSpot (HubL — Liquid-based)",
+    docsUrl: "https://developers.hubspot.com/docs/cms/hubl/intro-to-hubl",
+    supportsNesting: !0
+  },
+  sfmc: {
+    label: "Salesforce Marketing Cloud",
+    group: "ampscript",
+    description: "SFMC AMPscript conditionals",
+    docsUrl: "https://ampscript.guide/if/",
+    supportsNesting: !0
+  },
+  activecampaign: {
+    label: "ActiveCampaign",
+    group: "custom",
+    description: "ActiveCampaign conditional content tags",
+    docsUrl: "https://help.activecampaign.com/hc/en-us/articles/220358207",
+    supportsNesting: !0
+  },
+  marketo: {
+    label: "Marketo",
+    group: "custom",
+    description: "Marketo Velocity Script conditionals",
+    docsUrl: "https://nation.marketo.com/t5/product-blogs/velocity-scripting/ba-p/232782",
+    supportsNesting: !0
+  },
+  campaign_monitor: {
+    label: "Campaign Monitor",
+    group: "custom",
+    description: "Campaign Monitor conditional merge tags",
+    docsUrl: "https://help.campaignmonitor.com/custom-fields-and-personalization",
+    supportsNesting: !1
+  },
+  pardot: {
+    label: "Pardot / MCAE",
+    group: "custom",
+    description: "Pardot (Marketing Cloud Account Engagement) conditionals",
+    docsUrl: "https://help.salesforce.com/s/articleView?id=pardot_variable_tags.htm",
+    supportsNesting: !1
+  },
+  mso: {
+    label: "Outlook (MSO)",
+    group: "mso",
+    description: "Microsoft Office VML conditional comments for Outlook",
+    supportsNesting: !1
+  }
+}, lo = [
+  {
+    syntax: "handlebars",
+    label: "Handlebars",
+    eq: "native",
+    neq: "helper",
+    contains: "helper",
+    not_contains: "helper",
+    starts_with: "helper",
+    ends_with: "helper",
+    in: "helper",
+    not_in: "helper",
+    numeric: "helper",
+    is_empty: "helper",
+    date: "helper"
+  },
+  {
+    syntax: "sendgrid",
+    label: "SendGrid",
+    eq: "native",
+    neq: "none",
+    contains: "none",
+    not_contains: "none",
+    starts_with: "none",
+    ends_with: "none",
+    in: "none",
+    not_in: "none",
+    numeric: "none",
+    is_empty: "none",
+    date: "none"
+  },
+  {
+    syntax: "iterable",
+    label: "Iterable",
+    eq: "native",
+    neq: "helper",
+    contains: "helper",
+    not_contains: "helper",
+    starts_with: "helper",
+    ends_with: "helper",
+    in: "helper",
+    not_in: "helper",
+    numeric: "helper",
+    is_empty: "helper",
+    date: "helper"
+  },
+  {
+    syntax: "liquid",
+    label: "Liquid",
+    eq: "native",
+    neq: "native",
+    contains: "native",
+    not_contains: "native",
+    starts_with: "none",
+    ends_with: "none",
+    in: "fallback",
+    not_in: "fallback",
+    numeric: "native",
+    is_empty: "native",
+    date: "native"
+  },
+  {
+    syntax: "klaviyo",
+    label: "Klaviyo",
+    eq: "native",
+    neq: "native",
+    contains: "native",
+    not_contains: "native",
+    starts_with: "none",
+    ends_with: "none",
+    in: "fallback",
+    not_in: "fallback",
+    numeric: "native",
+    is_empty: "native",
+    date: "native"
+  },
+  {
+    syntax: "braze",
+    label: "Braze",
+    eq: "native",
+    neq: "native",
+    contains: "native",
+    not_contains: "native",
+    starts_with: "none",
+    ends_with: "none",
+    in: "fallback",
+    not_in: "fallback",
+    numeric: "native",
+    is_empty: "native",
+    date: "native"
+  },
+  {
+    syntax: "hubspot",
+    label: "HubSpot",
+    eq: "native",
+    neq: "native",
+    contains: "native",
+    not_contains: "native",
+    starts_with: "none",
+    ends_with: "none",
+    in: "fallback",
+    not_in: "fallback",
+    numeric: "native",
+    is_empty: "native",
+    date: "native"
+  },
+  {
+    syntax: "sfmc",
+    label: "SFMC",
+    eq: "native",
+    neq: "native",
+    contains: "native",
+    not_contains: "native",
+    starts_with: "native",
+    ends_with: "native",
+    in: "fallback",
+    not_in: "fallback",
+    numeric: "native",
+    is_empty: "native",
+    date: "native"
+  },
+  {
+    syntax: "activecampaign",
+    label: "ActiveCampaign",
+    eq: "native",
+    neq: "native",
+    contains: "native",
+    not_contains: "native",
+    starts_with: "none",
+    ends_with: "none",
+    in: "native",
+    not_in: "fallback",
+    numeric: "native",
+    is_empty: "native",
+    date: "fallback"
+  },
+  {
+    syntax: "marketo",
+    label: "Marketo",
+    eq: "native",
+    neq: "native",
+    contains: "native",
+    not_contains: "native",
+    starts_with: "native",
+    ends_with: "native",
+    in: "fallback",
+    not_in: "fallback",
+    numeric: "native",
+    is_empty: "native",
+    date: "native"
+  },
+  {
+    syntax: "mailchimp",
+    label: "Mailchimp",
+    eq: "native",
+    neq: "native",
+    contains: "fallback",
+    not_contains: "fallback",
+    starts_with: "fallback",
+    ends_with: "fallback",
+    in: "fallback",
+    not_in: "fallback",
+    numeric: "native",
+    is_empty: "fallback",
+    date: "fallback"
+  },
+  {
+    syntax: "pardot",
+    label: "Pardot",
+    eq: "native",
+    neq: "native",
+    contains: "none",
+    not_contains: "none",
+    starts_with: "none",
+    ends_with: "none",
+    in: "none",
+    not_in: "none",
+    numeric: "none",
+    is_empty: "none",
+    date: "none"
+  },
+  {
+    syntax: "campaign_monitor",
+    label: "Campaign Monitor",
+    eq: "native",
+    neq: "native",
+    contains: "none",
+    not_contains: "none",
+    starts_with: "none",
+    ends_with: "none",
+    in: "none",
+    not_in: "none",
+    numeric: "none",
+    is_empty: "none",
+    date: "none"
+  },
+  {
+    syntax: "mso",
+    label: "MSO/Outlook",
+    eq: "native",
+    neq: "none",
+    contains: "none",
+    not_contains: "none",
+    starts_with: "none",
+    ends_with: "none",
+    in: "none",
+    not_in: "none",
+    numeric: "none",
+    is_empty: "none",
+    date: "none"
+  }
+], fa = (e, t) => {
+  const r = De(e);
+  switch (t) {
+    case "sfmc":
+      return `AttributeValue("${r}")`;
+    case "marketo":
+      return `$!{${r}}`;
+    case "mailchimp":
+      return r.toUpperCase();
+    default:
+      return r;
+  }
+}, we = (e, t) => {
+  const { operator: r, value: n } = e, a = fa(e.tag, t);
+  switch (t) {
+    case "handlebars":
+    case "sendgrid":
+    case "iterable":
+      switch (r) {
+        case "==":
+          return `(eq ${a} '${n}')`;
+        case "!=":
+          return `(neq ${a} '${n}')`;
+        case "contains":
+          return `(contains ${a} '${n}')`;
+        case "not_contains":
+          return `(not (contains ${a} '${n}'))`;
+        case "starts_with":
+          return `(startsWith ${a} '${n}')`;
+        case "ends_with":
+          return `(endsWith ${a} '${n}')`;
+        case "in":
+          return `(in ${a} ${n.split(",").map((i) => `'${i.trim()}'`).join(" ")})`;
+        case "not_in":
+          return `(not (in ${a} ${n.split(",").map((i) => `'${i.trim()}'`).join(" ")}))`;
+        case ">":
+          return `(gt ${a} ${n})`;
+        case "<":
+          return `(lt ${a} ${n})`;
+        case ">=":
+          return `(gte ${a} ${n})`;
+        case "<=":
+          return `(lte ${a} ${n})`;
+        case "is_empty":
+          return `(isEmpty ${a})`;
+        case "is_not_empty":
+          return `(not (isEmpty ${a}))`;
+        case "date_before":
+          return `(dateBefore ${a} '${n}')`;
+        case "date_after":
+          return `(dateAfter ${a} '${n}')`;
+        case "date_on":
+          return `(dateOn ${a} '${n}')`;
+        default:
+          return `(eq ${a} '${n}')`;
+      }
+    case "liquid":
+    case "klaviyo":
+    case "braze":
+    case "hubspot":
+      switch (r) {
+        case "==":
+          return `${a} == '${n}'`;
+        case "!=":
+          return `${a} != '${n}'`;
+        case "contains":
+          return `${a} contains '${n}'`;
+        case "not_contains":
+          return `not (${a} contains '${n}')`;
+        case "starts_with":
+        case "ends_with":
+          return null;
+        case "in":
+          return n.split(",").map((i) => `${a} == '${i.trim()}'`).join(" or ");
+        case "not_in":
+          return n.split(",").map((i) => `${a} != '${i.trim()}'`).join(" and ");
+        case ">":
+          return `${a} > ${n}`;
+        case "<":
+          return `${a} < ${n}`;
+        case ">=":
+          return `${a} >= ${n}`;
+        case "<=":
+          return `${a} <= ${n}`;
+        case "is_empty":
+          return `${a} == blank`;
+        case "is_not_empty":
+          return `${a} != blank`;
+        case "date_before":
+          return `${Tt(e.tag)} < ${At(e.tag, n)}`;
+        case "date_after":
+          return `${Tt(e.tag)} > ${At(e.tag, n)}`;
+        case "date_on":
+          return `${a} | date: '%F' == '${n}'`;
+        default:
+          return `${a} == '${n}'`;
+      }
+    case "mailchimp":
+      switch (r) {
+        case "==":
+          return `${a}='${n}'`;
+        case "!=":
+          return `${a}!='${n}'`;
+        case ">":
+        case "<":
+        case ">=":
+        case "<=": {
+          const i = Number(n);
+          return Number.isNaN(i) ? `${a}='${n}'` : `${a}${r}${i}`;
+        }
+        case "date_before":
+          return `${a}<'${n}'`;
+        case "date_after":
+          return `${a}>'${n}'`;
+        case "date_on":
+          return `${a}='${n}'`;
+        default:
+          return `${a}='${n}'`;
+      }
+    case "sfmc":
+      switch (r) {
+        case "==":
+          return `${a} == '${n}'`;
+        case "!=":
+          return `${a} != '${n}'`;
+        case "contains":
+          return `Contains(${a}, '${n}')`;
+        case "not_contains":
+          return `Not Contains(${a}, '${n}')`;
+        case "starts_with":
+          return `IndexOf(${a}, '${n}') == 1`;
+        case "ends_with":
+          return `Substring(${a}, Subtract(Length(${a}), Subtract(Length('${n}'), 1)), Length('${n}')) == '${n}'`;
+        case "in":
+          return n.split(",").map((i) => `${a} == '${i.trim()}'`).join(" OR ");
+        case "not_in":
+          return n.split(",").map((i) => `${a} != '${i.trim()}'`).join(" AND ");
+        case ">":
+          return `${a} > ${n}`;
+        case "<":
+          return `${a} < ${n}`;
+        case ">=":
+          return `${a} >= ${n}`;
+        case "<=":
+          return `${a} <= ${n}`;
+        case "is_empty":
+          return `Empty(${a})`;
+        case "is_not_empty":
+          return `Not Empty(${a})`;
+        case "date_before":
+          return `DateDiff(DateParse(${a}), DateParse('${n}'), "D") < 0`;
+        case "date_after":
+          return `DateDiff(DateParse(${a}), DateParse('${n}'), "D") > 0`;
+        case "date_on":
+          return `DateDiff(DateParse(${a}), DateParse('${n}'), "D") == 0`;
+        default:
+          return `${a} == '${n}'`;
+      }
+    case "activecampaign":
+      switch (r) {
+        case "==":
+          return `${a} EQUALS ${n}`;
+        case "!=":
+          return `${a} NOT EQUALS ${n}`;
+        case "contains":
+          return `${a} CONTAINS ${n}`;
+        case "not_contains":
+          return `${a} NOT CONTAINS ${n}`;
+        case "starts_with":
+        case "ends_with":
+          return null;
+        case "in":
+          return `${a} IN ${n.split(",").map((i) => i.trim()).join(",")}`;
+        case "not_in":
+          return `${a} NOT IN ${n.split(",").map((i) => i.trim()).join(",")}`;
+        case ">":
+          return `${a} GREATER THAN ${n}`;
+        case "<":
+          return `${a} LESS THAN ${n}`;
+        case ">=":
+          return `${a} GREATER THAN OR EQUAL TO ${n}`;
+        case "<=":
+          return `${a} LESS THAN OR EQUAL TO ${n}`;
+        case "is_empty":
+          return `${a} IS EMPTY`;
+        case "is_not_empty":
+          return `${a} IS NOT EMPTY`;
+        case "date_before":
+          return `${a} LESS THAN ${n}`;
+        case "date_after":
+          return `${a} GREATER THAN ${n}`;
+        case "date_on":
+          return `${a} EQUALS ${n}`;
+        default:
+          return `${a} EQUALS ${n}`;
+      }
+    case "marketo":
+      switch (r) {
+        case "==":
+          return `${a} == '${n}'`;
+        case "!=":
+          return `${a} != '${n}'`;
+        case "contains":
+          return `${a} && ${a}.contains('${n}')`;
+        case "not_contains":
+          return `!${a} || !${a}.contains('${n}')`;
+        case "starts_with":
+          return `${a}.startsWith('${n}')`;
+        case "ends_with":
+          return `${a}.endsWith('${n}')`;
+        case "in":
+          return n.split(",").map((i) => `${a} == '${i.trim()}'`).join(" || ");
+        case "not_in":
+          return n.split(",").map((i) => `${a} != '${i.trim()}'`).join(" && ");
+        case ">":
+          return `${a}.toInteger() > ${n}`;
+        case "<":
+          return `${a}.toInteger() < ${n}`;
+        case ">=":
+          return `${a}.toInteger() >= ${n}`;
+        case "<=":
+          return `${a}.toInteger() <= ${n}`;
+        case "is_empty":
+          return `!${a} || ${a} == ''`;
+        case "is_not_empty":
+          return `${a} && ${a} != ''`;
+        case "date_before":
+          return `$date.parse('yyyy-MM-dd', ${a}).before($date.parse('yyyy-MM-dd', '${n}'))`;
+        case "date_after":
+          return `$date.parse('yyyy-MM-dd', ${a}).after($date.parse('yyyy-MM-dd', '${n}'))`;
+        case "date_on":
+          return `$date.parse('yyyy-MM-dd', ${a}).equals($date.parse('yyyy-MM-dd', '${n}'))`;
+        default:
+          return `${a} == '${n}'`;
+      }
+    case "campaign_monitor":
+    case "pardot":
+      switch (r) {
+        case "==":
+          return `${a}='${n}'`;
+        case "!=":
+          return `${a}!='${n}'`;
+        case "date_before":
+        case "date_after":
+        case "date_on":
+          return `${a}='${n}'`;
+        default:
+          return `${a}='${n}'`;
+      }
+    case "mso":
+      return "mso | IE";
+    default:
+      return `${a} == '${n}'`;
+  }
+}, ln = (e, t, r) => {
+  if (e.length === 1) return e[0];
+  switch (r) {
+    case "handlebars":
+    case "sendgrid":
+    case "iterable":
+      return t === "all" ? `(and ${e.join(" ")})` : `(or ${e.join(" ")})`;
+    case "sfmc":
+    case "activecampaign":
+    case "mailchimp":
+    case "campaign_monitor":
+    case "pardot":
+      return e.join(t === "all" ? " AND " : " OR ");
+    case "marketo":
+      return e.join(t === "all" ? " && " : " || ");
+    case "liquid":
+    case "klaviyo":
+    case "braze":
+    case "hubspot":
+      return e.join(t === "all" ? " and " : " or ");
+    default:
+      return e.join(t === "all" ? " && " : " || ");
+  }
+}, Dn = (e, t) => {
+  const r = Ln(t)?.wrapOpenTag;
+  if (r) return r(e);
+  switch (t) {
+    case "handlebars":
+    case "sendgrid":
+    case "iterable":
+      return `{{#if ${e}}}`;
+    case "liquid":
+    case "klaviyo":
+    case "braze":
+    case "hubspot":
+      return `{% if ${e} %}`;
+    case "mailchimp":
+      return `*|IF:${e}|*`;
+    case "sfmc":
+      return `%%[ IF ${e} THEN ]%%`;
+    case "activecampaign":
+      return `%IF ${e}%`;
+    case "marketo":
+      return `#if(${e})`;
+    case "campaign_monitor":
+      return `<singleline:${e}>`;
+    case "pardot":
+      return `%%if ${e}%%`;
+    case "mso":
+      return `<!--[if ${e}]>`;
+    default:
+      return `{{#if ${e}}}`;
+  }
+}, Fn = (e) => {
+  const t = Ln(e)?.wrapCloseTag;
+  if (t) return t();
+  switch (e) {
+    case "handlebars":
+    case "sendgrid":
+    case "iterable":
+      return "{{/if}}";
+    case "liquid":
+    case "klaviyo":
+    case "braze":
+    case "hubspot":
+      return "{% endif %}";
+    case "mailchimp":
+      return "*|END:IF|*";
+    case "sfmc":
+      return "%%[ ENDIF ]%%";
+    case "activecampaign":
+      return "%/IF%";
+    case "marketo":
+      return "#end";
+    case "campaign_monitor":
+      return "</singleline>";
+    case "pardot":
+      return "%%endif%%";
+    case "mso":
+      return "<![endif]-->";
+    default:
+      return "{{/if}}";
+  }
+}, Tt = (e) => `__esp_ts_${e.replace(/[^a-zA-Z0-9]/g, "_")}`, At = (e, t) => `__esp_cmp_${e.replace(/[^a-zA-Z0-9]/g, "_")}_${t.replace(/[^a-zA-Z0-9]/g, "_")}`, ga = (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 = Tt(n.tag), o = At(n.tag, n.value);
+    t.has(i) || (t.add(i), r.push(`{%- assign ${i} = ${De(n.tag)} | date: '%s' -%}`)), t.has(o) || (t.add(o), r.push(`{%- assign ${o} = '${n.value}' | date: '%s' -%}`));
+  }
+  return r;
+}, ha = (e) => e === "liquid" || e === "klaviyo" || e === "braze" || e === "hubspot", va = (e, t) => {
+  const r = (o, c) => o.length === 0 ? c : [...o].reverse().reduce((l, d) => `*|IF:${d}|*
+${l}
+*|END:IF|*`, c), n = (o, c) => o.length === 0 ? c : o.map((l) => `*|IF:${l}|*
+${c}
+*|END:IF|*`).join(`
+`), a = (o, c, l) => {
+    const d = o.map((v) => we(v, "mailchimp")).filter((v) => v !== null);
+    return d.length === 0 ? null : c === "all" ? r(d, l) : n(d, l);
+  }, i = (t.rules ?? []).map((o) => we(o, "mailchimp")).filter((o) => o !== null);
+  if (t.match === "all") {
+    let o = e;
+    for (const c of [...t.groups ?? []].reverse()) {
+      const l = c.rules.map((d) => we(d, "mailchimp")).filter((d) => d !== null);
+      l.length !== 0 && (o = c.match === "all" ? r(l, o) : n(l, o));
+    }
+    return i.length > 0 ? r(i, o) : o;
+  } else {
+    const o = [...i.map((c) => `*|IF:${c}|*
+${e}
+*|END:IF|*`), ...(t.groups ?? []).map((c) => a(c.rules, c.match, e)).filter((c) => c !== null)];
+    return o.length > 0 ? o.join(`
+`) : e;
+  }
+}, Hn = (e, t) => {
+  const r = pa(t, ma), n = (e.rules ?? []).map((o) => we(o, t)).filter((o) => o !== null);
+  let a;
+  r.supportsNesting ? a = (e.groups ?? []).map((o) => {
+    const c = o.rules.map((d) => we(d, t)).filter((d) => d !== null);
+    if (c.length === 0) return null;
+    const l = ln(c, o.match, t);
+    return c.length > 1 ? `(${l})` : l;
+  }).filter((o) => o !== null) : a = (e.groups ?? []).flatMap((o) => o.rules).map((o) => we(o, t)).filter((o) => o !== null);
+  const i = [...n, ...a];
+  return i.length === 0 ? null : {
+    expression: ln(i, e.match, t),
+    preludes: ha(t) ? ga([...e.rules ?? [], ...(e.groups ?? []).flatMap((o) => o.rules)]) : []
+  };
+}, fe = (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 va(e, t);
+  const i = Hn(t, r);
+  if (!i) return e;
+  const { expression: o, preludes: c } = i, l = Dn(o, r), d = Fn(r);
+  return `${c.length > 0 ? `${c.join(`
+`)}
+` : ""}${l}
+${e}
+${d}`;
+}, co = (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 l = [...e.rules ?? [], ...(e.groups ?? []).flatMap((v) => v.rules)], d = l.map((v) => we(v, "mailchimp")).find((v) => v !== null);
+    return d ? {
+      openTag: `*|IF:${d}|*${l.length > 1 && e.match === "all" ? " …nested…" : ""}`,
+      closeTag: "*|END:IF|*"
+    } : null;
+  }
+  const a = Hn(e, t);
+  if (!a) return null;
+  const { expression: i, preludes: o } = a, c = Dn(i, t);
+  return {
+    openTag: `${o.length > 0 ? `${o.join(`
+`)}
+` : ""}${c}`,
+    closeTag: Fn(t)
+  };
+}, Un = (e) => {
+  const t = De(e.tag), r = String(e.value ?? "");
+  switch (e.operator) {
+    case "==":
+      return `String(${t}).toLowerCase() === ${JSON.stringify(r.toLowerCase())}`;
+    case "!=":
+      return `String(${t}).toLowerCase() !== ${JSON.stringify(r.toLowerCase())}`;
+    case "contains":
+      return `String(${t}).toLowerCase().includes(${JSON.stringify(r.toLowerCase())})`;
+    case "not_contains":
+      return `!String(${t}).toLowerCase().includes(${JSON.stringify(r.toLowerCase())})`;
+    case "starts_with":
+      return `String(${t}).toLowerCase().startsWith(${JSON.stringify(r.toLowerCase())})`;
+    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);
+      return `${JSON.stringify(n)}.includes(String(${t}).toLowerCase())`;
+    }
+    case "not_in": {
+      const n = r.split(/[,\n;]+/).map((a) => a.trim().toLowerCase()).filter(Boolean);
+      return `!${JSON.stringify(n)}.includes(String(${t}).toLowerCase())`;
+    }
+    case ">":
+      return `Number(${t}) > ${Number(r)}`;
+    case "<":
+      return `Number(${t}) < ${Number(r)}`;
+    case ">=":
+      return `Number(${t}) >= ${Number(r)}`;
+    case "<=":
+      return `Number(${t}) <= ${Number(r)}`;
+    case "date_before":
+      return `(${t} ? new Date(${t}).setHours(0,0,0,0) : NaN) < new Date(${JSON.stringify(r)}).setHours(0,0,0,0)`;
+    case "date_after":
+      return `(${t} ? new Date(${t}).setHours(0,0,0,0) : NaN) > new Date(${JSON.stringify(r)}).setHours(0,0,0,0)`;
+    case "date_on":
+      return `(${t} ? new Date(${t}).setHours(0,0,0,0) : NaN) === new Date(${JSON.stringify(r)}).setHours(0,0,0,0)`;
+    case "is_empty":
+      return `(!${t} || String(${t}).trim() === "")`;
+    case "is_not_empty":
+      return `(!!${t} && String(${t}).trim() !== "")`;
+    default:
+      return "true";
+  }
+}, ba = (e) => {
+  if (!e.rules.length) return null;
+  const t = e.rules.map(Un);
+  return t.length === 1 ? t[0] : `(${t.join(e.match === "any" ? " || " : " && ")})`;
+}, $a = (e) => {
+  const t = (e.rules ?? []).map(Un), r = (e.groups ?? []).map(ba).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)})`;
+}, Qe = (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} && (
+${e.split(`
+`).map((i) => `  ${i}`).join(`
+`)}
+)}` : e;
+}, xe = ({ 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);
+}, dt = (e) => e.toLowerCase().replace(/\s+/g, "-"), Re = (e, t) => `${e}${t === "wrap" ? "-master" : "-snapshot"}`, ya = /(<style[\s>][\s\S]*?<\/style>|<script[\s>][\s\S]*?<\/script>|<!--[\s\S]*?-->)/gi;
+function Jn(e) {
+  const t = e.split(ya), r = [];
+  return t.forEach((n, a) => {
+    if (a % 2 === 1) {
+      let i = n.replace(/^[ \t]+|[ \t]+$/gm, "");
+      i = i.replace(/\n{2,}/g, `
+`), r.push(i);
+    } else {
+      let i = n.replace(/>\s+</g, "><");
+      i = i.replace(/[ \t]{2,}/g, " "), i = i.replace(/\n+/g, ""), r.push(i);
+    }
+  }), r.join("");
+}
+function Sa(e) {
+  return e && Jn(e);
+}
+function ka(e) {
+  return e && Jn(e);
+}
+function wa(e) {
+  if (!e) return e;
+  let t = e.replace(/^[ \t]+|[ \t]+$/gm, "");
+  return t = t.replace(/\n{3,}/g, `
+
+`), t.trim();
+}
+function Ee(e, t) {
+  switch (e) {
+    case "html":
+      return Sa(t);
+    case "mjml":
+      return ka(t);
+    case "react-email":
+      return wa(t);
+    default:
+      return t;
+  }
+}
+var Gn = "maildeno:export:minify", rt = P(xa());
+function xa() {
+  if (typeof window > "u") return !1;
+  try {
+    return localStorage.getItem(Gn) === "true";
+  } catch {
+    return !1;
+  }
+}
+un(rt, (e) => {
+  if (!(typeof window > "u"))
+    try {
+      localStorage.setItem(Gn, String(e));
+    } catch {
+    }
+});
+function Ut() {
+  return {
+    minifyOutput: rt,
+    toggleMinify: () => {
+      rt.value = !rt.value;
+    }
+  };
+}
+var Ca = 5, _a = (e) => {
+  const { rows: t, canvasStyles: r, generators: n, espSyntax: a, visibilityContext: i, tagSubstitution: o, guardEmpty: c, collectFonts: l, collectMobileCSS: d, buildMobileStyleBlock: v } = e, { evaluateVisibility: k } = ct(), E = (s) => s.type === "component" ? s.props?.visibility : s.visibility, w = (s) => {
+    if (!s?.enabled) return !1;
+    const y = (s.rules?.length ?? 0) > 0, C = (s.groups?.length ?? 0) > 0;
+    return y || C;
+  }, R = (s, y, C, _) => {
+    let f = "";
+    for (const p of s) {
+      if (C === "prune" && !k(E(p), y)) continue;
+      const g = p.type;
+      if (g === "row") {
+        if (_ >= Ca) continue;
+        const b = I(p, y, C, _ + 1);
+        b.trim() && (f += `<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:collapse;">${b}</table>`);
+        continue;
+      }
+      if (g === "row-spacer") {
+        if (!p.height || p.height <= 0) continue;
+        const b = se(p);
+        let S = `<div height="${p.height}" style="height:${p.height}px;line-height:${p.height}px;font-size:1px;mso-line-height-rule:exactly;${b.join(";")}">&nbsp;</div>`;
+        C === "wrap" && w(p.visibility) && (S = fe(S, p.visibility, a.value)), f += S;
+        continue;
+      }
+      let x = zn(n.html(p), C, o?.value);
+      const $ = p.props?.visibility;
+      C === "wrap" && w($) && (x = fe(x, $, a.value)), f += x;
+    }
+    return f;
+  }, I = (s, y, C, _ = 0) => {
+    if (s.type === "row-spacer") {
+      if (!s.height || s.height <= 0) return "";
+      const M = se(s);
+      let L = `
+<tr>
+  <td>
+  <div height="${s.height}" style="height:${s.height}px;line-height:${s.height}px;font-size:1px;mso-line-height-rule:exactly;${M.join(";")}">&nbsp;
+  </div>
+  </td>
+</tr>
+`;
+      return C === "wrap" && w(s.visibility) && (L = fe(L, s.visibility, a.value)), L;
+    }
+    const f = se(s), p = r.value.mobileBreakpoint || 600, g = (s.gap || 0) / p * 100, x = 100 - g * (s.columns.length - 1), $ = [];
+    let b = 0;
+    s.columns.forEach((M) => {
+      const L = M.width / 100 * x;
+      $.push(L), b += L;
+    });
+    const S = x - b;
+    Math.abs(S) > 0.01 && $.length > 0 && ($[$.length - 1] += S);
+    let A = "";
+    s.columns.forEach((M, L) => {
+      if (C === "prune" && !k(M.props?.visibility, y)) return;
+      const V = $[L], q = s.mobileStack ? "mobile-stack" : "", W = se(M), X = [
+        `width:${V}%`,
+        `max-width:${V}%`,
+        `vertical-align:${M.verticalAlign ?? "middle"}`,
+        "box-sizing:border-box",
+        ...W,
+        `border:${M.border.width}px ${M.border.style} ${M.border.color}`,
+        `border-radius:${M.border.radius}px`,
+        "overflow:hidden",
+        "line-height:0",
+        "font-size:0",
+        `padding:${M.padding?.top ?? 0}px ${M.padding?.right ?? 0}px ${M.padding?.bottom ?? 0}px ${M.padding?.left ?? 0}px`
+      ], oe = M.children ?? M.components ?? [], le = R(oe, y, C, _);
+      A += `
+              <td valign="${M.verticalAlign ?? "middle"}"${q ? ` class="${q}"` : ""} style="${X.join(";")}">
+${le}
+              </td>
+`, L < s.columns.length - 1 && s.gap && (A += `
+              <td 
+                class="${q ? `gap-${s.gap} ${q}` : `gap-${s.gap}`}"
+                width="${g}%"
+                style="width:${g}%;max-width:${g}%;font-size:0;line-height:0;padding:0;">
+                &nbsp;
+              </td>
+`);
+    });
+    const m = s.columns.some((M) => (M.border?.radius ?? 0) > 0);
+    let B = `<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:${(s.gap ?? 0) > 0 || m ? "separate" : "collapse"};">
+            <tr>
+${A}
+            </tr>
+          </table>`;
+    const z = (s.border?.radius ?? 0) > 0, N = [
+      ...f,
+      z ? `border-radius:${s.border.radius + 2}px` : "",
+      "overflow:hidden"
+    ].filter(Boolean);
+    let F = Nn(B, s.border, [], s.padding);
+    return C === "wrap" && w(s.visibility) && (F = fe(F, s.visibility, a.value)), (s.minHeight ?? 0) > 0 && N.push(`min-height:${s.minHeight}px`), `
+<tr>
+  <td${N.length ? ` style="${N.join(";")}"` : ""}>
+${F}
+  </td>
+</tr>
+`;
+  }, O = (s, y) => {
+    const { getGoogleFontImports: C } = ut(), { emailMobileStyles: _ } = Pt(), f = i?.value ?? {}, p = C([...l(s, f)]), g = d(s, f, _), x = v(r.value.mobileBreakpoint, g), $ = [
+      "margin:0",
+      "padding:0",
+      r.value.bodyBackgroundColor ? `background-color:${r.value.bodyBackgroundColor}` : "",
+      r.value.bodyBackgroundImage ? [
+        `background-image:url('${r.value.bodyBackgroundImage}')`,
+        `background-size:${r.value.bodyBackgroundSize}`,
+        `background-position:${r.value.bodyBackgroundPosition}`,
+        `background-repeat:${r.value.bodyBackgroundRepeat}`,
+        "min-height:auto"
+      ].join(";") : ""
+    ].filter(Boolean).join(";");
+    let b = `<!DOCTYPE html>
+<html lang="${r.value.language}" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
+<head>
+<meta charset="UTF-8">
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="x-apple-disable-message-reformatting">
+<meta name="color-scheme" content="light dark">
+<meta name="supported-color-schemes" content="light dark">
+<meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no">
+<title>${y}</title>
+<!--[if mso]>
+<xml>
+<o:OfficeDocumentSettings>
+<o:PixelsPerInch>96</o:PixelsPerInch>
+<o:AllowPNG/>
+</o:OfficeDocumentSettings>
+</xml>
+<![endif]-->
+${p ? `<link href="${p}" rel="stylesheet">` : ""}
+<style>
+${x}
+</style>
+</head>
+
+<body style="${$};">
+<div style="display:none;font-size:1px;color:#fefefe;line-height:1px;max-height:0;max-width:0;opacity:0;overflow:hidden;">
+${r.value.preheaderText} &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp; &#847; &zwnj; &nbsp;
+</div>
+<table width="100%" cellpadding="0" cellspacing="0">
+<tr>
+<td style="padding:${r.value.padding?.top ?? 0}px ${r.value.padding?.right ?? 0}px ${r.value.padding?.bottom ?? 0}px ${r.value.padding?.left ?? 0}px;">
+
+<table
+  width="100%"
+  align="center"
+  cellpadding="0"
+  cellspacing="0"
+  class="email-container"
+  style="width:100%;max-width:${r.value.width}px;background:${r.value.backgroundColor};border-collapse:collapse;"
+>
+`;
+    return t.value.forEach((S) => {
+      if (s === "prune" && !k(S.visibility, f)) return;
+      const A = I(S, f, s, 0);
+      A.trim() && (b += A);
+    }), b += `
+</table>
+</td>
+</tr>
+</table>
+</body>
+</html>
+`, b = jn(b, s, a.value, o?.value), b;
+  };
+  return {
+    export: async (s = "prune", y) => {
+      if (!c("Export")) return;
+      const C = y || "Untitled Template", _ = O(s, C), f = dt(C), { minifyOutput: p } = Ut();
+      if (p.value) xe({
+        content: Ee("html", _),
+        filename: `${Re(f, s)}.html`,
+        mimeType: "text/html"
+      });
+      else {
+        const g = await Qr(_);
+        xe({
+          content: g,
+          filename: `${Re(f, s)}.html`,
+          mimeType: "text/html"
+        });
+      }
+    },
+    getHTML: (s = "prune", y) => {
+      if (!t.value || t.value.length === 0) return null;
+      const C = O(s, y || "Untitled Template");
+      return Ee("html", C);
+    }
+  };
+}, Ta = 5, Aa = (e) => {
+  const { rows: t, canvasStyles: r, generators: n, espSyntax: a, visibilityContext: i, tagSubstitution: o, guardEmpty: c, collectFonts: l, collectMobileCSS: d, buildMobileStyleBlock: v } = e, { evaluateVisibility: k } = ct(), E = (h) => {
+    if (!h?.enabled) return !1;
+    const s = (h.rules?.length ?? 0) > 0, y = (h.groups?.length ?? 0) > 0;
+    return s || y;
+  }, w = (h, s, y, C, _) => {
+    let f = "";
+    for (const p of h) {
+      const g = p.type === "component" ? p.props?.visibility : p.visibility;
+      if (y === "prune" && !k(g, s)) continue;
+      const x = p.type;
+      if (x === "row") {
+        if (_ >= Ta) continue;
+        const b = R(p, s, y, _ + 1);
+        b.trim() && (f += `          ${b.trim()}
+`);
+        continue;
+      }
+      if (x === "row-spacer") {
+        if (!p.height || p.height <= 0) continue;
+        const b = Ye(p), S = Object.keys(b).length > 0 ? `, ${Object.entries(b).map(([m, B]) => `${m}:"${B}"`).join(", ")}` : "";
+        let A = `<div style={{ display: "block", height: "${p.height}px", lineHeight: "${p.height}px", fontSize: "1px"${S} }}>&nbsp;</div>`;
+        y === "wrap" && E(p.visibility) && (A = Qe(A, p.visibility)), f += `          ${A}
+`;
+        continue;
+      }
+      let $ = zn(n.react(p), y, o?.value);
+      y === "wrap" && E(p.props?.visibility) && ($ = Qe($, p.props.visibility)), f += `          ${$.trim()}
+`;
+    }
+    return f;
+  }, R = (h, s, y, C = 0) => {
+    if (y === "prune" && !k(h.visibility, s)) return "";
+    if (h.type === "row-spacer") {
+      if (!h.height || h.height <= 0) return "";
+      const M = Ye(h), L = Object.keys(M).length > 0 ? `, ${Object.entries(M).map(([q, W]) => `${q}:"${W}"`).join(", ")}` : "";
+      let V = `
+        {/* Row Spacer */}
+        <Section>
+            <div style={{ display: "block", height: "${h.height}px", lineHeight: "${h.height}px", fontSize: "1px"${L} }}>&nbsp;</div>
+        </Section>`;
+      return y === "wrap" && E(h.visibility) && (V = Qe(V, h.visibility)), V;
+    }
+    const _ = r.value.mobileBreakpoint || 600, f = (h.gap || 0) / _ * 100, p = 100 - f * (h.columns.length - 1), g = [];
+    let x = 0;
+    h.columns.forEach((M) => {
+      const L = M.width / 100 * p;
+      g.push(L), x += L;
+    });
+    const $ = p - x;
+    Math.abs($) > 0.01 && g.length > 0 && (g[g.length - 1] += $);
+    let b = "";
+    h.columns.forEach((M, L) => {
+      if (y === "prune" && !k(M.props?.visibility, s)) return;
+      const V = g[L], q = h.mobileStack ? "mobile-stack" : "", W = Ye(M), X = {
+        width: `${V}%`,
+        boxSizing: "border-box",
+        verticalAlign: M.verticalAlign ?? "middle",
+        border: `${M.border?.width ?? 0}px ${M.border?.style ?? "solid"} ${M.border?.color ?? "transparent"}`,
+        borderRadius: `${M.border?.radius ?? 0}px`,
+        overflow: "hidden",
+        lineHeight: "0",
+        fontSize: "0",
+        padding: `${M.padding?.top ?? 0}px ${M.padding?.right ?? 0}px ${M.padding?.bottom ?? 0}px ${M.padding?.left ?? 0}px`,
+        ...W
+      }, oe = Object.entries(X).map(([ie, Ne]) => `${ie}:"${Ne}"`).join(", "), le = M.children ?? M.components ?? [], ce = w(le, s, y, h, C);
+      b += `<Column
+          className="${q}"
+          style={{ ${oe} }}
+        >
+${ce}
+        </Column>
+`, L < h.columns.length - 1 && h.gap && (b += `<Column
+          className="${q ? `gap-${h.gap} ${q}` : `gap-${h.gap}`}"
+          style={{ width:"${f}%", maxWidth:"${f}%", fontSize:"0", lineHeight:"0" }}
+        >&nbsp;</Column>
+`);
+    });
+    const S = Ye(h), A = (h.border?.radius ?? 0) > 0, m = {
+      ...S,
+      ...A ? { borderRadius: `${h.border.radius + 2}px` } : {},
+      overflow: "hidden"
+    }, B = Object.entries(m).filter(([M, L]) => L !== void 0 && L !== "").map(([M, L]) => `${M}:"${L}"`).join(", "), z = B ? ` style={{ ${B} }}` : "", N = `<Row>${b}</Row>`;
+    let F = `      <Section${z}>
+${Yr(N, h.border, {}, h.padding, !0)}
+      </Section>`;
+    return y === "wrap" && E(h.visibility) && (F = Qe(F, h.visibility)), F;
+  }, I = (h = "prune", s) => {
+    const y = s || "Untitled Template", C = y.replace(/[^a-zA-Z0-9 ]/g, "").split(" ").map((N) => N.charAt(0).toUpperCase() + N.slice(1)).join(""), { getGoogleFontImports: _ } = ut(), { emailMobileStyles: f } = Pt(), p = i?.value ?? {}, g = l(h, p), x = _([...g]), $ = d(h, p, f), b = v(r.value.mobileBreakpoint, $), S = t.value.map((N) => R(N, p, h, 0)).filter(Boolean).join(`
+`), A = x?.includes("fonts.googleapis.com"), m = x ? A ? `        {/* Google Fonts via <link> — all families in one request */}
+        <link href="${x}" rel="stylesheet" />` : [...g].map((N) => `        <Font
+          fontFamily="${lt(N)}"
+          fallbackFontFamily="Arial"
+          webFont={{ url: "${x}", format: "woff2" }}
+          fontWeight={400}
+          fontStyle="normal"
+        />`).join(`
+`) : "";
+    let B = `import React from "react";
+import {
+  Preview,
+  Body,
+  Container,
+  Button,
+  Column,
+  Font,
+  Head,
+  Heading,
+  Hr,
+  Html,
+  Img,
+  Link,
+  Row,
+  Section,
+  Text,
+} from "@react-email/components";
+
+${x ? A ? "// Google Fonts loaded via <link> (email-safe fallback strategy)" : `// Custom web font${g.size > 1 ? "s" : ""} loaded via <Font> — one instance per family` : "// No custom fonts used"}
+
+const styles = \`
+${b}
+\`;
+
+export default function ${C}() {
+  return (
+    <Html lang="${r.value.language}">
+      <Head>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" />
+        <meta name="x-apple-disable-message-reformatting" />
+        <meta httpEquiv="Content-Type" content="text/html; charset=UTF-8" />
+        <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="color-scheme" content="light dark" />
+        <meta name="supported-color-schemes" content="light dark" />
+        <meta name="format-detection" content="telephone=no, date=no, address=no, email=no, url=no" />
+        <title>${y}</title>
+        <style>{styles}</style>
+${m}
+      </Head>
+      <Preview>${r.value.preheaderText}</Preview>
+      <Body style={{ margin:0, padding:0, backgroundColor:"${r.value.bodyBackgroundColor}" }}>
+      <Container  style={{
+    margin: 0,
+    padding: 0,
+    maxWidth: "100%",
+    ${r.value.bodyBackgroundImage ? `
+    backgroundImage: "url('${r.value.bodyBackgroundImage}')",
+    backgroundSize: "${r.value.bodyBackgroundSize}",
+    backgroundPosition: "${r.value.bodyBackgroundPosition}",
+    backgroundRepeat: "${r.value.bodyBackgroundRepeat}",
+    ` : ""}
+  }}>
+      <Container
+          className="email-container"
+          style={{
+            width:"100%",
+            maxWidth:"${r.value.width}px",
+            backgroundColor:"${r.value.backgroundColor}",
+            padding:"${r.value.padding?.top ?? 0}px ${r.value.padding?.right ?? 0}px ${r.value.padding?.bottom ?? 0}px ${r.value.padding?.left ?? 0}px"
+          }}
+        >
+${S}
+        </Container>
+      </Container>  
+      </Body>
+    </Html>
+  );
+}
+`;
+    const z = o?.value?.mergeTagActive || o?.value?.linkTagActive;
+    if (h === "wrap" || !z) {
+      const N = la(B), F = new Set(N.map((W) => W.tagId)), M = ca(t.value).filter((W) => !F.has(W)), { propsInterface: L, propsDestructure: V } = sa(N), q = ua(M);
+      (L || q) && (B = B.replace(/^(export default function (\w+))\(\)\s*\{/m, [
+        L ? `${L}
+
+` : "",
+        `$1(${V || ""}) {`,
+        q ? `
+${q}
+` : ""
+      ].join(""))), B = ia(B);
+    }
+    return B = xn(B), B;
+  };
+  return {
+    export: async (h = "prune", s) => {
+      if (!c("Export")) return;
+      const y = s || "Untitled Template", C = I(h, y), _ = dt(y), { minifyOutput: f } = Ut();
+      if (f.value) xe({
+        content: Ee("react-email", C),
+        filename: `${Re(_, h)}.tsx`,
+        mimeType: "text/plain"
+      });
+      else {
+        const p = await Zr(C);
+        xe({
+          content: p,
+          filename: `${Re(_, h)}.tsx`,
+          mimeType: "text/plain"
+        });
+      }
+    },
+    getReactEmail: (h = "prune", s) => {
+      if (!t.value || t.value.length === 0) return null;
+      const y = I(h, s || "Untitled Template");
+      return Ee("react-email", y);
+    }
+  };
+}, Ra = 5, Ea = (e) => {
+  const { rows: t, canvasStyles: r, generators: n, espSyntax: a, visibilityContext: i, tagSubstitution: o, guardEmpty: c, collectFonts: l, collectMobileCSS: d } = e, { evaluateVisibility: v } = ct(), k = (u) => {
+    if (!u?.enabled) return !1;
+    const h = (u.rules?.length ?? 0) > 0, s = (u.groups?.length ?? 0) > 0;
+    return h || s;
+  }, E = (u, h, s, y) => {
+    let C = "";
+    for (const _ of u) {
+      const f = _.type === "component" ? _.props?.visibility : _.visibility;
+      if (s === "prune" && !v(f, h)) continue;
+      const p = _.type;
+      if (p === "row") {
+        if (y >= Ra) continue;
+        const x = w(_, h, s, y + 1);
+        if (x.trim()) {
+          let $ = x;
+          s === "wrap" && k(_.visibility) && ($ = fe($, _.visibility, a.value)), C += $;
+        }
+        continue;
+      }
+      if (p === "row-spacer") {
+        if (!_.height || _.height <= 0) continue;
+        const x = se(_);
+        let $ = `<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" && k(_.visibility) && ($ = fe($, _.visibility, a.value)), C += $;
+        continue;
+      }
+      let g = `<div style="font-family:none;font-size:0;line-height:0;text-align:left;color:#000000;">${n.mjml(_).replace(/^<mj-text[^>]*>/i, "").replace(/<\/mj-text>\s*$/i, "")}</div>`;
+      s === "wrap" && k(_.props?.visibility) && (g = fe(g, _.props.visibility, a.value)), C += g;
+    }
+    return C;
+  }, w = (u, h, s, y) => {
+    if (!u.columns?.length) return "";
+    const C = se(u), _ = r.value.mobileBreakpoint || 600, f = u.gap || 0, p = f / _ * 100, g = 100 - p * (u.columns.length - 1), x = [];
+    let $ = 0;
+    u.columns.forEach((N) => {
+      const F = N.width / 100 * g;
+      x.push(F), $ += F;
+    });
+    const b = g - $;
+    Math.abs(b) > 0.01 && x.length > 0 && (x[x.length - 1] += b);
+    let S = "";
+    u.columns.forEach((N, F) => {
+      if (s === "prune" && !v(N.props?.visibility, h)) return;
+      const M = x[F], L = u.mobileStack ? "mobile-stack" : "", V = se(N), q = [
+        `width:${M}%`,
+        "box-sizing:border-box",
+        `vertical-align:${N.verticalAlign ?? "middle"}`,
+        `border:${N.border.width}px ${N.border.style} ${N.border.color}`,
+        `border-radius:${N.border.radius}px`,
+        "overflow:hidden",
+        ...V
+      ], W = N.children ?? N.components ?? [], X = E(W, h, s, y), oe = Nn(X, N.border, [], N.padding), le = L ? ` class="${L}"` : "";
+      if (S += `<td valign="${N.verticalAlign ?? "middle"}"${le} style="${q.join(";")}">
+${oe}
+</td>
+`, F < u.columns.length - 1 && f > 0) {
+        const ce = L ? `gap-${f} ${L}` : `gap-${f}`;
+        S += `<td class="${ce}" width="${p}%" style="width:${p}%;max-width:${p}%;font-size:0;line-height:0;padding:0;">&nbsp;</td>
+`;
+      }
+    });
+    const A = (u.border?.width ?? 0) > 0 ? `border:${u.border.width}px ${u.border.style} ${u.border.color};${u.border?.radius ?? 0}` : `border-radius:${u.border.radius}px;overflow:hidden;`, m = 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) => (N.border?.radius ?? 0) > 0);
+    return `<div style="padding:${m};${A}${B}">
+<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:${(u.gap ?? 0) > 0 || z ? "separate" : "collapse"};">
+<tr>
+${S}</tr>
+</table>
+</div>`;
+  }, R = (u = "prune", h) => {
+    const s = h || "Untitled Template", { getGoogleFontImports: y } = ut(), { emailMobileStyles: C } = Pt(), { assembleMJML: _ } = Tn(), f = i?.value ?? {}, p = y([...l(u, f)]), g = d(u, f, C), x = In(t.value), $ = [
+      ".email-container { max-width:100% !important; width:100% !important; }",
+      ".desktop-hide { display:block !important; }",
+      ".mobile-hide { display:none !important; }",
+      ".mobile-stack { display:block !important; width:100% !important; min-width:100% !important; max-width:100% !important; box-sizing:border-box !important; }",
+      ...x ? [x] : []
+    ].join(`
+
+`), b = g.length > 0 ? [
+      $,
+      "/* Mobile property overrides */",
+      ...g
+    ].join(`
+`) : $, S = [];
+    t.value.forEach((m) => {
+      if (u === "prune" && !v(m.visibility, f)) return;
+      if (m.type === "row-spacer") {
+        if (!m.height || m.height <= 0) return;
+        const H = se(m);
+        let D = ` <mj-raw>
+ <table width="100%" cellpadding="0" cellspacing="0">
+ <tr>
+ <td>
+ <div height="${m.height}" style="height:${m.height}px;line-height:${m.height}px;font-size:1px;mso-line-height-rule:exactly;${H.join(";")}">&nbsp;</div>
+ </td>
+ </tr>
+ </table>
+ </mj-raw>`;
+        u === "wrap" && k(m.visibility) && (D = fe(D, m.visibility, a.value)), S.push(D);
+        return;
+      }
+      const B = r.value.mobileBreakpoint || 600, z = m.gap || 0, N = z / B * 100, F = 100 - N * (m.columns.length - 1), M = [];
+      let L = 0;
+      m.columns.forEach((H) => {
+        const D = H.width / 100 * F;
+        M.push(D), L += D;
+      });
+      const V = F - L;
+      Math.abs(V) > 0.01 && M.length > 0 && (M[M.length - 1] += V);
+      const q = se(m), W = (() => {
+        const H = m.backgroundGradient;
+        return H?.useGradient === !0 && Array.isArray(H?.gradient?.colors) && H.gradient.colors.length >= 2 ? H.solid || m.backgroundColor || "" : m.backgroundColor || "";
+      })(), X = W && W !== "transparent" ? W : "", oe = m.padding ? `${m.padding.top ?? 0}px ${m.padding.right ?? 0}px ${m.padding.bottom ?? 0}px ${m.padding.left ?? 0}px` : "0px", le = (m.border?.radius ?? 0) > 0, ce = (m.border?.width ?? 0) > 0 && (m.border?.radius ?? 0) === 0, ie = [...q, "overflow:hidden"];
+      ce && (ie.push(`border:${m.border.width}px ${m.border.style} ${m.border.color}`), ie.push(`padding:${oe}`)), le && ie.push(`border-radius:${m.border.radius + 2}px`), (m.minHeight ?? 0) > 0 && ie.push(`min-height:${m.minHeight}px`);
+      const Ne = ie.length ? ` style="${ie.join(";")}"` : "";
+      let Be = "";
+      (m.border?.width ?? 0) > 0 && (Be = `border:${m.border.width}px ${m.border.style} ${m.border.color};`, (m.border?.radius ?? 0) > 0 && (Be += `border-radius:${m.border.radius}px;overflow:hidden;`));
+      const He = [
+        `padding:${oe}`,
+        "font-size:0",
+        "line-height:0",
+        Be
+      ].filter(Boolean).join(";");
+      let U = "";
+      m.columns.forEach((H, D) => {
+        if (u === "prune" && !v(H.props?.visibility, f)) return;
+        const Z = M[D], Ce = m.mobileStack ? "mobile-stack" : "", pt = se(H), mt = [
+          `width:${Z}%`,
+          "box-sizing:border-box",
+          `vertical-align:${H.verticalAlign ?? "middle"}`,
+          ...pt,
+          `border:${H.border?.width ?? 0}px ${H.border?.style ?? "solid"} ${H.border?.color ?? "transparent"}`,
+          `border-radius:${H.border?.radius ?? 0}px`,
+          "overflow:hidden",
+          "line-height:0",
+          "font-size:0",
+          `padding:${H.padding?.top ?? 0}px ${H.padding?.right ?? 0}px ${H.padding?.bottom ?? 0}px ${H.padding?.left ?? 0}px`
+        ], Ue = H.children ?? H.components ?? [], ft = E(Ue, f, u, 0), gt = Ce ? ` class="${Ce}"` : "";
+        if (U += `<td valign="${H.verticalAlign ?? "middle"}"${gt} style="${mt.join(";")}">
+${ft}
+</td>
+`, D < m.columns.length - 1 && z > 0) {
+          const ee = Ce ? `gap-${z} ${Ce}` : `gap-${z}`;
+          U += `<td class="${ee}" width="${N}%" style="width:${N}%;max-width:${N}%;font-size:0;line-height:0;padding:0;">&nbsp;</td>
+`;
+        }
+      });
+      const Y = m.columns.some((H) => (H.border?.radius ?? 0) > 0);
+      let be = `<div style="${He}">${`<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse:${(m.gap ?? 0) > 0 || Y ? "separate" : "collapse"};">
+<tr>
+${U}</tr>
+</table>`}</div>`;
+      u === "wrap" && k(m.visibility) && (be = fe(be, m.visibility, a.value));
+      const ge = r.value.width ?? 600;
+      S.push(` <mj-raw>
+ <!--[if mso | IE]><table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:${ge}px;" width="${ge}"${X ? ` bgcolor="${X}"` : ""}><tr><td style="line-height:0px;font-size:0px;mso-line-height-rule:exactly;"><![endif]-->
+ <div style="margin:0px auto;max-width:${ge}px;">
+ <table align="center" border="0" cellpadding="0" cellspacing="0" role="presentation" style="width:100%;">
+ <tbody>
+ <tr>
+ <td${Ne}>
+ ${be}
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ <!--[if mso | IE]></td></tr></table><![endif]-->
+ </mj-raw>`);
+    });
+    let A = _(s, S.join(`
+`), r.value, p, b, r.value.mobileBreakpoint ?? 600, "");
+    return A = jn(A, u, a.value, o?.value, !0), A;
+  };
+  return {
+    export: async (u = "prune", h) => {
+      if (!c("Export")) return;
+      const s = h || "Untitled Template", y = R(u, s), C = dt(s), { minifyOutput: _ } = Ut();
+      if (_.value) xe({
+        content: Ee("mjml", y),
+        filename: `${Re(C, u)}.mjml`,
+        mimeType: "text/plain"
+      });
+      else {
+        const f = await ea(y);
+        xe({
+          content: f,
+          filename: `${Re(C, u)}.mjml`,
+          mimeType: "text/plain"
+        });
+      }
+    },
+    getMJML: (u = "prune", h) => {
+      if (!t.value || t.value.length === 0) return null;
+      const s = R(u, h || "Untitled Template");
+      return Ee("mjml", s);
+    }
+  };
+}, Ma = (e) => {
+  const { rows: t, canvasStyles: r, saveToHistoryFn: n, guardEmpty: a } = e, i = e.notify ?? ((v, k = "Import failed") => console.error(`[maildeno-editor] ${k}: ${v}`)), o = (v) => {
+    const k = v || "Untitled Template";
+    return {
+      template_id: tt(k),
+      template_name: k,
+      canvas: Sn(JSON.parse(JSON.stringify(r.value))),
+      rows: kn(JSON.parse(JSON.stringify(t.value))),
+      schema_version: "1.0"
+    };
+  };
+  return {
+    export: (v) => {
+      if (!a("Export")) return;
+      const k = o(v);
+      xe({
+        content: JSON.stringify(k, null, 2),
+        filename: `${dt(k.template_name)}.json`,
+        mimeType: "application/json"
+      });
+    },
+    import: (v, k) => {
+      const E = new FileReader();
+      E.onload = (w) => {
+        try {
+          let R = JSON.parse(w.target?.result);
+          R = dn(R), R.canvas && R.rows ? (r.value = at(R.canvas), t.value = ot(R.rows), k.value = null, n("import")) : i("That file isn't a Maildeno template. Export one from the editor (Export → JSON) and try again.", "Invalid template file");
+        } catch (R) {
+          i(R.message, "Couldn't load template");
+        }
+      }, E.readAsText(v);
+    },
+    getJSON: (v) => !t.value || t.value.length === 0 ? null : o(v)
+  };
+}, Ia = 5, cn = /font-family\s*:\s*([^;<]+)/gi, Na = (e) => e.replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&apos;/g, "'"), Ba = (e) => {
+  if (!e || typeof e != "string") return [];
+  if (e.indexOf("font-family") === -1) return [];
+  const t = Na(e), r = [];
+  let n;
+  for (cn.lastIndex = 0; (n = cn.exec(t)) !== null; ) {
+    const a = n[1];
+    if (!a) continue;
+    let i = a;
+    const o = i.trimStart()[0];
+    if (o === '"' || o === "'") {
+      const l = i.indexOf(o), d = i.indexOf(o, l + 1);
+      if (d !== -1) {
+        const v = i.slice(d + 1).search(/["<]/);
+        i = v === -1 ? i : i.slice(0, d + 1 + v);
+      }
+    } else {
+      const l = i.search(/["<]/);
+      l !== -1 && (i = i.slice(0, l));
+    }
+    const c = (i.split(",")[0] ?? "").trim().replace(/^['"]|['"]$/g, "").trim();
+    c && r.push(c);
+  }
+  return r;
+}, Oa = (e, t, r, n, a, i, o, c, l, d) => {
+  let v, k, E, w;
+  typeof r == "object" && !("value" in r) ? (v = r, k = n, E = a, w = i) : (v = {
+    html: r,
+    react: n,
+    mjml: a
+  }, k = i, E = o, w = c);
+  const { evaluateVisibility: R } = ct(), { open: I } = d ?? Vr(), O = l ?? P({ syntax: "handlebars" }), u = (b, S, A, m, B = 0) => {
+    if (!(B >= Ia))
+      for (const z of b) {
+        const N = z.type;
+        if (N === "row") {
+          if (S === "prune" && !R(z.visibility, A)) continue;
+          for (const F of z.columns ?? []) {
+            const M = F.children ?? F.components ?? [];
+            u(M, S, A, m, B + 1);
+          }
+          continue;
+        }
+        N !== "row-spacer" && (S === "prune" && !R(z.props?.visibility, A) || m(z));
+      }
+  }, h = (b) => !e.value || e.value.length === 0 ? (I("Your template is empty. Please add at least one row before exporting.", b), !1) : !0, s = (b, S) => {
+    const A = /* @__PURE__ */ new Set();
+    return e.value.forEach((m) => {
+      b === "prune" && !R(m.visibility, S) || m.columns && m.columns.forEach((B) => {
+        const z = B.children ?? B.components ?? [];
+        u(z, b, S, (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 = Ba(N.props.content);
+            for (const M of F) A.add(M);
+          }
+        });
+      });
+    }), A;
+  }, y = (b, S, A) => {
+    const m = [];
+    return e.value.forEach((B) => {
+      b === "prune" && !R(B.visibility, S) || B.columns && B.columns.forEach((z) => {
+        const N = z.children ?? z.components ?? [];
+        u(N, b, S, (F) => {
+          const M = A(F, `eb-${F.id}`);
+          M && m.push(M);
+        });
+      });
+    }), m;
+  }, C = (b, S) => {
+    const A = In(e.value), m = S.length > 0 ? `
+
+/* Mobile property overrides */
+${S.join(`
+
+`)}` : "";
+    return `
+.desktop-hide { display: none !important; }
+ul li:last-child, ol li:last-child { margin-bottom: 0 !important; }
+@media only screen and (max-width:${b}px) {
+${`
+.email-container { max-width:100% !important; width:100% !important; }
+
+.desktop-hide { display:block !important; }
+
+.mobile-hide { display:none !important; }
+
+.mobile-stack { display:block !important; width:100% !important; min-width:100% !important; max-width:100% !important; box-sizing:border-box !important; }
+${A ? `
+${A}` : ""}${m}
+`}
+}`;
+  }, _ = Se(() => O.value.syntax), f = {
+    rows: e,
+    canvasStyles: t,
+    generators: v,
+    espSyntax: _,
+    visibilityContext: E,
+    tagSubstitution: w,
+    guardEmpty: h,
+    collectFonts: s,
+    collectMobileCSS: y,
+    buildMobileStyleBlock: C
+  }, p = _a(f), g = Aa(f), x = Ea(f), $ = Ma({
+    rows: e,
+    canvasStyles: t,
+    saveToHistoryFn: k,
+    guardEmpty: h,
+    notify: (b, S) => I(b, S ?? "Import failed")
+  });
+  return {
+    exportHTML: p.export,
+    getExportedHTML: p.getHTML,
+    exportReactEmail: g.export,
+    getExportedReactEmail: g.getReactEmail,
+    exportMJML: x.export,
+    getExportedMJML: x.getMJML,
+    exportJSON: $.export,
+    getExportedJSON: $.getJSON,
+    importJSON: $.import,
+    espConfig: O
+  };
+}, ja = 3e3, Te = null, Le, Ze, re = -1, et = () => ({
+  language: "en-US",
+  preheaderText: "View this email in your browser",
+  bodyBackgroundColor: "#f9fafb",
+  bodyBackgroundImage: "",
+  bodyBackgroundSize: "cover",
+  bodyBackgroundPosition: "center center",
+  bodyBackgroundRepeat: "no-repeat",
+  backgroundColor: "#ffffff",
+  width: 600,
+  padding: {
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0
+  },
+  mobileBreakpoint: 600
+}), qn = /* @__PURE__ */ Symbol("maildeno-editor:email-builder");
+function uo(e, t) {
+  const r = za(e, t);
+  return Ae(qn, r), r;
+}
+var po = () => {
+  const e = Me(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 za(e, t) {
+  const r = e ?? ur(), n = dr(), a = P([]), i = P(null), o = P(et()), c = P(null), l = P([]), d = P(null), v = P(null), k = P("properties"), E = P("desktop"), w = P(!1), R = P(!1), I = P(null), O = P("create"), u = P({}), h = P(null), s = (T, j, J = "") => {
+    h.value = {
+      componentId: T,
+      tagName: j,
+      default: J
+    };
+  }, y = P({}), C = P(!1), _ = P({}), f = P(!1), p = P(null), g = P(null), x = P(!1), $ = P(!1), b = P(null), S = P({ syntax: "handlebars" }), { defaultProps: A } = Et(), m = br(), B = () => m.getCurrentState(a, o), z = (T) => m.restoreState(T, a, o, i, d, v), { generateHTMLComponent: N } = Lr(), { generateReactEmailComponent: F } = Jr(), { generateMJMLComponent: M } = Tn(), L = {
+    html: N,
+    react: F,
+    mjml: M
+  }, { saveToLocal: V, flushSave: q, loadFromLocal: W, clearLocal: X, hasDraft: oe, saveStatus: le, lastSaved: ce } = zr(), { syncFontsForTemplate: ie } = ut(), Ne = 5, Be = (T) => {
+    const j = /* @__PURE__ */ new Set(), J = (G, $e) => {
+      if (!($e >= Ne))
+        for (const Je of G) {
+          if (!Je) continue;
+          const qt = Je.type;
+          if (qt === "row") {
+            for (const Wt of Je.columns ?? []) J(Wt.children ?? Wt.components ?? [], $e + 1);
+            continue;
+          }
+          if (qt === "row-spacer") continue;
+          const Ge = Je.props;
+          Ge?.fontFamily && j.add(Ge.fontFamily), Ge?.mobile?.fontFamily && j.add(Ge.mobile.fontFamily);
+        }
+    };
+    for (const G of T)
+      if (G && G.type !== "row-spacer")
+        for (const $e of G.columns ?? []) J($e.children ?? $e.components ?? [], 0);
+    return Array.from(j);
+  };
+  {
+    let T = null;
+    sr(() => {
+      const j = Be(a.value);
+      T && clearTimeout(T), T = setTimeout(() => {
+        T = null, ie(j);
+      }, 200);
+    });
+  }
+  const He = cr();
+  let U = null, Y = !1;
+  const be = () => {
+    Y || He.value && (U && clearTimeout(U), U = setTimeout(() => {
+      U = null;
+      const T = m.version.value;
+      T !== re && (re = T, Le = c.value ?? void 0, V(a.value, o.value, Te, Le, Ze));
+    }, ja));
+  };
+  function ge(T = "change", j = !1) {
+    m.saveToHistory(B, T, j), be();
+  }
+  function H(T) {
+    ge(T, !0);
+  }
+  const D = gr(a, i, A, H, ge), Z = () => D.rebuildIdRegistry(), Ce = (T) => D.addRow(T, !0), pt = () => D.addSpacer(!0), mt = (T, j) => D.reorderRows(T, j, !0), Ue = (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 $e of G) Ue($e, j);
+      }
+  }, ft = (T) => {
+    const j = D.findRow(T);
+    if (j) {
+      const J = /* @__PURE__ */ new Set();
+      Ue(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);
+    }
+    D.deleteRow(T);
+  }, gt = Se(() => ({
+    mergeTagContext: y.value,
+    mergeTagActive: C.value,
+    linkTagContext: _.value,
+    linkTagActive: f.value
+  })), ee = Oa(a, o, L, ge, u, gt, void 0, void 0, S, t);
+  {
+    const T = () => {
+      U && (clearTimeout(U), U = null, q(a.value, o.value, Te, Le, Ze), re = m.version.value);
+    };
+    window.addEventListener("beforeunload", T), or(() => {
+      window.removeEventListener("beforeunload", T), U && (clearTimeout(U), U = null, q(a.value, o.value, Te, Le, Ze), re = m.version.value);
+    });
+  }
+  const Jt = () => {
+    if (a.value.length > 0)
+      return w.value = !0, Z(), i.value = null, d.value = null, v.value = null, k.value = "properties", null;
+    const T = W();
+    return !T || T.templateId !== null ? (w.value = !0, null) : (w.value = !1, Y = !0, a.value = T.rows, o.value = T.canvas, i.value = null, d.value = null, v.value = null, k.value = "properties", he(() => {
+      Y = !1, Z(), m.initialize(B()), re = m.version.value, w.value = !0;
+    }), ce.value = new Date(T.updatedAt), T.name !== void 0 && (c.value = T.name), T.tags !== void 0 && (l.value = T.tags), T.updatedAt);
+  }, Wn = async (T) => {
+    if (!He.value) throw new Error("[maildeno-editor] this editor has no saveTemplate — nothing was saved");
+    const { templateId: j } = await r.saveTemplate(T, I.value ?? void 0);
+    I.value = j, O.value === "create" && (O.value = "edit");
+    const J = ee.getExportedJSON(T.name);
+    return J && console.info("[maildeno-editor] Saved — exported JSON:", J), j;
+  }, Vn = async (T) => {
+    const j = await r.loadTemplate(T);
+    return j ? (Gt({
+      canvas: j.canvasStyles,
+      content: { rows: j.rows },
+      name: j.name,
+      tags: j.tags
+    }, T), I.value = T, O.value = "edit", !0) : !1;
+  }, Kn = () => {
+    w.value = !1, v.value = null, d.value = null, k.value = "properties", U && (clearTimeout(U), U = null);
+    const T = W();
+    if (T && T.templateId === null) {
+      Jt();
+      return;
+    }
+    T && T.templateId !== null && X(), Y = !0, a.value = [], i.value = null, o.value = et(), Te = null, c.value = null, l.value = [], he(() => {
+      Y = !1, Z(), m.initialize(B()), re = m.version.value, w.value = !0;
+    });
+  }, Yn = () => {
+    w.value = !1, v.value = null, d.value = null, k.value = "properties", U && (clearTimeout(U), U = null), X(), Y = !0, a.value = [], i.value = null, o.value = et(), Te = null, I.value = null, O.value = "create", c.value = null, l.value = [], he(() => {
+      Y = !1, Z(), m.initialize(B()), re = m.version.value, w.value = !0;
+    });
+  }, Gt = (T, j, J) => {
+    w.value = !1, Te = j, Le = T.name, Ze = T.tags, c.value = T.name ?? null, l.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 && (c.value = G.name), G.tags !== void 0 && (l.value = G.tags), Y = !0, o.value = G.canvas, a.value = G.rows, i.value = null, d.value = null, v.value = null, k.value = "properties", he(() => {
+        Y = !1, Z(), m.initialize(B()), re = m.version.value, w.value = !0, J?.();
+      }), ce.value = new Date(G.updatedAt);
+      return;
+    }
+    G && G.templateId !== j && (console.info(`[EmailBuilder] Clearing stale draft (belongs to ${G.templateId}, current is ${j}).`), X()), Y = !0, o.value = at(JSON.parse(JSON.stringify(T.canvas))), a.value = ot(JSON.parse(JSON.stringify(T.content?.rows ?? []))), i.value = null, d.value = null, v.value = null, k.value = "properties", he(() => {
+      Y = !1, Z(), m.initialize(B()), re = m.version.value, w.value = !0, J?.();
+    });
+  }, ht = (T, j = "restore-version") => {
+    U && (clearTimeout(U), U = null), Y = !0, o.value = at(JSON.parse(JSON.stringify(T.canvas))), a.value = ot(JSON.parse(JSON.stringify(T.content?.rows ?? []))), i.value = null, d.value = null, v.value = null, k.value = "properties", he(() => {
+      Y = !1, Z(), H(j);
+    });
+  }, Xn = () => {
+    m.undo(z) && (Z(), be());
+  }, Qn = () => {
+    m.redo(z) && (Z(), be());
+  }, Zn = () => {
+    a.value = [], i.value = null, d.value = null, v.value = null, k.value = "properties", o.value = et(), he(() => {
+      Z(), m.initialize(B()), re = m.version.value;
+    });
+  }, er = () => {
+    n.require({
+      message: "Are you sure you want to clear the current template? This cannot be undone.",
+      header: "Clear Template",
+      acceptLabel: "Yes",
+      rejectLabel: "Cancel",
+      acceptClass: "!bg-red-600 !hover:bg-red-700 !border-red-600 !px-6 !py-2",
+      rejectClass: "!bg-gray-200 !hover:bg-gray-300 !text-gray-800 !border-gray-200 !px-6 !py-2",
+      accept: () => Zn(),
+      reject: () => {
+      }
+    });
+  }, tr = (T, j = {}) => {
+    const J = dn(T), G = {
+      canvas: J.canvas,
+      content: { rows: J.rows }
+    };
+    if (j.history === "reset") {
+      ht(G, "set-json"), he(() => {
+        m.initialize(B()), re = m.version.value;
+      });
+      return;
+    }
+    ht(G, "set-json");
+  }, nr = () => {
+    const T = i.value;
+    if (!T) return null;
+    const j = D.findComponent(T);
+    return {
+      id: T,
+      type: j?.componentType ?? j?.type ?? null
+    };
+  }, rr = (T) => T !== null && !D.findComponent(T) ? !1 : (i.value = T, !0), ar = (T) => un(() => m.version.value, () => T());
+  return {
+    rows: a,
+    canvasStyles: o,
+    templateTags: l,
+    savedTemplateName: c,
+    previewMode: E,
+    sidebarTab: k,
+    selectedId: i,
+    selectedRowId: d,
+    selectedColumn: v,
+    visibilityPreviewContext: u,
+    mergeTagInsertQueue: h,
+    triggerMergeTagInsert: s,
+    mergeTagPreviewContext: y,
+    mergeTagPreviewActive: C,
+    linkTagPreviewContext: _,
+    linkTagPreviewActive: f,
+    isBuilderReady: w,
+    linksActive: R,
+    espConfig: S,
+    canvasHoveredId: p,
+    nestedRowDragId: g,
+    isRowDragActive: x,
+    isTopLevelRowDragActive: $,
+    layerHoveredId: b,
+    addRow: D.addRow,
+    addNestedRow: D.addNestedRow,
+    findRow: D.findRow,
+    deleteRow: ft,
+    moveRow: D.moveRow,
+    moveNestedRow: D.moveNestedRow,
+    reorderRows: D.reorderRows,
+    addSpacer: D.addSpacer,
+    duplicateRow: D.duplicateRow,
+    duplicateRowSpacer: D.duplicateRowSpacer,
+    addRowSilent: Ce,
+    addSpacerSilent: pt,
+    reorderRowsSilent: mt,
+    addComponent: D.addComponent,
+    addComponentAtIndex: D.addComponentAtIndex,
+    deleteComponent: D.deleteComponent,
+    moveComponent: D.moveComponent,
+    moveComponentBetweenColumns: D.moveComponentBetweenColumns,
+    findComponent: D.findComponent,
+    updateComponent: D.updateComponent,
+    duplicateComponent: D.duplicateComponent,
+    exportHTML: ee.exportHTML,
+    getExportedHTML: ee.getExportedHTML,
+    exportReactEmail: ee.exportReactEmail,
+    getExportedReactEmail: ee.getExportedReactEmail,
+    exportMJML: ee.exportMJML,
+    getExportedMJML: ee.getExportedMJML,
+    exportJSON: ee.exportJSON,
+    getExportedJSON: ee.getExportedJSON,
+    importJSON: (T) => ee.importJSON(T, i),
+    clearTemplate: er,
+    undo: Xn,
+    redo: Qn,
+    canUndo: m.canUndo,
+    canRedo: m.canRedo,
+    historyStatus: m.historyStatus,
+    saveToHistory: ge,
+    saveToHistoryImmediate: H,
+    initFromStorage: Jt,
+    clearLocal: X,
+    loadFromLocal: W,
+    hasDraft: oe,
+    saveStatus: le,
+    lastSaved: ce,
+    initForCreate: Kn,
+    startNewTemplate: Yn,
+    loadTemplate: Gt,
+    loadTemplateById: Vn,
+    saveTemplate: Wn,
+    templateId: I,
+    builderMode: O,
+    loadVersionSnapshot: ht,
+    setJson: tr,
+    getSelection: nr,
+    setSelection: rr,
+    onChange: ar
+  };
+}
+export {
+  Va as A,
+  Da as B,
+  Vr as C,
+  Pr as D,
+  Ka as E,
+  Ga as F,
+  ur as H,
+  dr as I,
+  La as L,
+  Ja as M,
+  it as N,
+  Sn as O,
+  wt as P,
+  Ha as R,
+  Xa as S,
+  zt as T,
+  mn as U,
+  Ua as V,
+  K as W,
+  Za as _,
+  lo as a,
+  Qa as b,
+  so as c,
+  oo as d,
+  on as f,
+  to as g,
+  ut as h,
+  ma as i,
+  Wa as j,
+  kn as k,
+  io as l,
+  ro as m,
+  po as n,
+  co as o,
+  na as p,
+  Ut as r,
+  pa as s,
+  uo as t,
+  ao as u,
+  eo as v,
+  Ya as w,
+  ct as x,
+  no as y,
+  Fa as z
+};