@pinkpixel/marzipan 1.2.0 → 1.2.2

package/dist/index.js

@@ -1,5 +1,5 @@
-import { i as st } from "./index-CEbRSdyd.js";
-import { b as ct, r as pt } from "./table-CJHCBhPo.js";
+import { i as st } from "./index-ZtRPyDzL.js";
+import { b as ct, r as pt } from "./table-DtH1DJ20.js";
 import { imagePickerPlugin as mt } from "./plugins/imagePicker.js";
 import { imageManagerPlugin as ut, imageManagerStyles as ft } from "./plugins/imageManagerPlugin.js";
 import { imagePickerPlugin as bt } from "./plugins/imagePickerPlugin.js";
@@ -9,7 +9,7 @@ import { tableGeneratorPlugin as zt } from "./plugins/tableGenerator.js";
 import { tableGridPlugin as St, tableGridStyles as Ct } from "./plugins/tableGridPlugin.js";
 import { tablePlugin as Et } from "./plugins/tablePlugin.js";
 import { tinyHighlightPlugin as $t, tinyHighlightStyles as Mt } from "./plugins/tinyHighlight.js";
-const N = class N {
+const R = class R {
   /**
    * Reset link index (call before parsing a new document)
    */
@@ -360,7 +360,7 @@ const N = class N {
       const p = this.escapeHtml(l), h = l.match(/^<!--\s*mz-table:\s*(.+?)\s*-->$/);
       if (h) {
         const m = this.generateBlockId();
-        return `<div class="mz-table-annotation" data-mz-annotation="${this.escapeHtml(h[1])}" data-block-id="${m}" data-block-type="table-annotation" data-line-start="${c}" data-line-end="${c}" style="display:none">${p}</div>`;
+        return `<div class="mz-table-annotation" data-mz-annotation="${this.escapeHtml(h[1])}" data-block-id="${m}" data-block-type="table-annotation" data-line-start="${c}" data-line-end="${c}">${p}</div>`;
       }
       if (this.isTableRow(p)) {
         const m = this.generateBlockId();
@@ -386,7 +386,7 @@ const N = class N {
       const m = p[h];
       if (!m.parentNode) continue;
       if (m.classList && m.classList.contains("mz-table-annotation")) {
-        d = m.getAttribute("data-mz-annotation") || "", m.remove();
+        d = m.getAttribute("data-mz-annotation") || "";
         continue;
       }
       if (m.classList && (m.classList.contains("table-row") || m.classList.contains("table-separator"))) {
@@ -395,22 +395,22 @@ const N = class N {
             m.remove();
             continue;
           }
-          c = this.parseTableAlignments(m.textContent || ""), s.querySelectorAll("thead th").forEach((P, L) => {
+          c = this.parseTableAlignments(m.textContent || ""), s.querySelectorAll("thead th").forEach((V, L) => {
             const z = c[L];
-            z && z !== "left" && (P.style.textAlign = z);
-          }), l = !1, m.remove();
+            z && z !== "left" && (V.style.textAlign = z);
+          }), l = !1;
           continue;
         }
         if (!s) {
           if (s = document.createElement("table"), s.className = "marzipan-table", d) {
-            const B = d.match(/style=(\S+)/), P = d.match(/border=(\S+)/);
-            B && s.classList.add(`mz-table-${B[1]}`), P && s.classList.add(`mz-border-${P[1]}`), d = null;
+            const I = d.match(/header=(\S+)/);
+            I && s.classList.add(`mz-header-${I[1]}`), d = null;
           }
           t.insertBefore(s, m), l = !0, c = [];
         }
         const b = m.textContent, v = l ? "th" : "td", k = this.parseTableRow(b, v, l ? [] : c);
         let y;
-        l ? (y = s.querySelector("thead"), y || (y = document.createElement("thead"), s.appendChild(y))) : (y = s.querySelector("tbody"), y || (y = document.createElement("tbody"), s.appendChild(y))), y.innerHTML += k, m.remove();
+        l ? (y = s.querySelector("thead"), y || (y = document.createElement("thead"), s.appendChild(y))) : (y = s.querySelector("tbody"), y || (y = document.createElement("tbody"), s.appendChild(y))), y.innerHTML += k;
         continue;
       } else
         s = null, l = !1, c = [];
@@ -606,12 +606,12 @@ const N = class N {
 `);
   }
 };
-N.linkIndex = 0, N.blockIndex = 0, N.LIST_PATTERNS = {
+R.linkIndex = 0, R.blockIndex = 0, R.LIST_PATTERNS = {
   bullet: /^(\s*)([-*+])\s+(.*)$/,
   numbered: /^(\s*)(\d+)\.\s+(.*)$/,
   checkbox: /^(\s*)-\s+\[([ x])\]\s+(.*)$/
 };
-let $ = N;
+let $ = R;
 const C = {
   bold: {
     prefix: "**",
@@ -690,29 +690,29 @@ function E(i) {
   };
   return e.scanFor = i.scanFor ?? null, e;
 }
-let j = !1;
+let N = !1;
 function de(i) {
-  j = i;
+  N = i;
 }
-function D() {
-  return j;
+function U() {
+  return N;
 }
 function x(i, e, t) {
-  j && (console.group(`🔍 ${i}`), console.log(e), console.groupEnd());
+  N && (console.group(`🔍 ${i}`), console.log(e), console.groupEnd());
 }
-function F(i, e) {
-  if (!j) return;
+function O(i, e) {
+  if (!N) return;
   const t = i.value.slice(i.selectionStart, i.selectionEnd);
   console.group(`📍 Selection: ${e}`), console.log("Position:", `${i.selectionStart}-${i.selectionEnd}`), console.log("Selected text:", JSON.stringify(t)), console.log("Length:", t.length);
   const n = i.value.slice(Math.max(0, i.selectionStart - 10), i.selectionStart), r = i.value.slice(i.selectionEnd, Math.min(i.value.length, i.selectionEnd + 10));
   console.log("Context:", `${JSON.stringify(n)}[SELECTION]${JSON.stringify(r)}`), console.groupEnd();
 }
 function q(i) {
-  j && (console.group("📝 Result"), console.log("Text to insert:", JSON.stringify(i.text)), console.log("New selection:", `${i.selectionStart}-${i.selectionEnd}`), console.groupEnd());
+  N && (console.group("📝 Result"), console.log("Text to insert:", JSON.stringify(i.text)), console.log("New selection:", `${i.selectionStart}-${i.selectionEnd}`), console.groupEnd());
 }
 let S = null;
 function H(i, e) {
-  const t = D();
+  const t = U();
   t && (console.group("🔧 insertText"), console.log("Current selection:", `${i.selectionStart}-${i.selectionEnd}`), console.log("Text to insert:", JSON.stringify(e.text)), console.log("New selection to set:", e.selectionStart, "-", e.selectionEnd)), i.focus();
   const n = i.selectionStart, r = i.selectionEnd, o = i.value.slice(0, n), a = i.value.slice(r);
   t && (console.log("Before text (last 20):", JSON.stringify(o.slice(-20))), console.log("After text (first 20):", JSON.stringify(a.slice(0, 20))), console.log(
@@ -772,7 +772,7 @@ function me(i) {
 function Te() {
   return S === !0 ? "native" : S === !1 ? "manual" : "auto";
 }
-function U(i) {
+function D(i) {
   return i.trim().split(`
 `).length > 1;
 }
@@ -818,7 +818,7 @@ function ue(i, e) {
   const t = i.selectionStart, n = i.selectionEnd, r = i.scrollTop;
   e(), i.selectionStart = t, i.selectionEnd = n, i.scrollTop = r;
 }
-function V(i, e, t = {}) {
+function F(i, e, t = {}) {
   const n = i.selectionStart, r = i.selectionEnd, o = n === r, a = i.value;
   let s = n;
   for (; s > 0 && a[s - 1] !== `
@@ -868,8 +868,8 @@ function A(i, e) {
     surroundWithNewlines: c,
     trimFirst: d
   } = e, p = i.selectionStart, h = i.selectionEnd;
-  let m = i.value.slice(i.selectionStart, i.selectionEnd), u = U(m) && r && r.length > 0 ? `${r}
-` : t, f = U(m) && o && o.length > 0 ? `
+  let m = i.value.slice(i.selectionStart, i.selectionEnd), u = D(m) && r && r.length > 0 ? `${r}
+` : t, f = D(m) && o && o.length > 0 ? `
 ${o}` : n;
   if (s) {
     const L = i.value[i.selectionStart - 1];
@@ -906,8 +906,8 @@ ${o}` : n;
     const z = u + f.replace(a, m);
     return g = g + u.length, b = g, { text: z, selectionStart: g, selectionEnd: b };
   }
-  const B = u + m + f, P = f.indexOf(a);
-  return g = g + u.length + m.length + P, b = g + a.length, { text: B, selectionStart: g, selectionEnd: b };
+  const I = u + m + f, V = f.indexOf(a);
+  return g = g + u.length + m.length + V, b = g + a.length, { text: I, selectionStart: g, selectionEnd: b };
 }
 function K(i, e) {
   const { prefix: t, suffix: n, surroundWithNewlines: r } = e;
@@ -945,7 +945,7 @@ function oe(i) {
     processed: n
   };
 }
-function R(i, e) {
+function B(i, e) {
   return e ? "- " : `${i + 1}. `;
 }
 function Me(i, e) {
@@ -957,18 +957,18 @@ function Ae(i, e) {
   let n = i.selectionStart, r = i.selectionEnd;
   he(i);
   const o = i.value.slice(i.selectionStart, i.selectionEnd), [a, s, l] = Me(e, o), c = l.split(`
-`).map((f, g) => `${R(g, e.unorderedList)}${f}`), d = c.reduce((f, g, b) => f + R(b, e.unorderedList).length, 0), p = c.reduce((f, g, b) => f + R(b, !e.unorderedList).length, 0);
+`).map((f, g) => `${B(g, e.unorderedList)}${f}`), d = c.reduce((f, g, b) => f + B(b, e.unorderedList).length, 0), p = c.reduce((f, g, b) => f + B(b, !e.unorderedList).length, 0);
   if (a.processed)
-    return t ? (n = Math.max(n - R(0, e.unorderedList).length, 0), r = n) : (n = i.selectionStart, r = i.selectionEnd - d), { text: l, selectionStart: n, selectionEnd: r };
+    return t ? (n = Math.max(n - B(0, e.unorderedList).length, 0), r = n) : (n = i.selectionStart, r = i.selectionEnd - d), { text: l, selectionStart: n, selectionEnd: r };
   const { newlinesToAppend: h, newlinesToPrepend: m } = W(i), u = h + c.join(`
 `) + m;
   return t ? (n = Math.max(
-    n + R(0, e.unorderedList).length + h.length,
+    n + B(0, e.unorderedList).length + h.length,
     0
   ), r = n) : s.processed ? (n = Math.max(i.selectionStart + h.length, 0), r = i.selectionEnd + h.length + d - p) : (n = Math.max(i.selectionStart + h.length, 0), r = i.selectionEnd + h.length + d), { text: u, selectionStart: n, selectionEnd: r };
 }
 function fe(i, e) {
-  const t = V(
+  const t = F(
     i,
     (n) => Ae(n, e),
     {
@@ -1020,7 +1020,7 @@ function fe(i, e) {
   );
   H(i, t);
 }
-function _e(i, e) {
+function Pe(i, e) {
   const t = C[e];
   if (!t) return !1;
   const n = t.prefix ?? "", r = t.suffix ?? "";
@@ -1078,7 +1078,7 @@ function be(i, e = {}) {
     i.selectionStart = c, i.selectionEnd = d;
     return;
   }
-  if (r && _e(s.slice(o, a), r)) {
+  if (r && Pe(s.slice(o, a), r)) {
     const l = C[r], c = (l.prefix ?? "").length, d = (l.suffix ?? "").length;
     i.selectionStart = Math.max(0, o - c), i.selectionEnd = Math.min(s.length, a + d);
     return;
@@ -1097,9 +1097,9 @@ function T(i) {
 }
 function J(i) {
   if (!T(i)) return;
-  x("toggleBold", "Starting"), F(i, "Before");
+  x("toggleBold", "Starting"), O(i, "Before");
   const e = E(C.bold), t = A(i, e);
-  q(t), H(i, t), F(i, "After");
+  q(t), H(i, t), O(i, "After");
 }
 function G(i) {
   if (!T(i)) return;
@@ -1142,17 +1142,17 @@ function Y(i) {
 }
 function ee(i) {
   if (!T(i)) return;
-  x("toggleQuote", "Starting"), F(i, "Initial");
-  const e = E(C.quote), t = V(
+  x("toggleQuote", "Starting"), O(i, "Initial");
+  const e = E(C.quote), t = F(
     i,
     (n) => K(n, e),
     { prefix: e.prefix }
   );
-  q(t), H(i, t), F(i, "Final");
+  q(t), H(i, t), O(i, "Final");
 }
 function te(i) {
   if (!T(i)) return;
-  const e = E(C.taskList), t = V(
+  const e = E(C.taskList), t = F(
     i,
     (n) => K(n, e),
     { prefix: e.prefix }
@@ -1174,7 +1174,7 @@ function ke(i) {
 `;
   i.setRangeText(o, e, i.selectionEnd, "end"), i.dispatchEvent(new Event("input", { bubbles: !0 }));
 }
-function Pe(i, e, t) {
+function _e(i, e, t) {
   let n = e;
   for (; n > 0 && i[n - 1] !== `
 `; )
@@ -1185,18 +1185,18 @@ function Pe(i, e, t) {
     r += 1;
   return { lineStart: n, lineEnd: r };
 }
-function O(i, e = 1, t = !1) {
+function j(i, e = 1, t = !1) {
   if (!T(i)) return;
   (e < 1 || e > 6) && (e = 1), x("insertHeader", "============ START ============"), x("insertHeader", `Level: ${e}, Toggle: ${t}`), x("insertHeader", `Initial cursor: ${i.selectionStart}-${i.selectionEnd}`);
   const n = `header${e === 1 ? "1" : e}`, r = E(C[n] || C.header1);
   x("insertHeader", `Style prefix: "${r.prefix}"`);
-  const o = i.value, a = i.selectionStart, s = i.selectionEnd, { lineStart: l, lineEnd: c } = Pe(o, a, s), d = o.slice(l, c);
+  const o = i.value, a = i.selectionStart, s = i.selectionEnd, { lineStart: l, lineEnd: c } = _e(o, a, s), d = o.slice(l, c);
   x("insertHeader", `Current line (before): "${d}"`);
   const p = d.match(/^(#{1,6})\s*/), h = p ? p[1].length : 0, m = p ? p[0].length : 0;
   x("insertHeader", `Existing header match: ${p ? p[0] : "none"}`), x("insertHeader", `Existing level: ${h}`), x("insertHeader", `Target level: ${e}`);
   const u = t && h === e;
   x("insertHeader", `Should toggle OFF: ${u}`);
-  const f = V(
+  const f = F(
     i,
     (g) => {
       const b = g.value.slice(g.selectionStart, g.selectionEnd);
@@ -1237,13 +1237,13 @@ function O(i, e = 1, t = !1) {
   q(f), x("insertHeader", "============ END ============"), H(i, f);
 }
 function ye(i) {
-  O(i, 1, !0);
+  j(i, 1, !0);
 }
 function xe(i) {
-  O(i, 2, !0);
+  j(i, 2, !0);
 }
 function ze(i) {
-  O(i, 3, !0);
+  j(i, 3, !0);
 }
 function Le(i, e) {
   if (!T(i)) return;
@@ -1251,7 +1251,7 @@ function Le(i, e) {
   let n;
   if (t.multiline) {
     const r = i.value.slice(i.selectionStart, i.selectionEnd);
-    U(r) ? n = K(i, t) : n = A(i, t);
+    D(r) ? n = K(i, t) : n = A(i, t);
   } else
     n = A(i, t);
   H(i, n);
@@ -1267,7 +1267,7 @@ const ae = {
   toggleNumberedList: Y,
   toggleQuote: ee,
   toggleTaskList: te,
-  insertHeader: O,
+  insertHeader: j,
   toggleH1: ye,
   toggleH2: xe,
   toggleH3: ze,
@@ -1278,7 +1278,7 @@ const ae = {
   preserveSelection: ue,
   setUndoMethod: me,
   setDebugMode: de,
-  getDebugMode: D
+  getDebugMode: U
 }, Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   actions: ae,
@@ -1286,10 +1286,10 @@ const ae = {
   default: ae,
   expandSelection: be,
   getActiveFormats: Z,
-  getDebugMode: D,
+  getDebugMode: U,
   getUndoMethod: Te,
   hasFormat: ge,
-  insertHeader: O,
+  insertHeader: j,
   insertHorizontalRule: ke,
   insertLink: Q,
   preserveSelection: ue,
@@ -1355,7 +1355,7 @@ class Se {
   destroy() {
   }
 }
-const I = {
+const _ = {
   name: "solar",
   colors: {
     bgPrimary: "#faf0ca",
@@ -1458,10 +1458,10 @@ const I = {
     // Table/element borders
   }
 }, le = {
-  solar: I,
+  solar: _,
   cave: se,
   // Aliases for backward compatibility
-  light: I,
+  light: _,
   dark: se
 };
 function M(i) {
@@ -2270,42 +2270,71 @@ function je(i = {}) {
       height: 2px !important;
     }
     
-    /* Tables - GFM-style table rendering */
+    /* ──────────────────────────────────────────────────────────────────
+     * TABLES
+     *
+     * Strategy: in edit mode the raw pipe lines (table-row, table-separator,
+     * mz-table-annotation) stay as plain <div> text lines — perfectly
+     * line-aligned with the textarea because they are just text.  The
+     * postProcessHTML assembles a real <table> in the DOM alongside those
+     * divs, but we hide the <table> in edit mode and show only the raw lines.
+     * In preview mode we flip: hide the raw lines, show the <table>.
+     * ────────────────────────────────────────────────────────────────── */
+
+    /* Edit mode: hide the rendered <table>, show the raw lines */
+    .marzipan-container:not(.preview-mode) .marzipan-preview .marzipan-table {
+      display: none !important;
+    }
+
+    /* Edit mode: dim annotation comment and separator so they look secondary */
+    .marzipan-container:not(.preview-mode) .marzipan-preview .mz-table-annotation,
+    .marzipan-container:not(.preview-mode) .marzipan-preview .table-separator {
+      opacity: 0.45 !important;
+    }
+
+    /* Preview mode: hide raw pipe lines, show the <table> */
+    .marzipan-container.preview-mode .marzipan-preview .table-row,
+    .marzipan-container.preview-mode .marzipan-preview .table-separator,
+    .marzipan-container.preview-mode .marzipan-preview .mz-table-annotation {
+      display: none !important;
+    }
+
+    /* ── Rendered table styles (preview mode only) ── */
     .marzipan-preview .marzipan-table {
       border-collapse: collapse !important;
-      margin: 1em 0 !important;
+      margin: 0.5em 0 !important;
       width: auto !important;
-      overflow: auto !important;
       display: table !important;
     }
-    
+
     .marzipan-preview .marzipan-table th,
     .marzipan-preview .marzipan-table td {
       border: 1px solid var(--border, rgba(128,128,128,0.4)) !important;
-      padding: 0.4em 0.8em !important;
+      padding: 0.5em 1em !important;
       text-align: left !important;
     }
-    
+
     .marzipan-preview .marzipan-table th {
       background: var(--bg-secondary, rgba(128,128,128,0.15)) !important;
       font-weight: 600 !important;
+      padding: 0.65em 1em !important;
     }
-    
+
     .marzipan-preview .marzipan-table tr:nth-child(even) td {
       background: var(--bg-secondary, rgba(128,128,128,0.05)) !important;
     }
-    
+
     .marzipan-preview .marzipan-table thead,
     .marzipan-preview .marzipan-table tbody,
     .marzipan-preview .marzipan-table tr {
       display: table-row-group !important;
     }
-    
+
     .marzipan-preview .marzipan-table tr {
       display: table-row !important;
     }
 
-    /* Table alignment (parsed from GFM :--- :---: ---: markers) */
+    /* Column alignment */
     .marzipan-preview .marzipan-table th[style*="text-align: center"],
     .marzipan-preview .marzipan-table td[style*="text-align: center"] {
       text-align: center !important;
@@ -2315,65 +2344,13 @@ function je(i = {}) {
       text-align: right !important;
     }
 
-    /* Table style presets */
-    .marzipan-preview .marzipan-table.mz-table-striped tr:nth-child(odd) td {
-      background: transparent !important;
-    }
-    .marzipan-preview .marzipan-table.mz-table-striped tr:nth-child(even) td {
-      background: var(--bg-secondary, rgba(128,128,128,0.08)) !important;
-    }
-
-    .marzipan-preview .marzipan-table.mz-table-rainbow tr:nth-child(even) td { background: transparent !important; }
-    .marzipan-preview .marzipan-table.mz-table-rainbow tbody tr:nth-child(6n+1) td { background: rgba(236,72,153,0.10) !important; }
-    .marzipan-preview .marzipan-table.mz-table-rainbow tbody tr:nth-child(6n+2) td { background: rgba(139,92,246,0.10) !important; }
-    .marzipan-preview .marzipan-table.mz-table-rainbow tbody tr:nth-child(6n+3) td { background: rgba(6,182,212,0.10) !important; }
-    .marzipan-preview .marzipan-table.mz-table-rainbow tbody tr:nth-child(6n+4) td { background: rgba(16,185,129,0.10) !important; }
-    .marzipan-preview .marzipan-table.mz-table-rainbow tbody tr:nth-child(6n+5) td { background: rgba(245,158,11,0.10) !important; }
-    .marzipan-preview .marzipan-table.mz-table-rainbow tbody tr:nth-child(6n+6) td { background: rgba(59,130,246,0.10) !important; }
-    .marzipan-preview .marzipan-table.mz-table-rainbow th {
-      background: rgba(236,72,153,0.18) !important;
-    }
-
-    .marzipan-preview .marzipan-table.mz-table-minimal {
-      border: none !important;
-    }
-    .marzipan-preview .marzipan-table.mz-table-minimal th,
-    .marzipan-preview .marzipan-table.mz-table-minimal td {
-      border: none !important;
-      border-bottom: 1px solid var(--border, rgba(128,128,128,0.25)) !important;
-    }
-    .marzipan-preview .marzipan-table.mz-table-minimal th {
-      border-bottom: 2px solid var(--border, rgba(128,128,128,0.5)) !important;
-      background: transparent !important;
-    }
-    .marzipan-preview .marzipan-table.mz-table-minimal tr:nth-child(even) td {
-      background: transparent !important;
-    }
-
-    /* Table border style presets */
-    .marzipan-preview .marzipan-table.mz-border-dashed th,
-    .marzipan-preview .marzipan-table.mz-border-dashed td {
-      border-style: dashed !important;
-    }
-    .marzipan-preview .marzipan-table.mz-border-dotted th,
-    .marzipan-preview .marzipan-table.mz-border-dotted td {
-      border-style: dotted !important;
-    }
-    .marzipan-preview .marzipan-table.mz-border-double th,
-    .marzipan-preview .marzipan-table.mz-border-double td {
-      border-style: double !important;
-      border-width: 3px !important;
-    }
-    .marzipan-preview .marzipan-table.mz-border-none th,
-    .marzipan-preview .marzipan-table.mz-border-none td {
-      border-color: transparent !important;
-    }
-    
-    /* In preview mode - hide table syntax markers */
-    .marzipan-container.preview-mode .marzipan-wrapper .marzipan-preview .table-row,
-    .marzipan-container.preview-mode .marzipan-wrapper .marzipan-preview .table-separator {
-      display: none !important;
-    }
+    /* Header color options */
+    .marzipan-preview .marzipan-table.mz-header-pink    th { background: rgba(236,72,153,0.22)  !important; }
+    .marzipan-preview .marzipan-table.mz-header-purple  th { background: rgba(139,92,246,0.22)  !important; }
+    .marzipan-preview .marzipan-table.mz-header-blue    th { background: rgba(59,130,246,0.22)  !important; }
+    .marzipan-preview .marzipan-table.mz-header-cyan    th { background: rgba(6,182,212,0.22)   !important; }
+    .marzipan-preview .marzipan-table.mz-header-green   th { background: rgba(16,185,129,0.22)  !important; }
+    .marzipan-preview .marzipan-table.mz-header-amber   th { background: rgba(245,158,11,0.22)  !important; }
     
     /* Images - responsive and styled */
     .marzipan-preview .marzipan-image {
@@ -2402,9 +2379,9 @@ const Oe = `<svg viewBox="0 0 18 18">
   <line stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="8" x2="10" y1="14" y2="4"></line>
 </svg>`, Ve = `<svg viewBox="0 0 18 18">
   <path fill="currentColor" d="M10,4V14a1,1,0,0,1-2,0V10H3v4a1,1,0,0,1-2,0V4A1,1,0,0,1,3,4V8H8V4a1,1,0,0,1,2,0Zm6.06787,9.209H14.98975V7.59863a.54085.54085,0,0,0-.605-.60547h-.62744a1.01119,1.01119,0,0,0-.748.29688L11.645,8.56641a.5435.5435,0,0,0-.022.8584l.28613.30762a.53861.53861,0,0,0,.84717.0332l.09912-.08789a1.2137,1.2137,0,0,0,.2417-.35254h.02246s-.01123.30859-.01123.60547V13.209H12.041a.54085.54085,0,0,0-.605.60547v.43945a.54085.54085,0,0,0,.605.60547h4.02686a.54085.54085,0,0,0,.605-.60547v-.43945A.54085.54085,0,0,0,16.06787,13.209Z"></path>
-</svg>`, Ue = `<svg viewBox="0 0 18 18">
-  <path fill="currentColor" d="M16.73975,13.81445v.43945a.54085.54085,0,0,1-.605.60547H11.855a.58392.58392,0,0,1-.64893-.60547V14.0127c0-2.90527,3.39941-3.42187,3.39941-4.55469a.77675.77675,0,0,0-.84717-.78125,1.17684,1.17684,0,0,0-.83594.38477c-.2749.26367-.561.374-.85791.13184l-.4292-.34082c-.30811-.24219-.38525-.51758-.1543-.81445a2.97155,2.97155,0,0,1,2.45361-1.17676,2.45393,2.45393,0,0,1,2.68408,2.40918c0,2.45312-3.1792,2.92676-3.27832,3.93848h2.79443A.54085.54085,0,0,1,16.73975,13.81445ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"></path>
 </svg>`, De = `<svg viewBox="0 0 18 18">
+  <path fill="currentColor" d="M16.73975,13.81445v.43945a.54085.54085,0,0,1-.605.60547H11.855a.58392.58392,0,0,1-.64893-.60547V14.0127c0-2.90527,3.39941-3.42187,3.39941-4.55469a.77675.77675,0,0,0-.84717-.78125,1.17684,1.17684,0,0,0-.83594.38477c-.2749.26367-.561.374-.85791.13184l-.4292-.34082c-.30811-.24219-.38525-.51758-.1543-.81445a2.97155,2.97155,0,0,1,2.45361-1.17676,2.45393,2.45393,0,0,1,2.68408,2.40918c0,2.45312-3.1792,2.92676-3.27832,3.93848h2.79443A.54085.54085,0,0,1,16.73975,13.81445ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"></path>
+</svg>`, Ue = `<svg viewBox="0 0 18 18">
   <path fill="currentColor" d="M16.65186,12.30664a2.6742,2.6742,0,0,1-2.915,2.68457,3.96592,3.96592,0,0,1-2.25537-.6709.56007.56007,0,0,1-.13232-.83594L11.64648,13c.209-.34082.48389-.36328.82471-.1543a2.32654,2.32654,0,0,0,1.12256.33008c.71484,0,1.12207-.35156,1.12207-.78125,0-.61523-.61621-.86816-1.46338-.86816H13.2085a.65159.65159,0,0,1-.68213-.41895l-.05518-.10937a.67114.67114,0,0,1,.14307-.78125l.71533-.86914a8.55289,8.55289,0,0,1,.68213-.7373V8.58887a3.93913,3.93913,0,0,1-.748.05469H11.9873a.54085.54085,0,0,1-.605-.60547V7.59863a.54085.54085,0,0,1,.605-.60547h3.75146a.53773.53773,0,0,1,.60547.59375v.17676a1.03723,1.03723,0,0,1-.27539.748L14.74854,10.0293A2.31132,2.31132,0,0,1,16.65186,12.30664ZM9,3A.99974.99974,0,0,0,8,4V8H3V4A1,1,0,0,0,1,4V14a1,1,0,0,0,2,0V10H8v4a1,1,0,0,0,2,0V4A.99974.99974,0,0,0,9,3Z"></path>
 </svg>`, qe = `<svg viewBox="0 0 18 18">
   <line stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" x1="7" x2="11" y1="7" y2="11"></line>
@@ -2457,8 +2434,8 @@ const Oe = `<svg viewBox="0 0 18 18">
   orderedList: { name: "orderedList", icon: Ze, title: "Numbered List", action: "toggleNumberedList" },
   taskList: { name: "taskList", icon: Ge, title: "Task List", action: "toggleTaskList" },
   h1: { name: "h1", icon: Ve, title: "Heading 1", action: "insertH1" },
-  h2: { name: "h2", icon: Ue, title: "Heading 2", action: "insertH2" },
-  h3: { name: "h3", icon: De, title: "Heading 3", action: "insertH3" },
+  h2: { name: "h2", icon: De, title: "Heading 2", action: "insertH2" },
+  h3: { name: "h3", icon: Ue, title: "Heading 3", action: "insertH3" },
   view: { name: "viewMode", icon: Qe, title: "View mode", action: "toggle-view-menu", hasDropdown: !0 },
   plain: { name: "togglePlain", icon: Xe, title: "Toggle plain textarea", action: "toggle-plain" }
 }, et = [
@@ -2896,7 +2873,7 @@ const w = class w {
   }
   _resolveTheme() {
     let e = this.instanceTheme;
-    return typeof e == "string" && (e = M(e)), e || (e = w.currentTheme || I), typeof e == "string" && (e = M(e)), this.instanceColors ? ce(e, this.instanceColors) : e;
+    return typeof e == "string" && (e = M(e)), e || (e = w.currentTheme || _), typeof e == "string" && (e = M(e)), this.instanceColors ? ce(e, this.instanceColors) : e;
   }
   _applyTheme(e) {
     if (!e) return;
@@ -3354,7 +3331,7 @@ const w = class w {
     if (w.stylesInjected && !e) return;
     const t = document.querySelector("style.marzipan-styles");
     t && t.remove();
-    const n = w.currentTheme || I, r = je({ theme: n }), o = document.createElement("style");
+    const n = w.currentTheme || _, r = je({ theme: n }), o = document.createElement("style");
     o.className = "marzipan-styles", o.textContent = r, document.head.appendChild(o), w.stylesInjected = !0;
   }
   /**
@@ -3407,28 +3384,28 @@ const w = class w {
   }
 };
 w.instances = /* @__PURE__ */ new WeakMap(), w.stylesInjected = !1, w.globalListenersInitialized = !1, w.instanceCount = 0;
-let _ = w;
-_.MarkdownParser = $;
-_.ShortcutsManager = Se;
-_.themes = {
-  solar: I,
+let P = w;
+P.MarkdownParser = $;
+P.ShortcutsManager = Se;
+P.themes = {
+  solar: _,
   cave: M("cave"),
   light: M("light"),
   dark: M("dark")
 };
-_.getTheme = M;
-_.currentTheme = I;
+P.getTheme = M;
+P.currentTheme = _;
 export {
   rt as LinkTooltip,
   $ as MarkdownParser,
-  _ as Marzipan,
+  P as Marzipan,
   Se as ShortcutsManager,
   nt as Toolbar,
   Ie as actions,
   ct as buildTableMarkdown,
   se as cave,
   mt as coreImagePickerPlugin,
-  _ as default,
+  P as default,
   je as generateStyles,
   M as getTheme,
   ut as imageManagerPlugin,
@@ -3439,7 +3416,7 @@ export {
   yt as mermaidPlugin,
   st as plugins,
   pt as resolvePositiveInteger,
-  I as solar,
+  _ as solar,
   zt as tableGeneratorPlugin,
   St as tableGridPlugin,
   Ct as tableGridStyles,