@lit-pigeon/core 0.1.1

package/dist/index.js

@@ -0,0 +1,1382 @@
+import { produce as T } from "immer";
+import { nanoid as W } from "nanoid";
+class V {
+  constructor(t) {
+    this._steps = [], this._selection = null, this._selectionSet = !1, this._meta = /* @__PURE__ */ new Map(), this._doc = t;
+  }
+  get steps() {
+    return this._steps;
+  }
+  get selection() {
+    return this._selection;
+  }
+  get selectionSet() {
+    return this._selectionSet;
+  }
+  get meta() {
+    return this._meta;
+  }
+  get doc() {
+    return this._doc;
+  }
+  addStep(t) {
+    return this._doc = t.apply(this._doc), this._steps.push(t), this;
+  }
+  setSelection(t) {
+    return this._selection = t, this._selectionSet = !0, this;
+  }
+  setMeta(t, e) {
+    return this._meta.set(t, e), this;
+  }
+  getMeta(t) {
+    return this._meta.get(t);
+  }
+}
+function m(o, t, e, n) {
+  return {
+    type: o,
+    path: t,
+    apply(r) {
+      return T(r, e);
+    },
+    invert(r) {
+      return m(`${o}:invert`, t, n, e);
+    }
+  };
+}
+function w() {
+  return W(10);
+}
+function b(o = 0) {
+  return { top: o, right: o, bottom: o, left: o };
+}
+function P() {
+  return {
+    content: "<p>Enter your text here</p>",
+    padding: b(10),
+    lineHeight: "1.5",
+    textAlign: "left"
+  };
+}
+function D() {
+  return {
+    src: "",
+    alt: "",
+    width: "auto",
+    padding: b(10),
+    alignment: "center"
+  };
+}
+function E() {
+  return {
+    content: "<p>Click me</p>",
+    href: "#",
+    backgroundColor: "#3b82f6",
+    textColor: "#ffffff",
+    borderRadius: 4,
+    padding: b(10),
+    innerPadding: { top: 12, right: 24, bottom: 12, left: 24 },
+    fontSize: 16,
+    fontWeight: "600",
+    alignment: "center",
+    fullWidth: !1
+  };
+}
+function L() {
+  return {
+    borderColor: "#e2e8f0",
+    borderWidth: 1,
+    borderStyle: "solid",
+    padding: b(10),
+    width: "100%"
+  };
+}
+function O() {
+  return { height: 20 };
+}
+function j() {
+  return {
+    icons: [],
+    iconSize: 32,
+    spacing: 8,
+    alignment: "center",
+    padding: b(10)
+  };
+}
+function z() {
+  return {
+    content: "",
+    padding: b(0)
+  };
+}
+function N() {
+  return {
+    backgroundUrl: "",
+    backgroundPosition: "center center",
+    mode: "fluid-height",
+    width: 600,
+    height: 400,
+    verticalAlign: "middle",
+    padding: b(0),
+    innerPadding: b(20),
+    backgroundColor: "#ffffff",
+    content: '<p style="color:#ffffff;font-size:24px;">Hero Title</p>'
+  };
+}
+function q() {
+  return {
+    links: [
+      { href: "#", text: "Home" },
+      { href: "#", text: "About" },
+      { href: "#", text: "Contact" }
+    ],
+    hamburger: "hamburger",
+    alignment: "center",
+    padding: b(10),
+    linkColor: "#000000",
+    linkFontSize: 14,
+    linkPadding: "10px 15px"
+  };
+}
+const $ = {
+  text: P,
+  image: D,
+  button: E,
+  divider: L,
+  spacer: O,
+  social: j,
+  html: z,
+  hero: N,
+  navbar: q
+};
+function y(o) {
+  const t = $[o];
+  if (!t)
+    throw new Error(`Unknown block type: ${o}`);
+  return t();
+}
+let I = null;
+function U(o) {
+  I = o;
+}
+function bt(o, t) {
+  const e = $[o];
+  if (e)
+    return {
+      id: w(),
+      type: o,
+      values: { ...e(), ...t }
+    };
+  const n = I == null ? void 0 : I(o);
+  if (n)
+    return {
+      id: w(),
+      type: o,
+      values: { ...structuredClone(n), ...t }
+    };
+  throw new Error(`Unknown block type: ${o}`);
+}
+function B(o = []) {
+  return {
+    id: w(),
+    type: "column",
+    attributes: {
+      padding: b(0),
+      verticalAlign: "top"
+    },
+    blocks: o
+  };
+}
+function ht(o, t) {
+  const e = o ?? [B()], n = t ?? e.map(() => Math.floor(12 / e.length));
+  return {
+    id: w(),
+    type: "row",
+    attributes: {
+      padding: b(0),
+      fullWidth: !1
+    },
+    columns: e,
+    columnRatios: n,
+    locked: !1
+  };
+}
+function F(o = "Untitled") {
+  const t = (/* @__PURE__ */ new Date()).toISOString();
+  return {
+    version: "1.0",
+    metadata: {
+      name: o,
+      createdAt: t,
+      updatedAt: t
+    },
+    body: {
+      attributes: {
+        width: 600,
+        backgroundColor: "#f4f4f5",
+        fontFamily: "Arial, Helvetica, sans-serif",
+        contentAlignment: "center"
+      },
+      rows: []
+    }
+  };
+}
+class A {
+  constructor(t, e, n, r) {
+    this.doc = t, this.selection = e, this.plugins = n, this._pluginList = r;
+  }
+  static create(t = {}) {
+    const e = t.doc ?? F(), n = t.plugins ?? [], r = /* @__PURE__ */ new Map(), s = new A(e, null, r, n);
+    for (const i of n)
+      i.init && r.set(i.name, i.init(s));
+    return s;
+  }
+  createTransaction() {
+    return new V(this.doc);
+  }
+  apply(t) {
+    let e = t.doc;
+    const n = t.selectionSet ? t.selection : this.selection, r = new Map(this.plugins);
+    for (const i of this._pluginList)
+      if (i.apply) {
+        const l = r.get(i.name);
+        r.set(i.name, i.apply(t, l));
+      }
+    t.steps.length > 0 && !t.getMeta("skipTimestamp") && (e = T(e, (i) => {
+      i.metadata.updatedAt = (/* @__PURE__ */ new Date()).toISOString();
+    }));
+    const s = new A(e, n, r, this._pluginList);
+    for (const i of this._pluginList)
+      i.onStateChange && i.onStateChange(s, this);
+    return s;
+  }
+  getPluginState(t) {
+    return this.plugins.get(t);
+  }
+}
+function S(o, t, e) {
+  return { type: "block", rowId: o, columnId: t, blockId: e };
+}
+function C(o) {
+  return { type: "row", rowId: o };
+}
+function yt(o, t) {
+  return { type: "column", rowId: o, columnId: t };
+}
+function wt() {
+  return { type: "body" };
+}
+function kt(o, t) {
+  return o === t ? !0 : !o || !t ? !1 : o.type === t.type && o.rowId === t.rowId && o.columnId === t.columnId && o.blockId === t.blockId;
+}
+function k(o, t, e) {
+  const n = o.body.rows.findIndex((s) => s.id === t);
+  if (n === -1) return null;
+  const r = o.body.rows[n].columns.findIndex((s) => s.id === e);
+  return r === -1 ? null : { rowIndex: n, columnIndex: r };
+}
+function xt(o, t, e, n) {
+  return (r, s) => {
+    const i = k(r.doc, o, t);
+    if (!i) return !1;
+    const l = r.doc.body.rows[i.rowIndex].columns[i.columnIndex], c = n ?? l.blocks.length;
+    if (s) {
+      const a = r.createTransaction(), u = m(
+        "insertBlock",
+        `body.rows[${i.rowIndex}].columns[${i.columnIndex}].blocks`,
+        (d) => {
+          d.body.rows[i.rowIndex].columns[i.columnIndex].blocks.splice(c, 0, e);
+        },
+        (d) => {
+          d.body.rows[i.rowIndex].columns[i.columnIndex].blocks.splice(c, 1);
+        }
+      );
+      a.addStep(u), a.setSelection(S(o, t, e.id)), s(a);
+    }
+    return !0;
+  };
+}
+function It(o, t, e) {
+  return (n, r) => {
+    const s = k(n.doc, o, t);
+    if (!s) return !1;
+    const i = n.doc.body.rows[s.rowIndex].columns[s.columnIndex], l = i.blocks.findIndex((c) => c.id === e);
+    if (l === -1) return !1;
+    if (r) {
+      const c = i.blocks[l], a = n.createTransaction(), u = m(
+        "deleteBlock",
+        `body.rows[${s.rowIndex}].columns[${s.columnIndex}].blocks`,
+        (d) => {
+          d.body.rows[s.rowIndex].columns[s.columnIndex].blocks.splice(l, 1);
+        },
+        (d) => {
+          d.body.rows[s.rowIndex].columns[s.columnIndex].blocks.splice(
+            l,
+            0,
+            c
+          );
+        }
+      );
+      a.addStep(u), a.setSelection(null), r(a);
+    }
+    return !0;
+  };
+}
+function vt(o, t, e, n) {
+  return (r, s) => {
+    const i = k(r.doc, o, t);
+    if (!i) return !1;
+    const l = r.doc.body.rows[i.rowIndex].columns[i.columnIndex], c = l.blocks.findIndex((a) => a.id === e);
+    if (c === -1) return !1;
+    if (s) {
+      const a = l.blocks[c], u = r.createTransaction(), d = m(
+        "updateBlock",
+        `body.rows[${i.rowIndex}].columns[${i.columnIndex}].blocks[${c}]`,
+        (p) => {
+          const g = p.body.rows[i.rowIndex].columns[i.columnIndex].blocks[c];
+          Object.assign(g.values, n);
+        },
+        (p) => {
+          p.body.rows[i.rowIndex].columns[i.columnIndex].blocks[c] = a;
+        }
+      );
+      u.addStep(d), s(u);
+    }
+    return !0;
+  };
+}
+function At(o, t, e, n, r, s) {
+  return (i, l) => {
+    const c = k(i.doc, o, t);
+    if (!c) return !1;
+    const u = i.doc.body.rows[c.rowIndex].columns[c.columnIndex].blocks.findIndex((p) => p.id === e);
+    if (u === -1) return !1;
+    const d = k(i.doc, n, r);
+    if (!d) return !1;
+    if (l) {
+      const p = i.createTransaction(), g = m(
+        "moveBlock",
+        "body.rows",
+        (h) => {
+          const [v] = h.body.rows[c.rowIndex].columns[c.columnIndex].blocks.splice(u, 1);
+          h.body.rows[d.rowIndex].columns[d.columnIndex].blocks.splice(s, 0, v);
+        },
+        (h) => {
+          const [v] = h.body.rows[d.rowIndex].columns[d.columnIndex].blocks.splice(s, 1);
+          h.body.rows[c.rowIndex].columns[c.columnIndex].blocks.splice(u, 0, v);
+        }
+      );
+      p.addStep(g), p.setSelection(S(n, r, e)), l(p);
+    }
+    return !0;
+  };
+}
+function St(o, t, e) {
+  return (n, r) => {
+    const s = k(n.doc, o, t);
+    if (!s) return !1;
+    const i = n.doc.body.rows[s.rowIndex].columns[s.columnIndex], l = i.blocks.findIndex((c) => c.id === e);
+    if (l === -1) return !1;
+    if (r) {
+      const c = i.blocks[l], a = w(), u = structuredClone(c);
+      u.id = a;
+      const d = l + 1, p = n.createTransaction(), g = m(
+        "duplicateBlock",
+        `body.rows[${s.rowIndex}].columns[${s.columnIndex}].blocks`,
+        (h) => {
+          h.body.rows[s.rowIndex].columns[s.columnIndex].blocks.splice(d, 0, u);
+        },
+        (h) => {
+          h.body.rows[s.rowIndex].columns[s.columnIndex].blocks.splice(d, 1);
+        }
+      );
+      p.addStep(g), p.setSelection(S(o, t, a)), r(p);
+    }
+    return !0;
+  };
+}
+function Ct(o, t) {
+  return (e, n) => {
+    const r = t ?? e.doc.body.rows.length;
+    if (n) {
+      const s = e.createTransaction(), i = m(
+        "insertRow",
+        "body.rows",
+        (l) => {
+          l.body.rows.splice(r, 0, o);
+        },
+        (l) => {
+          l.body.rows.splice(r, 1);
+        }
+      );
+      s.addStep(i), s.setSelection(C(o.id)), n(s);
+    }
+    return !0;
+  };
+}
+function Rt(o) {
+  return (t, e) => {
+    const n = t.doc.body.rows.findIndex((r) => r.id === o);
+    if (n === -1) return !1;
+    if (e) {
+      const r = structuredClone(t.doc.body.rows[n]), s = t.createTransaction(), i = m(
+        "deleteRow",
+        "body.rows",
+        (l) => {
+          l.body.rows.splice(n, 1);
+        },
+        (l) => {
+          l.body.rows.splice(n, 0, r);
+        }
+      );
+      s.addStep(i), s.setSelection(null), e(s);
+    }
+    return !0;
+  };
+}
+function _t(o, t) {
+  return (e, n) => {
+    const r = e.doc.body.rows.findIndex((s) => s.id === o);
+    if (r === -1 || r === t) return !1;
+    if (n) {
+      const s = e.createTransaction(), i = m(
+        "moveRow",
+        "body.rows",
+        (l) => {
+          const [c] = l.body.rows.splice(r, 1);
+          l.body.rows.splice(t, 0, c);
+        },
+        (l) => {
+          const [c] = l.body.rows.splice(t, 1);
+          l.body.rows.splice(r, 0, c);
+        }
+      );
+      s.addStep(i), s.setSelection(C(o)), n(s);
+    }
+    return !0;
+  };
+}
+function Tt(o) {
+  return (t, e) => {
+    const n = t.doc.body.rows.findIndex((r) => r.id === o);
+    if (n === -1) return !1;
+    if (e) {
+      const r = t.doc.body.rows[n], s = structuredClone(r);
+      s.id = w(), s.columns.forEach((a) => {
+        a.id = w(), a.blocks.forEach((u) => {
+          u.id = w();
+        });
+      });
+      const i = n + 1, l = t.createTransaction(), c = m(
+        "duplicateRow",
+        "body.rows",
+        (a) => {
+          a.body.rows.splice(i, 0, s);
+        },
+        (a) => {
+          a.body.rows.splice(i, 1);
+        }
+      );
+      l.addStep(c), l.setSelection(C(s.id)), e(l);
+    }
+    return !0;
+  };
+}
+function $t(o, t) {
+  return (e, n) => {
+    const r = e.doc.body.rows.findIndex((s) => s.id === o);
+    if (r === -1) return !1;
+    if (n) {
+      const s = { ...e.doc.body.rows[r].attributes }, i = e.createTransaction(), l = m(
+        "updateRowAttributes",
+        `body.rows[${r}].attributes`,
+        (c) => {
+          Object.assign(c.body.rows[r].attributes, t);
+        },
+        (c) => {
+          c.body.rows[r].attributes = s;
+        }
+      );
+      i.addStep(l), n(i);
+    }
+    return !0;
+  };
+}
+function Bt(o) {
+  return (t, e) => {
+    const n = t.doc.body.rows.findIndex((s) => s.id === o);
+    if (n === -1) return !1;
+    const r = t.doc.body.rows[n];
+    if (r.locked || r.columns.length >= 4) return !1;
+    if (e) {
+      const s = B(), i = r.columns.length + 1, l = H(i), c = [...r.columnRatios], a = t.createTransaction(), u = m(
+        "addColumn",
+        `body.rows[${n}]`,
+        (d) => {
+          d.body.rows[n].columns.push(s), d.body.rows[n].columnRatios = l;
+        },
+        (d) => {
+          d.body.rows[n].columns.pop(), d.body.rows[n].columnRatios = c;
+        }
+      );
+      a.addStep(u), e(a);
+    }
+    return !0;
+  };
+}
+function Ht(o, t) {
+  return (e, n) => {
+    const r = e.doc.body.rows.findIndex((l) => l.id === o);
+    if (r === -1) return !1;
+    const s = e.doc.body.rows[r];
+    if (s.locked || s.columns.length <= 1) return !1;
+    const i = s.columns.findIndex((l) => l.id === t);
+    if (i === -1) return !1;
+    if (n) {
+      const l = structuredClone(s.columns[i]), c = [...s.columnRatios], a = s.columns.length - 1, u = H(a), d = e.createTransaction(), p = m(
+        "removeColumn",
+        `body.rows[${r}]`,
+        (g) => {
+          g.body.rows[r].columns.splice(i, 1), g.body.rows[r].columnRatios = u;
+        },
+        (g) => {
+          g.body.rows[r].columns.splice(i, 0, l), g.body.rows[r].columnRatios = c;
+        }
+      );
+      d.addStep(p), n(d);
+    }
+    return !0;
+  };
+}
+function Mt(o, t) {
+  return (e, n) => {
+    const r = e.doc.body.rows.findIndex((l) => l.id === o);
+    if (r === -1) return !1;
+    const s = e.doc.body.rows[r];
+    if (t.length !== s.columns.length || t.reduce((l, c) => l + c, 0) !== 12) return !1;
+    if (n) {
+      const l = [...s.columnRatios], c = e.createTransaction(), a = m(
+        "resizeColumns",
+        `body.rows[${r}].columnRatios`,
+        (u) => {
+          u.body.rows[r].columnRatios = t;
+        },
+        (u) => {
+          u.body.rows[r].columnRatios = l;
+        }
+      );
+      c.addStep(a), n(c);
+    }
+    return !0;
+  };
+}
+function H(o) {
+  const t = Math.floor(12 / o), e = 12 - t * o, n = new Array(o).fill(t);
+  for (let r = 0; r < e; r++)
+    n[r] += 1;
+  return n;
+}
+const K = ["text", "image", "button", "divider", "spacer", "social", "html", "hero", "navbar"];
+function G(o) {
+  const t = [];
+  if (!o || typeof o != "object")
+    return t.push({ path: "", message: "Document must be an object" }), t;
+  const e = o;
+  if (e.version !== "1.0" && t.push({ path: "version", message: 'Version must be "1.0"' }), !e.metadata || typeof e.metadata != "object" ? t.push({ path: "metadata", message: "Metadata is required" }) : typeof e.metadata.name != "string" && t.push({ path: "metadata.name", message: "Name must be a string" }), !e.body || typeof e.body != "object")
+    return t.push({ path: "body", message: "Body is required" }), t;
+  const n = e.body;
+  return (!n.attributes || typeof n.attributes != "object") && t.push({ path: "body.attributes", message: "Body attributes are required" }), Array.isArray(n.rows) ? (n.rows.forEach((r, s) => {
+    t.push(...Y(r, `body.rows[${s}]`));
+  }), t) : (t.push({ path: "body.rows", message: "Rows must be an array" }), t);
+}
+function Y(o, t) {
+  const e = [];
+  return o.id || e.push({ path: `${t}.id`, message: "Row must have an id" }), o.type !== "row" && e.push({ path: `${t}.type`, message: 'Row type must be "row"' }), Array.isArray(o.columns) ? (Array.isArray(o.columnRatios) ? o.columnRatios.length !== o.columns.length && e.push({
+    path: `${t}.columnRatios`,
+    message: "Column ratios length must match columns length"
+  }) : e.push({ path: `${t}.columnRatios`, message: "Column ratios must be an array" }), o.columns.forEach((n, r) => {
+    e.push(...X(n, `${t}.columns[${r}]`));
+  }), e) : (e.push({ path: `${t}.columns`, message: "Columns must be an array" }), e);
+}
+function X(o, t) {
+  const e = [];
+  return o.id || e.push({ path: `${t}.id`, message: "Column must have an id" }), Array.isArray(o.blocks) ? (o.blocks.forEach((n, r) => {
+    e.push(...Z(n, `${t}.blocks[${r}]`));
+  }), e) : (e.push({ path: `${t}.blocks`, message: "Blocks must be an array" }), e);
+}
+function Z(o, t) {
+  const e = [];
+  return o.id || e.push({ path: `${t}.id`, message: "Block must have an id" }), K.includes(o.type) || e.push({ path: `${t}.type`, message: `Invalid block type: ${o.type}` }), (!o.values || typeof o.values != "object") && e.push({ path: `${t}.values`, message: "Block must have values" }), e;
+}
+function Wt(o) {
+  return G(o).length === 0;
+}
+const x = /* @__PURE__ */ new Map(), J = [
+  {
+    type: "text",
+    label: "Text",
+    icon: "text",
+    defaultValues: y("text")
+  },
+  {
+    type: "image",
+    label: "Image",
+    icon: "image",
+    defaultValues: y("image")
+  },
+  {
+    type: "button",
+    label: "Button",
+    icon: "button",
+    defaultValues: y("button")
+  },
+  {
+    type: "divider",
+    label: "Divider",
+    icon: "divider",
+    defaultValues: y("divider")
+  },
+  {
+    type: "spacer",
+    label: "Spacer",
+    icon: "spacer",
+    defaultValues: y("spacer")
+  },
+  {
+    type: "social",
+    label: "Social",
+    icon: "social",
+    defaultValues: y("social")
+  },
+  {
+    type: "html",
+    label: "HTML",
+    icon: "html",
+    defaultValues: y("html")
+  },
+  {
+    type: "hero",
+    label: "Hero",
+    icon: "hero",
+    defaultValues: y("hero")
+  },
+  {
+    type: "navbar",
+    label: "Navbar",
+    icon: "navbar",
+    defaultValues: y("navbar")
+  }
+];
+function Q() {
+  for (const o of J)
+    x.set(o.type, o);
+  U((o) => {
+    var t;
+    return (t = x.get(o)) == null ? void 0 : t.defaultValues;
+  });
+}
+function tt(o) {
+  x.set(o.type, o);
+}
+function Vt(o) {
+  return x.get(o);
+}
+function Pt() {
+  return Array.from(x.values());
+}
+function Dt(o) {
+  return x.has(o);
+}
+Q();
+const et = 100;
+function ot() {
+  return {
+    undoStack: [],
+    redoStack: []
+  };
+}
+function nt(o, t) {
+  const e = [...o.undoStack, t];
+  return e.length > et && e.shift(), {
+    undoStack: e,
+    redoStack: []
+    // Clear redo stack on new change
+  };
+}
+function rt(o) {
+  if (o.undoStack.length === 0)
+    return { history: o, entry: null };
+  const t = [...o.undoStack], e = t.pop(), n = [...o.redoStack, e];
+  return {
+    history: { undoStack: t, redoStack: n },
+    entry: e
+  };
+}
+function st(o) {
+  if (o.redoStack.length === 0)
+    return { history: o, entry: null };
+  const t = [...o.redoStack], e = t.pop();
+  return {
+    history: { undoStack: [...o.undoStack, e], redoStack: t },
+    entry: e
+  };
+}
+function it(o) {
+  return o.undoStack.length > 0;
+}
+function lt(o) {
+  return o.redoStack.length > 0;
+}
+const R = "history";
+function Et() {
+  return {
+    name: R,
+    init() {
+      return ot();
+    },
+    apply(o, t) {
+      const e = t;
+      if (o.meta.get("isUndo") || o.meta.get("isRedo"))
+        return o.meta.get("newHistory") ?? e;
+      if (o.steps.length === 0 || o.meta.get("skipHistory"))
+        return e;
+      const n = {
+        steps: [...o.steps],
+        doc: o.doc,
+        timestamp: Date.now()
+      };
+      return nt(e, n);
+    }
+  };
+}
+function Lt(o, t) {
+  const e = o.plugins.get(R);
+  if (!e || !it(e)) return !1;
+  if (t) {
+    const { history: n, entry: r } = rt(e);
+    if (!r) return !1;
+    const s = o.createTransaction();
+    for (let i = r.steps.length - 1; i >= 0; i--) {
+      const l = r.steps[i].invert(s.doc);
+      s.addStep(l);
+    }
+    s.setMeta("isUndo", !0), s.setMeta("newHistory", n), s.setMeta("skipTimestamp", !0), t(s);
+  }
+  return !0;
+}
+function Ot(o, t) {
+  const e = o.plugins.get(R);
+  if (!e || !lt(e)) return !1;
+  if (t) {
+    const { history: n, entry: r } = st(e);
+    if (!r) return !1;
+    const s = o.createTransaction();
+    for (const i of r.steps)
+      s.addStep(i);
+    s.setMeta("isRedo", !0), s.setMeta("newHistory", n), s.setMeta("skipTimestamp", !0), t(s);
+  }
+  return !0;
+}
+class jt {
+  constructor() {
+    this._plugins = /* @__PURE__ */ new Map();
+  }
+  register(t) {
+    if (this._plugins.has(t.name))
+      throw new Error(`Plugin "${t.name}" is already registered`);
+    if (this._plugins.set(t.name, t), t.blocks)
+      for (const e of t.blocks)
+        tt(e);
+  }
+  unregister(t) {
+    this._plugins.delete(t);
+  }
+  get(t) {
+    return this._plugins.get(t);
+  }
+  getAll() {
+    return Array.from(this._plugins.values());
+  }
+  getCommands() {
+    const t = {};
+    for (const e of this._plugins.values())
+      e.commands && Object.assign(t, e.commands);
+    return t;
+  }
+  has(t) {
+    return this._plugins.has(t);
+  }
+}
+function _(o, t) {
+  if (o === t) return !0;
+  if (o == null || t == null || typeof o != typeof t) return !1;
+  if (Array.isArray(o))
+    return !Array.isArray(t) || o.length !== t.length ? !1 : o.every((e, n) => _(e, t[n]));
+  if (typeof o == "object") {
+    const e = Object.keys(o), n = Object.keys(t);
+    return e.length !== n.length ? !1 : e.every(
+      (r) => _(
+        o[r],
+        t[r]
+      )
+    );
+  }
+  return !1;
+}
+const f = "2026-05-26T10:00:00.000Z", ct = {
+  id: "starter-welcome",
+  name: "Welcome",
+  description: "A clean welcome email with a hero, intro paragraph, and call-to-action.",
+  category: "welcome",
+  createdAt: f,
+  updatedAt: f,
+  document: {
+    version: "1.0",
+    metadata: {
+      name: "Welcome",
+      previewText: "We're glad you're here.",
+      createdAt: f,
+      updatedAt: f
+    },
+    body: {
+      attributes: { width: 600, backgroundColor: "#f5f7fb", fontFamily: "Inter, sans-serif", contentAlignment: "center" },
+      rows: [
+        {
+          id: "r-hero",
+          type: "row",
+          locked: !1,
+          attributes: { padding: { top: 0, right: 0, bottom: 0, left: 0 }, fullWidth: !0 },
+          columnRatios: [12],
+          columns: [{
+            id: "c-hero",
+            type: "column",
+            attributes: { padding: { top: 0, right: 0, bottom: 0, left: 0 }, verticalAlign: "top" },
+            blocks: [{
+              id: "b-hero",
+              type: "hero",
+              values: {
+                backgroundUrl: "https://placehold.co/600x280/0f172a/ffffff?text=Welcome",
+                backgroundPosition: "center center",
+                mode: "fixed-height",
+                width: 600,
+                height: 280,
+                verticalAlign: "middle",
+                padding: { top: 0, right: 0, bottom: 0, left: 0 },
+                innerPadding: { top: 40, right: 40, bottom: 40, left: 40 },
+                backgroundColor: "#0f172a",
+                content: '<h1 style="color:#ffffff;font-size:32px;margin:0;">Welcome, {{firstName}}</h1>'
+              }
+            }]
+          }]
+        },
+        {
+          id: "r-intro",
+          type: "row",
+          locked: !1,
+          attributes: { backgroundColor: "#ffffff", padding: { top: 32, right: 24, bottom: 8, left: 24 }, fullWidth: !1 },
+          columnRatios: [12],
+          columns: [{
+            id: "c-intro",
+            type: "column",
+            attributes: { padding: { top: 0, right: 0, bottom: 0, left: 0 }, verticalAlign: "top" },
+            blocks: [{
+              id: "b-intro",
+              type: "text",
+              values: {
+                content: "<p>Thanks for joining — we've put together a quick guide to help you get the most out of your account.</p>",
+                padding: { top: 0, right: 0, bottom: 0, left: 0 },
+                lineHeight: "1.6",
+                textAlign: "left"
+              }
+            }]
+          }]
+        },
+        {
+          id: "r-cta",
+          type: "row",
+          locked: !1,
+          attributes: { backgroundColor: "#ffffff", padding: { top: 16, right: 24, bottom: 32, left: 24 }, fullWidth: !1 },
+          columnRatios: [12],
+          columns: [{
+            id: "c-cta",
+            type: "column",
+            attributes: { padding: { top: 0, right: 0, bottom: 0, left: 0 }, verticalAlign: "top" },
+            blocks: [{
+              id: "b-cta",
+              type: "button",
+              values: {
+                content: "<p>Get started</p>",
+                href: "https://example.com/start",
+                backgroundColor: "#3b82f6",
+                textColor: "#ffffff",
+                borderRadius: 6,
+                padding: { top: 8, right: 8, bottom: 8, left: 8 },
+                innerPadding: { top: 12, right: 24, bottom: 12, left: 24 },
+                fontSize: 16,
+                fontWeight: "600",
+                alignment: "center",
+                fullWidth: !1
+              }
+            }]
+          }]
+        }
+      ]
+    }
+  }
+}, at = {
+  id: "starter-newsletter",
+  name: "Newsletter",
+  description: "A simple 3-section newsletter — headline + body + footer.",
+  category: "newsletter",
+  createdAt: f,
+  updatedAt: f,
+  document: {
+    version: "1.0",
+    metadata: { name: "Newsletter", previewText: "This month's updates", createdAt: f, updatedAt: f },
+    body: {
+      attributes: { width: 600, backgroundColor: "#ffffff", fontFamily: "Inter, sans-serif", contentAlignment: "center" },
+      rows: [
+        {
+          id: "r-head",
+          type: "row",
+          locked: !1,
+          attributes: { padding: { top: 24, right: 24, bottom: 8, left: 24 }, fullWidth: !1 },
+          columnRatios: [12],
+          columns: [{
+            id: "c-head",
+            type: "column",
+            attributes: { padding: { top: 0, right: 0, bottom: 0, left: 0 }, verticalAlign: "top" },
+            blocks: [{
+              id: "b-head",
+              type: "text",
+              values: {
+                content: '<h1 style="font-size:24px;margin:0;">This month at Acme</h1>',
+                padding: { top: 0, right: 0, bottom: 0, left: 0 },
+                lineHeight: "1.3",
+                textAlign: "left"
+              }
+            }]
+          }]
+        },
+        {
+          id: "r-body",
+          type: "row",
+          locked: !1,
+          attributes: { padding: { top: 8, right: 24, bottom: 24, left: 24 }, fullWidth: !1 },
+          columnRatios: [12],
+          columns: [{
+            id: "c-body",
+            type: "column",
+            attributes: { padding: { top: 0, right: 0, bottom: 0, left: 0 }, verticalAlign: "top" },
+            blocks: [{
+              id: "b-body",
+              type: "text",
+              values: {
+                content: "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sodales, mauris vel rhoncus sodales, eros lectus rutrum lectus.</p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>",
+                padding: { top: 0, right: 0, bottom: 0, left: 0 },
+                lineHeight: "1.6",
+                textAlign: "left"
+              }
+            }]
+          }]
+        },
+        {
+          id: "r-foot",
+          type: "row",
+          locked: !1,
+          attributes: { backgroundColor: "#f5f7fb", padding: { top: 16, right: 24, bottom: 16, left: 24 }, fullWidth: !1 },
+          columnRatios: [12],
+          columns: [{
+            id: "c-foot",
+            type: "column",
+            attributes: { padding: { top: 0, right: 0, bottom: 0, left: 0 }, verticalAlign: "top" },
+            blocks: [{
+              id: "b-foot",
+              type: "text",
+              values: {
+                content: '<p style="color:#64748b;font-size:12px;">© Acme · <a href="https://example.com/unsubscribe">Unsubscribe</a></p>',
+                padding: { top: 0, right: 0, bottom: 0, left: 0 },
+                lineHeight: "1.5",
+                textAlign: "center"
+              }
+            }]
+          }]
+        }
+      ]
+    }
+  }
+}, dt = {
+  id: "starter-transactional",
+  name: "Transactional (order confirmation)",
+  description: "Order confirmation pattern with summary and a primary button.",
+  category: "transactional",
+  createdAt: f,
+  updatedAt: f,
+  document: {
+    version: "1.0",
+    metadata: { name: "Order confirmation", previewText: "Order {{orderNumber}} is on its way.", createdAt: f, updatedAt: f },
+    body: {
+      attributes: { width: 600, backgroundColor: "#ffffff", fontFamily: "Inter, sans-serif", contentAlignment: "center" },
+      rows: [
+        {
+          id: "r-h",
+          type: "row",
+          locked: !1,
+          attributes: { padding: { top: 32, right: 24, bottom: 8, left: 24 }, fullWidth: !1 },
+          columnRatios: [12],
+          columns: [{
+            id: "c-h",
+            type: "column",
+            attributes: { padding: { top: 0, right: 0, bottom: 0, left: 0 }, verticalAlign: "top" },
+            blocks: [{
+              id: "b-h",
+              type: "text",
+              values: {
+                content: '<h1 style="font-size:24px;margin:0 0 8px;">Thanks for your order, {{firstName}}</h1><p style="margin:0;">Order <strong>{{orderNumber}}</strong> is on its way.</p>',
+                padding: { top: 0, right: 0, bottom: 0, left: 0 },
+                lineHeight: "1.5",
+                textAlign: "left"
+              }
+            }]
+          }]
+        },
+        {
+          id: "r-summary",
+          type: "row",
+          locked: !1,
+          attributes: { backgroundColor: "#f8fafc", padding: { top: 16, right: 24, bottom: 16, left: 24 }, fullWidth: !1 },
+          columnRatios: [12],
+          columns: [{
+            id: "c-summary",
+            type: "column",
+            attributes: { padding: { top: 0, right: 0, bottom: 0, left: 0 }, verticalAlign: "top" },
+            blocks: [{
+              id: "b-summary",
+              type: "text",
+              values: {
+                content: '<p style="margin:0 0 8px;"><strong>Summary</strong></p><p style="margin:0;">{{itemCount}} item(s) · {{total}}</p><p style="margin:8px 0 0;color:#64748b;font-size:12px;">Estimated delivery: {{deliveryDate}}</p>',
+                padding: { top: 0, right: 0, bottom: 0, left: 0 },
+                lineHeight: "1.5",
+                textAlign: "left"
+              }
+            }]
+          }]
+        },
+        {
+          id: "r-cta",
+          type: "row",
+          locked: !1,
+          attributes: { padding: { top: 24, right: 24, bottom: 24, left: 24 }, fullWidth: !1 },
+          columnRatios: [12],
+          columns: [{
+            id: "c-cta",
+            type: "column",
+            attributes: { padding: { top: 0, right: 0, bottom: 0, left: 0 }, verticalAlign: "top" },
+            blocks: [{
+              id: "b-cta",
+              type: "button",
+              values: {
+                content: "<p>View order</p>",
+                href: "https://example.com/orders/{{orderNumber}}",
+                backgroundColor: "#0f172a",
+                textColor: "#ffffff",
+                borderRadius: 6,
+                padding: { top: 0, right: 0, bottom: 0, left: 0 },
+                innerPadding: { top: 12, right: 24, bottom: 12, left: 24 },
+                fontSize: 16,
+                fontWeight: "600",
+                alignment: "left",
+                fullWidth: !1
+              }
+            }]
+          }]
+        }
+      ]
+    }
+  }
+}, ut = {
+  id: "starter-promo",
+  name: "Promo / Sale",
+  description: "Two-column product grid with a primary CTA and a social-link footer.",
+  category: "promo",
+  createdAt: f,
+  updatedAt: f,
+  document: {
+    version: "1.0",
+    metadata: { name: "Spring sale", previewText: "Two days only — 30% off.", createdAt: f, updatedAt: f },
+    body: {
+      attributes: { width: 600, backgroundColor: "#fdf6ee", fontFamily: "Inter, sans-serif", contentAlignment: "center" },
+      rows: [
+        {
+          id: "r-hero",
+          type: "row",
+          locked: !1,
+          attributes: { padding: { top: 0, right: 0, bottom: 0, left: 0 }, fullWidth: !0 },
+          columnRatios: [12],
+          columns: [{
+            id: "c-hero",
+            type: "column",
+            attributes: { padding: { top: 0, right: 0, bottom: 0, left: 0 }, verticalAlign: "middle" },
+            blocks: [{
+              id: "b-hero",
+              type: "hero",
+              values: {
+                backgroundUrl: "https://placehold.co/600x240/e76f51/ffffff?text=30%25+off",
+                backgroundPosition: "center center",
+                mode: "fluid-height",
+                width: 600,
+                height: 240,
+                verticalAlign: "middle",
+                padding: { top: 0, right: 0, bottom: 0, left: 0 },
+                innerPadding: { top: 32, right: 32, bottom: 32, left: 32 },
+                backgroundColor: "#e76f51",
+                content: '<h1 style="color:#ffffff;font-size:36px;margin:0 0 8px;">30% off, this weekend only</h1><p style="color:#ffffff;font-size:16px;margin:0;">Code <strong>SPRING30</strong> at checkout.</p>'
+              }
+            }]
+          }]
+        },
+        {
+          id: "r-grid",
+          type: "row",
+          locked: !1,
+          attributes: { backgroundColor: "#ffffff", padding: { top: 24, right: 16, bottom: 24, left: 16 }, fullWidth: !1 },
+          columnRatios: [6, 6],
+          columns: [
+            {
+              id: "c-l",
+              type: "column",
+              attributes: { padding: { top: 0, right: 8, bottom: 0, left: 0 }, verticalAlign: "top" },
+              blocks: [
+                {
+                  id: "b-l-img",
+                  type: "image",
+                  values: {
+                    src: "https://placehold.co/280x200",
+                    alt: "Linen shirt",
+                    width: "auto",
+                    href: "https://example.com/p/shirt",
+                    padding: { top: 0, right: 0, bottom: 8, left: 0 },
+                    alignment: "center",
+                    borderRadius: 6
+                  }
+                },
+                {
+                  id: "b-l-txt",
+                  type: "text",
+                  values: {
+                    content: '<p style="text-align:center;margin:0;"><strong>Linen shirt</strong><br><span style="color:#64748b;">$48 · was $69</span></p>',
+                    padding: { top: 0, right: 0, bottom: 0, left: 0 },
+                    lineHeight: "1.5",
+                    textAlign: "center"
+                  }
+                }
+              ]
+            },
+            {
+              id: "c-r",
+              type: "column",
+              attributes: { padding: { top: 0, right: 0, bottom: 0, left: 8 }, verticalAlign: "top" },
+              blocks: [
+                {
+                  id: "b-r-img",
+                  type: "image",
+                  values: {
+                    src: "https://placehold.co/280x200",
+                    alt: "Wool jumper",
+                    width: "auto",
+                    href: "https://example.com/p/jumper",
+                    padding: { top: 0, right: 0, bottom: 8, left: 0 },
+                    alignment: "center",
+                    borderRadius: 6
+                  }
+                },
+                {
+                  id: "b-r-txt",
+                  type: "text",
+                  values: {
+                    content: '<p style="text-align:center;margin:0;"><strong>Wool jumper</strong><br><span style="color:#64748b;">$84 · was $120</span></p>',
+                    padding: { top: 0, right: 0, bottom: 0, left: 0 },
+                    lineHeight: "1.5",
+                    textAlign: "center"
+                  }
+                }
+              ]
+            }
+          ]
+        },
+        {
+          id: "r-cta",
+          type: "row",
+          locked: !1,
+          attributes: { backgroundColor: "#ffffff", padding: { top: 8, right: 16, bottom: 24, left: 16 }, fullWidth: !1 },
+          columnRatios: [12],
+          columns: [{
+            id: "c-cta",
+            type: "column",
+            attributes: { padding: { top: 0, right: 0, bottom: 0, left: 0 }, verticalAlign: "top" },
+            blocks: [{
+              id: "b-cta",
+              type: "button",
+              values: {
+                content: "<p>Shop the sale</p>",
+                href: "https://example.com/sale",
+                backgroundColor: "#0f172a",
+                textColor: "#ffffff",
+                borderRadius: 6,
+                padding: { top: 8, right: 0, bottom: 8, left: 0 },
+                innerPadding: { top: 14, right: 28, bottom: 14, left: 28 },
+                fontSize: 16,
+                fontWeight: "600",
+                alignment: "center",
+                fullWidth: !0
+              }
+            }]
+          }]
+        }
+      ]
+    }
+  }
+}, M = Object.freeze([ct, at, dt, ut]);
+function ft() {
+  return M.map((o) => structuredClone(o));
+}
+function zt(o) {
+  const t = M.find((e) => e.id === o);
+  return t ? structuredClone(t) : null;
+}
+class Nt {
+  constructor(t = {}) {
+    if (this._byId = /* @__PURE__ */ new Map(), t.includeStarters !== !1)
+      for (const e of ft()) this._byId.set(e.id, e);
+    if (t.seed)
+      for (const e of t.seed) this._byId.set(e.id, e);
+  }
+  async list() {
+    return Array.from(this._byId.values()).map((t) => structuredClone(t));
+  }
+  async get(t) {
+    const e = this._byId.get(t);
+    return e ? structuredClone(e) : null;
+  }
+  async save(t) {
+    if (!t.id) throw new Error("Template.id is required");
+    const e = structuredClone(t);
+    e.updatedAt = (/* @__PURE__ */ new Date()).toISOString(), this._byId.has(e.id) || (e.createdAt = e.updatedAt), this._byId.set(e.id, e);
+  }
+  async delete(t) {
+    this._byId.delete(t);
+  }
+}
+class qt {
+  constructor(t = {}) {
+    if (this._byId = /* @__PURE__ */ new Map(), t.seed)
+      for (const e of t.seed) this._byId.set(e.id, e);
+  }
+  async list() {
+    return Array.from(this._byId.values()).map((t) => structuredClone(t));
+  }
+  async get(t) {
+    const e = this._byId.get(t);
+    return e ? structuredClone(e) : null;
+  }
+  async save(t) {
+    if (!t.id) throw new Error("BrandKit.id is required");
+    const e = structuredClone(t);
+    e.updatedAt = (/* @__PURE__ */ new Date()).toISOString(), this._byId.has(e.id) || (e.createdAt = e.updatedAt), this._byId.set(e.id, e);
+  }
+  async delete(t) {
+    this._byId.delete(t);
+  }
+}
+class Ut {
+  constructor(t = {}) {
+    if (this._byId = /* @__PURE__ */ new Map(), t.seed)
+      for (const e of t.seed) this._byId.set(e.id, e);
+  }
+  async list(t = {}) {
+    let n = Array.from(this._byId.values()).map((i) => structuredClone(i)).filter((i) => pt(i, t));
+    n.sort((i, l) => i.updatedAt < l.updatedAt ? 1 : i.updatedAt > l.updatedAt ? -1 : 0);
+    const r = t.offset ?? 0, s = t.limit;
+    return n = n.slice(r, s !== void 0 ? r + s : void 0), n;
+  }
+  async get(t) {
+    const e = this._byId.get(t);
+    return e ? structuredClone(e) : null;
+  }
+  async save(t) {
+    if (!t.id) throw new Error("Asset.id is required");
+    if (!t.src) throw new Error("Asset.src is required");
+    const e = structuredClone(t);
+    e.updatedAt = (/* @__PURE__ */ new Date()).toISOString(), this._byId.has(e.id) || (e.createdAt = e.updatedAt), e.folder || (e.folder = "/"), this._byId.set(e.id, e);
+  }
+  async delete(t) {
+    this._byId.delete(t);
+  }
+  async listFolders() {
+    const t = /* @__PURE__ */ new Set();
+    for (const e of this._byId.values()) t.add(e.folder || "/");
+    return Array.from(t).sort();
+  }
+}
+function pt(o, t) {
+  if (t.folder && (o.folder || "/") !== t.folder)
+    return !1;
+  if (t.tags && t.tags.length > 0) {
+    const e = new Set(o.tags ?? []);
+    if (!t.tags.every((n) => e.has(n))) return !1;
+  }
+  if (t.search) {
+    const e = t.search.toLowerCase();
+    if (![o.name, o.alt ?? "", ...o.tags ?? []].join(" ").toLowerCase().includes(e)) return !1;
+  }
+  return !0;
+}
+export {
+  A as EditorState,
+  R as HISTORY_PLUGIN_NAME,
+  Ut as InMemoryAssetStorage,
+  qt as InMemoryBrandKitStorage,
+  Nt as InMemoryTemplateStorage,
+  jt as PluginRegistry,
+  V as Transaction,
+  Bt as addColumn,
+  lt as canRedo,
+  it as canUndo,
+  bt as createBlock,
+  S as createBlockSelection,
+  wt as createBodySelection,
+  B as createColumn,
+  yt as createColumnSelection,
+  F as createDefaultDocument,
+  m as createDocStep,
+  Et as createHistoryPlugin,
+  ht as createRow,
+  C as createRowSelection,
+  _ as deepEqual,
+  b as defaultSpacing,
+  It as deleteBlock,
+  Rt as deleteRow,
+  St as duplicateBlock,
+  Tt as duplicateRow,
+  w as generateId,
+  Pt as getAllBlockDefinitions,
+  Vt as getBlockDefinition,
+  y as getDefaultValues,
+  zt as getStarterTemplate,
+  ft as getStarterTemplates,
+  xt as insertBlock,
+  Ct as insertRow,
+  Dt as isKnownBlockType,
+  Wt as isValidDocument,
+  At as moveBlock,
+  _t as moveRow,
+  Ot as redo,
+  tt as registerBlock,
+  Ht as removeColumn,
+  Mt as resizeColumns,
+  kt as selectionsEqual,
+  Lt as undo,
+  vt as updateBlock,
+  $t as updateRowAttributes,
+  G as validateDocument
+};