@blocknote/xl-email-exporter 0.34.0 → 0.36.0

package/dist/blocknote-xl-email-exporter.js

@@ -1,16 +1,140 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { mapTableCell as b, Exporter as L, COLORS_DEFAULT as V } from "@blocknote/core";
-import { Text as u, Img as I, CodeBlock as S, dracula as k, Heading as M, Link as H, Section as w, Html as B, Head as A, Body as T, Preview as F, Tailwind as W, Container as Z } from "@react-email/components";
-import { render as D } from "@react-email/render";
+import { jsx as l, jsxs as h } from "react/jsx-runtime";
+import { mapTableCell as T, Exporter as E, COLORS_DEFAULT as R } from "@blocknote/core";
+import { Text as f, Img as A, CodeBlock as D, dracula as F, Heading as W, Link as k, Section as I, Html as Z, Head as z, Body as N, Preview as _, Tailwind as O } from "@react-email/components";
+import { render as j } from "@react-email/render";
 import v from "react";
-const R = {
-  paragraph: (e, t) => /* @__PURE__ */ r(u, { children: t.transformInlineContent(e.content) }),
-  bulletListItem: (e, t) => /* @__PURE__ */ r(u, { children: t.transformInlineContent(e.content) }),
-  toggleListItem: (e, t) => /* @__PURE__ */ r(u, { children: t.transformInlineContent(e.content) }),
-  numberedListItem: (e, t, n) => /* @__PURE__ */ r(u, { children: t.transformInlineContent(e.content) }),
+const g = {
+  fontSize: 16,
+  lineHeight: 1.5,
+  margin: 3,
+  minHeight: 24
+}, m = {
+  paragraph: {
+    style: g
+  },
+  bulletListItem: {
+    style: g
+  },
+  toggleListItem: {
+    style: g
+  },
+  numberedListItem: {
+    style: g
+  },
+  checkListItem: {
+    style: g
+  },
+  quote: {
+    style: g
+  },
+  tableError: {
+    style: g
+  },
+  tableCell: {
+    style: g
+  },
+  caption: {
+    style: g
+  },
+  heading1: {
+    style: {
+      fontSize: 48,
+      margin: 3
+    }
+  },
+  heading2: {
+    style: {
+      fontSize: 36,
+      margin: 3
+    }
+  },
+  heading3: {
+    style: {
+      fontSize: 24,
+      margin: 3
+    }
+  },
+  heading4: {
+    style: {
+      fontSize: 20,
+      margin: 3
+    }
+  },
+  heading5: {
+    style: {
+      fontSize: 18,
+      margin: 3
+    }
+  },
+  heading6: {
+    style: {
+      fontSize: 16,
+      margin: 3
+    }
+  },
+  codeBlock: {
+    style: g
+  }
+}, H = (r = m) => ({
+  paragraph: (e, t) => {
+    var n;
+    return /* @__PURE__ */ l(
+      f,
+      {
+        ...r.paragraph,
+        style: {
+          ...m.paragraph.style,
+          ...(n = r.paragraph) == null ? void 0 : n.style
+        },
+        children: t.transformInlineContent(e.content)
+      }
+    );
+  },
+  bulletListItem: (e, t) => {
+    var n;
+    return /* @__PURE__ */ l(
+      f,
+      {
+        ...r.bulletListItem,
+        style: {
+          ...m.bulletListItem.style,
+          ...(n = r.bulletListItem) == null ? void 0 : n.style
+        },
+        children: t.transformInlineContent(e.content)
+      }
+    );
+  },
+  toggleListItem: (e, t) => {
+    var n;
+    return /* @__PURE__ */ l(
+      f,
+      {
+        ...r.toggleListItem,
+        style: {
+          ...m.toggleListItem.style,
+          ...(n = r.toggleListItem) == null ? void 0 : n.style
+        },
+        children: t.transformInlineContent(e.content)
+      }
+    );
+  },
+  numberedListItem: (e, t, n) => {
+    var o;
+    return /* @__PURE__ */ l(
+      f,
+      {
+        ...r.numberedListItem,
+        style: {
+          ...m.numberedListItem.style,
+          ...(o = r.numberedListItem) == null ? void 0 : o.style
+        },
+        children: t.transformInlineContent(e.content)
+      }
+    );
+  },
   checkListItem: (e, t) => {
-    var s;
-    const o = ((s = e.props) == null ? void 0 : s.checked) ? /* @__PURE__ */ c(
+    var i, s;
+    const o = ((i = e.props) == null ? void 0 : i.checked) ? /* @__PURE__ */ h(
       "svg",
       {
         width: "18",
@@ -18,7 +142,7 @@ const R = {
         viewBox: "0 0 18 18",
         style: { display: "inline", verticalAlign: "middle", marginRight: 8 },
         children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ l(
             "rect",
             {
               x: "2",
@@ -31,7 +155,7 @@ const R = {
               strokeWidth: "2"
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ l(
             "polyline",
             {
               points: "5,10 8,13 13,6",
@@ -42,14 +166,14 @@ const R = {
           )
         ]
       }
-    ) : /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ l(
       "svg",
       {
         width: "18",
         height: "18",
         viewBox: "0 0 18 18",
         style: { display: "inline", verticalAlign: "middle", marginRight: 8 },
-        children: /* @__PURE__ */ r(
+        children: /* @__PURE__ */ l(
           "rect",
           {
             x: "2",
@@ -64,27 +188,56 @@ const R = {
         )
       }
     );
-    return /* @__PURE__ */ c(u, { children: [
-      o,
-      /* @__PURE__ */ r("span", { children: t.transformInlineContent(e.content) })
-    ] });
+    return /* @__PURE__ */ h(
+      f,
+      {
+        ...r.checkListItem,
+        style: {
+          ...m.checkListItem.style,
+          ...(s = r.checkListItem) == null ? void 0 : s.style
+        },
+        children: [
+          o,
+          /* @__PURE__ */ l("span", { children: t.transformInlineContent(e.content) })
+        ]
+      }
+    );
   },
-  heading: (e, t) => /* @__PURE__ */ r(M, { as: `h${e.props.level}`, children: t.transformInlineContent(e.content) }),
-  codeBlock: (e) => {
+  heading: (e, t) => {
     var n;
+    return /* @__PURE__ */ l(
+      W,
+      {
+        as: `h${e.props.level}`,
+        ...r[`heading${e.props.level}`],
+        style: {
+          ...m[`heading${e.props.level}`].style,
+          ...(n = r[`heading${e.props.level}`]) == null ? void 0 : n.style
+        },
+        children: t.transformInlineContent(e.content)
+      }
+    );
+  },
+  codeBlock: (e) => {
+    var n, o;
     const t = ((n = e.content[0]) == null ? void 0 : n.text) || "";
-    return /* @__PURE__ */ r(
-      S,
+    return /* @__PURE__ */ l(
+      D,
       {
         code: t,
         fontFamily: "'CommitMono', monospace",
         language: e.props.language,
-        theme: k
+        theme: F,
+        ...r.codeBlock,
+        style: {
+          ...m.codeBlock.style,
+          ...(o = r.codeBlock) == null ? void 0 : o.style
+        }
       }
     );
   },
   audio: (e) => {
-    const t = /* @__PURE__ */ r(
+    const t = /* @__PURE__ */ l(
       "svg",
       {
         height: "18",
@@ -92,12 +245,12 @@ const R = {
         viewBox: "0 0 24 24",
         fill: "#4F8A10",
         style: { display: "inline", verticalAlign: "middle" },
-        children: /* @__PURE__ */ r("path", { d: "M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z" })
+        children: /* @__PURE__ */ l("path", { d: "M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z" })
       }
     ), n = "previewWidth" in e.props ? e.props.previewWidth : void 0;
-    return /* @__PURE__ */ c("div", { style: { margin: "8px 0" }, children: [
-      /* @__PURE__ */ r(
-        y,
+    return /* @__PURE__ */ h("div", { style: { margin: "8px 0" }, children: [
+      /* @__PURE__ */ l(
+        x,
         {
           url: e.props.url,
           name: e.props.name,
@@ -105,11 +258,18 @@ const R = {
           icon: t
         }
       ),
-      /* @__PURE__ */ r(C, { caption: e.props.caption, width: n })
+      /* @__PURE__ */ l(
+        L,
+        {
+          caption: e.props.caption,
+          width: n,
+          textStyles: r
+        }
+      )
     ] });
   },
   video: (e) => {
-    const t = /* @__PURE__ */ r(
+    const t = /* @__PURE__ */ l(
       "svg",
       {
         height: "18",
@@ -117,12 +277,12 @@ const R = {
         viewBox: "0 0 24 24",
         fill: "#1976D2",
         style: { display: "inline", verticalAlign: "middle" },
-        children: /* @__PURE__ */ r("path", { d: "M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z" })
+        children: /* @__PURE__ */ l("path", { d: "M2 3.9934C2 3.44476 2.45531 3 2.9918 3H21.0082C21.556 3 22 3.44495 22 3.9934V20.0066C22 20.5552 21.5447 21 21.0082 21H2.9918C2.44405 21 2 20.5551 2 20.0066V3.9934ZM8 5V19H16V5H8ZM4 5V7H6V5H4ZM18 5V7H20V5H18ZM4 9V11H6V9H4ZM18 9V11H20V9H18ZM4 13V15H6V13H4ZM18 13V15H20V13H18ZM4 17V19H6V17H4ZM18 17V19H20V17H18Z" })
       }
     ), n = "previewWidth" in e.props ? e.props.previewWidth : void 0;
-    return /* @__PURE__ */ c("div", { style: { margin: "8px 0" }, children: [
-      /* @__PURE__ */ r(
-        y,
+    return /* @__PURE__ */ h("div", { style: { margin: "8px 0" }, children: [
+      /* @__PURE__ */ l(
+        x,
         {
           url: e.props.url,
           name: e.props.name,
@@ -130,11 +290,18 @@ const R = {
           icon: t
         }
       ),
-      /* @__PURE__ */ r(C, { caption: e.props.caption, width: n })
+      /* @__PURE__ */ l(
+        L,
+        {
+          caption: e.props.caption,
+          width: n,
+          textStyles: r
+        }
+      )
     ] });
   },
   file: (e) => {
-    const t = /* @__PURE__ */ r(
+    const t = /* @__PURE__ */ l(
       "svg",
       {
         height: "18",
@@ -142,12 +309,12 @@ const R = {
         viewBox: "0 0 24 24",
         fill: "#888",
         style: { display: "inline", verticalAlign: "middle" },
-        children: /* @__PURE__ */ r("path", { d: "M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z" })
+        children: /* @__PURE__ */ l("path", { d: "M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z" })
       }
     ), n = "previewWidth" in e.props ? e.props.previewWidth : void 0;
-    return /* @__PURE__ */ c("div", { style: { margin: "8px 0" }, children: [
-      /* @__PURE__ */ r(
-        y,
+    return /* @__PURE__ */ h("div", { style: { margin: "8px 0" }, children: [
+      /* @__PURE__ */ l(
+        x,
         {
           url: e.props.url,
           name: e.props.name,
@@ -155,11 +322,18 @@ const R = {
           icon: t
         }
       ),
-      /* @__PURE__ */ r(C, { caption: e.props.caption, width: n })
+      /* @__PURE__ */ l(
+        L,
+        {
+          caption: e.props.caption,
+          width: n,
+          textStyles: r
+        }
+      )
     ] });
   },
-  image: (e) => /* @__PURE__ */ r(
-    I,
+  image: (e) => /* @__PURE__ */ l(
+    A,
     {
       src: e.props.url,
       width: e.props.previewWidth,
@@ -169,9 +343,9 @@ const R = {
   table: (e, t) => {
     const n = e.content;
     if (!n || typeof n != "object" || !Array.isArray(n.rows))
-      return /* @__PURE__ */ r(u, { children: "Table data not available" });
-    const o = n.headerRows ?? 0, s = n.headerCols ?? 0;
-    return /* @__PURE__ */ r(
+      return /* @__PURE__ */ l(f, { ...r.tableError, children: "Table data not available" });
+    const o = n.headerRows ?? 0, i = n.headerCols ?? 0;
+    return /* @__PURE__ */ l(
       "table",
       {
         style: {
@@ -185,49 +359,56 @@ const R = {
         border: 0,
         cellPadding: 0,
         cellSpacing: 0,
-        children: /* @__PURE__ */ r("tbody", { children: n.rows.map((l, a) => /* @__PURE__ */ r("tr", { children: l.cells.map((p, h) => {
-          const i = b(p), m = a < o, d = h < s, f = m || d;
-          return /* @__PURE__ */ r(
-            f ? "th" : "td",
+        children: /* @__PURE__ */ l("tbody", { children: n.rows.map((s, p) => /* @__PURE__ */ l("tr", { children: s.cells.map((u, a) => {
+          var b;
+          const c = T(u), d = p < o, w = a < i, C = d || w;
+          return /* @__PURE__ */ l(
+            C ? "th" : "td",
             {
               style: {
                 border: "1px solid #ddd",
                 padding: "8px 12px",
-                background: f ? "#f5f5f5" : i.props.backgroundColor !== "default" ? i.props.backgroundColor : "#fff",
-                fontWeight: f ? "bold" : "normal",
-                textAlign: i.props.textAlignment || "left",
-                color: i.props.textColor !== "default" ? i.props.textColor : "inherit"
+                background: c.props.backgroundColor !== "default" ? t.options.colors[c.props.backgroundColor].background : "inherit",
+                fontWeight: C ? "bold" : void 0,
+                textAlign: c.props.textAlignment || "left",
+                color: c.props.textColor !== "default" ? t.options.colors[c.props.textColor].text : "inherit",
+                ...m.tableCell.style,
+                ...(b = r.tableCell) == null ? void 0 : b.style
               },
-              ...(i.props.colspan || 1) > 1 && {
-                colSpan: i.props.colspan || 1
+              ...(c.props.colspan || 1) > 1 && {
+                colSpan: c.props.colspan || 1
               },
-              ...(i.props.rowspan || 1) > 1 && {
-                rowSpan: i.props.rowspan || 1
+              ...(c.props.rowspan || 1) > 1 && {
+                rowSpan: c.props.rowspan || 1
               },
-              children: t.transformInlineContent(i.content)
+              children: t.transformInlineContent(c.content)
             },
-            "row_" + a + "_col_" + h
+            "row_" + p + "_col_" + a
           );
-        }) }, "row-" + a)) })
+        }) }, "row-" + p)) })
       }
     );
   },
-  quote: (e, t) => /* @__PURE__ */ r(
-    u,
-    {
-      style: {
-        borderLeft: "4px solid #bdbdbd",
-        background: "#f9f9f9",
-        padding: "12px 16px",
-        margin: "16px 0",
-        fontStyle: "italic",
-        color: "#555",
-        display: "block"
-      },
-      children: t.transformInlineContent(e.content)
-    }
-  ),
-  pageBreak: () => /* @__PURE__ */ r(
+  quote: (e, t) => {
+    var n;
+    return /* @__PURE__ */ l(
+      f,
+      {
+        ...r.quote,
+        style: {
+          borderLeft: "2px solid #bdbdbd",
+          padding: "0px 12px",
+          fontStyle: "italic",
+          color: t.options.colors.gray.text,
+          display: "block",
+          ...m.quote.style,
+          ...(n = r.quote) == null ? void 0 : n.style
+        },
+        children: t.transformInlineContent(e.content)
+      }
+    );
+  },
+  pageBreak: () => /* @__PURE__ */ l(
     "hr",
     {
       style: {
@@ -237,17 +418,17 @@ const R = {
       }
     }
   )
-};
-function y({
-  url: e,
-  name: t,
-  defaultText: n,
-  icon: o
+}), P = H();
+function x({
+  url: r,
+  name: e,
+  defaultText: t,
+  icon: n
 }) {
-  return /* @__PURE__ */ c(
-    H,
+  return /* @__PURE__ */ h(
+    k,
     {
-      href: e,
+      href: r,
       style: {
         textDecoration: "none",
         color: "#333",
@@ -257,21 +438,42 @@ function y({
         fontSize: 16
       },
       children: [
-        o,
-        /* @__PURE__ */ r("span", { style: { verticalAlign: "middle" }, children: t || n })
+        n,
+        /* @__PURE__ */ l("span", { style: { verticalAlign: "middle" }, children: e || t })
       ]
     }
   );
 }
-function C({ caption: e, width: t }) {
-  return e ? /* @__PURE__ */ r(u, { style: { width: t, fontSize: 13, color: "#888", margin: "4px 0 0 0" }, children: e }) : null;
+function L({
+  caption: r,
+  width: e,
+  textStyles: t
+}) {
+  var n;
+  return r ? /* @__PURE__ */ l(
+    f,
+    {
+      ...t.caption,
+      style: {
+        width: e,
+        fontSize: 13,
+        color: "#888",
+        margin: "4px 0 0 0",
+        ...m.caption.style,
+        ...(n = t.caption) == null ? void 0 : n.style
+      },
+      children: r
+    }
+  ) : null;
 }
-const E = {
-  link: (e, t) => /* @__PURE__ */ c(H, { href: e.href, children: [
+const M = {
+  link: {}
+}, S = (r = M) => ({
+  link: (e, t) => /* @__PURE__ */ h(k, { href: e.href, ...r.link, children: [
     ...e.content.map((n) => t.transformStyledText(n))
   ] }),
   text: (e, t) => t.transformStyledText(e)
-}, N = {
+}), q = S(), B = {}, V = (r = B) => ({
   bold: (e) => e ? {
     fontWeight: "bold"
   } : {},
@@ -285,157 +487,179 @@ const E = {
   strike: (e) => e ? {
     textDecoration: "line-through"
   } : {},
-  backgroundColor: (e) => ({
-    backgroundColor: e
-  }),
-  textColor: (e) => e ? {
-    color: e
+  backgroundColor: (e, t) => e ? {
+    backgroundColor: t.options.colors[e].background
+  } : {},
+  textColor: (e, t) => e ? {
+    color: t.options.colors[e].text
   } : {},
   code: (e) => e ? {
-    fontFamily: "Courier"
+    fontFamily: "GeistMono"
   } : {}
-}, G = {
-  blockMapping: R,
-  inlineContentMapping: E,
-  styleMapping: N
-};
-class U extends L {
-  constructor(t, n, o) {
-    const l = {
+}), $ = V(), G = {
+  textStyles: m,
+  linkStyles: M,
+  styleTransformStyles: B
+}, Y = {
+  blockMapping: P,
+  inlineContentMapping: q,
+  styleMapping: $
+}, ee = (r = G) => ({
+  blockMapping: H(
+    r.textStyles
+  ),
+  inlineContentMapping: S(
+    r.linkStyles
+  ),
+  styleMapping: V(
+    r.styleTransformStyles
+  )
+});
+class te extends E {
+  constructor(e, t, n) {
+    const i = {
       ...{
-        colors: V
+        colors: R
       },
-      ...o
+      ...n
     };
-    super(t, n, l), this.schema = t;
+    super(e, t, i), this.schema = e;
   }
-  transformStyledText(t) {
-    const n = this.mapStyles(t.styles), o = Object.assign({}, ...n);
-    return /* @__PURE__ */ r("span", { style: o, children: t.text });
+  transformStyledText(e) {
+    const t = this.mapStyles(e.styles), n = Object.assign({}, ...t);
+    return /* @__PURE__ */ l(
+      "span",
+      {
+        style: n,
+        dangerouslySetInnerHTML: {
+          __html: e.text.replace(/\n/g, "<br />")
+        }
+      }
+    );
   }
-  async renderGroupedListBlocks(t, n, o) {
-    const s = t[n].type, l = [];
-    let a = n;
-    for (let h = 1; a < t.length && t[a].type === s; a++, h++) {
-      const i = t[a], m = await this.mapBlock(
-        i,
-        o,
-        h
+  async renderGroupedListBlocks(e, t, n) {
+    const o = e[t].type, i = [];
+    let s = t;
+    for (let u = 1; s < e.length && e[s].type === o; s++, u++) {
+      const a = e[s], c = await this.mapBlock(
+        a,
+        n,
+        u
       );
       let d = [];
-      i.children && i.children.length > 0 && (d = await this.renderNestedLists(
-        i.children,
-        o + 1,
-        i.id
-      )), l.push(
-        /* @__PURE__ */ c(v.Fragment, { children: [
-          m,
+      a.children && a.children.length > 0 && (d = await this.renderNestedLists(
+        a.children,
+        n + 1,
+        a.id
+      )), i.push(
+        /* @__PURE__ */ h("li", { children: [
+          c,
           d.length > 0 && d
-        ] }, i.id)
+        ] }, a.id)
       );
     }
     let p;
-    return s === "bulletListItem" || s === "toggleListItem" ? p = /* @__PURE__ */ r("ul", { className: "mb-2 list-disc pl-6", children: l }, t[n].id + "-ul") : p = /* @__PURE__ */ r(
+    return o === "bulletListItem" || o === "toggleListItem" ? p = /* @__PURE__ */ l("ul", { className: "mb-2 list-disc pl-6", children: i }, e[t].id + "-ul") : p = /* @__PURE__ */ l(
       "ol",
       {
         className: "mb-2 list-decimal pl-6",
         start: 1,
-        children: l
+        children: i
       },
-      t[n].id + "-ol"
-    ), { element: p, nextIndex: a };
+      e[t].id + "-ol"
+    ), { element: p, nextIndex: s };
   }
-  async renderNestedLists(t, n, o) {
-    const s = [];
-    let l = 0;
-    for (; l < t.length; ) {
-      const a = t[l];
-      if (a.type === "bulletListItem" || a.type === "numberedListItem") {
-        const p = a.type, h = [];
-        let i = l;
-        for (let m = 1; i < t.length && t[i].type === p; i++, m++) {
-          const d = t[i], f = await this.mapBlock(
+  async renderNestedLists(e, t, n) {
+    const o = [];
+    let i = 0;
+    for (; i < e.length; ) {
+      const s = e[i];
+      if (s.type === "bulletListItem" || s.type === "numberedListItem") {
+        const p = s.type, u = [];
+        let a = i;
+        for (let c = 1; a < e.length && e[a].type === p; a++, c++) {
+          const d = e[a], w = await this.mapBlock(
             d,
-            n,
-            m
-          ), x = this.blocknoteDefaultPropsToReactEmailStyle(
+            t,
+            c
+          ), C = this.blocknoteDefaultPropsToReactEmailStyle(
             d.props
           );
-          let g = [];
-          d.children && d.children.length > 0 && (d.children[0] && (d.children[0].type === "bulletListItem" || d.children[0].type === "numberedListItem") ? g = await this.renderNestedLists(
+          let y = [];
+          d.children && d.children.length > 0 && (d.children[0] && (d.children[0].type === "bulletListItem" || d.children[0].type === "numberedListItem") ? y = await this.renderNestedLists(
             d.children,
-            n + 1,
+            t + 1,
             d.id
-          ) : g = await this.transformBlocks(
+          ) : y = await this.transformBlocks(
             d.children,
-            n + 1
-          )), h.push(
-            /* @__PURE__ */ c("li", { style: x, children: [
-              f,
-              g.length > 0 && /* @__PURE__ */ r("div", { style: { marginTop: "8px" }, children: g })
+            t + 1
+          )), u.push(
+            /* @__PURE__ */ h("li", { style: C, children: [
+              w,
+              y.length > 0 && /* @__PURE__ */ l("div", { style: { marginTop: "8px" }, children: y })
             ] }, d.id)
           );
         }
-        p === "bulletListItem" ? s.push(
-          /* @__PURE__ */ r(
+        p === "bulletListItem" ? o.push(
+          /* @__PURE__ */ l(
             "ul",
             {
               className: "mb-2 list-disc pl-6",
-              children: h
+              children: u
             },
-            o + "-ul-nested-" + l
+            n + "-ul-nested-" + i
           )
-        ) : s.push(
-          /* @__PURE__ */ r(
+        ) : o.push(
+          /* @__PURE__ */ l(
             "ol",
             {
               className: "mb-2 list-decimal pl-6",
               start: 1,
-              children: h
+              children: u
             },
-            o + "-ol-nested-" + l
+            n + "-ol-nested-" + i
           )
-        ), l = i;
+        ), i = a;
       } else {
-        const p = await this.transformBlocks([a], n);
-        s.push(
-          /* @__PURE__ */ r(w, { style: { marginLeft: "24px" }, children: p }, a.id)
-        ), l++;
+        const p = await this.transformBlocks([s], t);
+        o.push(
+          /* @__PURE__ */ l(I, { style: { marginLeft: "24px" }, children: p }, s.id)
+        ), i++;
       }
     }
-    return s;
+    return o;
   }
-  async transformBlocks(t, n = 0) {
-    const o = [];
-    let s = 0;
-    for (; s < t.length; ) {
-      const l = t[s];
-      if (l.type === "bulletListItem" || l.type === "numberedListItem") {
-        const { element: i, nextIndex: m } = await this.renderGroupedListBlocks(
-          t,
-          s,
-          n
+  async transformBlocks(e, t = 0) {
+    const n = [];
+    let o = 0;
+    for (; o < e.length; ) {
+      const i = e[o];
+      if (i.type === "bulletListItem" || i.type === "numberedListItem" || i.type === "toggleListItem") {
+        const { element: a, nextIndex: c } = await this.renderGroupedListBlocks(
+          e,
+          o,
+          t
         );
-        o.push(i), s = m;
+        n.push(a), o = c;
         continue;
       }
-      const a = await this.transformBlocks(l.children, n + 1), p = await this.mapBlock(l, n, 0), h = this.blocknoteDefaultPropsToReactEmailStyle(l.props);
-      o.push(
-        /* @__PURE__ */ c(v.Fragment, { children: [
-          /* @__PURE__ */ r(w, { style: h, children: p }),
-          a.length > 0 && /* @__PURE__ */ r("div", { style: { marginLeft: "24px" }, children: a })
-        ] }, l.id)
-      ), s++;
+      const s = await this.transformBlocks(i.children, t + 1), p = await this.mapBlock(i, t, 0), u = this.blocknoteDefaultPropsToReactEmailStyle(i.props);
+      n.push(
+        /* @__PURE__ */ h(v.Fragment, { children: [
+          /* @__PURE__ */ l(I, { style: u, children: p }),
+          s.length > 0 && /* @__PURE__ */ l("div", { style: { marginLeft: "24px" }, children: s })
+        ] }, i.id)
+      ), o++;
     }
-    return o;
+    return n;
   }
-  async toReactEmailDocument(t, n) {
-    const o = await this.transformBlocks(t);
-    return D(
-      /* @__PURE__ */ c(B, { children: [
-        /* @__PURE__ */ r(A, { children: n == null ? void 0 : n.head }),
-        /* @__PURE__ */ c(
-          T,
+  async toReactEmailDocument(e, t) {
+    const n = await this.transformBlocks(e), o = (t == null ? void 0 : t.container) || (({ children: i }) => /* @__PURE__ */ l(v.Fragment, { children: i }));
+    return j(
+      /* @__PURE__ */ h(Z, { children: [
+        /* @__PURE__ */ l(z, { children: t == null ? void 0 : t.head }),
+        /* @__PURE__ */ h(
+          N,
           {
             style: {
               fontFamily: "'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif",
@@ -444,11 +668,11 @@ class U extends L {
               color: "#333"
             },
             children: [
-              (n == null ? void 0 : n.preview) && /* @__PURE__ */ r(F, { children: n.preview }),
-              /* @__PURE__ */ r(W, { children: /* @__PURE__ */ c(Z, { children: [
-                n == null ? void 0 : n.header,
-                o,
-                n == null ? void 0 : n.footer
+              (t == null ? void 0 : t.preview) && /* @__PURE__ */ l(_, { children: t.preview }),
+              /* @__PURE__ */ l(O, { children: /* @__PURE__ */ h(o, { children: [
+                t == null ? void 0 : t.header,
+                n,
+                t == null ? void 0 : t.footer
               ] }) })
             ]
           }
@@ -456,17 +680,28 @@ class U extends L {
       ] })
     );
   }
-  blocknoteDefaultPropsToReactEmailStyle(t) {
+  blocknoteDefaultPropsToReactEmailStyle(e) {
     return {
-      textAlign: t.textAlignment,
-      backgroundColor: t.backgroundColor === "default" || !t.backgroundColor ? void 0 : this.options.colors[t.backgroundColor].background,
-      color: t.textColor === "default" || !t.textColor ? void 0 : this.options.colors[t.textColor].text,
-      alignItems: t.textAlignment === "right" ? "flex-end" : t.textAlignment === "center" ? "center" : void 0
+      textAlign: e.textAlignment,
+      backgroundColor: e.backgroundColor === "default" || !e.backgroundColor ? void 0 : this.options.colors[e.backgroundColor].background,
+      color: e.textColor === "default" || !e.textColor ? void 0 : this.options.colors[e.textColor].text,
+      alignItems: e.textAlignment === "right" ? "flex-end" : e.textAlignment === "center" ? "center" : void 0
     };
   }
 }
 export {
-  U as ReactEmailExporter,
-  G as reactEmailDefaultSchemaMappings
+  te as ReactEmailExporter,
+  H as createReactEmailBlockMappingForDefaultSchema,
+  S as createReactEmailInlineContentMappingForDefaultSchema,
+  V as createReactEmailStyleMappingForDefaultSchema,
+  G as defaultReactEmailDefaultSchemaStyles,
+  M as defaultReactEmailLinkStyles,
+  B as defaultReactEmailStyleTransformStyles,
+  m as defaultReactEmailTextStyles,
+  P as reactEmailBlockMappingForDefaultSchema,
+  Y as reactEmailDefaultSchemaMappings,
+  ee as reactEmailDefaultSchemaMappingsWithStyles,
+  q as reactEmailInlineContentMappingForDefaultSchema,
+  $ as reactEmailStyleMappingForDefaultSchema
 };
 //# sourceMappingURL=blocknote-xl-email-exporter.js.map