@blocknote/xl-email-exporter 0.47.2 → 0.48.0

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

@@ -1,723 +1,479 @@
-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,
-  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
-  }
-}, k = (r = m) => ({
-  paragraph: (e, t) => {
-    var l;
-    return /* @__PURE__ */ n(
-      f,
-      {
-        ...r.paragraph,
-        style: {
-          ...m.paragraph.style,
-          ...(l = r.paragraph) == null ? void 0 : l.style
-        },
-        children: t.transformInlineContent(e.content)
-      }
-    );
-  },
-  bulletListItem: (e, t) => {
-    var l;
-    return /* @__PURE__ */ n(
-      f,
-      {
-        ...r.bulletListItem,
-        style: {
-          ...m.bulletListItem.style,
-          ...(l = r.bulletListItem) == null ? void 0 : l.style
-        },
-        children: t.transformInlineContent(e.content)
-      }
-    );
-  },
-  toggleListItem: (e, t) => {
-    var l;
-    return /* @__PURE__ */ n(
-      f,
-      {
-        ...r.toggleListItem,
-        style: {
-          ...m.toggleListItem.style,
-          ...(l = r.toggleListItem) == null ? void 0 : l.style
-        },
-        children: t.transformInlineContent(e.content)
-      }
-    );
-  },
-  numberedListItem: (e, t, l) => {
-    var i;
-    return /* @__PURE__ */ n(
-      f,
-      {
-        ...r.numberedListItem,
-        style: {
-          ...m.numberedListItem.style,
-          ...(i = r.numberedListItem) == null ? void 0 : i.style
-        },
-        children: t.transformInlineContent(e.content)
-      }
-    );
-  },
-  checkListItem: (e, t) => {
-    var o, a;
-    const i = ((o = e.props) == null ? void 0 : o.checked) ? /* @__PURE__ */ h(
-      "svg",
-      {
-        width: "18",
-        height: "18",
-        viewBox: "0 0 18 18",
-        style: { display: "inline", verticalAlign: "middle", marginRight: 8 },
-        children: [
-          /* @__PURE__ */ n(
-            "rect",
-            {
-              x: "2",
-              y: "2",
-              width: "14",
-              height: "14",
-              rx: "3",
-              fill: "#4F8A10",
-              stroke: "#4F8A10",
-              strokeWidth: "2"
-            }
-          ),
-          /* @__PURE__ */ n(
-            "polyline",
-            {
-              points: "5,10 8,13 13,6",
-              fill: "none",
-              stroke: "#fff",
-              strokeWidth: "2"
-            }
-          )
-        ]
-      }
-    ) : /* @__PURE__ */ n(
-      "svg",
-      {
-        width: "18",
-        height: "18",
-        viewBox: "0 0 18 18",
-        style: { display: "inline", verticalAlign: "middle", marginRight: 8 },
-        children: /* @__PURE__ */ n(
-          "rect",
-          {
-            x: "2",
-            y: "2",
-            width: "14",
-            height: "14",
-            rx: "3",
-            fill: "#fff",
-            stroke: "#888",
-            strokeWidth: "2"
-          }
-        )
-      }
-    );
-    return /* @__PURE__ */ h(
-      f,
-      {
-        ...r.checkListItem,
-        style: {
-          ...m.checkListItem.style,
-          ...(a = r.checkListItem) == null ? void 0 : a.style
-        },
-        children: [
-          i,
-          /* @__PURE__ */ n("span", { children: t.transformInlineContent(e.content) })
-        ]
-      }
-    );
-  },
-  heading: (e, t) => {
-    var l;
-    return /* @__PURE__ */ n(
-      F,
-      {
-        as: `h${e.props.level}`,
-        ...r[`heading${e.props.level}`],
-        style: {
-          ...m[`heading${e.props.level}`].style,
-          ...(l = r[`heading${e.props.level}`]) == null ? void 0 : l.style
-        },
-        children: t.transformInlineContent(e.content)
-      }
-    );
-  },
-  codeBlock: (e) => {
-    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: D,
-        ...r.codeBlock,
-        style: {
-          ...m.codeBlock.style,
-          ...(i = r.codeBlock) == null ? void 0 : i.style
-        }
-      }
-    );
-  },
-  audio: (e) => {
-    const t = /* @__PURE__ */ n(
-      "svg",
-      {
-        height: "18",
-        width: "18",
-        viewBox: "0 0 24 24",
-        fill: "#4F8A10",
-        style: { display: "inline", verticalAlign: "middle" },
-        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" })
-      }
-    ), l = "previewWidth" in e.props ? e.props.previewWidth : void 0;
-    return /* @__PURE__ */ h("div", { style: { margin: "8px 0" }, children: [
-      /* @__PURE__ */ n(
-        w,
-        {
-          url: e.props.url,
-          name: e.props.name,
-          defaultText: "Open audio file",
-          icon: t
-        }
-      ),
-      /* @__PURE__ */ n(
-        x,
-        {
-          caption: e.props.caption,
-          width: l,
-          textStyles: r
-        }
-      )
-    ] });
-  },
-  video: (e) => {
-    const t = /* @__PURE__ */ n(
-      "svg",
-      {
-        height: "18",
-        width: "18",
-        viewBox: "0 0 24 24",
-        fill: "#1976D2",
-        style: { display: "inline", verticalAlign: "middle" },
-        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" })
-      }
-    ), l = "previewWidth" in e.props ? e.props.previewWidth : void 0;
-    return /* @__PURE__ */ h("div", { style: { margin: "8px 0" }, children: [
-      /* @__PURE__ */ n(
-        w,
-        {
-          url: e.props.url,
-          name: e.props.name,
-          defaultText: "Open video file",
-          icon: t
-        }
-      ),
-      /* @__PURE__ */ n(
-        x,
-        {
-          caption: e.props.caption,
-          width: l,
-          textStyles: r
-        }
-      )
-    ] });
-  },
-  file: (e) => {
-    const t = /* @__PURE__ */ n(
-      "svg",
-      {
-        height: "18",
-        width: "18",
-        viewBox: "0 0 24 24",
-        fill: "#888",
-        style: { display: "inline", verticalAlign: "middle" },
-        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" })
-      }
-    ), l = "previewWidth" in e.props ? e.props.previewWidth : void 0;
-    return /* @__PURE__ */ h("div", { style: { margin: "8px 0" }, children: [
-      /* @__PURE__ */ n(
-        w,
-        {
-          url: e.props.url,
-          name: e.props.name,
-          defaultText: "Open file",
-          icon: t
-        }
-      ),
-      /* @__PURE__ */ n(
-        x,
-        {
-          caption: e.props.caption,
-          width: l,
-          textStyles: r
-        }
-      )
-    ] });
-  },
-  image: (e) => /* @__PURE__ */ n(
-    E,
-    {
-      src: e.props.url,
-      width: e.props.previewWidth,
-      alt: e.props.caption
-    }
-  ),
-  table: (e, t) => {
-    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: {
-          borderCollapse: "collapse",
-          width: "100%",
-          margin: "16px 0",
-          border: "1px solid #ddd",
-          borderRadius: 4,
-          overflow: "hidden"
-        },
-        border: 0,
-        cellPadding: 0,
-        cellSpacing: 0,
-        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: d.props.backgroundColor !== "default" ? t.options.colors[d.props.backgroundColor].background : "inherit",
-                fontWeight: C ? "bold" : void 0,
-                textAlign: d.props.textAlignment || "left",
-                color: d.props.textColor !== "default" ? t.options.colors[d.props.textColor].text : "inherit",
-                ...m.tableCell.style,
-                ...(v = r.tableCell) == null ? void 0 : v.style
-              },
-              ...(d.props.colspan || 1) > 1 && {
-                colSpan: d.props.colspan || 1
-              },
-              ...(d.props.rowspan || 1) > 1 && {
-                rowSpan: d.props.rowspan || 1
-              },
-              children: t.transformInlineContent(d.content)
-            },
-            "row_" + s + "_col_" + c
-          );
-        }) }, "row-" + s)) })
-      }
-    );
-  },
-  quote: (e, t) => {
-    var l;
-    return /* @__PURE__ */ n(
-      f,
-      {
-        ...r.quote,
-        style: {
-          borderLeft: "2px solid #bdbdbd",
-          padding: "0px 12px",
-          fontStyle: "italic",
-          color: t.options.colors.gray.text,
-          display: "block",
-          ...m.quote.style,
-          ...(l = r.quote) == null ? void 0 : l.style
-        },
-        children: t.transformInlineContent(e.content)
-      }
-    );
-  },
-  pageBreak: () => /* @__PURE__ */ n(
-    "hr",
-    {
-      style: {
-        border: "none",
-        borderTop: "2px dashed #ccc",
-        margin: "24px 0"
-      }
-    }
-  ),
-  divider: () => /* @__PURE__ */ n(
-    "hr",
-    {
-      style: {
-        border: "none",
-        borderTop: "1px solid #ccc",
-        margin: "11.5px 0"
-      }
-    }
-  )
-}), P = k();
-function w({
-  url: r,
-  name: e,
-  defaultText: t,
-  icon: l
-}) {
-  return /* @__PURE__ */ h(
-    I,
-    {
-      href: r,
-      style: {
-        textDecoration: "none",
-        color: "#333",
-        display: "inline-flex",
-        alignItems: "center",
-        gap: 8,
-        fontSize: 16
-      },
-      children: [
-        l,
-        /* @__PURE__ */ n("span", { style: { verticalAlign: "middle" }, children: e || t })
-      ]
-    }
-  );
+import { COLORS_DEFAULT as e, Exporter as t, mapTableCell as n } from "@blocknote/core";
+import { Body as r, CodeBlock as i, Head as a, Heading as o, Html as s, Img as c, Link as l, Preview as u, Section as d, Tailwind as f, Text as p, dracula as m } from "@react-email/components";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { render as _ } from "@react-email/render";
+import v from "react";
+//#region src/react-email/defaultSchema/blocks.tsx
+var y = {
+	fontSize: 16,
+	lineHeight: 1.5,
+	margin: 3,
+	minHeight: 24
+}, b = {
+	paragraph: { style: y },
+	bulletListItem: { style: y },
+	toggleListItem: { style: y },
+	numberedListItem: { style: y },
+	checkListItem: { style: y },
+	quote: { style: y },
+	tableError: { style: y },
+	tableCell: { style: y },
+	caption: { style: y },
+	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: y }
+}, x = (e = b) => ({
+	paragraph: (t, n) => /* @__PURE__ */ h(p, {
+		...e.paragraph,
+		style: {
+			...b.paragraph.style,
+			...e.paragraph?.style
+		},
+		children: n.transformInlineContent(t.content)
+	}),
+	bulletListItem: (t, n) => /* @__PURE__ */ h(p, {
+		...e.bulletListItem,
+		style: {
+			...b.bulletListItem.style,
+			...e.bulletListItem?.style
+		},
+		children: n.transformInlineContent(t.content)
+	}),
+	toggleListItem: (t, n) => /* @__PURE__ */ h(p, {
+		...e.toggleListItem,
+		style: {
+			...b.toggleListItem.style,
+			...e.toggleListItem?.style
+		},
+		children: n.transformInlineContent(t.content)
+	}),
+	numberedListItem: (t, n, r) => /* @__PURE__ */ h(p, {
+		...e.numberedListItem,
+		style: {
+			...b.numberedListItem.style,
+			...e.numberedListItem?.style
+		},
+		children: n.transformInlineContent(t.content)
+	}),
+	checkListItem: (t, n) => {
+		let r = t.props?.checked ? /* @__PURE__ */ g("svg", {
+			width: "18",
+			height: "18",
+			viewBox: "0 0 18 18",
+			style: {
+				display: "inline",
+				verticalAlign: "middle",
+				marginRight: 8
+			},
+			children: [/* @__PURE__ */ h("rect", {
+				x: "2",
+				y: "2",
+				width: "14",
+				height: "14",
+				rx: "3",
+				fill: "#4F8A10",
+				stroke: "#4F8A10",
+				strokeWidth: "2"
+			}), /* @__PURE__ */ h("polyline", {
+				points: "5,10 8,13 13,6",
+				fill: "none",
+				stroke: "#fff",
+				strokeWidth: "2"
+			})]
+		}) : /* @__PURE__ */ h("svg", {
+			width: "18",
+			height: "18",
+			viewBox: "0 0 18 18",
+			style: {
+				display: "inline",
+				verticalAlign: "middle",
+				marginRight: 8
+			},
+			children: /* @__PURE__ */ h("rect", {
+				x: "2",
+				y: "2",
+				width: "14",
+				height: "14",
+				rx: "3",
+				fill: "#fff",
+				stroke: "#888",
+				strokeWidth: "2"
+			})
+		});
+		return /* @__PURE__ */ g(p, {
+			...e.checkListItem,
+			style: {
+				...b.checkListItem.style,
+				...e.checkListItem?.style
+			},
+			children: [r, /* @__PURE__ */ h("span", { children: n.transformInlineContent(t.content) })]
+		});
+	},
+	heading: (t, n) => /* @__PURE__ */ h(o, {
+		as: `h${t.props.level}`,
+		...e[`heading${t.props.level}`],
+		style: {
+			...b[`heading${t.props.level}`].style,
+			...e[`heading${t.props.level}`]?.style
+		},
+		children: n.transformInlineContent(t.content)
+	}),
+	codeBlock: (t) => /* @__PURE__ */ h(i, {
+		code: t.content[0]?.text || "",
+		fontFamily: "'CommitMono', monospace",
+		language: t.props.language,
+		theme: m,
+		...e.codeBlock,
+		style: {
+			...b.codeBlock.style,
+			...e.codeBlock?.style
+		}
+	}),
+	audio: (t) => {
+		let n = /* @__PURE__ */ h("svg", {
+			height: "18",
+			width: "18",
+			viewBox: "0 0 24 24",
+			fill: "#4F8A10",
+			style: {
+				display: "inline",
+				verticalAlign: "middle"
+			},
+			children: /* @__PURE__ */ h("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" })
+		}), r = "previewWidth" in t.props ? t.props.previewWidth : void 0;
+		return /* @__PURE__ */ g("div", {
+			style: { margin: "8px 0" },
+			children: [/* @__PURE__ */ h(C, {
+				url: t.props.url,
+				name: t.props.name,
+				defaultText: "Open audio file",
+				icon: n
+			}), /* @__PURE__ */ h(w, {
+				caption: t.props.caption,
+				width: r,
+				textStyles: e
+			})]
+		});
+	},
+	video: (t) => {
+		let n = /* @__PURE__ */ h("svg", {
+			height: "18",
+			width: "18",
+			viewBox: "0 0 24 24",
+			fill: "#1976D2",
+			style: {
+				display: "inline",
+				verticalAlign: "middle"
+			},
+			children: /* @__PURE__ */ h("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" })
+		}), r = "previewWidth" in t.props ? t.props.previewWidth : void 0;
+		return /* @__PURE__ */ g("div", {
+			style: { margin: "8px 0" },
+			children: [/* @__PURE__ */ h(C, {
+				url: t.props.url,
+				name: t.props.name,
+				defaultText: "Open video file",
+				icon: n
+			}), /* @__PURE__ */ h(w, {
+				caption: t.props.caption,
+				width: r,
+				textStyles: e
+			})]
+		});
+	},
+	file: (t) => {
+		let n = /* @__PURE__ */ h("svg", {
+			height: "18",
+			width: "18",
+			viewBox: "0 0 24 24",
+			fill: "#888",
+			style: {
+				display: "inline",
+				verticalAlign: "middle"
+			},
+			children: /* @__PURE__ */ h("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" })
+		}), r = "previewWidth" in t.props ? t.props.previewWidth : void 0;
+		return /* @__PURE__ */ g("div", {
+			style: { margin: "8px 0" },
+			children: [/* @__PURE__ */ h(C, {
+				url: t.props.url,
+				name: t.props.name,
+				defaultText: "Open file",
+				icon: n
+			}), /* @__PURE__ */ h(w, {
+				caption: t.props.caption,
+				width: r,
+				textStyles: e
+			})]
+		});
+	},
+	image: (e) => /* @__PURE__ */ h(c, {
+		src: e.props.url,
+		width: e.props.previewWidth,
+		alt: e.props.caption
+	}),
+	table: (t, r) => {
+		let i = t.content;
+		if (!i || typeof i != "object" || !Array.isArray(i.rows)) return /* @__PURE__ */ h(p, {
+			...e.tableError,
+			children: "Table data not available"
+		});
+		let a = i.headerRows ?? 0, o = i.headerCols ?? 0;
+		return /* @__PURE__ */ h("table", {
+			style: {
+				borderCollapse: "collapse",
+				width: "100%",
+				margin: "16px 0",
+				border: "1px solid #ddd",
+				borderRadius: 4,
+				overflow: "hidden"
+			},
+			border: 0,
+			cellPadding: 0,
+			cellSpacing: 0,
+			children: /* @__PURE__ */ h("tbody", { children: i.rows.map((t, i) => /* @__PURE__ */ h("tr", { children: t.cells.map((t, s) => {
+				let c = n(t), l = i < a || s < o;
+				return /* @__PURE__ */ h(l ? "th" : "td", {
+					style: {
+						border: "1px solid #ddd",
+						padding: "8px 12px",
+						background: c.props.backgroundColor === "default" ? "inherit" : r.options.colors[c.props.backgroundColor].background,
+						fontWeight: l ? "bold" : void 0,
+						textAlign: c.props.textAlignment || "left",
+						color: c.props.textColor === "default" ? "inherit" : r.options.colors[c.props.textColor].text,
+						...b.tableCell.style,
+						...e.tableCell?.style
+					},
+					...(c.props.colspan || 1) > 1 && { colSpan: c.props.colspan || 1 },
+					...(c.props.rowspan || 1) > 1 && { rowSpan: c.props.rowspan || 1 },
+					children: r.transformInlineContent(c.content)
+				}, "row_" + i + "_col_" + s);
+			}) }, "row-" + i)) })
+		});
+	},
+	quote: (t, n) => /* @__PURE__ */ h(p, {
+		...e.quote,
+		style: {
+			borderLeft: "2px solid #bdbdbd",
+			padding: "0px 12px",
+			fontStyle: "italic",
+			color: n.options.colors.gray.text,
+			display: "block",
+			...b.quote.style,
+			...e.quote?.style
+		},
+		children: n.transformInlineContent(t.content)
+	}),
+	pageBreak: () => /* @__PURE__ */ h("hr", { style: {
+		border: "none",
+		borderTop: "2px dashed #ccc",
+		margin: "24px 0"
+	} }),
+	divider: () => /* @__PURE__ */ h("hr", { style: {
+		border: "none",
+		borderTop: "1px solid #ccc",
+		margin: "11.5px 0"
+	} })
+}), S = x();
+function C({ url: e, name: t, defaultText: n, icon: r }) {
+	return /* @__PURE__ */ g(l, {
+		href: e,
+		style: {
+			textDecoration: "none",
+			color: "#333",
+			display: "inline-flex",
+			alignItems: "center",
+			gap: 8,
+			fontSize: 16
+		},
+		children: [r, /* @__PURE__ */ h("span", {
+			style: { verticalAlign: "middle" },
+			children: t || n
+		})]
+	});
 }
-function x({
-  caption: r,
-  width: e,
-  textStyles: t
-}) {
-  var l;
-  return r ? /* @__PURE__ */ n(
-    f,
-    {
-      ...t.caption,
-      style: {
-        width: e,
-        fontSize: 13,
-        color: "#888",
-        margin: "4px 0 0 0",
-        ...m.caption.style,
-        ...(l = t.caption) == null ? void 0 : l.style
-      },
-      children: r
-    }
-  ) : null;
+function w({ caption: e, width: t, textStyles: n }) {
+	return e ? /* @__PURE__ */ h(p, {
+		...n.caption,
+		style: {
+			width: t,
+			fontSize: 13,
+			color: "#888",
+			margin: "4px 0 0 0",
+			...b.caption.style,
+			...n.caption?.style
+		},
+		children: e
+	}) : null;
 }
-const H = {
-  link: {}
-}, 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 = S(), M = {}, B = (r = M) => ({
-  bold: (e) => e ? {
-    fontWeight: "bold"
-  } : {},
-  italic: (e) => e ? {
-    fontStyle: "italic"
-  } : {},
-  underline: (e) => e ? {
-    textDecoration: "underline"
-    // TODO: could conflict with strike
-  } : {},
-  strike: (e) => e ? {
-    textDecoration: "line-through"
-  } : {},
-  backgroundColor: (e, t) => e ? {
-    backgroundColor: t.options.colors[e].background
-  } : {},
-  textColor: (e, t) => e ? {
-    color: t.options.colors[e].text
-  } : {},
-  code: (e) => e ? {
-    fontFamily: "GeistMono"
-  } : {}
-}), $ = B(), G = {
-  textStyles: m,
-  linkStyles: H,
-  styleTransformStyles: M
-}, Y = {
-  blockMapping: P,
-  inlineContentMapping: q,
-  styleMapping: $
-}, ee = (r = G) => ({
-  blockMapping: k(
-    r.textStyles
-  ),
-  inlineContentMapping: S(
-    r.linkStyles
-  ),
-  styleMapping: B(
-    r.styleTransformStyles
-  )
-});
-class te extends V {
-  constructor(e, t, l) {
-    const o = {
-      ...{
-        colors: R
-      },
-      ...l
-    };
-    super(e, t, o), this.schema = e;
-  }
-  transformStyledText(e) {
-    const t = this.mapStyles(e.styles), l = Object.assign({}, ...t);
-    return /* @__PURE__ */ n(
-      "span",
-      {
-        style: l,
-        dangerouslySetInnerHTML: {
-          __html: e.text.replace(/\n/g, "<br />")
-        }
-      }
-    );
-  }
-  async renderGroupedListBlocks(e, t, l) {
-    const i = e[t].type, o = [];
-    let a = t;
-    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 p = [];
-      c.children && c.children.length > 0 && (p = await this.renderNestedLists(
-        c.children,
-        l + 1,
-        c.id
-      )), o.push(
-        /* @__PURE__ */ h("li", { children: [
-          d,
-          p.length > 0 && p
-        ] }, c.id)
-      );
-    }
-    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: o
-      },
-      e[t].id + "-ol"
-    ), { element: s, nextIndex: a };
-  }
-  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 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,
-            d
-          ), C = this.blocknoteDefaultPropsToReactEmailStyle(
-            p.props
-          );
-          let y = [];
-          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,
-            p.id
-          ) : y = await this.transformBlocks(
-            p.children,
-            t + 1
-          )), u.push(
-            /* @__PURE__ */ h("li", { style: C, children: [
-              b,
-              y.length > 0 && /* @__PURE__ */ n("div", { style: { marginTop: "8px" }, children: y })
-            ] }, p.id)
-          );
-        }
-        s === "bulletListItem" ? i.push(
-          /* @__PURE__ */ n(
-            "ul",
-            {
-              className: "mb-2 list-disc pl-6",
-              children: u
-            },
-            l + "-ul-nested-" + o
-          )
-        ) : i.push(
-          /* @__PURE__ */ n(
-            "ol",
-            {
-              className: "mb-2 list-decimal pl-6",
-              start: 1,
-              children: u
-            },
-            l + "-ol-nested-" + o
-          )
-        ), o = c;
-      } else {
-        const s = await this.transformBlocks([a], t);
-        i.push(
-          /* @__PURE__ */ n(W, { style: { marginLeft: "24px" }, children: s }, a.id)
-        ), o++;
-      }
-    }
-    return i;
-  }
-  async transformBlocks(e, t = 0) {
-    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,
-          i,
-          t
-        );
-        l.push(c), i = d;
-        continue;
-      }
-      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 l;
-  }
-  async toReactEmailDocument(e, t) {
-    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__ */ n(z, { children: t == null ? void 0 : t.head }),
-        /* @__PURE__ */ h(
-          O,
-          {
-            style: (t == null ? void 0 : t.bodyStyles) ?? {
-              fontFamily: "'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif",
-              fontSize: "16px",
-              lineHeight: "1.5",
-              color: "#333"
-            },
-            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,
-                l,
-                t == null ? void 0 : t.footer
-              ] }) })
-            ]
-          }
-        )
-      ] })
-    );
-    return o && delete globalThis.ReadableByteStreamController, a;
-  }
-  blocknoteDefaultPropsToReactEmailStyle(e) {
-    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,
-  k as createReactEmailBlockMappingForDefaultSchema,
-  S as createReactEmailInlineContentMappingForDefaultSchema,
-  B as createReactEmailStyleMappingForDefaultSchema,
-  G as defaultReactEmailDefaultSchemaStyles,
-  H as defaultReactEmailLinkStyles,
-  M as defaultReactEmailStyleTransformStyles,
-  m as defaultReactEmailTextStyles,
-  P as reactEmailBlockMappingForDefaultSchema,
-  Y as reactEmailDefaultSchemaMappings,
-  ee as reactEmailDefaultSchemaMappingsWithStyles,
-  q as reactEmailInlineContentMappingForDefaultSchema,
-  $ as reactEmailStyleMappingForDefaultSchema
+//#endregion
+//#region src/react-email/defaultSchema/inlinecontent.tsx
+var T = { link: {} }, E = (e = T) => ({
+	link: (t, n) => /* @__PURE__ */ h(l, {
+		href: t.href,
+		...e.link,
+		children: [...t.content.map((e) => n.transformStyledText(e))]
+	}),
+	text: (e, t) => t.transformStyledText(e)
+}), D = E(), O = {}, k = (e = O) => ({
+	bold: (e) => e ? { fontWeight: "bold" } : {},
+	italic: (e) => e ? { fontStyle: "italic" } : {},
+	underline: (e) => e ? { textDecoration: "underline" } : {},
+	strike: (e) => e ? { textDecoration: "line-through" } : {},
+	backgroundColor: (e, t) => e ? { backgroundColor: t.options.colors[e].background } : {},
+	textColor: (e, t) => e ? { color: t.options.colors[e].text } : {},
+	code: (e) => e ? { fontFamily: "GeistMono" } : {}
+}), A = k(), j = {
+	textStyles: b,
+	linkStyles: T,
+	styleTransformStyles: O
+}, M = {
+	blockMapping: S,
+	inlineContentMapping: D,
+	styleMapping: A
+}, N = (e = j) => ({
+	blockMapping: x(e.textStyles),
+	inlineContentMapping: E(e.linkStyles),
+	styleMapping: k(e.styleTransformStyles)
+}), P = class extends t {
+	constructor(t, n, r) {
+		let i = {
+			colors: e,
+			...r
+		};
+		super(t, n, i), this.schema = t;
+	}
+	transformStyledText(e) {
+		let t = this.mapStyles(e.styles);
+		return /* @__PURE__ */ h("span", {
+			style: Object.assign({}, ...t),
+			dangerouslySetInnerHTML: { __html: e.text.replace(/\n/g, "<br />") }
+		});
+	}
+	async renderGroupedListBlocks(e, t, n) {
+		let r = e[t].type, i = [], a = t;
+		for (let t = 1; a < e.length && e[a].type === r; a++, t++) {
+			let r = e[a], o = await this.mapBlock(r, n, t), s = [];
+			r.children && r.children.length > 0 && (s = await this.renderNestedLists(r.children, n + 1, r.id)), i.push(/* @__PURE__ */ g("li", { children: [o, s.length > 0 && s] }, r.id));
+		}
+		let o;
+		return o = r === "bulletListItem" || r === "toggleListItem" ? /* @__PURE__ */ h("ul", {
+			className: "mb-2 list-disc pl-6",
+			children: i
+		}, e[t].id + "-ul") : /* @__PURE__ */ h("ol", {
+			className: "mb-2 list-decimal pl-6",
+			start: 1,
+			children: i
+		}, e[t].id + "-ol"), {
+			element: o,
+			nextIndex: a
+		};
+	}
+	async renderNestedLists(e, t, n) {
+		let r = [], i = 0;
+		for (; i < e.length;) {
+			let a = e[i];
+			if (a.type === "bulletListItem" || a.type === "numberedListItem") {
+				let o = a.type, s = [], c = i;
+				for (let n = 1; c < e.length && e[c].type === o; c++, n++) {
+					let r = e[c], i = await this.mapBlock(r, t, n), a = this.blocknoteDefaultPropsToReactEmailStyle(r.props), o = [];
+					r.children && r.children.length > 0 && (o = r.children[0] && (r.children[0].type === "bulletListItem" || r.children[0].type === "numberedListItem") ? await this.renderNestedLists(r.children, t + 1, r.id) : await this.transformBlocks(r.children, t + 1)), s.push(/* @__PURE__ */ g("li", {
+						style: a,
+						children: [i, o.length > 0 && /* @__PURE__ */ h("div", {
+							style: { marginTop: "8px" },
+							children: o
+						})]
+					}, r.id));
+				}
+				o === "bulletListItem" ? r.push(/* @__PURE__ */ h("ul", {
+					className: "mb-2 list-disc pl-6",
+					children: s
+				}, n + "-ul-nested-" + i)) : r.push(/* @__PURE__ */ h("ol", {
+					className: "mb-2 list-decimal pl-6",
+					start: 1,
+					children: s
+				}, n + "-ol-nested-" + i)), i = c;
+			} else {
+				let e = await this.transformBlocks([a], t);
+				r.push(/* @__PURE__ */ h(d, {
+					style: { marginLeft: "24px" },
+					children: e
+				}, a.id)), i++;
+			}
+		}
+		return r;
+	}
+	async transformBlocks(e, t = 0) {
+		let n = [], r = 0;
+		for (; r < e.length;) {
+			let i = e[r];
+			if (i.type === "bulletListItem" || i.type === "numberedListItem" || i.type === "toggleListItem") {
+				let { element: i, nextIndex: a } = await this.renderGroupedListBlocks(e, r, t);
+				n.push(i), r = a;
+				continue;
+			}
+			let a = await this.transformBlocks(i.children, t + 1), o = await this.mapBlock(i, t, 0), s = this.blocknoteDefaultPropsToReactEmailStyle(i.props);
+			n.push(/* @__PURE__ */ g(v.Fragment, { children: [Object.entries(s).length > 0 ? /* @__PURE__ */ h("div", {
+				style: s,
+				children: o
+			}) : o, a.length > 0 && /* @__PURE__ */ h("div", {
+				style: { marginLeft: "24px" },
+				children: a
+			})] }, i.id)), r++;
+		}
+		return n;
+	}
+	async toReactEmailDocument(e, t) {
+		let n = await this.transformBlocks(e), i = t?.container || (({ children: e }) => /* @__PURE__ */ h(v.Fragment, { children: e })), o = !globalThis.ReadableByteStreamController;
+		o && (globalThis.ReadableByteStreamController = (await import("web-streams-polyfill")).default.ReadableByteStreamController);
+		let c = await _(/* @__PURE__ */ g(s, { children: [/* @__PURE__ */ h(a, { children: t?.head }), /* @__PURE__ */ g(r, {
+			style: t?.bodyStyles ?? {
+				fontFamily: "'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif",
+				fontSize: "16px",
+				lineHeight: "1.5",
+				color: "#333"
+			},
+			children: [t?.preview && /* @__PURE__ */ h(u, { children: t.preview }), /* @__PURE__ */ h(f, { children: /* @__PURE__ */ g(i, { children: [
+				t?.header,
+				n,
+				t?.footer
+			] }) })]
+		})] }));
+		return o && delete globalThis.ReadableByteStreamController, c;
+	}
+	blocknoteDefaultPropsToReactEmailStyle(e) {
+		let t = {
+			textAlign: e.textAlignment === "left" ? void 0 : 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
+		};
+		return Object.fromEntries(Object.entries(t).filter(([e, t]) => t !== void 0));
+	}
 };
-//# sourceMappingURL=blocknote-xl-email-exporter.js.map
+//#endregion
+export { P as ReactEmailExporter, x as createReactEmailBlockMappingForDefaultSchema, E as createReactEmailInlineContentMappingForDefaultSchema, k as createReactEmailStyleMappingForDefaultSchema, j as defaultReactEmailDefaultSchemaStyles, T as defaultReactEmailLinkStyles, O as defaultReactEmailStyleTransformStyles, b as defaultReactEmailTextStyles, S as reactEmailBlockMappingForDefaultSchema, M as reactEmailDefaultSchemaMappings, N as reactEmailDefaultSchemaMappingsWithStyles, D as reactEmailInlineContentMappingForDefaultSchema, A as reactEmailStyleMappingForDefaultSchema };
+
+//# sourceMappingURL=blocknote-xl-email-exporter.js.map