@blocknote/xl-email-exporter 0.44.2 → 0.46.0

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

@@ -1,8 +1,8 @@
-import { jsx as r, jsxs as h } from "react/jsx-runtime";
-import { mapTableCell as V, 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 v, 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 I from "react";
+import { jsx as n, jsxs as h } from "react/jsx-runtime";
+import { mapTableCell as T, Exporter as V, COLORS_DEFAULT as R } from "@blocknote/core";
+import { Text as f, Img as E, CodeBlock as A, dracula as D, Heading as F, Link as I, Section as W, Html as Z, Head as z, Body as O, Preview as j, Tailwind as _ } from "@react-email/components";
+import { render as N } from "@react-email/render";
+import L from "react";
 const g = {
   fontSize: 16,
   lineHeight: 1.5,
@@ -75,66 +75,66 @@ const g = {
   codeBlock: {
     style: g
   }
-}, H = (l = m) => ({
+}, k = (r = m) => ({
   paragraph: (e, t) => {
-    var n;
-    return /* @__PURE__ */ r(
+    var l;
+    return /* @__PURE__ */ n(
       f,
       {
-        ...l.paragraph,
+        ...r.paragraph,
         style: {
           ...m.paragraph.style,
-          ...(n = l.paragraph) == null ? void 0 : n.style
+          ...(l = r.paragraph) == null ? void 0 : l.style
         },
         children: t.transformInlineContent(e.content)
       }
     );
   },
   bulletListItem: (e, t) => {
-    var n;
-    return /* @__PURE__ */ r(
+    var l;
+    return /* @__PURE__ */ n(
       f,
       {
-        ...l.bulletListItem,
+        ...r.bulletListItem,
         style: {
           ...m.bulletListItem.style,
-          ...(n = l.bulletListItem) == null ? void 0 : n.style
+          ...(l = r.bulletListItem) == null ? void 0 : l.style
         },
         children: t.transformInlineContent(e.content)
       }
     );
   },
   toggleListItem: (e, t) => {
-    var n;
-    return /* @__PURE__ */ r(
+    var l;
+    return /* @__PURE__ */ n(
       f,
       {
-        ...l.toggleListItem,
+        ...r.toggleListItem,
         style: {
           ...m.toggleListItem.style,
-          ...(n = l.toggleListItem) == null ? void 0 : n.style
+          ...(l = r.toggleListItem) == null ? void 0 : l.style
         },
         children: t.transformInlineContent(e.content)
       }
     );
   },
-  numberedListItem: (e, t, n) => {
-    var o;
-    return /* @__PURE__ */ r(
+  numberedListItem: (e, t, l) => {
+    var i;
+    return /* @__PURE__ */ n(
       f,
       {
-        ...l.numberedListItem,
+        ...r.numberedListItem,
         style: {
           ...m.numberedListItem.style,
-          ...(o = l.numberedListItem) == null ? void 0 : o.style
+          ...(i = r.numberedListItem) == null ? void 0 : i.style
         },
         children: t.transformInlineContent(e.content)
       }
     );
   },
   checkListItem: (e, t) => {
-    var i, a;
-    const o = ((i = e.props) == null ? void 0 : i.checked) ? /* @__PURE__ */ h(
+    var o, a;
+    const i = ((o = e.props) == null ? void 0 : o.checked) ? /* @__PURE__ */ h(
       "svg",
       {
         width: "18",
@@ -142,7 +142,7 @@ const g = {
         viewBox: "0 0 18 18",
         style: { display: "inline", verticalAlign: "middle", marginRight: 8 },
         children: [
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             "rect",
             {
               x: "2",
@@ -155,7 +155,7 @@ const g = {
               strokeWidth: "2"
             }
           ),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ n(
             "polyline",
             {
               points: "5,10 8,13 13,6",
@@ -166,14 +166,14 @@ const g = {
           )
         ]
       }
-    ) : /* @__PURE__ */ r(
+    ) : /* @__PURE__ */ n(
       "svg",
       {
         width: "18",
         height: "18",
         viewBox: "0 0 18 18",
         style: { display: "inline", verticalAlign: "middle", marginRight: 8 },
-        children: /* @__PURE__ */ r(
+        children: /* @__PURE__ */ n(
           "rect",
           {
             x: "2",
@@ -191,53 +191,53 @@ const g = {
     return /* @__PURE__ */ h(
       f,
       {
-        ...l.checkListItem,
+        ...r.checkListItem,
         style: {
           ...m.checkListItem.style,
-          ...(a = l.checkListItem) == null ? void 0 : a.style
+          ...(a = r.checkListItem) == null ? void 0 : a.style
         },
         children: [
-          o,
-          /* @__PURE__ */ r("span", { children: t.transformInlineContent(e.content) })
+          i,
+          /* @__PURE__ */ n("span", { children: t.transformInlineContent(e.content) })
         ]
       }
     );
   },
   heading: (e, t) => {
-    var n;
-    return /* @__PURE__ */ r(
-      W,
+    var l;
+    return /* @__PURE__ */ n(
+      F,
       {
         as: `h${e.props.level}`,
-        ...l[`heading${e.props.level}`],
+        ...r[`heading${e.props.level}`],
         style: {
           ...m[`heading${e.props.level}`].style,
-          ...(n = l[`heading${e.props.level}`]) == null ? void 0 : n.style
+          ...(l = r[`heading${e.props.level}`]) == null ? void 0 : l.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(
-      D,
+    var l, i;
+    const t = ((l = e.content[0]) == null ? void 0 : l.text) || "";
+    return /* @__PURE__ */ n(
+      A,
       {
         code: t,
         fontFamily: "'CommitMono', monospace",
         language: e.props.language,
-        theme: F,
-        ...l.codeBlock,
+        theme: D,
+        ...r.codeBlock,
         style: {
           ...m.codeBlock.style,
-          ...(o = l.codeBlock) == null ? void 0 : o.style
+          ...(i = r.codeBlock) == null ? void 0 : i.style
         }
       }
     );
   },
   audio: (e) => {
-    const t = /* @__PURE__ */ r(
+    const t = /* @__PURE__ */ n(
       "svg",
       {
         height: "18",
@@ -245,12 +245,12 @@ const g = {
         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__ */ n("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;
+    ), l = "previewWidth" in e.props ? e.props.previewWidth : void 0;
     return /* @__PURE__ */ h("div", { style: { margin: "8px 0" }, children: [
-      /* @__PURE__ */ r(
-        x,
+      /* @__PURE__ */ n(
+        w,
         {
           url: e.props.url,
           name: e.props.name,
@@ -258,18 +258,18 @@ const g = {
           icon: t
         }
       ),
-      /* @__PURE__ */ r(
-        b,
+      /* @__PURE__ */ n(
+        x,
         {
           caption: e.props.caption,
-          width: n,
-          textStyles: l
+          width: l,
+          textStyles: r
         }
       )
     ] });
   },
   video: (e) => {
-    const t = /* @__PURE__ */ r(
+    const t = /* @__PURE__ */ n(
       "svg",
       {
         height: "18",
@@ -277,12 +277,12 @@ const g = {
         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__ */ n("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;
+    ), l = "previewWidth" in e.props ? e.props.previewWidth : void 0;
     return /* @__PURE__ */ h("div", { style: { margin: "8px 0" }, children: [
-      /* @__PURE__ */ r(
-        x,
+      /* @__PURE__ */ n(
+        w,
         {
           url: e.props.url,
           name: e.props.name,
@@ -290,18 +290,18 @@ const g = {
           icon: t
         }
       ),
-      /* @__PURE__ */ r(
-        b,
+      /* @__PURE__ */ n(
+        x,
         {
           caption: e.props.caption,
-          width: n,
-          textStyles: l
+          width: l,
+          textStyles: r
         }
       )
     ] });
   },
   file: (e) => {
-    const t = /* @__PURE__ */ r(
+    const t = /* @__PURE__ */ n(
       "svg",
       {
         height: "18",
@@ -309,12 +309,12 @@ const g = {
         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__ */ n("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;
+    ), l = "previewWidth" in e.props ? e.props.previewWidth : void 0;
     return /* @__PURE__ */ h("div", { style: { margin: "8px 0" }, children: [
-      /* @__PURE__ */ r(
-        x,
+      /* @__PURE__ */ n(
+        w,
         {
           url: e.props.url,
           name: e.props.name,
@@ -322,18 +322,18 @@ const g = {
           icon: t
         }
       ),
-      /* @__PURE__ */ r(
-        b,
+      /* @__PURE__ */ n(
+        x,
         {
           caption: e.props.caption,
-          width: n,
-          textStyles: l
+          width: l,
+          textStyles: r
         }
       )
     ] });
   },
-  image: (e) => /* @__PURE__ */ r(
-    A,
+  image: (e) => /* @__PURE__ */ n(
+    E,
     {
       src: e.props.url,
       width: e.props.previewWidth,
@@ -341,11 +341,11 @@ const g = {
     }
   ),
   table: (e, t) => {
-    const n = e.content;
-    if (!n || typeof n != "object" || !Array.isArray(n.rows))
-      return /* @__PURE__ */ r(f, { ...l.tableError, children: "Table data not available" });
-    const o = n.headerRows ?? 0, i = n.headerCols ?? 0;
-    return /* @__PURE__ */ r(
+    const l = e.content;
+    if (!l || typeof l != "object" || !Array.isArray(l.rows))
+      return /* @__PURE__ */ n(f, { ...r.tableError, children: "Table data not available" });
+    const i = l.headerRows ?? 0, o = l.headerCols ?? 0;
+    return /* @__PURE__ */ n(
       "table",
       {
         style: {
@@ -359,42 +359,42 @@ const g = {
         border: 0,
         cellPadding: 0,
         cellSpacing: 0,
-        children: /* @__PURE__ */ r("tbody", { children: n.rows.map((a, p) => /* @__PURE__ */ r("tr", { children: a.cells.map((u, s) => {
-          var L;
-          const c = V(u), d = p < o, w = s < i, C = d || w;
-          return /* @__PURE__ */ r(
+        children: /* @__PURE__ */ n("tbody", { children: l.rows.map((a, s) => /* @__PURE__ */ n("tr", { children: a.cells.map((u, c) => {
+          var v;
+          const d = T(u), p = s < i, b = c < o, C = p || b;
+          return /* @__PURE__ */ n(
             C ? "th" : "td",
             {
               style: {
                 border: "1px solid #ddd",
                 padding: "8px 12px",
-                background: c.props.backgroundColor !== "default" ? t.options.colors[c.props.backgroundColor].background : "inherit",
+                background: d.props.backgroundColor !== "default" ? t.options.colors[d.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",
+                textAlign: d.props.textAlignment || "left",
+                color: d.props.textColor !== "default" ? t.options.colors[d.props.textColor].text : "inherit",
                 ...m.tableCell.style,
-                ...(L = l.tableCell) == null ? void 0 : L.style
+                ...(v = r.tableCell) == null ? void 0 : v.style
               },
-              ...(c.props.colspan || 1) > 1 && {
-                colSpan: c.props.colspan || 1
+              ...(d.props.colspan || 1) > 1 && {
+                colSpan: d.props.colspan || 1
               },
-              ...(c.props.rowspan || 1) > 1 && {
-                rowSpan: c.props.rowspan || 1
+              ...(d.props.rowspan || 1) > 1 && {
+                rowSpan: d.props.rowspan || 1
               },
-              children: t.transformInlineContent(c.content)
+              children: t.transformInlineContent(d.content)
             },
-            "row_" + p + "_col_" + s
+            "row_" + s + "_col_" + c
           );
-        }) }, "row-" + p)) })
+        }) }, "row-" + s)) })
       }
     );
   },
   quote: (e, t) => {
-    var n;
-    return /* @__PURE__ */ r(
+    var l;
+    return /* @__PURE__ */ n(
       f,
       {
-        ...l.quote,
+        ...r.quote,
         style: {
           borderLeft: "2px solid #bdbdbd",
           padding: "0px 12px",
@@ -402,13 +402,13 @@ const g = {
           color: t.options.colors.gray.text,
           display: "block",
           ...m.quote.style,
-          ...(n = l.quote) == null ? void 0 : n.style
+          ...(l = r.quote) == null ? void 0 : l.style
         },
         children: t.transformInlineContent(e.content)
       }
     );
   },
-  pageBreak: () => /* @__PURE__ */ r(
+  pageBreak: () => /* @__PURE__ */ n(
     "hr",
     {
       style: {
@@ -418,7 +418,7 @@ const g = {
       }
     }
   ),
-  divider: () => /* @__PURE__ */ r(
+  divider: () => /* @__PURE__ */ n(
     "hr",
     {
       style: {
@@ -428,17 +428,17 @@ const g = {
       }
     }
   )
-}), P = H();
-function x({
-  url: l,
+}), P = k();
+function w({
+  url: r,
   name: e,
   defaultText: t,
-  icon: n
+  icon: l
 }) {
   return /* @__PURE__ */ h(
-    k,
+    I,
     {
-      href: l,
+      href: r,
       style: {
         textDecoration: "none",
         color: "#333",
@@ -448,19 +448,19 @@ function x({
         fontSize: 16
       },
       children: [
-        n,
-        /* @__PURE__ */ r("span", { style: { verticalAlign: "middle" }, children: e || t })
+        l,
+        /* @__PURE__ */ n("span", { style: { verticalAlign: "middle" }, children: e || t })
       ]
     }
   );
 }
-function b({
-  caption: l,
+function x({
+  caption: r,
   width: e,
   textStyles: t
 }) {
-  var n;
-  return l ? /* @__PURE__ */ r(
+  var l;
+  return r ? /* @__PURE__ */ n(
     f,
     {
       ...t.caption,
@@ -470,20 +470,20 @@ function b({
         color: "#888",
         margin: "4px 0 0 0",
         ...m.caption.style,
-        ...(n = t.caption) == null ? void 0 : n.style
+        ...(l = t.caption) == null ? void 0 : l.style
       },
-      children: l
+      children: r
     }
   ) : null;
 }
-const S = {
+const H = {
   link: {}
-}, M = (l = S) => ({
-  link: (e, t) => /* @__PURE__ */ h(k, { href: e.href, ...l.link, children: [
-    ...e.content.map((n) => t.transformStyledText(n))
+}, S = (r = H) => ({
+  link: (e, t) => /* @__PURE__ */ h(I, { href: e.href, ...r.link, children: [
+    ...e.content.map((l) => t.transformStyledText(l))
   ] }),
   text: (e, t) => t.transformStyledText(e)
-}), q = M(), B = {}, T = (l = B) => ({
+}), q = S(), M = {}, B = (r = M) => ({
   bold: (e) => e ? {
     fontWeight: "bold"
   } : {},
@@ -506,170 +506,171 @@ const S = {
   code: (e) => e ? {
     fontFamily: "GeistMono"
   } : {}
-}), $ = T(), G = {
+}), $ = B(), G = {
   textStyles: m,
-  linkStyles: S,
-  styleTransformStyles: B
+  linkStyles: H,
+  styleTransformStyles: M
 }, Y = {
   blockMapping: P,
   inlineContentMapping: q,
   styleMapping: $
-}, ee = (l = G) => ({
-  blockMapping: H(
-    l.textStyles
+}, ee = (r = G) => ({
+  blockMapping: k(
+    r.textStyles
   ),
-  inlineContentMapping: M(
-    l.linkStyles
+  inlineContentMapping: S(
+    r.linkStyles
   ),
-  styleMapping: T(
-    l.styleTransformStyles
+  styleMapping: B(
+    r.styleTransformStyles
   )
 });
-class te extends E {
-  constructor(e, t, n) {
-    const i = {
+class te extends V {
+  constructor(e, t, l) {
+    const o = {
       ...{
         colors: R
       },
-      ...n
+      ...l
     };
-    super(e, t, i), this.schema = e;
+    super(e, t, o), this.schema = e;
   }
   transformStyledText(e) {
-    const t = this.mapStyles(e.styles), n = Object.assign({}, ...t);
-    return /* @__PURE__ */ r(
+    const t = this.mapStyles(e.styles), l = Object.assign({}, ...t);
+    return /* @__PURE__ */ n(
       "span",
       {
-        style: n,
+        style: l,
         dangerouslySetInnerHTML: {
           __html: e.text.replace(/\n/g, "<br />")
         }
       }
     );
   }
-  async renderGroupedListBlocks(e, t, n) {
-    const o = e[t].type, i = [];
+  async renderGroupedListBlocks(e, t, l) {
+    const i = e[t].type, o = [];
     let a = t;
-    for (let u = 1; a < e.length && e[a].type === o; a++, u++) {
-      const s = e[a], c = await this.mapBlock(
-        s,
-        n,
+    for (let u = 1; a < e.length && e[a].type === i; a++, u++) {
+      const c = e[a], d = await this.mapBlock(
+        c,
+        l,
         u
       );
-      let d = [];
-      s.children && s.children.length > 0 && (d = await this.renderNestedLists(
-        s.children,
-        n + 1,
-        s.id
-      )), i.push(
+      let p = [];
+      c.children && c.children.length > 0 && (p = await this.renderNestedLists(
+        c.children,
+        l + 1,
+        c.id
+      )), o.push(
         /* @__PURE__ */ h("li", { children: [
-          c,
-          d.length > 0 && d
-        ] }, s.id)
+          d,
+          p.length > 0 && p
+        ] }, c.id)
       );
     }
-    let p;
-    return o === "bulletListItem" || o === "toggleListItem" ? p = /* @__PURE__ */ r("ul", { className: "mb-2 list-disc pl-6", children: i }, e[t].id + "-ul") : p = /* @__PURE__ */ r(
+    let s;
+    return i === "bulletListItem" || i === "toggleListItem" ? s = /* @__PURE__ */ n("ul", { className: "mb-2 list-disc pl-6", children: o }, e[t].id + "-ul") : s = /* @__PURE__ */ n(
       "ol",
       {
         className: "mb-2 list-decimal pl-6",
         start: 1,
-        children: i
+        children: o
       },
       e[t].id + "-ol"
-    ), { element: p, nextIndex: a };
+    ), { element: s, nextIndex: a };
   }
-  async renderNestedLists(e, t, n) {
-    const o = [];
-    let i = 0;
-    for (; i < e.length; ) {
-      const a = e[i];
+  async renderNestedLists(e, t, l) {
+    const i = [];
+    let o = 0;
+    for (; o < e.length; ) {
+      const a = e[o];
       if (a.type === "bulletListItem" || a.type === "numberedListItem") {
-        const p = a.type, u = [];
-        let s = i;
-        for (let c = 1; s < e.length && e[s].type === p; s++, c++) {
-          const d = e[s], w = await this.mapBlock(
-            d,
+        const s = a.type, u = [];
+        let c = o;
+        for (let d = 1; c < e.length && e[c].type === s; c++, d++) {
+          const p = e[c], b = await this.mapBlock(
+            p,
             t,
-            c
+            d
           ), C = this.blocknoteDefaultPropsToReactEmailStyle(
-            d.props
+            p.props
           );
           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,
+          p.children && p.children.length > 0 && (p.children[0] && (p.children[0].type === "bulletListItem" || p.children[0].type === "numberedListItem") ? y = await this.renderNestedLists(
+            p.children,
             t + 1,
-            d.id
+            p.id
           ) : y = await this.transformBlocks(
-            d.children,
+            p.children,
             t + 1
           )), u.push(
             /* @__PURE__ */ h("li", { style: C, children: [
-              w,
-              y.length > 0 && /* @__PURE__ */ r("div", { style: { marginTop: "8px" }, children: y })
-            ] }, d.id)
+              b,
+              y.length > 0 && /* @__PURE__ */ n("div", { style: { marginTop: "8px" }, children: y })
+            ] }, p.id)
           );
         }
-        p === "bulletListItem" ? o.push(
-          /* @__PURE__ */ r(
+        s === "bulletListItem" ? i.push(
+          /* @__PURE__ */ n(
             "ul",
             {
               className: "mb-2 list-disc pl-6",
               children: u
             },
-            n + "-ul-nested-" + i
+            l + "-ul-nested-" + o
           )
-        ) : o.push(
-          /* @__PURE__ */ r(
+        ) : i.push(
+          /* @__PURE__ */ n(
             "ol",
             {
               className: "mb-2 list-decimal pl-6",
               start: 1,
               children: u
             },
-            n + "-ol-nested-" + i
+            l + "-ol-nested-" + o
           )
-        ), i = s;
+        ), o = c;
       } else {
-        const p = await this.transformBlocks([a], t);
-        o.push(
-          /* @__PURE__ */ r(v, { style: { marginLeft: "24px" }, children: p }, a.id)
-        ), i++;
+        const s = await this.transformBlocks([a], t);
+        i.push(
+          /* @__PURE__ */ n(W, { style: { marginLeft: "24px" }, children: s }, a.id)
+        ), o++;
       }
     }
-    return o;
+    return i;
   }
   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: s, nextIndex: c } = await this.renderGroupedListBlocks(
+    const l = [];
+    let i = 0;
+    for (; i < e.length; ) {
+      const o = e[i];
+      if (o.type === "bulletListItem" || o.type === "numberedListItem" || o.type === "toggleListItem") {
+        const { element: c, nextIndex: d } = await this.renderGroupedListBlocks(
           e,
-          o,
+          i,
           t
         );
-        n.push(s), o = c;
+        l.push(c), i = d;
         continue;
       }
-      const a = await this.transformBlocks(i.children, t + 1), p = await this.mapBlock(i, t, 0), u = this.blocknoteDefaultPropsToReactEmailStyle(i.props);
-      n.push(
-        /* @__PURE__ */ h(I.Fragment, { children: [
-          /* @__PURE__ */ r(v, { style: u, children: p }),
-          a.length > 0 && /* @__PURE__ */ r("div", { style: { marginLeft: "24px" }, children: a })
-        ] }, i.id)
-      ), o++;
+      const a = await this.transformBlocks(o.children, t + 1), s = await this.mapBlock(o, t, 0), u = this.blocknoteDefaultPropsToReactEmailStyle(o.props);
+      l.push(
+        /* @__PURE__ */ h(L.Fragment, { children: [
+          Object.entries(u).length > 0 ? /* @__PURE__ */ n("div", { style: u, children: s }) : s,
+          a.length > 0 && /* @__PURE__ */ n("div", { style: { marginLeft: "24px" }, children: a })
+        ] }, o.id)
+      ), i++;
     }
-    return n;
+    return l;
   }
   async toReactEmailDocument(e, t) {
-    const n = await this.transformBlocks(e), o = (t == null ? void 0 : t.container) || (({ children: i }) => /* @__PURE__ */ r(I.Fragment, { children: i }));
-    return j(
+    const l = await this.transformBlocks(e), i = (t == null ? void 0 : t.container) || (({ children: s }) => /* @__PURE__ */ n(L.Fragment, { children: s })), o = !globalThis.ReadableByteStreamController;
+    o && (globalThis.ReadableByteStreamController = (await import("web-streams-polyfill")).default.ReadableByteStreamController);
+    const a = await N(
       /* @__PURE__ */ h(Z, { children: [
-        /* @__PURE__ */ r(z, { children: t == null ? void 0 : t.head }),
+        /* @__PURE__ */ n(z, { children: t == null ? void 0 : t.head }),
         /* @__PURE__ */ h(
-          N,
+          O,
           {
             style: (t == null ? void 0 : t.bodyStyles) ?? {
               fontFamily: "'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif",
@@ -678,10 +679,10 @@ class te extends E {
               color: "#333"
             },
             children: [
-              (t == null ? void 0 : t.preview) && /* @__PURE__ */ r(_, { children: t.preview }),
-              /* @__PURE__ */ r(O, { children: /* @__PURE__ */ h(o, { children: [
+              (t == null ? void 0 : t.preview) && /* @__PURE__ */ n(j, { children: t.preview }),
+              /* @__PURE__ */ n(_, { children: /* @__PURE__ */ h(i, { children: [
                 t == null ? void 0 : t.header,
-                n,
+                l,
                 t == null ? void 0 : t.footer
               ] }) })
             ]
@@ -689,25 +690,29 @@ class te extends E {
         )
       ] })
     );
+    return o && delete globalThis.ReadableByteStreamController, a;
   }
   blocknoteDefaultPropsToReactEmailStyle(e) {
-    var t, n;
-    return {
-      textAlign: e.textAlignment,
-      backgroundColor: e.backgroundColor === "default" || !e.backgroundColor || (t = this.options.colors[e.backgroundColor]) == null ? void 0 : t.background,
-      color: e.textColor === "default" || !e.textColor || (n = this.options.colors[e.textColor]) == null ? void 0 : n.text,
+    var l, i;
+    const t = {
+      textAlign: e.textAlignment === "left" ? void 0 : e.textAlignment,
+      backgroundColor: e.backgroundColor === "default" || !e.backgroundColor || (l = this.options.colors[e.backgroundColor]) == null ? void 0 : l.background,
+      color: e.textColor === "default" || !e.textColor || (i = this.options.colors[e.textColor]) == null ? void 0 : i.text,
       alignItems: e.textAlignment === "right" ? "flex-end" : e.textAlignment === "center" ? "center" : void 0
     };
+    return Object.fromEntries(
+      Object.entries(t).filter(([o, a]) => a !== void 0)
+    );
   }
 }
 export {
   te as ReactEmailExporter,
-  H as createReactEmailBlockMappingForDefaultSchema,
-  M as createReactEmailInlineContentMappingForDefaultSchema,
-  T as createReactEmailStyleMappingForDefaultSchema,
+  k as createReactEmailBlockMappingForDefaultSchema,
+  S as createReactEmailInlineContentMappingForDefaultSchema,
+  B as createReactEmailStyleMappingForDefaultSchema,
   G as defaultReactEmailDefaultSchemaStyles,
-  S as defaultReactEmailLinkStyles,
-  B as defaultReactEmailStyleTransformStyles,
+  H as defaultReactEmailLinkStyles,
+  M as defaultReactEmailStyleTransformStyles,
   m as defaultReactEmailTextStyles,
   P as reactEmailBlockMappingForDefaultSchema,
   Y as reactEmailDefaultSchemaMappings,