@blocknote/xl-email-exporter 0.51.3 → 0.52.0

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

@@ -140,17 +140,21 @@ var y = {
 		},
 		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
-		}
-	}),
+	codeBlock: (t) => {
+		let [n, ...r] = t.content;
+		if (r.length > 0 || n && !("text" in n)) throw Error("expected plain block content to be a single text item");
+		return /* @__PURE__ */ h(i, {
+			code: n?.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",
@@ -358,6 +362,7 @@ var T = { link: {} }, E = (e = T) => ({
 	inlineContentMapping: E(e.linkStyles),
 	styleMapping: k(e.styleTransformStyles)
 }), P = class extends t {
+	schema;
 	constructor(t, n, r) {
 		let i = {
 			colors: e,

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

@@ -1 +1 @@
-{"version":3,"file":"blocknote-xl-email-exporter.js","names":[],"sources":["../src/react-email/defaultSchema/blocks.tsx","../src/react-email/defaultSchema/inlinecontent.tsx","../src/react-email/defaultSchema/styles.tsx","../src/react-email/defaultSchema/index.ts","../src/react-email/reactEmailExporter.tsx"],"sourcesContent":["import {\n  BlockMapping,\n  createPageBreakBlockConfig,\n  DefaultBlockSchema,\n  mapTableCell,\n  StyledText,\n} from \"@blocknote/core\";\nimport {\n  CodeBlock,\n  dracula,\n  Heading,\n  Img,\n  Link,\n  PrismLanguage,\n  Text,\n} from \"@react-email/components\";\n\n// Define TextProps type based on React Email Text component\ntype TextProps = React.ComponentPropsWithoutRef<typeof Text>;\n\n// Define the styles interface for configurable Text components\nexport interface ReactEmailTextStyles {\n  paragraph?: Partial<TextProps>;\n  bulletListItem?: Partial<TextProps>;\n  toggleListItem?: Partial<TextProps>;\n  numberedListItem?: Partial<TextProps>;\n  checkListItem?: Partial<TextProps>;\n  quote?: Partial<TextProps>;\n  tableError?: Partial<TextProps>;\n  tableCell?: Partial<TextProps>;\n  caption?: Partial<TextProps>;\n  heading1?: Partial<TextProps>;\n  heading2?: Partial<TextProps>;\n  heading3?: Partial<TextProps>;\n  heading4?: Partial<TextProps>;\n  heading5?: Partial<TextProps>;\n  heading6?: Partial<TextProps>;\n  codeBlock?: Partial<React.ComponentProps<typeof CodeBlock>>;\n}\n\nconst defaultTextStyle: TextProps[\"style\"] = {\n  fontSize: 16,\n  lineHeight: 1.5,\n  margin: 3,\n  minHeight: 24,\n};\n\n// Default styles for Text components\nexport const defaultReactEmailTextStyles = {\n  paragraph: {\n    style: defaultTextStyle,\n  },\n  bulletListItem: {\n    style: defaultTextStyle,\n  },\n  toggleListItem: {\n    style: defaultTextStyle,\n  },\n  numberedListItem: {\n    style: defaultTextStyle,\n  },\n  checkListItem: {\n    style: defaultTextStyle,\n  },\n  quote: {\n    style: defaultTextStyle,\n  },\n  tableError: {\n    style: defaultTextStyle,\n  },\n  tableCell: {\n    style: defaultTextStyle,\n  },\n  caption: {\n    style: defaultTextStyle,\n  },\n  heading1: {\n    style: {\n      fontSize: 48,\n      margin: 3,\n    },\n  },\n  heading2: {\n    style: {\n      fontSize: 36,\n      margin: 3,\n    },\n  },\n  heading3: {\n    style: {\n      fontSize: 24,\n      margin: 3,\n    },\n  },\n  heading4: {\n    style: {\n      fontSize: 20,\n      margin: 3,\n    },\n  },\n  heading5: {\n    style: {\n      fontSize: 18,\n      margin: 3,\n    },\n  },\n  heading6: {\n    style: {\n      fontSize: 16,\n      margin: 3,\n    },\n  },\n  codeBlock: {\n    style: defaultTextStyle,\n  },\n} satisfies ReactEmailTextStyles;\n\nexport const createReactEmailBlockMappingForDefaultSchema = (\n  textStyles: ReactEmailTextStyles = defaultReactEmailTextStyles,\n): BlockMapping<\n  DefaultBlockSchema & {\n    pageBreak: ReturnType<typeof createPageBreakBlockConfig>;\n  },\n  any,\n  any,\n  React.ReactElement<any>,\n  React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>\n> => ({\n  paragraph: (block, t) => {\n    return (\n      <Text\n        {...textStyles.paragraph}\n        style={{\n          ...defaultReactEmailTextStyles.paragraph.style,\n          ...textStyles.paragraph?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  bulletListItem: (block, t) => {\n    // Return only the <li> for grouping in the exporter\n    return (\n      <Text\n        {...textStyles.bulletListItem}\n        style={{\n          ...defaultReactEmailTextStyles.bulletListItem.style,\n          ...textStyles.bulletListItem?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  toggleListItem: (block, t) => {\n    // Return only the <li> for grouping in the exporter\n    return (\n      <Text\n        {...textStyles.toggleListItem}\n        style={{\n          ...defaultReactEmailTextStyles.toggleListItem.style,\n          ...textStyles.toggleListItem?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  numberedListItem: (block, t, _nestingLevel) => {\n    // Return only the <li> for grouping in the exporter\n    return (\n      <Text\n        {...textStyles.numberedListItem}\n        style={{\n          ...defaultReactEmailTextStyles.numberedListItem.style,\n          ...textStyles.numberedListItem?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  checkListItem: (block, t) => {\n    // Render a checkbox using inline SVG for better appearance in email\n    // block.props.checked should be true/false\n    const checked = block.props?.checked;\n    const checkboxSvg = checked ? (\n      <svg\n        width=\"18\"\n        height=\"18\"\n        viewBox=\"0 0 18 18\"\n        style={{ display: \"inline\", verticalAlign: \"middle\", marginRight: 8 }}\n      >\n        <rect\n          x=\"2\"\n          y=\"2\"\n          width=\"14\"\n          height=\"14\"\n          rx=\"3\"\n          fill=\"#4F8A10\"\n          stroke=\"#4F8A10\"\n          strokeWidth=\"2\"\n        />\n        <polyline\n          points=\"5,10 8,13 13,6\"\n          fill=\"none\"\n          stroke=\"#fff\"\n          strokeWidth=\"2\"\n        />\n      </svg>\n    ) : (\n      <svg\n        width=\"18\"\n        height=\"18\"\n        viewBox=\"0 0 18 18\"\n        style={{ display: \"inline\", verticalAlign: \"middle\", marginRight: 8 }}\n      >\n        <rect\n          x=\"2\"\n          y=\"2\"\n          width=\"14\"\n          height=\"14\"\n          rx=\"3\"\n          fill=\"#fff\"\n          stroke=\"#888\"\n          strokeWidth=\"2\"\n        />\n      </svg>\n    );\n    return (\n      <Text\n        {...textStyles.checkListItem}\n        style={{\n          ...defaultReactEmailTextStyles.checkListItem.style,\n          ...textStyles.checkListItem?.style,\n        }}\n      >\n        {checkboxSvg}\n        <span>{t.transformInlineContent(block.content)}</span>\n      </Text>\n    );\n  },\n  heading: (block, t) => {\n    return (\n      <Heading\n        as={`h${block.props.level as 1 | 2 | 3 | 4 | 5 | 6}`}\n        {...textStyles[`heading${block.props.level as 1 | 2 | 3 | 4 | 5 | 6}`]}\n        style={{\n          ...defaultReactEmailTextStyles[\n            `heading${block.props.level as 1 | 2 | 3 | 4 | 5 | 6}`\n          ].style,\n          ...textStyles[`heading${block.props.level as 1 | 2 | 3 | 4 | 5 | 6}`]\n            ?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Heading>\n    );\n  },\n\n  codeBlock: (block) => {\n    const textContent = (block.content as StyledText<any>[])[0]?.text || \"\";\n\n    return (\n      <CodeBlock\n        code={textContent}\n        fontFamily=\"'CommitMono', monospace\"\n        language={block.props.language as PrismLanguage}\n        theme={dracula}\n        {...textStyles.codeBlock}\n        style={{\n          ...defaultReactEmailTextStyles.codeBlock.style,\n          ...textStyles.codeBlock?.style,\n        }}\n      />\n    );\n  },\n  audio: (block) => {\n    // Audio icon SVG\n    const icon = (\n      <svg\n        height=\"18\"\n        width=\"18\"\n        viewBox=\"0 0 24 24\"\n        fill=\"#4F8A10\"\n        style={{ display: \"inline\", verticalAlign: \"middle\" }}\n      >\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      </svg>\n    );\n    const previewWidth =\n      \"previewWidth\" in block.props\n        ? (block.props as any).previewWidth\n        : undefined;\n    return (\n      <div style={{ margin: \"8px 0\" }}>\n        <FileLink\n          url={block.props.url}\n          name={block.props.name}\n          defaultText=\"Open audio file\"\n          icon={icon}\n        />\n        <Caption\n          caption={block.props.caption}\n          width={previewWidth}\n          textStyles={textStyles}\n        />\n      </div>\n    );\n  },\n  video: (block) => {\n    // Video icon SVG\n    const icon = (\n      <svg\n        height=\"18\"\n        width=\"18\"\n        viewBox=\"0 0 24 24\"\n        fill=\"#1976D2\"\n        style={{ display: \"inline\", verticalAlign: \"middle\" }}\n      >\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      </svg>\n    );\n    const previewWidth =\n      \"previewWidth\" in block.props\n        ? (block.props as any).previewWidth\n        : undefined;\n    return (\n      <div style={{ margin: \"8px 0\" }}>\n        <FileLink\n          url={block.props.url}\n          name={block.props.name}\n          defaultText=\"Open video file\"\n          icon={icon}\n        />\n        <Caption\n          caption={block.props.caption}\n          width={previewWidth}\n          textStyles={textStyles}\n        />\n      </div>\n    );\n  },\n  file: (block) => {\n    // File icon SVG\n    const icon = (\n      <svg\n        height=\"18\"\n        width=\"18\"\n        viewBox=\"0 0 24 24\"\n        fill=\"#888\"\n        style={{ display: \"inline\", verticalAlign: \"middle\" }}\n      >\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      </svg>\n    );\n    const previewWidth =\n      \"previewWidth\" in block.props\n        ? (block.props as any).previewWidth\n        : undefined;\n    return (\n      <div style={{ margin: \"8px 0\" }}>\n        <FileLink\n          url={block.props.url}\n          name={block.props.name}\n          defaultText=\"Open file\"\n          icon={icon}\n        />\n        <Caption\n          caption={block.props.caption}\n          width={previewWidth}\n          textStyles={textStyles}\n        />\n      </div>\n    );\n  },\n  image: (block) => {\n    return (\n      <Img\n        src={block.props.url}\n        width={block.props.previewWidth}\n        alt={block.props.caption}\n      />\n    );\n  },\n  table: (block, t) => {\n    // Render table using standard HTML table elements for email compatibility\n    const table = block.content;\n    if (!table || typeof table !== \"object\" || !Array.isArray(table.rows)) {\n      return <Text {...textStyles.tableError}>Table data not available</Text>;\n    }\n    const headerRowsCount = (table.headerRows as number) ?? 0;\n    const headerColsCount = (table.headerCols as number) ?? 0;\n\n    return (\n      <table\n        style={{\n          borderCollapse: \"collapse\",\n          width: \"100%\",\n          margin: \"16px 0\",\n          border: \"1px solid #ddd\",\n          borderRadius: 4,\n          overflow: \"hidden\",\n        }}\n        border={0}\n        cellPadding={0}\n        cellSpacing={0}\n      >\n        <tbody>\n          {table.rows.map((row: any, rowIndex: number) => (\n            <tr key={\"row-\" + rowIndex}>\n              {row.cells.map((cell: any, colIndex: number) => {\n                // Use mapTableCell to normalize table cell data into a standard interface\n                // This handles partial cells, provides default values, and ensures consistent structure\n                const normalizedCell = mapTableCell(cell);\n                const isHeaderRow = rowIndex < headerRowsCount;\n                const isHeaderCol = colIndex < headerColsCount;\n                const isHeader = isHeaderRow || isHeaderCol;\n                const CellTag = isHeader ? \"th\" : \"td\";\n                return (\n                  <CellTag\n                    key={\"row_\" + rowIndex + \"_col_\" + colIndex}\n                    style={{\n                      border: \"1px solid #ddd\",\n                      padding: \"8px 12px\",\n                      background:\n                        normalizedCell.props.backgroundColor !== \"default\"\n                          ? t.options.colors[\n                              normalizedCell.props\n                                .backgroundColor as keyof typeof t.options.colors\n                            ].background\n                          : \"inherit\",\n                      fontWeight: isHeader ? \"bold\" : undefined,\n                      textAlign: normalizedCell.props.textAlignment || \"left\",\n                      color:\n                        normalizedCell.props.textColor !== \"default\"\n                          ? t.options.colors[\n                              normalizedCell.props\n                                .textColor as keyof typeof t.options.colors\n                            ].text\n                          : \"inherit\",\n                      ...defaultReactEmailTextStyles.tableCell.style,\n                      ...textStyles.tableCell?.style,\n                    }}\n                    {...((normalizedCell.props.colspan || 1) > 1 && {\n                      colSpan: normalizedCell.props.colspan || 1,\n                    })}\n                    {...((normalizedCell.props.rowspan || 1) > 1 && {\n                      rowSpan: normalizedCell.props.rowspan || 1,\n                    })}\n                  >\n                    {t.transformInlineContent(normalizedCell.content)}\n                  </CellTag>\n                );\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  },\n  quote: (block, t) => {\n    // Render block quote with a left border and subtle background for email compatibility\n    return (\n      <Text\n        {...textStyles.quote}\n        style={{\n          borderLeft: \"2px solid #bdbdbd\",\n          padding: \"0px 12px\",\n          fontStyle: \"italic\",\n          color: t.options.colors.gray.text,\n          display: \"block\",\n          ...defaultReactEmailTextStyles.quote.style,\n          ...textStyles.quote?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  pageBreak: () => {\n    // In email, a page break can be represented as a horizontal rule\n    return (\n      <hr\n        style={{\n          border: \"none\",\n          borderTop: \"2px dashed #ccc\",\n          margin: \"24px 0\",\n        }}\n      />\n    );\n  },\n  divider: () => {\n    return (\n      <hr\n        style={{\n          border: \"none\",\n          borderTop: \"1px solid #ccc\",\n          margin: \"11.5px 0\",\n        }}\n      />\n    );\n  },\n});\n\n// Export the original mapping for backward compatibility\nexport const reactEmailBlockMappingForDefaultSchema =\n  createReactEmailBlockMappingForDefaultSchema();\n\n// Helper for file-like blocks (audio, video, file)\nfunction FileLink({\n  url,\n  name,\n  defaultText,\n  icon,\n}: {\n  url?: string;\n  name?: string;\n  defaultText: string;\n  icon: React.ReactElement;\n}) {\n  return (\n    <Link\n      href={url}\n      style={{\n        textDecoration: \"none\",\n        color: \"#333\",\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        gap: 8,\n        fontSize: 16,\n      }}\n    >\n      {icon}\n      <span style={{ verticalAlign: \"middle\" }}>{name || defaultText}</span>\n    </Link>\n  );\n}\n\nfunction Caption({\n  caption,\n  width,\n  textStyles,\n}: {\n  caption?: string;\n  width?: number;\n  textStyles: ReactEmailTextStyles;\n}) {\n  if (!caption) {\n    return null;\n  }\n  return (\n    <Text\n      {...textStyles.caption}\n      style={{\n        width,\n        fontSize: 13,\n        color: \"#888\",\n        margin: \"4px 0 0 0\",\n        ...defaultReactEmailTextStyles.caption.style,\n        ...textStyles.caption?.style,\n      }}\n    >\n      {caption}\n    </Text>\n  );\n}\n","import {\n  DefaultInlineContentSchema,\n  DefaultStyleSchema,\n  InlineContentMapping,\n} from \"@blocknote/core\";\nimport { Link } from \"@react-email/components\";\n\n// Define the styles interface for configurable Link components\nexport interface ReactEmailLinkStyles {\n  link?: Partial<React.ComponentPropsWithoutRef<typeof Link>>;\n}\n\n// Default styles for Link components\nexport const defaultReactEmailLinkStyles: ReactEmailLinkStyles = {\n  link: {},\n};\n\nexport const createReactEmailInlineContentMappingForDefaultSchema = (\n  linkStyles: ReactEmailLinkStyles = defaultReactEmailLinkStyles,\n): InlineContentMapping<\n  DefaultInlineContentSchema,\n  DefaultStyleSchema,\n  React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>,\n  React.ReactElement<HTMLSpanElement>\n> => ({\n  link: (ic, t) => {\n    return (\n      <Link href={ic.href} {...linkStyles.link}>\n        {...ic.content.map((content) => {\n          return t.transformStyledText(content);\n        })}\n      </Link>\n    );\n  },\n  text: (ic, t) => {\n    return t.transformStyledText(ic);\n  },\n});\n\n// Export the original mapping for backward compatibility\nexport const reactEmailInlineContentMappingForDefaultSchema =\n  createReactEmailInlineContentMappingForDefaultSchema();\n","import { DefaultStyleSchema, StyleMapping } from \"@blocknote/core\";\nimport { CSSProperties } from \"react\";\n\n// Define the styles interface for configurable style transformations\n// This can be extended in the future to allow customizing style transformations\nexport type ReactEmailStyleTransformStyles = Record<string, never>;\n\n// Default styles for style transformations\nexport const defaultReactEmailStyleTransformStyles: ReactEmailStyleTransformStyles =\n  {};\n\nexport const createReactEmailStyleMappingForDefaultSchema = (\n  _styleTransformStyles: ReactEmailStyleTransformStyles = defaultReactEmailStyleTransformStyles,\n): StyleMapping<DefaultStyleSchema, CSSProperties> => ({\n  bold: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      fontWeight: \"bold\",\n    };\n  },\n  italic: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      fontStyle: \"italic\",\n    };\n  },\n  underline: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      textDecoration: \"underline\", // TODO: could conflict with strike\n    };\n  },\n  strike: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      textDecoration: \"line-through\",\n    };\n  },\n  backgroundColor: (val, exporter) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      backgroundColor:\n        exporter.options.colors[val as keyof typeof exporter.options.colors]\n          .background,\n    };\n  },\n  textColor: (val, exporter) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      color:\n        exporter.options.colors[val as keyof typeof exporter.options.colors]\n          .text,\n    };\n  },\n  code: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      fontFamily: \"GeistMono\",\n    };\n  },\n});\n\n// Export the original mapping for backward compatibility\nexport const reactEmailStyleMappingForDefaultSchema =\n  createReactEmailStyleMappingForDefaultSchema();\n","import {\n  reactEmailBlockMappingForDefaultSchema,\n  createReactEmailBlockMappingForDefaultSchema,\n  type ReactEmailTextStyles,\n  defaultReactEmailTextStyles,\n} from \"./blocks.js\";\nimport {\n  reactEmailInlineContentMappingForDefaultSchema,\n  createReactEmailInlineContentMappingForDefaultSchema,\n  type ReactEmailLinkStyles,\n  defaultReactEmailLinkStyles,\n} from \"./inlinecontent.js\";\nimport {\n  reactEmailStyleMappingForDefaultSchema,\n  createReactEmailStyleMappingForDefaultSchema,\n  type ReactEmailStyleTransformStyles,\n  defaultReactEmailStyleTransformStyles,\n} from \"./styles.js\";\n\n// Re-export for backward compatibility\nexport { reactEmailBlockMappingForDefaultSchema } from \"./blocks.js\";\nexport { reactEmailInlineContentMappingForDefaultSchema } from \"./inlinecontent.js\";\nexport { reactEmailStyleMappingForDefaultSchema } from \"./styles.js\";\n\n// Export the new configurable functions\nexport {\n  createReactEmailBlockMappingForDefaultSchema,\n  type ReactEmailTextStyles,\n  defaultReactEmailTextStyles,\n} from \"./blocks.js\";\nexport {\n  createReactEmailInlineContentMappingForDefaultSchema,\n  type ReactEmailLinkStyles,\n  defaultReactEmailLinkStyles,\n} from \"./inlinecontent.js\";\nexport {\n  createReactEmailStyleMappingForDefaultSchema,\n  type ReactEmailStyleTransformStyles,\n  defaultReactEmailStyleTransformStyles,\n} from \"./styles.js\";\n\n// Export the combined styles interface\nexport interface ReactEmailDefaultSchemaStyles {\n  textStyles?: ReactEmailTextStyles;\n  linkStyles?: ReactEmailLinkStyles;\n  styleTransformStyles?: ReactEmailStyleTransformStyles;\n}\n\n// Export the default combined styles\nexport const defaultReactEmailDefaultSchemaStyles: ReactEmailDefaultSchemaStyles =\n  {\n    textStyles: defaultReactEmailTextStyles,\n    linkStyles: defaultReactEmailLinkStyles,\n    styleTransformStyles: defaultReactEmailStyleTransformStyles,\n  };\n\nexport const reactEmailDefaultSchemaMappings = {\n  blockMapping: reactEmailBlockMappingForDefaultSchema,\n  inlineContentMapping: reactEmailInlineContentMappingForDefaultSchema,\n  styleMapping: reactEmailStyleMappingForDefaultSchema,\n};\n\nexport const reactEmailDefaultSchemaMappingsWithStyles = (\n  styles: ReactEmailDefaultSchemaStyles = defaultReactEmailDefaultSchemaStyles,\n): typeof reactEmailDefaultSchemaMappings => {\n  return {\n    blockMapping: createReactEmailBlockMappingForDefaultSchema(\n      styles.textStyles,\n    ),\n    inlineContentMapping: createReactEmailInlineContentMappingForDefaultSchema(\n      styles.linkStyles,\n    ),\n    styleMapping: createReactEmailStyleMappingForDefaultSchema(\n      styles.styleTransformStyles,\n    ),\n  };\n};\n","import {\n  Block,\n  BlockNoteSchema,\n  BlockSchema,\n  COLORS_DEFAULT,\n  DefaultProps,\n  Exporter,\n  ExporterOptions,\n  InlineContentSchema,\n  StyleSchema,\n  StyledText,\n} from \"@blocknote/core\";\nimport {\n  Body,\n  Head,\n  Html,\n  Link,\n  Preview,\n  Section,\n  Tailwind,\n} from \"@react-email/components\";\nimport { render as renderEmail } from \"@react-email/render\";\nimport React, { CSSProperties } from \"react\";\n\nexport class ReactEmailExporter<\n  B extends BlockSchema,\n  S extends StyleSchema,\n  I extends InlineContentSchema,\n> extends Exporter<\n  B,\n  I,\n  S,\n  React.ReactElement<any>,\n  React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>,\n  CSSProperties,\n  React.ReactElement<HTMLSpanElement>\n> {\n  public constructor(\n    public readonly schema: BlockNoteSchema<B, I, S>,\n    mappings: Exporter<\n      NoInfer<B>,\n      NoInfer<I>,\n      NoInfer<S>,\n      React.ReactElement<any>,\n      React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>,\n      CSSProperties,\n      React.ReactElement<HTMLSpanElement>\n    >[\"mappings\"],\n    options?: Partial<ExporterOptions>,\n  ) {\n    const defaults = {\n      colors: COLORS_DEFAULT,\n    } satisfies Partial<ExporterOptions>;\n\n    const newOptions = {\n      ...defaults,\n      ...options,\n    };\n    super(schema, mappings, newOptions);\n  }\n\n  public transformStyledText(styledText: StyledText<S>) {\n    const stylesArray = this.mapStyles(styledText.styles);\n    const styles = Object.assign({}, ...stylesArray);\n    return (\n      <span\n        style={styles}\n        dangerouslySetInnerHTML={{\n          __html: styledText.text.replace(/\\n/g, \"<br />\"),\n        }}\n      />\n    );\n  }\n\n  private async renderGroupedListBlocks(\n    blocks: Block<B, I, S>[],\n    startIndex: number,\n    nestingLevel: number,\n  ): Promise<{ element: React.ReactElement; nextIndex: number }> {\n    const listType = blocks[startIndex].type;\n    const listItems: React.ReactElement<any>[] = [];\n    let j = startIndex;\n\n    for (\n      let itemIndex = 1;\n      j < blocks.length && blocks[j].type === listType;\n      j++, itemIndex++\n    ) {\n      const block = blocks[j];\n      const liContent = (await this.mapBlock(\n        block as any,\n        nestingLevel,\n        itemIndex,\n      )) as any;\n      let nestedList: React.ReactElement<any>[] = [];\n      if (block.children && block.children.length > 0) {\n        nestedList = await this.renderNestedLists(\n          block.children,\n          nestingLevel + 1,\n          block.id,\n        );\n      }\n      listItems.push(\n        <li key={block.id}>\n          {liContent}\n          {nestedList.length > 0 && nestedList}\n        </li>,\n      );\n    }\n    let element: React.ReactElement;\n    if (listType === \"bulletListItem\" || listType === \"toggleListItem\") {\n      element = (\n        <ul className=\"mb-2 list-disc pl-6\" key={blocks[startIndex].id + \"-ul\"}>\n          {listItems}\n        </ul>\n      );\n    } else {\n      element = (\n        <ol\n          className=\"mb-2 list-decimal pl-6\"\n          start={1}\n          key={blocks[startIndex].id + \"-ol\"}\n        >\n          {listItems}\n        </ol>\n      );\n    }\n    return { element, nextIndex: j };\n  }\n\n  private async renderNestedLists(\n    children: Block<B, I, S>[],\n    nestingLevel: number,\n    parentId: string,\n  ): Promise<React.ReactElement<any>[]> {\n    const nestedList: React.ReactElement<any>[] = [];\n    let i = 0;\n    while (i < children.length) {\n      const child = children[i];\n      if (\n        child.type === \"bulletListItem\" ||\n        child.type === \"numberedListItem\"\n      ) {\n        // Group consecutive list items of the same type\n        const listType = child.type;\n        const listItems: React.ReactElement<any>[] = [];\n        let j = i;\n\n        for (\n          let itemIndex = 1;\n          j < children.length && children[j].type === listType;\n          j++, itemIndex++\n        ) {\n          const listItem = children[j];\n          const liContent = (await this.mapBlock(\n            listItem as any,\n            nestingLevel,\n            itemIndex,\n          )) as any;\n          const style = this.blocknoteDefaultPropsToReactEmailStyle(\n            listItem.props as any,\n          );\n          let nestedContent: React.ReactElement<any>[] = [];\n          if (listItem.children && listItem.children.length > 0) {\n            // If children are list items, render as nested list; otherwise, as normal blocks\n            if (\n              listItem.children[0] &&\n              (listItem.children[0].type === \"bulletListItem\" ||\n                listItem.children[0].type === \"numberedListItem\")\n            ) {\n              nestedContent = await this.renderNestedLists(\n                listItem.children,\n                nestingLevel + 1,\n                listItem.id,\n              );\n            } else {\n              nestedContent = await this.transformBlocks(\n                listItem.children,\n                nestingLevel + 1,\n              );\n            }\n          }\n          listItems.push(\n            <li key={listItem.id} style={style}>\n              {liContent}\n              {nestedContent.length > 0 && (\n                <div style={{ marginTop: \"8px\" }}>{nestedContent}</div>\n              )}\n            </li>,\n          );\n        }\n        if (listType === \"bulletListItem\") {\n          nestedList.push(\n            <ul\n              className=\"mb-2 list-disc pl-6\"\n              key={parentId + \"-ul-nested-\" + i}\n            >\n              {listItems}\n            </ul>,\n          );\n        } else {\n          nestedList.push(\n            <ol\n              className=\"mb-2 list-decimal pl-6\"\n              start={1}\n              key={parentId + \"-ol-nested-\" + i}\n            >\n              {listItems}\n            </ol>,\n          );\n        }\n        i = j;\n      } else {\n        // Non-list child, render as normal with indentation\n        const childBlocks = await this.transformBlocks([child], nestingLevel);\n        nestedList.push(\n          <Section key={child.id} style={{ marginLeft: \"24px\" }}>\n            {childBlocks}\n          </Section>,\n        );\n        i++;\n      }\n    }\n    return nestedList;\n  }\n\n  public async transformBlocks(\n    blocks: Block<B, I, S>[],\n    nestingLevel = 0,\n  ): Promise<React.ReactElement<any>[]> {\n    const ret: React.ReactElement<any>[] = [];\n    let i = 0;\n    while (i < blocks.length) {\n      const b = blocks[i];\n      if (\n        b.type === \"bulletListItem\" ||\n        b.type === \"numberedListItem\" ||\n        b.type === \"toggleListItem\"\n      ) {\n        const { element, nextIndex } = await this.renderGroupedListBlocks(\n          blocks,\n          i,\n          nestingLevel,\n        );\n        ret.push(element);\n        i = nextIndex;\n        continue;\n      }\n      // Non-list blocks\n      const children = await this.transformBlocks(b.children, nestingLevel + 1);\n      const self = (await this.mapBlock(b as any, nestingLevel, 0)) as any;\n      const style = this.blocknoteDefaultPropsToReactEmailStyle(b.props as any);\n\n      ret.push(\n        <React.Fragment key={b.id}>\n          {Object.entries(style).length > 0 ? (\n            <div style={style}>{self}</div> // TODO: maybe nicer to set style on child element instead of wrapping in a div?\n          ) : (\n            self\n          )}\n          {children.length > 0 && (\n            <div style={{ marginLeft: \"24px\" }}>{children}</div>\n          )}\n        </React.Fragment>,\n      );\n      i++;\n    }\n    return ret;\n  }\n\n  public async toReactEmailDocument(\n    blocks: Block<B, I, S>[],\n    options?: {\n      /**\n       * Inject elements into the {@link Head} element\n       * @see https://react.email/docs/components/head\n       */\n      head?: React.ReactElement;\n      /**\n       * Set the preview text for the email\n       * @see https://react.email/docs/components/preview\n       */\n      preview?: string | string[];\n      /**\n       * Add a header to every page.\n       * The React component passed must be a React-Email component\n       * @see https://react.email/components\n       */\n      header?: React.ReactElement;\n      /**\n       * Add a footer to every page.\n       * The React component passed must be a React-Email component\n       * @see https://react.email/components\n       */\n      footer?: React.ReactElement;\n      /**\n       * Customize the container element\n       */\n      container?: React.FC<{ children: React.ReactNode }>;\n      /**\n       * Customize the body styles\n       * @default {\n       *   fontFamily: \"'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif\",\n       *   fontSize: \"16px\",\n       *   lineHeight: \"1.5\",\n       *   color: \"#333\",\n       * }\n       */\n      bodyStyles?: CSSProperties;\n    },\n  ) {\n    const transformedBlocks = await this.transformBlocks(blocks);\n    const DefaultContainer =\n      options?.container ||\n      (({ children }: { children: React.ReactNode }) => (\n        <React.Fragment>{children}</React.Fragment>\n      ));\n    const needsPolyfill = !globalThis.ReadableByteStreamController;\n    if (needsPolyfill) {\n      // needed for safari compatibility;\n      // https://github.com/resend/react-email/blob/f02e21e998d507aa3fdfbb7b8639f915b8df6cb5/apps/docs/utilities/render.mdx#3-convert-to-html\n      (globalThis as any).ReadableByteStreamController = (\n        await import(\"web-streams-polyfill\")\n      ).default.ReadableByteStreamController;\n    }\n    const ret = await renderEmail(\n      <Html>\n        <Head>{options?.head}</Head>\n        <Body\n          style={\n            options?.bodyStyles ?? {\n              fontFamily:\n                \"'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif\",\n              fontSize: \"16px\",\n              lineHeight: \"1.5\",\n              color: \"#333\",\n            }\n          }\n        >\n          {options?.preview && <Preview>{options.preview}</Preview>}\n          <Tailwind>\n            <DefaultContainer>\n              {options?.header}\n              {transformedBlocks}\n              {options?.footer}\n            </DefaultContainer>\n          </Tailwind>\n        </Body>\n      </Html>,\n    );\n    if (needsPolyfill) {\n      delete (globalThis as any).ReadableByteStreamController;\n    }\n    return ret;\n  }\n\n  protected blocknoteDefaultPropsToReactEmailStyle(\n    props: Partial<DefaultProps>,\n  ): CSSProperties {\n    const style: CSSProperties = {\n      textAlign:\n        props.textAlignment === \"left\" ? undefined : props.textAlignment,\n      backgroundColor:\n        props.backgroundColor === \"default\" || !props.backgroundColor\n          ? undefined\n          : this.options.colors[props.backgroundColor]?.background,\n      color:\n        props.textColor === \"default\" || !props.textColor\n          ? undefined\n          : this.options.colors[props.textColor]?.text,\n      alignItems:\n        props.textAlignment === \"right\"\n          ? \"flex-end\"\n          : props.textAlignment === \"center\"\n            ? \"center\"\n            : undefined,\n    };\n    return Object.fromEntries(\n      Object.entries(style).filter(([_, value]) => value !== undefined),\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"blocknote-xl-email-exporter.js","names":[],"sources":["../src/react-email/defaultSchema/blocks.tsx","../src/react-email/defaultSchema/inlinecontent.tsx","../src/react-email/defaultSchema/styles.tsx","../src/react-email/defaultSchema/index.ts","../src/react-email/reactEmailExporter.tsx"],"sourcesContent":["import {\n  BlockMapping,\n  createPageBreakBlockConfig,\n  DefaultBlockSchema,\n  mapTableCell,\n} from \"@blocknote/core\";\nimport {\n  CodeBlock,\n  dracula,\n  Heading,\n  Img,\n  Link,\n  PrismLanguage,\n  Text,\n} from \"@react-email/components\";\n\n// Define TextProps type based on React Email Text component\ntype TextProps = React.ComponentPropsWithoutRef<typeof Text>;\n\n// Define the styles interface for configurable Text components\nexport interface ReactEmailTextStyles {\n  paragraph?: Partial<TextProps>;\n  bulletListItem?: Partial<TextProps>;\n  toggleListItem?: Partial<TextProps>;\n  numberedListItem?: Partial<TextProps>;\n  checkListItem?: Partial<TextProps>;\n  quote?: Partial<TextProps>;\n  tableError?: Partial<TextProps>;\n  tableCell?: Partial<TextProps>;\n  caption?: Partial<TextProps>;\n  heading1?: Partial<TextProps>;\n  heading2?: Partial<TextProps>;\n  heading3?: Partial<TextProps>;\n  heading4?: Partial<TextProps>;\n  heading5?: Partial<TextProps>;\n  heading6?: Partial<TextProps>;\n  codeBlock?: Partial<React.ComponentProps<typeof CodeBlock>>;\n}\n\nconst defaultTextStyle: TextProps[\"style\"] = {\n  fontSize: 16,\n  lineHeight: 1.5,\n  margin: 3,\n  minHeight: 24,\n};\n\n// Default styles for Text components\nexport const defaultReactEmailTextStyles = {\n  paragraph: {\n    style: defaultTextStyle,\n  },\n  bulletListItem: {\n    style: defaultTextStyle,\n  },\n  toggleListItem: {\n    style: defaultTextStyle,\n  },\n  numberedListItem: {\n    style: defaultTextStyle,\n  },\n  checkListItem: {\n    style: defaultTextStyle,\n  },\n  quote: {\n    style: defaultTextStyle,\n  },\n  tableError: {\n    style: defaultTextStyle,\n  },\n  tableCell: {\n    style: defaultTextStyle,\n  },\n  caption: {\n    style: defaultTextStyle,\n  },\n  heading1: {\n    style: {\n      fontSize: 48,\n      margin: 3,\n    },\n  },\n  heading2: {\n    style: {\n      fontSize: 36,\n      margin: 3,\n    },\n  },\n  heading3: {\n    style: {\n      fontSize: 24,\n      margin: 3,\n    },\n  },\n  heading4: {\n    style: {\n      fontSize: 20,\n      margin: 3,\n    },\n  },\n  heading5: {\n    style: {\n      fontSize: 18,\n      margin: 3,\n    },\n  },\n  heading6: {\n    style: {\n      fontSize: 16,\n      margin: 3,\n    },\n  },\n  codeBlock: {\n    style: defaultTextStyle,\n  },\n} satisfies ReactEmailTextStyles;\n\nexport const createReactEmailBlockMappingForDefaultSchema = (\n  textStyles: ReactEmailTextStyles = defaultReactEmailTextStyles,\n): BlockMapping<\n  DefaultBlockSchema & {\n    pageBreak: ReturnType<typeof createPageBreakBlockConfig>;\n  },\n  any,\n  any,\n  React.ReactElement<any>,\n  React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>\n> => ({\n  paragraph: (block, t) => {\n    return (\n      <Text\n        {...textStyles.paragraph}\n        style={{\n          ...defaultReactEmailTextStyles.paragraph.style,\n          ...textStyles.paragraph?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  bulletListItem: (block, t) => {\n    // Return only the <li> for grouping in the exporter\n    return (\n      <Text\n        {...textStyles.bulletListItem}\n        style={{\n          ...defaultReactEmailTextStyles.bulletListItem.style,\n          ...textStyles.bulletListItem?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  toggleListItem: (block, t) => {\n    // Return only the <li> for grouping in the exporter\n    return (\n      <Text\n        {...textStyles.toggleListItem}\n        style={{\n          ...defaultReactEmailTextStyles.toggleListItem.style,\n          ...textStyles.toggleListItem?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  numberedListItem: (block, t, _nestingLevel) => {\n    // Return only the <li> for grouping in the exporter\n    return (\n      <Text\n        {...textStyles.numberedListItem}\n        style={{\n          ...defaultReactEmailTextStyles.numberedListItem.style,\n          ...textStyles.numberedListItem?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  checkListItem: (block, t) => {\n    // Render a checkbox using inline SVG for better appearance in email\n    // block.props.checked should be true/false\n    const checked = block.props?.checked;\n    const checkboxSvg = checked ? (\n      <svg\n        width=\"18\"\n        height=\"18\"\n        viewBox=\"0 0 18 18\"\n        style={{ display: \"inline\", verticalAlign: \"middle\", marginRight: 8 }}\n      >\n        <rect\n          x=\"2\"\n          y=\"2\"\n          width=\"14\"\n          height=\"14\"\n          rx=\"3\"\n          fill=\"#4F8A10\"\n          stroke=\"#4F8A10\"\n          strokeWidth=\"2\"\n        />\n        <polyline\n          points=\"5,10 8,13 13,6\"\n          fill=\"none\"\n          stroke=\"#fff\"\n          strokeWidth=\"2\"\n        />\n      </svg>\n    ) : (\n      <svg\n        width=\"18\"\n        height=\"18\"\n        viewBox=\"0 0 18 18\"\n        style={{ display: \"inline\", verticalAlign: \"middle\", marginRight: 8 }}\n      >\n        <rect\n          x=\"2\"\n          y=\"2\"\n          width=\"14\"\n          height=\"14\"\n          rx=\"3\"\n          fill=\"#fff\"\n          stroke=\"#888\"\n          strokeWidth=\"2\"\n        />\n      </svg>\n    );\n    return (\n      <Text\n        {...textStyles.checkListItem}\n        style={{\n          ...defaultReactEmailTextStyles.checkListItem.style,\n          ...textStyles.checkListItem?.style,\n        }}\n      >\n        {checkboxSvg}\n        <span>{t.transformInlineContent(block.content)}</span>\n      </Text>\n    );\n  },\n  heading: (block, t) => {\n    return (\n      <Heading\n        as={`h${block.props.level as 1 | 2 | 3 | 4 | 5 | 6}`}\n        {...textStyles[`heading${block.props.level as 1 | 2 | 3 | 4 | 5 | 6}`]}\n        style={{\n          ...defaultReactEmailTextStyles[\n            `heading${block.props.level as 1 | 2 | 3 | 4 | 5 | 6}`\n          ].style,\n          ...textStyles[`heading${block.props.level as 1 | 2 | 3 | 4 | 5 | 6}`]\n            ?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Heading>\n    );\n  },\n\n  codeBlock: (block) => {\n    // Code blocks hold plain content: at most a single unstyled text item.\n    const [textItem, ...excessItems] = block.content;\n    if (excessItems.length > 0 || (textItem && !(\"text\" in textItem))) {\n      throw new Error(\"expected plain block content to be a single text item\");\n    }\n    const textContent = textItem?.text ?? \"\";\n\n    return (\n      <CodeBlock\n        code={textContent}\n        fontFamily=\"'CommitMono', monospace\"\n        language={block.props.language as PrismLanguage}\n        theme={dracula}\n        {...textStyles.codeBlock}\n        style={{\n          ...defaultReactEmailTextStyles.codeBlock.style,\n          ...textStyles.codeBlock?.style,\n        }}\n      />\n    );\n  },\n  audio: (block) => {\n    // Audio icon SVG\n    const icon = (\n      <svg\n        height=\"18\"\n        width=\"18\"\n        viewBox=\"0 0 24 24\"\n        fill=\"#4F8A10\"\n        style={{ display: \"inline\", verticalAlign: \"middle\" }}\n      >\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      </svg>\n    );\n    const previewWidth =\n      \"previewWidth\" in block.props\n        ? (block.props as any).previewWidth\n        : undefined;\n    return (\n      <div style={{ margin: \"8px 0\" }}>\n        <FileLink\n          url={block.props.url}\n          name={block.props.name}\n          defaultText=\"Open audio file\"\n          icon={icon}\n        />\n        <Caption\n          caption={block.props.caption}\n          width={previewWidth}\n          textStyles={textStyles}\n        />\n      </div>\n    );\n  },\n  video: (block) => {\n    // Video icon SVG\n    const icon = (\n      <svg\n        height=\"18\"\n        width=\"18\"\n        viewBox=\"0 0 24 24\"\n        fill=\"#1976D2\"\n        style={{ display: \"inline\", verticalAlign: \"middle\" }}\n      >\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      </svg>\n    );\n    const previewWidth =\n      \"previewWidth\" in block.props\n        ? (block.props as any).previewWidth\n        : undefined;\n    return (\n      <div style={{ margin: \"8px 0\" }}>\n        <FileLink\n          url={block.props.url}\n          name={block.props.name}\n          defaultText=\"Open video file\"\n          icon={icon}\n        />\n        <Caption\n          caption={block.props.caption}\n          width={previewWidth}\n          textStyles={textStyles}\n        />\n      </div>\n    );\n  },\n  file: (block) => {\n    // File icon SVG\n    const icon = (\n      <svg\n        height=\"18\"\n        width=\"18\"\n        viewBox=\"0 0 24 24\"\n        fill=\"#888\"\n        style={{ display: \"inline\", verticalAlign: \"middle\" }}\n      >\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      </svg>\n    );\n    const previewWidth =\n      \"previewWidth\" in block.props\n        ? (block.props as any).previewWidth\n        : undefined;\n    return (\n      <div style={{ margin: \"8px 0\" }}>\n        <FileLink\n          url={block.props.url}\n          name={block.props.name}\n          defaultText=\"Open file\"\n          icon={icon}\n        />\n        <Caption\n          caption={block.props.caption}\n          width={previewWidth}\n          textStyles={textStyles}\n        />\n      </div>\n    );\n  },\n  image: (block) => {\n    return (\n      <Img\n        src={block.props.url}\n        width={block.props.previewWidth}\n        alt={block.props.caption}\n      />\n    );\n  },\n  table: (block, t) => {\n    // Render table using standard HTML table elements for email compatibility\n    const table = block.content;\n    if (!table || typeof table !== \"object\" || !Array.isArray(table.rows)) {\n      return <Text {...textStyles.tableError}>Table data not available</Text>;\n    }\n    const headerRowsCount = (table.headerRows as number) ?? 0;\n    const headerColsCount = (table.headerCols as number) ?? 0;\n\n    return (\n      <table\n        style={{\n          borderCollapse: \"collapse\",\n          width: \"100%\",\n          margin: \"16px 0\",\n          border: \"1px solid #ddd\",\n          borderRadius: 4,\n          overflow: \"hidden\",\n        }}\n        border={0}\n        cellPadding={0}\n        cellSpacing={0}\n      >\n        <tbody>\n          {table.rows.map((row: any, rowIndex: number) => (\n            <tr key={\"row-\" + rowIndex}>\n              {row.cells.map((cell: any, colIndex: number) => {\n                // Use mapTableCell to normalize table cell data into a standard interface\n                // This handles partial cells, provides default values, and ensures consistent structure\n                const normalizedCell = mapTableCell(cell);\n                const isHeaderRow = rowIndex < headerRowsCount;\n                const isHeaderCol = colIndex < headerColsCount;\n                const isHeader = isHeaderRow || isHeaderCol;\n                const CellTag = isHeader ? \"th\" : \"td\";\n                return (\n                  <CellTag\n                    key={\"row_\" + rowIndex + \"_col_\" + colIndex}\n                    style={{\n                      border: \"1px solid #ddd\",\n                      padding: \"8px 12px\",\n                      background:\n                        normalizedCell.props.backgroundColor !== \"default\"\n                          ? t.options.colors[\n                              normalizedCell.props\n                                .backgroundColor as keyof typeof t.options.colors\n                            ].background\n                          : \"inherit\",\n                      fontWeight: isHeader ? \"bold\" : undefined,\n                      textAlign: normalizedCell.props.textAlignment || \"left\",\n                      color:\n                        normalizedCell.props.textColor !== \"default\"\n                          ? t.options.colors[\n                              normalizedCell.props\n                                .textColor as keyof typeof t.options.colors\n                            ].text\n                          : \"inherit\",\n                      ...defaultReactEmailTextStyles.tableCell.style,\n                      ...textStyles.tableCell?.style,\n                    }}\n                    {...((normalizedCell.props.colspan || 1) > 1 && {\n                      colSpan: normalizedCell.props.colspan || 1,\n                    })}\n                    {...((normalizedCell.props.rowspan || 1) > 1 && {\n                      rowSpan: normalizedCell.props.rowspan || 1,\n                    })}\n                  >\n                    {t.transformInlineContent(normalizedCell.content)}\n                  </CellTag>\n                );\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  },\n  quote: (block, t) => {\n    // Render block quote with a left border and subtle background for email compatibility\n    return (\n      <Text\n        {...textStyles.quote}\n        style={{\n          borderLeft: \"2px solid #bdbdbd\",\n          padding: \"0px 12px\",\n          fontStyle: \"italic\",\n          color: t.options.colors.gray.text,\n          display: \"block\",\n          ...defaultReactEmailTextStyles.quote.style,\n          ...textStyles.quote?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  pageBreak: () => {\n    // In email, a page break can be represented as a horizontal rule\n    return (\n      <hr\n        style={{\n          border: \"none\",\n          borderTop: \"2px dashed #ccc\",\n          margin: \"24px 0\",\n        }}\n      />\n    );\n  },\n  divider: () => {\n    return (\n      <hr\n        style={{\n          border: \"none\",\n          borderTop: \"1px solid #ccc\",\n          margin: \"11.5px 0\",\n        }}\n      />\n    );\n  },\n});\n\n// Export the original mapping for backward compatibility\nexport const reactEmailBlockMappingForDefaultSchema =\n  createReactEmailBlockMappingForDefaultSchema();\n\n// Helper for file-like blocks (audio, video, file)\nfunction FileLink({\n  url,\n  name,\n  defaultText,\n  icon,\n}: {\n  url?: string;\n  name?: string;\n  defaultText: string;\n  icon: React.ReactElement;\n}) {\n  return (\n    <Link\n      href={url}\n      style={{\n        textDecoration: \"none\",\n        color: \"#333\",\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        gap: 8,\n        fontSize: 16,\n      }}\n    >\n      {icon}\n      <span style={{ verticalAlign: \"middle\" }}>{name || defaultText}</span>\n    </Link>\n  );\n}\n\nfunction Caption({\n  caption,\n  width,\n  textStyles,\n}: {\n  caption?: string;\n  width?: number;\n  textStyles: ReactEmailTextStyles;\n}) {\n  if (!caption) {\n    return null;\n  }\n  return (\n    <Text\n      {...textStyles.caption}\n      style={{\n        width,\n        fontSize: 13,\n        color: \"#888\",\n        margin: \"4px 0 0 0\",\n        ...defaultReactEmailTextStyles.caption.style,\n        ...textStyles.caption?.style,\n      }}\n    >\n      {caption}\n    </Text>\n  );\n}\n","import {\n  DefaultInlineContentSchema,\n  DefaultStyleSchema,\n  InlineContentMapping,\n} from \"@blocknote/core\";\nimport { Link } from \"@react-email/components\";\n\n// Define the styles interface for configurable Link components\nexport interface ReactEmailLinkStyles {\n  link?: Partial<React.ComponentPropsWithoutRef<typeof Link>>;\n}\n\n// Default styles for Link components\nexport const defaultReactEmailLinkStyles: ReactEmailLinkStyles = {\n  link: {},\n};\n\nexport const createReactEmailInlineContentMappingForDefaultSchema = (\n  linkStyles: ReactEmailLinkStyles = defaultReactEmailLinkStyles,\n): InlineContentMapping<\n  DefaultInlineContentSchema,\n  DefaultStyleSchema,\n  React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>,\n  React.ReactElement<HTMLSpanElement>\n> => ({\n  link: (ic, t) => {\n    return (\n      <Link href={ic.href} {...linkStyles.link}>\n        {...ic.content.map((content) => {\n          return t.transformStyledText(content);\n        })}\n      </Link>\n    );\n  },\n  text: (ic, t) => {\n    return t.transformStyledText(ic);\n  },\n});\n\n// Export the original mapping for backward compatibility\nexport const reactEmailInlineContentMappingForDefaultSchema =\n  createReactEmailInlineContentMappingForDefaultSchema();\n","import { DefaultStyleSchema, StyleMapping } from \"@blocknote/core\";\nimport { CSSProperties } from \"react\";\n\n// Define the styles interface for configurable style transformations\n// This can be extended in the future to allow customizing style transformations\nexport type ReactEmailStyleTransformStyles = Record<string, never>;\n\n// Default styles for style transformations\nexport const defaultReactEmailStyleTransformStyles: ReactEmailStyleTransformStyles =\n  {};\n\nexport const createReactEmailStyleMappingForDefaultSchema = (\n  _styleTransformStyles: ReactEmailStyleTransformStyles = defaultReactEmailStyleTransformStyles,\n): StyleMapping<DefaultStyleSchema, CSSProperties> => ({\n  bold: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      fontWeight: \"bold\",\n    };\n  },\n  italic: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      fontStyle: \"italic\",\n    };\n  },\n  underline: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      textDecoration: \"underline\", // TODO: could conflict with strike\n    };\n  },\n  strike: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      textDecoration: \"line-through\",\n    };\n  },\n  backgroundColor: (val, exporter) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      backgroundColor:\n        exporter.options.colors[val as keyof typeof exporter.options.colors]\n          .background,\n    };\n  },\n  textColor: (val, exporter) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      color:\n        exporter.options.colors[val as keyof typeof exporter.options.colors]\n          .text,\n    };\n  },\n  code: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      fontFamily: \"GeistMono\",\n    };\n  },\n});\n\n// Export the original mapping for backward compatibility\nexport const reactEmailStyleMappingForDefaultSchema =\n  createReactEmailStyleMappingForDefaultSchema();\n","import {\n  reactEmailBlockMappingForDefaultSchema,\n  createReactEmailBlockMappingForDefaultSchema,\n  type ReactEmailTextStyles,\n  defaultReactEmailTextStyles,\n} from \"./blocks.js\";\nimport {\n  reactEmailInlineContentMappingForDefaultSchema,\n  createReactEmailInlineContentMappingForDefaultSchema,\n  type ReactEmailLinkStyles,\n  defaultReactEmailLinkStyles,\n} from \"./inlinecontent.js\";\nimport {\n  reactEmailStyleMappingForDefaultSchema,\n  createReactEmailStyleMappingForDefaultSchema,\n  type ReactEmailStyleTransformStyles,\n  defaultReactEmailStyleTransformStyles,\n} from \"./styles.js\";\n\n// Re-export for backward compatibility\nexport { reactEmailBlockMappingForDefaultSchema } from \"./blocks.js\";\nexport { reactEmailInlineContentMappingForDefaultSchema } from \"./inlinecontent.js\";\nexport { reactEmailStyleMappingForDefaultSchema } from \"./styles.js\";\n\n// Export the new configurable functions\nexport {\n  createReactEmailBlockMappingForDefaultSchema,\n  type ReactEmailTextStyles,\n  defaultReactEmailTextStyles,\n} from \"./blocks.js\";\nexport {\n  createReactEmailInlineContentMappingForDefaultSchema,\n  type ReactEmailLinkStyles,\n  defaultReactEmailLinkStyles,\n} from \"./inlinecontent.js\";\nexport {\n  createReactEmailStyleMappingForDefaultSchema,\n  type ReactEmailStyleTransformStyles,\n  defaultReactEmailStyleTransformStyles,\n} from \"./styles.js\";\n\n// Export the combined styles interface\nexport interface ReactEmailDefaultSchemaStyles {\n  textStyles?: ReactEmailTextStyles;\n  linkStyles?: ReactEmailLinkStyles;\n  styleTransformStyles?: ReactEmailStyleTransformStyles;\n}\n\n// Export the default combined styles\nexport const defaultReactEmailDefaultSchemaStyles: ReactEmailDefaultSchemaStyles =\n  {\n    textStyles: defaultReactEmailTextStyles,\n    linkStyles: defaultReactEmailLinkStyles,\n    styleTransformStyles: defaultReactEmailStyleTransformStyles,\n  };\n\nexport const reactEmailDefaultSchemaMappings = {\n  blockMapping: reactEmailBlockMappingForDefaultSchema,\n  inlineContentMapping: reactEmailInlineContentMappingForDefaultSchema,\n  styleMapping: reactEmailStyleMappingForDefaultSchema,\n};\n\nexport const reactEmailDefaultSchemaMappingsWithStyles = (\n  styles: ReactEmailDefaultSchemaStyles = defaultReactEmailDefaultSchemaStyles,\n): typeof reactEmailDefaultSchemaMappings => {\n  return {\n    blockMapping: createReactEmailBlockMappingForDefaultSchema(\n      styles.textStyles,\n    ),\n    inlineContentMapping: createReactEmailInlineContentMappingForDefaultSchema(\n      styles.linkStyles,\n    ),\n    styleMapping: createReactEmailStyleMappingForDefaultSchema(\n      styles.styleTransformStyles,\n    ),\n  };\n};\n","import {\n  Block,\n  BlockNoteSchema,\n  BlockSchema,\n  COLORS_DEFAULT,\n  DefaultProps,\n  Exporter,\n  ExporterOptions,\n  InlineContentSchema,\n  StyleSchema,\n  StyledText,\n} from \"@blocknote/core\";\nimport {\n  Body,\n  Head,\n  Html,\n  Link,\n  Preview,\n  Section,\n  Tailwind,\n} from \"@react-email/components\";\nimport { render as renderEmail } from \"@react-email/render\";\nimport React, { CSSProperties } from \"react\";\n\nexport class ReactEmailExporter<\n  B extends BlockSchema,\n  S extends StyleSchema,\n  I extends InlineContentSchema,\n> extends Exporter<\n  B,\n  I,\n  S,\n  React.ReactElement<any>,\n  React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>,\n  CSSProperties,\n  React.ReactElement<HTMLSpanElement>\n> {\n  public constructor(\n    public readonly schema: BlockNoteSchema<B, I, S>,\n    mappings: Exporter<\n      NoInfer<B>,\n      NoInfer<I>,\n      NoInfer<S>,\n      React.ReactElement<any>,\n      React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>,\n      CSSProperties,\n      React.ReactElement<HTMLSpanElement>\n    >[\"mappings\"],\n    options?: Partial<ExporterOptions>,\n  ) {\n    const defaults = {\n      colors: COLORS_DEFAULT,\n    } satisfies Partial<ExporterOptions>;\n\n    const newOptions = {\n      ...defaults,\n      ...options,\n    };\n    super(schema, mappings, newOptions);\n  }\n\n  public transformStyledText(styledText: StyledText<S>) {\n    const stylesArray = this.mapStyles(styledText.styles);\n    const styles = Object.assign({}, ...stylesArray);\n    return (\n      <span\n        style={styles}\n        dangerouslySetInnerHTML={{\n          __html: styledText.text.replace(/\\n/g, \"<br />\"),\n        }}\n      />\n    );\n  }\n\n  private async renderGroupedListBlocks(\n    blocks: Block<B, I, S>[],\n    startIndex: number,\n    nestingLevel: number,\n  ): Promise<{ element: React.ReactElement; nextIndex: number }> {\n    const listType = blocks[startIndex].type;\n    const listItems: React.ReactElement<any>[] = [];\n    let j = startIndex;\n\n    for (\n      let itemIndex = 1;\n      j < blocks.length && blocks[j].type === listType;\n      j++, itemIndex++\n    ) {\n      const block = blocks[j];\n      const liContent = (await this.mapBlock(\n        block as any,\n        nestingLevel,\n        itemIndex,\n      )) as any;\n      let nestedList: React.ReactElement<any>[] = [];\n      if (block.children && block.children.length > 0) {\n        nestedList = await this.renderNestedLists(\n          block.children,\n          nestingLevel + 1,\n          block.id,\n        );\n      }\n      listItems.push(\n        <li key={block.id}>\n          {liContent}\n          {nestedList.length > 0 && nestedList}\n        </li>,\n      );\n    }\n    let element: React.ReactElement;\n    if (listType === \"bulletListItem\" || listType === \"toggleListItem\") {\n      element = (\n        <ul className=\"mb-2 list-disc pl-6\" key={blocks[startIndex].id + \"-ul\"}>\n          {listItems}\n        </ul>\n      );\n    } else {\n      element = (\n        <ol\n          className=\"mb-2 list-decimal pl-6\"\n          start={1}\n          key={blocks[startIndex].id + \"-ol\"}\n        >\n          {listItems}\n        </ol>\n      );\n    }\n    return { element, nextIndex: j };\n  }\n\n  private async renderNestedLists(\n    children: Block<B, I, S>[],\n    nestingLevel: number,\n    parentId: string,\n  ): Promise<React.ReactElement<any>[]> {\n    const nestedList: React.ReactElement<any>[] = [];\n    let i = 0;\n    while (i < children.length) {\n      const child = children[i];\n      if (\n        child.type === \"bulletListItem\" ||\n        child.type === \"numberedListItem\"\n      ) {\n        // Group consecutive list items of the same type\n        const listType = child.type;\n        const listItems: React.ReactElement<any>[] = [];\n        let j = i;\n\n        for (\n          let itemIndex = 1;\n          j < children.length && children[j].type === listType;\n          j++, itemIndex++\n        ) {\n          const listItem = children[j];\n          const liContent = (await this.mapBlock(\n            listItem as any,\n            nestingLevel,\n            itemIndex,\n          )) as any;\n          const style = this.blocknoteDefaultPropsToReactEmailStyle(\n            listItem.props as any,\n          );\n          let nestedContent: React.ReactElement<any>[] = [];\n          if (listItem.children && listItem.children.length > 0) {\n            // If children are list items, render as nested list; otherwise, as normal blocks\n            if (\n              listItem.children[0] &&\n              (listItem.children[0].type === \"bulletListItem\" ||\n                listItem.children[0].type === \"numberedListItem\")\n            ) {\n              nestedContent = await this.renderNestedLists(\n                listItem.children,\n                nestingLevel + 1,\n                listItem.id,\n              );\n            } else {\n              nestedContent = await this.transformBlocks(\n                listItem.children,\n                nestingLevel + 1,\n              );\n            }\n          }\n          listItems.push(\n            <li key={listItem.id} style={style}>\n              {liContent}\n              {nestedContent.length > 0 && (\n                <div style={{ marginTop: \"8px\" }}>{nestedContent}</div>\n              )}\n            </li>,\n          );\n        }\n        if (listType === \"bulletListItem\") {\n          nestedList.push(\n            <ul\n              className=\"mb-2 list-disc pl-6\"\n              key={parentId + \"-ul-nested-\" + i}\n            >\n              {listItems}\n            </ul>,\n          );\n        } else {\n          nestedList.push(\n            <ol\n              className=\"mb-2 list-decimal pl-6\"\n              start={1}\n              key={parentId + \"-ol-nested-\" + i}\n            >\n              {listItems}\n            </ol>,\n          );\n        }\n        i = j;\n      } else {\n        // Non-list child, render as normal with indentation\n        const childBlocks = await this.transformBlocks([child], nestingLevel);\n        nestedList.push(\n          <Section key={child.id} style={{ marginLeft: \"24px\" }}>\n            {childBlocks}\n          </Section>,\n        );\n        i++;\n      }\n    }\n    return nestedList;\n  }\n\n  public async transformBlocks(\n    blocks: Block<B, I, S>[],\n    nestingLevel = 0,\n  ): Promise<React.ReactElement<any>[]> {\n    const ret: React.ReactElement<any>[] = [];\n    let i = 0;\n    while (i < blocks.length) {\n      const b = blocks[i];\n      if (\n        b.type === \"bulletListItem\" ||\n        b.type === \"numberedListItem\" ||\n        b.type === \"toggleListItem\"\n      ) {\n        const { element, nextIndex } = await this.renderGroupedListBlocks(\n          blocks,\n          i,\n          nestingLevel,\n        );\n        ret.push(element);\n        i = nextIndex;\n        continue;\n      }\n      // Non-list blocks\n      const children = await this.transformBlocks(b.children, nestingLevel + 1);\n      const self = (await this.mapBlock(b as any, nestingLevel, 0)) as any;\n      const style = this.blocknoteDefaultPropsToReactEmailStyle(b.props as any);\n\n      ret.push(\n        <React.Fragment key={b.id}>\n          {Object.entries(style).length > 0 ? (\n            <div style={style}>{self}</div> // TODO: maybe nicer to set style on child element instead of wrapping in a div?\n          ) : (\n            self\n          )}\n          {children.length > 0 && (\n            <div style={{ marginLeft: \"24px\" }}>{children}</div>\n          )}\n        </React.Fragment>,\n      );\n      i++;\n    }\n    return ret;\n  }\n\n  public async toReactEmailDocument(\n    blocks: Block<B, I, S>[],\n    options?: {\n      /**\n       * Inject elements into the {@link Head} element\n       * @see https://react.email/docs/components/head\n       */\n      head?: React.ReactElement;\n      /**\n       * Set the preview text for the email\n       * @see https://react.email/docs/components/preview\n       */\n      preview?: string | string[];\n      /**\n       * Add a header to every page.\n       * The React component passed must be a React-Email component\n       * @see https://react.email/components\n       */\n      header?: React.ReactElement;\n      /**\n       * Add a footer to every page.\n       * The React component passed must be a React-Email component\n       * @see https://react.email/components\n       */\n      footer?: React.ReactElement;\n      /**\n       * Customize the container element\n       */\n      container?: React.FC<{ children: React.ReactNode }>;\n      /**\n       * Customize the body styles\n       * @default {\n       *   fontFamily: \"'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif\",\n       *   fontSize: \"16px\",\n       *   lineHeight: \"1.5\",\n       *   color: \"#333\",\n       * }\n       */\n      bodyStyles?: CSSProperties;\n    },\n  ) {\n    const transformedBlocks = await this.transformBlocks(blocks);\n    const DefaultContainer =\n      options?.container ||\n      (({ children }: { children: React.ReactNode }) => (\n        <React.Fragment>{children}</React.Fragment>\n      ));\n    const needsPolyfill = !globalThis.ReadableByteStreamController;\n    if (needsPolyfill) {\n      // needed for safari compatibility;\n      // https://github.com/resend/react-email/blob/f02e21e998d507aa3fdfbb7b8639f915b8df6cb5/apps/docs/utilities/render.mdx#3-convert-to-html\n      (globalThis as any).ReadableByteStreamController = (\n        await import(\"web-streams-polyfill\")\n      ).default.ReadableByteStreamController;\n    }\n    const ret = await renderEmail(\n      <Html>\n        <Head>{options?.head}</Head>\n        <Body\n          style={\n            options?.bodyStyles ?? {\n              fontFamily:\n                \"'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif\",\n              fontSize: \"16px\",\n              lineHeight: \"1.5\",\n              color: \"#333\",\n            }\n          }\n        >\n          {options?.preview && <Preview>{options.preview}</Preview>}\n          <Tailwind>\n            <DefaultContainer>\n              {options?.header}\n              {transformedBlocks}\n              {options?.footer}\n            </DefaultContainer>\n          </Tailwind>\n        </Body>\n      </Html>,\n    );\n    if (needsPolyfill) {\n      delete (globalThis as any).ReadableByteStreamController;\n    }\n    return ret;\n  }\n\n  protected blocknoteDefaultPropsToReactEmailStyle(\n    props: Partial<DefaultProps>,\n  ): CSSProperties {\n    const style: CSSProperties = {\n      textAlign:\n        props.textAlignment === \"left\" ? undefined : props.textAlignment,\n      backgroundColor:\n        props.backgroundColor === \"default\" || !props.backgroundColor\n          ? undefined\n          : this.options.colors[props.backgroundColor]?.background,\n      color:\n        props.textColor === \"default\" || !props.textColor\n          ? undefined\n          : this.options.colors[props.textColor]?.text,\n      alignItems:\n        props.textAlignment === \"right\"\n          ? \"flex-end\"\n          : props.textAlignment === \"center\"\n            ? \"center\"\n            : undefined,\n    };\n    return Object.fromEntries(\n      Object.entries(style).filter(([_, value]) => value !== undefined),\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/blocknote-xl-email-exporter.umd.cjs

@@ -1,2 +1,2 @@
-(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`@blocknote/core`),require(`@react-email/components`),require(`react/jsx-runtime`),require(`@react-email/render`),require(`react`)):typeof define==`function`&&define.amd?define([`exports`,`@blocknote/core`,`@react-email/components`,`react/jsx-runtime`,`@react-email/render`,`react`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`blocknote-xl-email-exporter`]={},e._blocknote_core,e._react_email_components,e.react_jsx_runtime,e._react_email_render,e.react))})(this,function(e,t,n,r,i,a){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var o=Object.create,s=Object.defineProperty,c=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyNames,u=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty,f=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=l(t),a=0,o=i.length,u;a<o;a++)u=i[a],!d.call(e,u)&&u!==n&&s(e,u,{get:(e=>t[e]).bind(null,u),enumerable:!(r=c(t,u))||r.enumerable});return e};a=((e,t,n)=>(n=e==null?{}:o(u(e)),f(t||!e||!e.__esModule?s(n,`default`,{value:e,enumerable:!0}):n,e)))(a,1);var p={fontSize:16,lineHeight:1.5,margin:3,minHeight:24},m={paragraph:{style:p},bulletListItem:{style:p},toggleListItem:{style:p},numberedListItem:{style:p},checkListItem:{style:p},quote:{style:p},tableError:{style:p},tableCell:{style:p},caption:{style:p},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:p}},h=(e=m)=>({paragraph:(t,i)=>(0,r.jsx)(n.Text,{...e.paragraph,style:{...m.paragraph.style,...e.paragraph?.style},children:i.transformInlineContent(t.content)}),bulletListItem:(t,i)=>(0,r.jsx)(n.Text,{...e.bulletListItem,style:{...m.bulletListItem.style,...e.bulletListItem?.style},children:i.transformInlineContent(t.content)}),toggleListItem:(t,i)=>(0,r.jsx)(n.Text,{...e.toggleListItem,style:{...m.toggleListItem.style,...e.toggleListItem?.style},children:i.transformInlineContent(t.content)}),numberedListItem:(t,i,a)=>(0,r.jsx)(n.Text,{...e.numberedListItem,style:{...m.numberedListItem.style,...e.numberedListItem?.style},children:i.transformInlineContent(t.content)}),checkListItem:(t,i)=>{let a=t.props?.checked?(0,r.jsxs)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 18 18`,style:{display:`inline`,verticalAlign:`middle`,marginRight:8},children:[(0,r.jsx)(`rect`,{x:`2`,y:`2`,width:`14`,height:`14`,rx:`3`,fill:`#4F8A10`,stroke:`#4F8A10`,strokeWidth:`2`}),(0,r.jsx)(`polyline`,{points:`5,10 8,13 13,6`,fill:`none`,stroke:`#fff`,strokeWidth:`2`})]}):(0,r.jsx)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 18 18`,style:{display:`inline`,verticalAlign:`middle`,marginRight:8},children:(0,r.jsx)(`rect`,{x:`2`,y:`2`,width:`14`,height:`14`,rx:`3`,fill:`#fff`,stroke:`#888`,strokeWidth:`2`})});return(0,r.jsxs)(n.Text,{...e.checkListItem,style:{...m.checkListItem.style,...e.checkListItem?.style},children:[a,(0,r.jsx)(`span`,{children:i.transformInlineContent(t.content)})]})},heading:(t,i)=>(0,r.jsx)(n.Heading,{as:`h${t.props.level}`,...e[`heading${t.props.level}`],style:{...m[`heading${t.props.level}`].style,...e[`heading${t.props.level}`]?.style},children:i.transformInlineContent(t.content)}),codeBlock:t=>(0,r.jsx)(n.CodeBlock,{code:t.content[0]?.text||``,fontFamily:`'CommitMono', monospace`,language:t.props.language,theme:n.dracula,...e.codeBlock,style:{...m.codeBlock.style,...e.codeBlock?.style}}),audio:t=>{let n=(0,r.jsx)(`svg`,{height:`18`,width:`18`,viewBox:`0 0 24 24`,fill:`#4F8A10`,style:{display:`inline`,verticalAlign:`middle`},children:(0,r.jsx)(`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`})}),i=`previewWidth`in t.props?t.props.previewWidth:void 0;return(0,r.jsxs)(`div`,{style:{margin:`8px 0`},children:[(0,r.jsx)(_,{url:t.props.url,name:t.props.name,defaultText:`Open audio file`,icon:n}),(0,r.jsx)(v,{caption:t.props.caption,width:i,textStyles:e})]})},video:t=>{let n=(0,r.jsx)(`svg`,{height:`18`,width:`18`,viewBox:`0 0 24 24`,fill:`#1976D2`,style:{display:`inline`,verticalAlign:`middle`},children:(0,r.jsx)(`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`})}),i=`previewWidth`in t.props?t.props.previewWidth:void 0;return(0,r.jsxs)(`div`,{style:{margin:`8px 0`},children:[(0,r.jsx)(_,{url:t.props.url,name:t.props.name,defaultText:`Open video file`,icon:n}),(0,r.jsx)(v,{caption:t.props.caption,width:i,textStyles:e})]})},file:t=>{let n=(0,r.jsx)(`svg`,{height:`18`,width:`18`,viewBox:`0 0 24 24`,fill:`#888`,style:{display:`inline`,verticalAlign:`middle`},children:(0,r.jsx)(`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`})}),i=`previewWidth`in t.props?t.props.previewWidth:void 0;return(0,r.jsxs)(`div`,{style:{margin:`8px 0`},children:[(0,r.jsx)(_,{url:t.props.url,name:t.props.name,defaultText:`Open file`,icon:n}),(0,r.jsx)(v,{caption:t.props.caption,width:i,textStyles:e})]})},image:e=>(0,r.jsx)(n.Img,{src:e.props.url,width:e.props.previewWidth,alt:e.props.caption}),table:(i,a)=>{let o=i.content;if(!o||typeof o!=`object`||!Array.isArray(o.rows))return(0,r.jsx)(n.Text,{...e.tableError,children:`Table data not available`});let s=o.headerRows??0,c=o.headerCols??0;return(0,r.jsx)(`table`,{style:{borderCollapse:`collapse`,width:`100%`,margin:`16px 0`,border:`1px solid #ddd`,borderRadius:4,overflow:`hidden`},border:0,cellPadding:0,cellSpacing:0,children:(0,r.jsx)(`tbody`,{children:o.rows.map((n,i)=>(0,r.jsx)(`tr`,{children:n.cells.map((n,o)=>{let l=(0,t.mapTableCell)(n),u=i<s||o<c;return(0,r.jsx)(u?`th`:`td`,{style:{border:`1px solid #ddd`,padding:`8px 12px`,background:l.props.backgroundColor===`default`?`inherit`:a.options.colors[l.props.backgroundColor].background,fontWeight:u?`bold`:void 0,textAlign:l.props.textAlignment||`left`,color:l.props.textColor===`default`?`inherit`:a.options.colors[l.props.textColor].text,...m.tableCell.style,...e.tableCell?.style},...(l.props.colspan||1)>1&&{colSpan:l.props.colspan||1},...(l.props.rowspan||1)>1&&{rowSpan:l.props.rowspan||1},children:a.transformInlineContent(l.content)},`row_`+i+`_col_`+o)})},`row-`+i))})})},quote:(t,i)=>(0,r.jsx)(n.Text,{...e.quote,style:{borderLeft:`2px solid #bdbdbd`,padding:`0px 12px`,fontStyle:`italic`,color:i.options.colors.gray.text,display:`block`,...m.quote.style,...e.quote?.style},children:i.transformInlineContent(t.content)}),pageBreak:()=>(0,r.jsx)(`hr`,{style:{border:`none`,borderTop:`2px dashed #ccc`,margin:`24px 0`}}),divider:()=>(0,r.jsx)(`hr`,{style:{border:`none`,borderTop:`1px solid #ccc`,margin:`11.5px 0`}})}),g=h();function _({url:e,name:t,defaultText:i,icon:a}){return(0,r.jsxs)(n.Link,{href:e,style:{textDecoration:`none`,color:`#333`,display:`inline-flex`,alignItems:`center`,gap:8,fontSize:16},children:[a,(0,r.jsx)(`span`,{style:{verticalAlign:`middle`},children:t||i})]})}function v({caption:e,width:t,textStyles:i}){return e?(0,r.jsx)(n.Text,{...i.caption,style:{width:t,fontSize:13,color:`#888`,margin:`4px 0 0 0`,...m.caption.style,...i.caption?.style},children:e}):null}var y={link:{}},b=(e=y)=>({link:(t,i)=>(0,r.jsx)(n.Link,{href:t.href,...e.link,children:[...t.content.map(e=>i.transformStyledText(e))]}),text:(e,t)=>t.transformStyledText(e)}),x=b(),S={},C=(e=S)=>({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`}:{}}),w=C(),T={textStyles:m,linkStyles:y,styleTransformStyles:S},E={blockMapping:g,inlineContentMapping:x,styleMapping:w};e.ReactEmailExporter=class extends t.Exporter{constructor(e,n,r){let i={colors:t.COLORS_DEFAULT,...r};super(e,n,i),this.schema=e}transformStyledText(e){let t=this.mapStyles(e.styles);return(0,r.jsx)(`span`,{style:Object.assign({},...t),dangerouslySetInnerHTML:{__html:e.text.replace(/\n/g,`<br />`)}})}async renderGroupedListBlocks(e,t,n){let i=e[t].type,a=[],o=t;for(let t=1;o<e.length&&e[o].type===i;o++,t++){let i=e[o],s=await this.mapBlock(i,n,t),c=[];i.children&&i.children.length>0&&(c=await this.renderNestedLists(i.children,n+1,i.id)),a.push((0,r.jsxs)(`li`,{children:[s,c.length>0&&c]},i.id))}let s;return s=i===`bulletListItem`||i===`toggleListItem`?(0,r.jsx)(`ul`,{className:`mb-2 list-disc pl-6`,children:a},e[t].id+`-ul`):(0,r.jsx)(`ol`,{className:`mb-2 list-decimal pl-6`,start:1,children:a},e[t].id+`-ol`),{element:s,nextIndex:o}}async renderNestedLists(e,t,i){let a=[],o=0;for(;o<e.length;){let s=e[o];if(s.type===`bulletListItem`||s.type===`numberedListItem`){let n=s.type,c=[],l=o;for(let i=1;l<e.length&&e[l].type===n;l++,i++){let n=e[l],a=await this.mapBlock(n,t,i),o=this.blocknoteDefaultPropsToReactEmailStyle(n.props),s=[];n.children&&n.children.length>0&&(s=n.children[0]&&(n.children[0].type===`bulletListItem`||n.children[0].type===`numberedListItem`)?await this.renderNestedLists(n.children,t+1,n.id):await this.transformBlocks(n.children,t+1)),c.push((0,r.jsxs)(`li`,{style:o,children:[a,s.length>0&&(0,r.jsx)(`div`,{style:{marginTop:`8px`},children:s})]},n.id))}n===`bulletListItem`?a.push((0,r.jsx)(`ul`,{className:`mb-2 list-disc pl-6`,children:c},i+`-ul-nested-`+o)):a.push((0,r.jsx)(`ol`,{className:`mb-2 list-decimal pl-6`,start:1,children:c},i+`-ol-nested-`+o)),o=l}else{let e=await this.transformBlocks([s],t);a.push((0,r.jsx)(n.Section,{style:{marginLeft:`24px`},children:e},s.id)),o++}}return a}async transformBlocks(e,t=0){let n=[],i=0;for(;i<e.length;){let o=e[i];if(o.type===`bulletListItem`||o.type===`numberedListItem`||o.type===`toggleListItem`){let{element:r,nextIndex:a}=await this.renderGroupedListBlocks(e,i,t);n.push(r),i=a;continue}let s=await this.transformBlocks(o.children,t+1),c=await this.mapBlock(o,t,0),l=this.blocknoteDefaultPropsToReactEmailStyle(o.props);n.push((0,r.jsxs)(a.default.Fragment,{children:[Object.entries(l).length>0?(0,r.jsx)(`div`,{style:l,children:c}):c,s.length>0&&(0,r.jsx)(`div`,{style:{marginLeft:`24px`},children:s})]},o.id)),i++}return n}async toReactEmailDocument(e,t){let o=await this.transformBlocks(e),s=t?.container||(({children:e})=>(0,r.jsx)(a.default.Fragment,{children:e})),c=!globalThis.ReadableByteStreamController;c&&(globalThis.ReadableByteStreamController=(await import(`web-streams-polyfill`)).default.ReadableByteStreamController);let l=await(0,i.render)((0,r.jsxs)(n.Html,{children:[(0,r.jsx)(n.Head,{children:t?.head}),(0,r.jsxs)(n.Body,{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&&(0,r.jsx)(n.Preview,{children:t.preview}),(0,r.jsx)(n.Tailwind,{children:(0,r.jsxs)(s,{children:[t?.header,o,t?.footer]})})]})]}));return c&&delete globalThis.ReadableByteStreamController,l}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))}},e.createReactEmailBlockMappingForDefaultSchema=h,e.createReactEmailInlineContentMappingForDefaultSchema=b,e.createReactEmailStyleMappingForDefaultSchema=C,e.defaultReactEmailDefaultSchemaStyles=T,e.defaultReactEmailLinkStyles=y,e.defaultReactEmailStyleTransformStyles=S,e.defaultReactEmailTextStyles=m,e.reactEmailBlockMappingForDefaultSchema=g,e.reactEmailDefaultSchemaMappings=E,e.reactEmailDefaultSchemaMappingsWithStyles=(e=T)=>({blockMapping:h(e.textStyles),inlineContentMapping:b(e.linkStyles),styleMapping:C(e.styleTransformStyles)}),e.reactEmailInlineContentMappingForDefaultSchema=x,e.reactEmailStyleMappingForDefaultSchema=w});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("@blocknote/core"),require("@react-email/components"),require("react/jsx-runtime"),require("@react-email/render"),require("react")):typeof define==`function`&&define.amd?define([`exports`,`@blocknote/core`,`@react-email/components`,`react/jsx-runtime`,`@react-email/render`,`react`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e[`blocknote-xl-email-exporter`]={},e._blocknote_core,e._react_email_components,e.react_jsx_runtime,e._react_email_render,e.react))})(this,function(e,t,n,r,i,a){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var o=Object.create,s=Object.defineProperty,c=Object.getOwnPropertyDescriptor,l=Object.getOwnPropertyNames,u=Object.getPrototypeOf,d=Object.prototype.hasOwnProperty,f=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=l(t),a=0,o=i.length,u;a<o;a++)u=i[a],!d.call(e,u)&&u!==n&&s(e,u,{get:(e=>t[e]).bind(null,u),enumerable:!(r=c(t,u))||r.enumerable});return e};a=((e,t,n)=>(n=e==null?{}:o(u(e)),f(t||!e||!e.__esModule?s(n,`default`,{value:e,enumerable:!0}):n,e)))(a,1);var p={fontSize:16,lineHeight:1.5,margin:3,minHeight:24},m={paragraph:{style:p},bulletListItem:{style:p},toggleListItem:{style:p},numberedListItem:{style:p},checkListItem:{style:p},quote:{style:p},tableError:{style:p},tableCell:{style:p},caption:{style:p},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:p}},h=(e=m)=>({paragraph:(t,i)=>(0,r.jsx)(n.Text,{...e.paragraph,style:{...m.paragraph.style,...e.paragraph?.style},children:i.transformInlineContent(t.content)}),bulletListItem:(t,i)=>(0,r.jsx)(n.Text,{...e.bulletListItem,style:{...m.bulletListItem.style,...e.bulletListItem?.style},children:i.transformInlineContent(t.content)}),toggleListItem:(t,i)=>(0,r.jsx)(n.Text,{...e.toggleListItem,style:{...m.toggleListItem.style,...e.toggleListItem?.style},children:i.transformInlineContent(t.content)}),numberedListItem:(t,i,a)=>(0,r.jsx)(n.Text,{...e.numberedListItem,style:{...m.numberedListItem.style,...e.numberedListItem?.style},children:i.transformInlineContent(t.content)}),checkListItem:(t,i)=>{let a=t.props?.checked?(0,r.jsxs)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 18 18`,style:{display:`inline`,verticalAlign:`middle`,marginRight:8},children:[(0,r.jsx)(`rect`,{x:`2`,y:`2`,width:`14`,height:`14`,rx:`3`,fill:`#4F8A10`,stroke:`#4F8A10`,strokeWidth:`2`}),(0,r.jsx)(`polyline`,{points:`5,10 8,13 13,6`,fill:`none`,stroke:`#fff`,strokeWidth:`2`})]}):(0,r.jsx)(`svg`,{width:`18`,height:`18`,viewBox:`0 0 18 18`,style:{display:`inline`,verticalAlign:`middle`,marginRight:8},children:(0,r.jsx)(`rect`,{x:`2`,y:`2`,width:`14`,height:`14`,rx:`3`,fill:`#fff`,stroke:`#888`,strokeWidth:`2`})});return(0,r.jsxs)(n.Text,{...e.checkListItem,style:{...m.checkListItem.style,...e.checkListItem?.style},children:[a,(0,r.jsx)(`span`,{children:i.transformInlineContent(t.content)})]})},heading:(t,i)=>(0,r.jsx)(n.Heading,{as:`h${t.props.level}`,...e[`heading${t.props.level}`],style:{...m[`heading${t.props.level}`].style,...e[`heading${t.props.level}`]?.style},children:i.transformInlineContent(t.content)}),codeBlock:t=>{let[i,...a]=t.content;if(a.length>0||i&&!(`text`in i))throw Error(`expected plain block content to be a single text item`);return(0,r.jsx)(n.CodeBlock,{code:i?.text??``,fontFamily:`'CommitMono', monospace`,language:t.props.language,theme:n.dracula,...e.codeBlock,style:{...m.codeBlock.style,...e.codeBlock?.style}})},audio:t=>{let n=(0,r.jsx)(`svg`,{height:`18`,width:`18`,viewBox:`0 0 24 24`,fill:`#4F8A10`,style:{display:`inline`,verticalAlign:`middle`},children:(0,r.jsx)(`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`})}),i=`previewWidth`in t.props?t.props.previewWidth:void 0;return(0,r.jsxs)(`div`,{style:{margin:`8px 0`},children:[(0,r.jsx)(_,{url:t.props.url,name:t.props.name,defaultText:`Open audio file`,icon:n}),(0,r.jsx)(v,{caption:t.props.caption,width:i,textStyles:e})]})},video:t=>{let n=(0,r.jsx)(`svg`,{height:`18`,width:`18`,viewBox:`0 0 24 24`,fill:`#1976D2`,style:{display:`inline`,verticalAlign:`middle`},children:(0,r.jsx)(`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`})}),i=`previewWidth`in t.props?t.props.previewWidth:void 0;return(0,r.jsxs)(`div`,{style:{margin:`8px 0`},children:[(0,r.jsx)(_,{url:t.props.url,name:t.props.name,defaultText:`Open video file`,icon:n}),(0,r.jsx)(v,{caption:t.props.caption,width:i,textStyles:e})]})},file:t=>{let n=(0,r.jsx)(`svg`,{height:`18`,width:`18`,viewBox:`0 0 24 24`,fill:`#888`,style:{display:`inline`,verticalAlign:`middle`},children:(0,r.jsx)(`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`})}),i=`previewWidth`in t.props?t.props.previewWidth:void 0;return(0,r.jsxs)(`div`,{style:{margin:`8px 0`},children:[(0,r.jsx)(_,{url:t.props.url,name:t.props.name,defaultText:`Open file`,icon:n}),(0,r.jsx)(v,{caption:t.props.caption,width:i,textStyles:e})]})},image:e=>(0,r.jsx)(n.Img,{src:e.props.url,width:e.props.previewWidth,alt:e.props.caption}),table:(i,a)=>{let o=i.content;if(!o||typeof o!=`object`||!Array.isArray(o.rows))return(0,r.jsx)(n.Text,{...e.tableError,children:`Table data not available`});let s=o.headerRows??0,c=o.headerCols??0;return(0,r.jsx)(`table`,{style:{borderCollapse:`collapse`,width:`100%`,margin:`16px 0`,border:`1px solid #ddd`,borderRadius:4,overflow:`hidden`},border:0,cellPadding:0,cellSpacing:0,children:(0,r.jsx)(`tbody`,{children:o.rows.map((n,i)=>(0,r.jsx)(`tr`,{children:n.cells.map((n,o)=>{let l=(0,t.mapTableCell)(n),u=i<s||o<c;return(0,r.jsx)(u?`th`:`td`,{style:{border:`1px solid #ddd`,padding:`8px 12px`,background:l.props.backgroundColor==="default"?`inherit`:a.options.colors[l.props.backgroundColor].background,fontWeight:u?`bold`:void 0,textAlign:l.props.textAlignment||`left`,color:l.props.textColor==="default"?`inherit`:a.options.colors[l.props.textColor].text,...m.tableCell.style,...e.tableCell?.style},...(l.props.colspan||1)>1&&{colSpan:l.props.colspan||1},...(l.props.rowspan||1)>1&&{rowSpan:l.props.rowspan||1},children:a.transformInlineContent(l.content)},`row_`+i+`_col_`+o)})},`row-`+i))})})},quote:(t,i)=>(0,r.jsx)(n.Text,{...e.quote,style:{borderLeft:`2px solid #bdbdbd`,padding:`0px 12px`,fontStyle:`italic`,color:i.options.colors.gray.text,display:`block`,...m.quote.style,...e.quote?.style},children:i.transformInlineContent(t.content)}),pageBreak:()=>(0,r.jsx)(`hr`,{style:{border:`none`,borderTop:`2px dashed #ccc`,margin:`24px 0`}}),divider:()=>(0,r.jsx)(`hr`,{style:{border:`none`,borderTop:`1px solid #ccc`,margin:`11.5px 0`}})}),g=h();function _({url:e,name:t,defaultText:i,icon:a}){return(0,r.jsxs)(n.Link,{href:e,style:{textDecoration:`none`,color:`#333`,display:`inline-flex`,alignItems:`center`,gap:8,fontSize:16},children:[a,(0,r.jsx)(`span`,{style:{verticalAlign:`middle`},children:t||i})]})}function v({caption:e,width:t,textStyles:i}){return e?(0,r.jsx)(n.Text,{...i.caption,style:{width:t,fontSize:13,color:`#888`,margin:`4px 0 0 0`,...m.caption.style,...i.caption?.style},children:e}):null}var y={link:{}},b=(e=y)=>({link:(t,i)=>(0,r.jsx)(n.Link,{href:t.href,...e.link,children:[...t.content.map(e=>i.transformStyledText(e))]}),text:(e,t)=>t.transformStyledText(e)}),x=b(),S={},C=(e=S)=>({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`}:{}}),w=C(),T={textStyles:m,linkStyles:y,styleTransformStyles:S},E={blockMapping:g,inlineContentMapping:x,styleMapping:w};e.ReactEmailExporter=class extends t.Exporter{schema;constructor(e,n,r){let i={colors:t.COLORS_DEFAULT,...r};super(e,n,i),this.schema=e}transformStyledText(e){let t=this.mapStyles(e.styles);return(0,r.jsx)(`span`,{style:Object.assign({},...t),dangerouslySetInnerHTML:{__html:e.text.replace(/\n/g,`<br />`)}})}async renderGroupedListBlocks(e,t,n){let i=e[t].type,a=[],o=t;for(let t=1;o<e.length&&e[o].type===i;o++,t++){let i=e[o],s=await this.mapBlock(i,n,t),c=[];i.children&&i.children.length>0&&(c=await this.renderNestedLists(i.children,n+1,i.id)),a.push((0,r.jsxs)(`li`,{children:[s,c.length>0&&c]},i.id))}let s;return s=i===`bulletListItem`||i===`toggleListItem`?(0,r.jsx)(`ul`,{className:`mb-2 list-disc pl-6`,children:a},e[t].id+`-ul`):(0,r.jsx)(`ol`,{className:`mb-2 list-decimal pl-6`,start:1,children:a},e[t].id+`-ol`),{element:s,nextIndex:o}}async renderNestedLists(e,t,i){let a=[],o=0;for(;o<e.length;){let s=e[o];if(s.type===`bulletListItem`||s.type===`numberedListItem`){let n=s.type,c=[],l=o;for(let i=1;l<e.length&&e[l].type===n;l++,i++){let n=e[l],a=await this.mapBlock(n,t,i),o=this.blocknoteDefaultPropsToReactEmailStyle(n.props),s=[];n.children&&n.children.length>0&&(s=n.children[0]&&(n.children[0].type===`bulletListItem`||n.children[0].type===`numberedListItem`)?await this.renderNestedLists(n.children,t+1,n.id):await this.transformBlocks(n.children,t+1)),c.push((0,r.jsxs)(`li`,{style:o,children:[a,s.length>0&&(0,r.jsx)(`div`,{style:{marginTop:`8px`},children:s})]},n.id))}n===`bulletListItem`?a.push((0,r.jsx)(`ul`,{className:`mb-2 list-disc pl-6`,children:c},i+`-ul-nested-`+o)):a.push((0,r.jsx)(`ol`,{className:`mb-2 list-decimal pl-6`,start:1,children:c},i+`-ol-nested-`+o)),o=l}else{let e=await this.transformBlocks([s],t);a.push((0,r.jsx)(n.Section,{style:{marginLeft:`24px`},children:e},s.id)),o++}}return a}async transformBlocks(e,t=0){let n=[],i=0;for(;i<e.length;){let o=e[i];if(o.type===`bulletListItem`||o.type===`numberedListItem`||o.type===`toggleListItem`){let{element:r,nextIndex:a}=await this.renderGroupedListBlocks(e,i,t);n.push(r),i=a;continue}let s=await this.transformBlocks(o.children,t+1),c=await this.mapBlock(o,t,0),l=this.blocknoteDefaultPropsToReactEmailStyle(o.props);n.push((0,r.jsxs)(a.default.Fragment,{children:[Object.entries(l).length>0?(0,r.jsx)(`div`,{style:l,children:c}):c,s.length>0&&(0,r.jsx)(`div`,{style:{marginLeft:`24px`},children:s})]},o.id)),i++}return n}async toReactEmailDocument(e,t){let o=await this.transformBlocks(e),s=t?.container||(({children:e})=>(0,r.jsx)(a.default.Fragment,{children:e})),c=!globalThis.ReadableByteStreamController;c&&(globalThis.ReadableByteStreamController=(await import(`web-streams-polyfill`)).default.ReadableByteStreamController);let l=await(0,i.render)((0,r.jsxs)(n.Html,{children:[(0,r.jsx)(n.Head,{children:t?.head}),(0,r.jsxs)(n.Body,{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&&(0,r.jsx)(n.Preview,{children:t.preview}),(0,r.jsx)(n.Tailwind,{children:(0,r.jsxs)(s,{children:[t?.header,o,t?.footer]})})]})]}));return c&&delete globalThis.ReadableByteStreamController,l}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))}},e.createReactEmailBlockMappingForDefaultSchema=h,e.createReactEmailInlineContentMappingForDefaultSchema=b,e.createReactEmailStyleMappingForDefaultSchema=C,e.defaultReactEmailDefaultSchemaStyles=T,e.defaultReactEmailLinkStyles=y,e.defaultReactEmailStyleTransformStyles=S,e.defaultReactEmailTextStyles=m,e.reactEmailBlockMappingForDefaultSchema=g,e.reactEmailDefaultSchemaMappings=E,e.reactEmailDefaultSchemaMappingsWithStyles=(e=T)=>({blockMapping:h(e.textStyles),inlineContentMapping:b(e.linkStyles),styleMapping:C(e.styleTransformStyles)}),e.reactEmailInlineContentMappingForDefaultSchema=x,e.reactEmailStyleMappingForDefaultSchema=w});
 //# sourceMappingURL=blocknote-xl-email-exporter.umd.cjs.map

package/dist/blocknote-xl-email-exporter.umd.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"blocknote-xl-email-exporter.umd.cjs","names":[],"sources":["../src/react-email/defaultSchema/blocks.tsx","../src/react-email/defaultSchema/inlinecontent.tsx","../src/react-email/defaultSchema/styles.tsx","../src/react-email/defaultSchema/index.ts","../src/react-email/reactEmailExporter.tsx"],"sourcesContent":["import {\n  BlockMapping,\n  createPageBreakBlockConfig,\n  DefaultBlockSchema,\n  mapTableCell,\n  StyledText,\n} from \"@blocknote/core\";\nimport {\n  CodeBlock,\n  dracula,\n  Heading,\n  Img,\n  Link,\n  PrismLanguage,\n  Text,\n} from \"@react-email/components\";\n\n// Define TextProps type based on React Email Text component\ntype TextProps = React.ComponentPropsWithoutRef<typeof Text>;\n\n// Define the styles interface for configurable Text components\nexport interface ReactEmailTextStyles {\n  paragraph?: Partial<TextProps>;\n  bulletListItem?: Partial<TextProps>;\n  toggleListItem?: Partial<TextProps>;\n  numberedListItem?: Partial<TextProps>;\n  checkListItem?: Partial<TextProps>;\n  quote?: Partial<TextProps>;\n  tableError?: Partial<TextProps>;\n  tableCell?: Partial<TextProps>;\n  caption?: Partial<TextProps>;\n  heading1?: Partial<TextProps>;\n  heading2?: Partial<TextProps>;\n  heading3?: Partial<TextProps>;\n  heading4?: Partial<TextProps>;\n  heading5?: Partial<TextProps>;\n  heading6?: Partial<TextProps>;\n  codeBlock?: Partial<React.ComponentProps<typeof CodeBlock>>;\n}\n\nconst defaultTextStyle: TextProps[\"style\"] = {\n  fontSize: 16,\n  lineHeight: 1.5,\n  margin: 3,\n  minHeight: 24,\n};\n\n// Default styles for Text components\nexport const defaultReactEmailTextStyles = {\n  paragraph: {\n    style: defaultTextStyle,\n  },\n  bulletListItem: {\n    style: defaultTextStyle,\n  },\n  toggleListItem: {\n    style: defaultTextStyle,\n  },\n  numberedListItem: {\n    style: defaultTextStyle,\n  },\n  checkListItem: {\n    style: defaultTextStyle,\n  },\n  quote: {\n    style: defaultTextStyle,\n  },\n  tableError: {\n    style: defaultTextStyle,\n  },\n  tableCell: {\n    style: defaultTextStyle,\n  },\n  caption: {\n    style: defaultTextStyle,\n  },\n  heading1: {\n    style: {\n      fontSize: 48,\n      margin: 3,\n    },\n  },\n  heading2: {\n    style: {\n      fontSize: 36,\n      margin: 3,\n    },\n  },\n  heading3: {\n    style: {\n      fontSize: 24,\n      margin: 3,\n    },\n  },\n  heading4: {\n    style: {\n      fontSize: 20,\n      margin: 3,\n    },\n  },\n  heading5: {\n    style: {\n      fontSize: 18,\n      margin: 3,\n    },\n  },\n  heading6: {\n    style: {\n      fontSize: 16,\n      margin: 3,\n    },\n  },\n  codeBlock: {\n    style: defaultTextStyle,\n  },\n} satisfies ReactEmailTextStyles;\n\nexport const createReactEmailBlockMappingForDefaultSchema = (\n  textStyles: ReactEmailTextStyles = defaultReactEmailTextStyles,\n): BlockMapping<\n  DefaultBlockSchema & {\n    pageBreak: ReturnType<typeof createPageBreakBlockConfig>;\n  },\n  any,\n  any,\n  React.ReactElement<any>,\n  React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>\n> => ({\n  paragraph: (block, t) => {\n    return (\n      <Text\n        {...textStyles.paragraph}\n        style={{\n          ...defaultReactEmailTextStyles.paragraph.style,\n          ...textStyles.paragraph?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  bulletListItem: (block, t) => {\n    // Return only the <li> for grouping in the exporter\n    return (\n      <Text\n        {...textStyles.bulletListItem}\n        style={{\n          ...defaultReactEmailTextStyles.bulletListItem.style,\n          ...textStyles.bulletListItem?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  toggleListItem: (block, t) => {\n    // Return only the <li> for grouping in the exporter\n    return (\n      <Text\n        {...textStyles.toggleListItem}\n        style={{\n          ...defaultReactEmailTextStyles.toggleListItem.style,\n          ...textStyles.toggleListItem?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  numberedListItem: (block, t, _nestingLevel) => {\n    // Return only the <li> for grouping in the exporter\n    return (\n      <Text\n        {...textStyles.numberedListItem}\n        style={{\n          ...defaultReactEmailTextStyles.numberedListItem.style,\n          ...textStyles.numberedListItem?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  checkListItem: (block, t) => {\n    // Render a checkbox using inline SVG for better appearance in email\n    // block.props.checked should be true/false\n    const checked = block.props?.checked;\n    const checkboxSvg = checked ? (\n      <svg\n        width=\"18\"\n        height=\"18\"\n        viewBox=\"0 0 18 18\"\n        style={{ display: \"inline\", verticalAlign: \"middle\", marginRight: 8 }}\n      >\n        <rect\n          x=\"2\"\n          y=\"2\"\n          width=\"14\"\n          height=\"14\"\n          rx=\"3\"\n          fill=\"#4F8A10\"\n          stroke=\"#4F8A10\"\n          strokeWidth=\"2\"\n        />\n        <polyline\n          points=\"5,10 8,13 13,6\"\n          fill=\"none\"\n          stroke=\"#fff\"\n          strokeWidth=\"2\"\n        />\n      </svg>\n    ) : (\n      <svg\n        width=\"18\"\n        height=\"18\"\n        viewBox=\"0 0 18 18\"\n        style={{ display: \"inline\", verticalAlign: \"middle\", marginRight: 8 }}\n      >\n        <rect\n          x=\"2\"\n          y=\"2\"\n          width=\"14\"\n          height=\"14\"\n          rx=\"3\"\n          fill=\"#fff\"\n          stroke=\"#888\"\n          strokeWidth=\"2\"\n        />\n      </svg>\n    );\n    return (\n      <Text\n        {...textStyles.checkListItem}\n        style={{\n          ...defaultReactEmailTextStyles.checkListItem.style,\n          ...textStyles.checkListItem?.style,\n        }}\n      >\n        {checkboxSvg}\n        <span>{t.transformInlineContent(block.content)}</span>\n      </Text>\n    );\n  },\n  heading: (block, t) => {\n    return (\n      <Heading\n        as={`h${block.props.level as 1 | 2 | 3 | 4 | 5 | 6}`}\n        {...textStyles[`heading${block.props.level as 1 | 2 | 3 | 4 | 5 | 6}`]}\n        style={{\n          ...defaultReactEmailTextStyles[\n            `heading${block.props.level as 1 | 2 | 3 | 4 | 5 | 6}`\n          ].style,\n          ...textStyles[`heading${block.props.level as 1 | 2 | 3 | 4 | 5 | 6}`]\n            ?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Heading>\n    );\n  },\n\n  codeBlock: (block) => {\n    const textContent = (block.content as StyledText<any>[])[0]?.text || \"\";\n\n    return (\n      <CodeBlock\n        code={textContent}\n        fontFamily=\"'CommitMono', monospace\"\n        language={block.props.language as PrismLanguage}\n        theme={dracula}\n        {...textStyles.codeBlock}\n        style={{\n          ...defaultReactEmailTextStyles.codeBlock.style,\n          ...textStyles.codeBlock?.style,\n        }}\n      />\n    );\n  },\n  audio: (block) => {\n    // Audio icon SVG\n    const icon = (\n      <svg\n        height=\"18\"\n        width=\"18\"\n        viewBox=\"0 0 24 24\"\n        fill=\"#4F8A10\"\n        style={{ display: \"inline\", verticalAlign: \"middle\" }}\n      >\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      </svg>\n    );\n    const previewWidth =\n      \"previewWidth\" in block.props\n        ? (block.props as any).previewWidth\n        : undefined;\n    return (\n      <div style={{ margin: \"8px 0\" }}>\n        <FileLink\n          url={block.props.url}\n          name={block.props.name}\n          defaultText=\"Open audio file\"\n          icon={icon}\n        />\n        <Caption\n          caption={block.props.caption}\n          width={previewWidth}\n          textStyles={textStyles}\n        />\n      </div>\n    );\n  },\n  video: (block) => {\n    // Video icon SVG\n    const icon = (\n      <svg\n        height=\"18\"\n        width=\"18\"\n        viewBox=\"0 0 24 24\"\n        fill=\"#1976D2\"\n        style={{ display: \"inline\", verticalAlign: \"middle\" }}\n      >\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      </svg>\n    );\n    const previewWidth =\n      \"previewWidth\" in block.props\n        ? (block.props as any).previewWidth\n        : undefined;\n    return (\n      <div style={{ margin: \"8px 0\" }}>\n        <FileLink\n          url={block.props.url}\n          name={block.props.name}\n          defaultText=\"Open video file\"\n          icon={icon}\n        />\n        <Caption\n          caption={block.props.caption}\n          width={previewWidth}\n          textStyles={textStyles}\n        />\n      </div>\n    );\n  },\n  file: (block) => {\n    // File icon SVG\n    const icon = (\n      <svg\n        height=\"18\"\n        width=\"18\"\n        viewBox=\"0 0 24 24\"\n        fill=\"#888\"\n        style={{ display: \"inline\", verticalAlign: \"middle\" }}\n      >\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      </svg>\n    );\n    const previewWidth =\n      \"previewWidth\" in block.props\n        ? (block.props as any).previewWidth\n        : undefined;\n    return (\n      <div style={{ margin: \"8px 0\" }}>\n        <FileLink\n          url={block.props.url}\n          name={block.props.name}\n          defaultText=\"Open file\"\n          icon={icon}\n        />\n        <Caption\n          caption={block.props.caption}\n          width={previewWidth}\n          textStyles={textStyles}\n        />\n      </div>\n    );\n  },\n  image: (block) => {\n    return (\n      <Img\n        src={block.props.url}\n        width={block.props.previewWidth}\n        alt={block.props.caption}\n      />\n    );\n  },\n  table: (block, t) => {\n    // Render table using standard HTML table elements for email compatibility\n    const table = block.content;\n    if (!table || typeof table !== \"object\" || !Array.isArray(table.rows)) {\n      return <Text {...textStyles.tableError}>Table data not available</Text>;\n    }\n    const headerRowsCount = (table.headerRows as number) ?? 0;\n    const headerColsCount = (table.headerCols as number) ?? 0;\n\n    return (\n      <table\n        style={{\n          borderCollapse: \"collapse\",\n          width: \"100%\",\n          margin: \"16px 0\",\n          border: \"1px solid #ddd\",\n          borderRadius: 4,\n          overflow: \"hidden\",\n        }}\n        border={0}\n        cellPadding={0}\n        cellSpacing={0}\n      >\n        <tbody>\n          {table.rows.map((row: any, rowIndex: number) => (\n            <tr key={\"row-\" + rowIndex}>\n              {row.cells.map((cell: any, colIndex: number) => {\n                // Use mapTableCell to normalize table cell data into a standard interface\n                // This handles partial cells, provides default values, and ensures consistent structure\n                const normalizedCell = mapTableCell(cell);\n                const isHeaderRow = rowIndex < headerRowsCount;\n                const isHeaderCol = colIndex < headerColsCount;\n                const isHeader = isHeaderRow || isHeaderCol;\n                const CellTag = isHeader ? \"th\" : \"td\";\n                return (\n                  <CellTag\n                    key={\"row_\" + rowIndex + \"_col_\" + colIndex}\n                    style={{\n                      border: \"1px solid #ddd\",\n                      padding: \"8px 12px\",\n                      background:\n                        normalizedCell.props.backgroundColor !== \"default\"\n                          ? t.options.colors[\n                              normalizedCell.props\n                                .backgroundColor as keyof typeof t.options.colors\n                            ].background\n                          : \"inherit\",\n                      fontWeight: isHeader ? \"bold\" : undefined,\n                      textAlign: normalizedCell.props.textAlignment || \"left\",\n                      color:\n                        normalizedCell.props.textColor !== \"default\"\n                          ? t.options.colors[\n                              normalizedCell.props\n                                .textColor as keyof typeof t.options.colors\n                            ].text\n                          : \"inherit\",\n                      ...defaultReactEmailTextStyles.tableCell.style,\n                      ...textStyles.tableCell?.style,\n                    }}\n                    {...((normalizedCell.props.colspan || 1) > 1 && {\n                      colSpan: normalizedCell.props.colspan || 1,\n                    })}\n                    {...((normalizedCell.props.rowspan || 1) > 1 && {\n                      rowSpan: normalizedCell.props.rowspan || 1,\n                    })}\n                  >\n                    {t.transformInlineContent(normalizedCell.content)}\n                  </CellTag>\n                );\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  },\n  quote: (block, t) => {\n    // Render block quote with a left border and subtle background for email compatibility\n    return (\n      <Text\n        {...textStyles.quote}\n        style={{\n          borderLeft: \"2px solid #bdbdbd\",\n          padding: \"0px 12px\",\n          fontStyle: \"italic\",\n          color: t.options.colors.gray.text,\n          display: \"block\",\n          ...defaultReactEmailTextStyles.quote.style,\n          ...textStyles.quote?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  pageBreak: () => {\n    // In email, a page break can be represented as a horizontal rule\n    return (\n      <hr\n        style={{\n          border: \"none\",\n          borderTop: \"2px dashed #ccc\",\n          margin: \"24px 0\",\n        }}\n      />\n    );\n  },\n  divider: () => {\n    return (\n      <hr\n        style={{\n          border: \"none\",\n          borderTop: \"1px solid #ccc\",\n          margin: \"11.5px 0\",\n        }}\n      />\n    );\n  },\n});\n\n// Export the original mapping for backward compatibility\nexport const reactEmailBlockMappingForDefaultSchema =\n  createReactEmailBlockMappingForDefaultSchema();\n\n// Helper for file-like blocks (audio, video, file)\nfunction FileLink({\n  url,\n  name,\n  defaultText,\n  icon,\n}: {\n  url?: string;\n  name?: string;\n  defaultText: string;\n  icon: React.ReactElement;\n}) {\n  return (\n    <Link\n      href={url}\n      style={{\n        textDecoration: \"none\",\n        color: \"#333\",\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        gap: 8,\n        fontSize: 16,\n      }}\n    >\n      {icon}\n      <span style={{ verticalAlign: \"middle\" }}>{name || defaultText}</span>\n    </Link>\n  );\n}\n\nfunction Caption({\n  caption,\n  width,\n  textStyles,\n}: {\n  caption?: string;\n  width?: number;\n  textStyles: ReactEmailTextStyles;\n}) {\n  if (!caption) {\n    return null;\n  }\n  return (\n    <Text\n      {...textStyles.caption}\n      style={{\n        width,\n        fontSize: 13,\n        color: \"#888\",\n        margin: \"4px 0 0 0\",\n        ...defaultReactEmailTextStyles.caption.style,\n        ...textStyles.caption?.style,\n      }}\n    >\n      {caption}\n    </Text>\n  );\n}\n","import {\n  DefaultInlineContentSchema,\n  DefaultStyleSchema,\n  InlineContentMapping,\n} from \"@blocknote/core\";\nimport { Link } from \"@react-email/components\";\n\n// Define the styles interface for configurable Link components\nexport interface ReactEmailLinkStyles {\n  link?: Partial<React.ComponentPropsWithoutRef<typeof Link>>;\n}\n\n// Default styles for Link components\nexport const defaultReactEmailLinkStyles: ReactEmailLinkStyles = {\n  link: {},\n};\n\nexport const createReactEmailInlineContentMappingForDefaultSchema = (\n  linkStyles: ReactEmailLinkStyles = defaultReactEmailLinkStyles,\n): InlineContentMapping<\n  DefaultInlineContentSchema,\n  DefaultStyleSchema,\n  React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>,\n  React.ReactElement<HTMLSpanElement>\n> => ({\n  link: (ic, t) => {\n    return (\n      <Link href={ic.href} {...linkStyles.link}>\n        {...ic.content.map((content) => {\n          return t.transformStyledText(content);\n        })}\n      </Link>\n    );\n  },\n  text: (ic, t) => {\n    return t.transformStyledText(ic);\n  },\n});\n\n// Export the original mapping for backward compatibility\nexport const reactEmailInlineContentMappingForDefaultSchema =\n  createReactEmailInlineContentMappingForDefaultSchema();\n","import { DefaultStyleSchema, StyleMapping } from \"@blocknote/core\";\nimport { CSSProperties } from \"react\";\n\n// Define the styles interface for configurable style transformations\n// This can be extended in the future to allow customizing style transformations\nexport type ReactEmailStyleTransformStyles = Record<string, never>;\n\n// Default styles for style transformations\nexport const defaultReactEmailStyleTransformStyles: ReactEmailStyleTransformStyles =\n  {};\n\nexport const createReactEmailStyleMappingForDefaultSchema = (\n  _styleTransformStyles: ReactEmailStyleTransformStyles = defaultReactEmailStyleTransformStyles,\n): StyleMapping<DefaultStyleSchema, CSSProperties> => ({\n  bold: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      fontWeight: \"bold\",\n    };\n  },\n  italic: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      fontStyle: \"italic\",\n    };\n  },\n  underline: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      textDecoration: \"underline\", // TODO: could conflict with strike\n    };\n  },\n  strike: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      textDecoration: \"line-through\",\n    };\n  },\n  backgroundColor: (val, exporter) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      backgroundColor:\n        exporter.options.colors[val as keyof typeof exporter.options.colors]\n          .background,\n    };\n  },\n  textColor: (val, exporter) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      color:\n        exporter.options.colors[val as keyof typeof exporter.options.colors]\n          .text,\n    };\n  },\n  code: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      fontFamily: \"GeistMono\",\n    };\n  },\n});\n\n// Export the original mapping for backward compatibility\nexport const reactEmailStyleMappingForDefaultSchema =\n  createReactEmailStyleMappingForDefaultSchema();\n","import {\n  reactEmailBlockMappingForDefaultSchema,\n  createReactEmailBlockMappingForDefaultSchema,\n  type ReactEmailTextStyles,\n  defaultReactEmailTextStyles,\n} from \"./blocks.js\";\nimport {\n  reactEmailInlineContentMappingForDefaultSchema,\n  createReactEmailInlineContentMappingForDefaultSchema,\n  type ReactEmailLinkStyles,\n  defaultReactEmailLinkStyles,\n} from \"./inlinecontent.js\";\nimport {\n  reactEmailStyleMappingForDefaultSchema,\n  createReactEmailStyleMappingForDefaultSchema,\n  type ReactEmailStyleTransformStyles,\n  defaultReactEmailStyleTransformStyles,\n} from \"./styles.js\";\n\n// Re-export for backward compatibility\nexport { reactEmailBlockMappingForDefaultSchema } from \"./blocks.js\";\nexport { reactEmailInlineContentMappingForDefaultSchema } from \"./inlinecontent.js\";\nexport { reactEmailStyleMappingForDefaultSchema } from \"./styles.js\";\n\n// Export the new configurable functions\nexport {\n  createReactEmailBlockMappingForDefaultSchema,\n  type ReactEmailTextStyles,\n  defaultReactEmailTextStyles,\n} from \"./blocks.js\";\nexport {\n  createReactEmailInlineContentMappingForDefaultSchema,\n  type ReactEmailLinkStyles,\n  defaultReactEmailLinkStyles,\n} from \"./inlinecontent.js\";\nexport {\n  createReactEmailStyleMappingForDefaultSchema,\n  type ReactEmailStyleTransformStyles,\n  defaultReactEmailStyleTransformStyles,\n} from \"./styles.js\";\n\n// Export the combined styles interface\nexport interface ReactEmailDefaultSchemaStyles {\n  textStyles?: ReactEmailTextStyles;\n  linkStyles?: ReactEmailLinkStyles;\n  styleTransformStyles?: ReactEmailStyleTransformStyles;\n}\n\n// Export the default combined styles\nexport const defaultReactEmailDefaultSchemaStyles: ReactEmailDefaultSchemaStyles =\n  {\n    textStyles: defaultReactEmailTextStyles,\n    linkStyles: defaultReactEmailLinkStyles,\n    styleTransformStyles: defaultReactEmailStyleTransformStyles,\n  };\n\nexport const reactEmailDefaultSchemaMappings = {\n  blockMapping: reactEmailBlockMappingForDefaultSchema,\n  inlineContentMapping: reactEmailInlineContentMappingForDefaultSchema,\n  styleMapping: reactEmailStyleMappingForDefaultSchema,\n};\n\nexport const reactEmailDefaultSchemaMappingsWithStyles = (\n  styles: ReactEmailDefaultSchemaStyles = defaultReactEmailDefaultSchemaStyles,\n): typeof reactEmailDefaultSchemaMappings => {\n  return {\n    blockMapping: createReactEmailBlockMappingForDefaultSchema(\n      styles.textStyles,\n    ),\n    inlineContentMapping: createReactEmailInlineContentMappingForDefaultSchema(\n      styles.linkStyles,\n    ),\n    styleMapping: createReactEmailStyleMappingForDefaultSchema(\n      styles.styleTransformStyles,\n    ),\n  };\n};\n","import {\n  Block,\n  BlockNoteSchema,\n  BlockSchema,\n  COLORS_DEFAULT,\n  DefaultProps,\n  Exporter,\n  ExporterOptions,\n  InlineContentSchema,\n  StyleSchema,\n  StyledText,\n} from \"@blocknote/core\";\nimport {\n  Body,\n  Head,\n  Html,\n  Link,\n  Preview,\n  Section,\n  Tailwind,\n} from \"@react-email/components\";\nimport { render as renderEmail } from \"@react-email/render\";\nimport React, { CSSProperties } from \"react\";\n\nexport class ReactEmailExporter<\n  B extends BlockSchema,\n  S extends StyleSchema,\n  I extends InlineContentSchema,\n> extends Exporter<\n  B,\n  I,\n  S,\n  React.ReactElement<any>,\n  React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>,\n  CSSProperties,\n  React.ReactElement<HTMLSpanElement>\n> {\n  public constructor(\n    public readonly schema: BlockNoteSchema<B, I, S>,\n    mappings: Exporter<\n      NoInfer<B>,\n      NoInfer<I>,\n      NoInfer<S>,\n      React.ReactElement<any>,\n      React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>,\n      CSSProperties,\n      React.ReactElement<HTMLSpanElement>\n    >[\"mappings\"],\n    options?: Partial<ExporterOptions>,\n  ) {\n    const defaults = {\n      colors: COLORS_DEFAULT,\n    } satisfies Partial<ExporterOptions>;\n\n    const newOptions = {\n      ...defaults,\n      ...options,\n    };\n    super(schema, mappings, newOptions);\n  }\n\n  public transformStyledText(styledText: StyledText<S>) {\n    const stylesArray = this.mapStyles(styledText.styles);\n    const styles = Object.assign({}, ...stylesArray);\n    return (\n      <span\n        style={styles}\n        dangerouslySetInnerHTML={{\n          __html: styledText.text.replace(/\\n/g, \"<br />\"),\n        }}\n      />\n    );\n  }\n\n  private async renderGroupedListBlocks(\n    blocks: Block<B, I, S>[],\n    startIndex: number,\n    nestingLevel: number,\n  ): Promise<{ element: React.ReactElement; nextIndex: number }> {\n    const listType = blocks[startIndex].type;\n    const listItems: React.ReactElement<any>[] = [];\n    let j = startIndex;\n\n    for (\n      let itemIndex = 1;\n      j < blocks.length && blocks[j].type === listType;\n      j++, itemIndex++\n    ) {\n      const block = blocks[j];\n      const liContent = (await this.mapBlock(\n        block as any,\n        nestingLevel,\n        itemIndex,\n      )) as any;\n      let nestedList: React.ReactElement<any>[] = [];\n      if (block.children && block.children.length > 0) {\n        nestedList = await this.renderNestedLists(\n          block.children,\n          nestingLevel + 1,\n          block.id,\n        );\n      }\n      listItems.push(\n        <li key={block.id}>\n          {liContent}\n          {nestedList.length > 0 && nestedList}\n        </li>,\n      );\n    }\n    let element: React.ReactElement;\n    if (listType === \"bulletListItem\" || listType === \"toggleListItem\") {\n      element = (\n        <ul className=\"mb-2 list-disc pl-6\" key={blocks[startIndex].id + \"-ul\"}>\n          {listItems}\n        </ul>\n      );\n    } else {\n      element = (\n        <ol\n          className=\"mb-2 list-decimal pl-6\"\n          start={1}\n          key={blocks[startIndex].id + \"-ol\"}\n        >\n          {listItems}\n        </ol>\n      );\n    }\n    return { element, nextIndex: j };\n  }\n\n  private async renderNestedLists(\n    children: Block<B, I, S>[],\n    nestingLevel: number,\n    parentId: string,\n  ): Promise<React.ReactElement<any>[]> {\n    const nestedList: React.ReactElement<any>[] = [];\n    let i = 0;\n    while (i < children.length) {\n      const child = children[i];\n      if (\n        child.type === \"bulletListItem\" ||\n        child.type === \"numberedListItem\"\n      ) {\n        // Group consecutive list items of the same type\n        const listType = child.type;\n        const listItems: React.ReactElement<any>[] = [];\n        let j = i;\n\n        for (\n          let itemIndex = 1;\n          j < children.length && children[j].type === listType;\n          j++, itemIndex++\n        ) {\n          const listItem = children[j];\n          const liContent = (await this.mapBlock(\n            listItem as any,\n            nestingLevel,\n            itemIndex,\n          )) as any;\n          const style = this.blocknoteDefaultPropsToReactEmailStyle(\n            listItem.props as any,\n          );\n          let nestedContent: React.ReactElement<any>[] = [];\n          if (listItem.children && listItem.children.length > 0) {\n            // If children are list items, render as nested list; otherwise, as normal blocks\n            if (\n              listItem.children[0] &&\n              (listItem.children[0].type === \"bulletListItem\" ||\n                listItem.children[0].type === \"numberedListItem\")\n            ) {\n              nestedContent = await this.renderNestedLists(\n                listItem.children,\n                nestingLevel + 1,\n                listItem.id,\n              );\n            } else {\n              nestedContent = await this.transformBlocks(\n                listItem.children,\n                nestingLevel + 1,\n              );\n            }\n          }\n          listItems.push(\n            <li key={listItem.id} style={style}>\n              {liContent}\n              {nestedContent.length > 0 && (\n                <div style={{ marginTop: \"8px\" }}>{nestedContent}</div>\n              )}\n            </li>,\n          );\n        }\n        if (listType === \"bulletListItem\") {\n          nestedList.push(\n            <ul\n              className=\"mb-2 list-disc pl-6\"\n              key={parentId + \"-ul-nested-\" + i}\n            >\n              {listItems}\n            </ul>,\n          );\n        } else {\n          nestedList.push(\n            <ol\n              className=\"mb-2 list-decimal pl-6\"\n              start={1}\n              key={parentId + \"-ol-nested-\" + i}\n            >\n              {listItems}\n            </ol>,\n          );\n        }\n        i = j;\n      } else {\n        // Non-list child, render as normal with indentation\n        const childBlocks = await this.transformBlocks([child], nestingLevel);\n        nestedList.push(\n          <Section key={child.id} style={{ marginLeft: \"24px\" }}>\n            {childBlocks}\n          </Section>,\n        );\n        i++;\n      }\n    }\n    return nestedList;\n  }\n\n  public async transformBlocks(\n    blocks: Block<B, I, S>[],\n    nestingLevel = 0,\n  ): Promise<React.ReactElement<any>[]> {\n    const ret: React.ReactElement<any>[] = [];\n    let i = 0;\n    while (i < blocks.length) {\n      const b = blocks[i];\n      if (\n        b.type === \"bulletListItem\" ||\n        b.type === \"numberedListItem\" ||\n        b.type === \"toggleListItem\"\n      ) {\n        const { element, nextIndex } = await this.renderGroupedListBlocks(\n          blocks,\n          i,\n          nestingLevel,\n        );\n        ret.push(element);\n        i = nextIndex;\n        continue;\n      }\n      // Non-list blocks\n      const children = await this.transformBlocks(b.children, nestingLevel + 1);\n      const self = (await this.mapBlock(b as any, nestingLevel, 0)) as any;\n      const style = this.blocknoteDefaultPropsToReactEmailStyle(b.props as any);\n\n      ret.push(\n        <React.Fragment key={b.id}>\n          {Object.entries(style).length > 0 ? (\n            <div style={style}>{self}</div> // TODO: maybe nicer to set style on child element instead of wrapping in a div?\n          ) : (\n            self\n          )}\n          {children.length > 0 && (\n            <div style={{ marginLeft: \"24px\" }}>{children}</div>\n          )}\n        </React.Fragment>,\n      );\n      i++;\n    }\n    return ret;\n  }\n\n  public async toReactEmailDocument(\n    blocks: Block<B, I, S>[],\n    options?: {\n      /**\n       * Inject elements into the {@link Head} element\n       * @see https://react.email/docs/components/head\n       */\n      head?: React.ReactElement;\n      /**\n       * Set the preview text for the email\n       * @see https://react.email/docs/components/preview\n       */\n      preview?: string | string[];\n      /**\n       * Add a header to every page.\n       * The React component passed must be a React-Email component\n       * @see https://react.email/components\n       */\n      header?: React.ReactElement;\n      /**\n       * Add a footer to every page.\n       * The React component passed must be a React-Email component\n       * @see https://react.email/components\n       */\n      footer?: React.ReactElement;\n      /**\n       * Customize the container element\n       */\n      container?: React.FC<{ children: React.ReactNode }>;\n      /**\n       * Customize the body styles\n       * @default {\n       *   fontFamily: \"'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif\",\n       *   fontSize: \"16px\",\n       *   lineHeight: \"1.5\",\n       *   color: \"#333\",\n       * }\n       */\n      bodyStyles?: CSSProperties;\n    },\n  ) {\n    const transformedBlocks = await this.transformBlocks(blocks);\n    const DefaultContainer =\n      options?.container ||\n      (({ children }: { children: React.ReactNode }) => (\n        <React.Fragment>{children}</React.Fragment>\n      ));\n    const needsPolyfill = !globalThis.ReadableByteStreamController;\n    if (needsPolyfill) {\n      // needed for safari compatibility;\n      // https://github.com/resend/react-email/blob/f02e21e998d507aa3fdfbb7b8639f915b8df6cb5/apps/docs/utilities/render.mdx#3-convert-to-html\n      (globalThis as any).ReadableByteStreamController = (\n        await import(\"web-streams-polyfill\")\n      ).default.ReadableByteStreamController;\n    }\n    const ret = await renderEmail(\n      <Html>\n        <Head>{options?.head}</Head>\n        <Body\n          style={\n            options?.bodyStyles ?? {\n              fontFamily:\n                \"'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif\",\n              fontSize: \"16px\",\n              lineHeight: \"1.5\",\n              color: \"#333\",\n            }\n          }\n        >\n          {options?.preview && <Preview>{options.preview}</Preview>}\n          <Tailwind>\n            <DefaultContainer>\n              {options?.header}\n              {transformedBlocks}\n              {options?.footer}\n            </DefaultContainer>\n          </Tailwind>\n        </Body>\n      </Html>,\n    );\n    if (needsPolyfill) {\n      delete (globalThis as any).ReadableByteStreamController;\n    }\n    return ret;\n  }\n\n  protected blocknoteDefaultPropsToReactEmailStyle(\n    props: Partial<DefaultProps>,\n  ): CSSProperties {\n    const style: CSSProperties = {\n      textAlign:\n        props.textAlignment === \"left\" ? undefined : props.textAlignment,\n      backgroundColor:\n        props.backgroundColor === \"default\" || !props.backgroundColor\n          ? undefined\n          : this.options.colors[props.backgroundColor]?.background,\n      color:\n        props.textColor === \"default\" || !props.textColor\n          ? undefined\n          : this.options.colors[props.textColor]?.text,\n      alignItems:\n        props.textAlignment === \"right\"\n          ? \"flex-end\"\n          : props.textAlignment === \"center\"\n            ? \"center\"\n            : undefined,\n    };\n    return Object.fromEntries(\n      Object.entries(style).filter(([_, value]) => value !== undefined),\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"blocknote-xl-email-exporter.umd.cjs","names":[],"sources":["../src/react-email/defaultSchema/blocks.tsx","../src/react-email/defaultSchema/inlinecontent.tsx","../src/react-email/defaultSchema/styles.tsx","../src/react-email/defaultSchema/index.ts","../src/react-email/reactEmailExporter.tsx"],"sourcesContent":["import {\n  BlockMapping,\n  createPageBreakBlockConfig,\n  DefaultBlockSchema,\n  mapTableCell,\n} from \"@blocknote/core\";\nimport {\n  CodeBlock,\n  dracula,\n  Heading,\n  Img,\n  Link,\n  PrismLanguage,\n  Text,\n} from \"@react-email/components\";\n\n// Define TextProps type based on React Email Text component\ntype TextProps = React.ComponentPropsWithoutRef<typeof Text>;\n\n// Define the styles interface for configurable Text components\nexport interface ReactEmailTextStyles {\n  paragraph?: Partial<TextProps>;\n  bulletListItem?: Partial<TextProps>;\n  toggleListItem?: Partial<TextProps>;\n  numberedListItem?: Partial<TextProps>;\n  checkListItem?: Partial<TextProps>;\n  quote?: Partial<TextProps>;\n  tableError?: Partial<TextProps>;\n  tableCell?: Partial<TextProps>;\n  caption?: Partial<TextProps>;\n  heading1?: Partial<TextProps>;\n  heading2?: Partial<TextProps>;\n  heading3?: Partial<TextProps>;\n  heading4?: Partial<TextProps>;\n  heading5?: Partial<TextProps>;\n  heading6?: Partial<TextProps>;\n  codeBlock?: Partial<React.ComponentProps<typeof CodeBlock>>;\n}\n\nconst defaultTextStyle: TextProps[\"style\"] = {\n  fontSize: 16,\n  lineHeight: 1.5,\n  margin: 3,\n  minHeight: 24,\n};\n\n// Default styles for Text components\nexport const defaultReactEmailTextStyles = {\n  paragraph: {\n    style: defaultTextStyle,\n  },\n  bulletListItem: {\n    style: defaultTextStyle,\n  },\n  toggleListItem: {\n    style: defaultTextStyle,\n  },\n  numberedListItem: {\n    style: defaultTextStyle,\n  },\n  checkListItem: {\n    style: defaultTextStyle,\n  },\n  quote: {\n    style: defaultTextStyle,\n  },\n  tableError: {\n    style: defaultTextStyle,\n  },\n  tableCell: {\n    style: defaultTextStyle,\n  },\n  caption: {\n    style: defaultTextStyle,\n  },\n  heading1: {\n    style: {\n      fontSize: 48,\n      margin: 3,\n    },\n  },\n  heading2: {\n    style: {\n      fontSize: 36,\n      margin: 3,\n    },\n  },\n  heading3: {\n    style: {\n      fontSize: 24,\n      margin: 3,\n    },\n  },\n  heading4: {\n    style: {\n      fontSize: 20,\n      margin: 3,\n    },\n  },\n  heading5: {\n    style: {\n      fontSize: 18,\n      margin: 3,\n    },\n  },\n  heading6: {\n    style: {\n      fontSize: 16,\n      margin: 3,\n    },\n  },\n  codeBlock: {\n    style: defaultTextStyle,\n  },\n} satisfies ReactEmailTextStyles;\n\nexport const createReactEmailBlockMappingForDefaultSchema = (\n  textStyles: ReactEmailTextStyles = defaultReactEmailTextStyles,\n): BlockMapping<\n  DefaultBlockSchema & {\n    pageBreak: ReturnType<typeof createPageBreakBlockConfig>;\n  },\n  any,\n  any,\n  React.ReactElement<any>,\n  React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>\n> => ({\n  paragraph: (block, t) => {\n    return (\n      <Text\n        {...textStyles.paragraph}\n        style={{\n          ...defaultReactEmailTextStyles.paragraph.style,\n          ...textStyles.paragraph?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  bulletListItem: (block, t) => {\n    // Return only the <li> for grouping in the exporter\n    return (\n      <Text\n        {...textStyles.bulletListItem}\n        style={{\n          ...defaultReactEmailTextStyles.bulletListItem.style,\n          ...textStyles.bulletListItem?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  toggleListItem: (block, t) => {\n    // Return only the <li> for grouping in the exporter\n    return (\n      <Text\n        {...textStyles.toggleListItem}\n        style={{\n          ...defaultReactEmailTextStyles.toggleListItem.style,\n          ...textStyles.toggleListItem?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  numberedListItem: (block, t, _nestingLevel) => {\n    // Return only the <li> for grouping in the exporter\n    return (\n      <Text\n        {...textStyles.numberedListItem}\n        style={{\n          ...defaultReactEmailTextStyles.numberedListItem.style,\n          ...textStyles.numberedListItem?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  checkListItem: (block, t) => {\n    // Render a checkbox using inline SVG for better appearance in email\n    // block.props.checked should be true/false\n    const checked = block.props?.checked;\n    const checkboxSvg = checked ? (\n      <svg\n        width=\"18\"\n        height=\"18\"\n        viewBox=\"0 0 18 18\"\n        style={{ display: \"inline\", verticalAlign: \"middle\", marginRight: 8 }}\n      >\n        <rect\n          x=\"2\"\n          y=\"2\"\n          width=\"14\"\n          height=\"14\"\n          rx=\"3\"\n          fill=\"#4F8A10\"\n          stroke=\"#4F8A10\"\n          strokeWidth=\"2\"\n        />\n        <polyline\n          points=\"5,10 8,13 13,6\"\n          fill=\"none\"\n          stroke=\"#fff\"\n          strokeWidth=\"2\"\n        />\n      </svg>\n    ) : (\n      <svg\n        width=\"18\"\n        height=\"18\"\n        viewBox=\"0 0 18 18\"\n        style={{ display: \"inline\", verticalAlign: \"middle\", marginRight: 8 }}\n      >\n        <rect\n          x=\"2\"\n          y=\"2\"\n          width=\"14\"\n          height=\"14\"\n          rx=\"3\"\n          fill=\"#fff\"\n          stroke=\"#888\"\n          strokeWidth=\"2\"\n        />\n      </svg>\n    );\n    return (\n      <Text\n        {...textStyles.checkListItem}\n        style={{\n          ...defaultReactEmailTextStyles.checkListItem.style,\n          ...textStyles.checkListItem?.style,\n        }}\n      >\n        {checkboxSvg}\n        <span>{t.transformInlineContent(block.content)}</span>\n      </Text>\n    );\n  },\n  heading: (block, t) => {\n    return (\n      <Heading\n        as={`h${block.props.level as 1 | 2 | 3 | 4 | 5 | 6}`}\n        {...textStyles[`heading${block.props.level as 1 | 2 | 3 | 4 | 5 | 6}`]}\n        style={{\n          ...defaultReactEmailTextStyles[\n            `heading${block.props.level as 1 | 2 | 3 | 4 | 5 | 6}`\n          ].style,\n          ...textStyles[`heading${block.props.level as 1 | 2 | 3 | 4 | 5 | 6}`]\n            ?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Heading>\n    );\n  },\n\n  codeBlock: (block) => {\n    // Code blocks hold plain content: at most a single unstyled text item.\n    const [textItem, ...excessItems] = block.content;\n    if (excessItems.length > 0 || (textItem && !(\"text\" in textItem))) {\n      throw new Error(\"expected plain block content to be a single text item\");\n    }\n    const textContent = textItem?.text ?? \"\";\n\n    return (\n      <CodeBlock\n        code={textContent}\n        fontFamily=\"'CommitMono', monospace\"\n        language={block.props.language as PrismLanguage}\n        theme={dracula}\n        {...textStyles.codeBlock}\n        style={{\n          ...defaultReactEmailTextStyles.codeBlock.style,\n          ...textStyles.codeBlock?.style,\n        }}\n      />\n    );\n  },\n  audio: (block) => {\n    // Audio icon SVG\n    const icon = (\n      <svg\n        height=\"18\"\n        width=\"18\"\n        viewBox=\"0 0 24 24\"\n        fill=\"#4F8A10\"\n        style={{ display: \"inline\", verticalAlign: \"middle\" }}\n      >\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      </svg>\n    );\n    const previewWidth =\n      \"previewWidth\" in block.props\n        ? (block.props as any).previewWidth\n        : undefined;\n    return (\n      <div style={{ margin: \"8px 0\" }}>\n        <FileLink\n          url={block.props.url}\n          name={block.props.name}\n          defaultText=\"Open audio file\"\n          icon={icon}\n        />\n        <Caption\n          caption={block.props.caption}\n          width={previewWidth}\n          textStyles={textStyles}\n        />\n      </div>\n    );\n  },\n  video: (block) => {\n    // Video icon SVG\n    const icon = (\n      <svg\n        height=\"18\"\n        width=\"18\"\n        viewBox=\"0 0 24 24\"\n        fill=\"#1976D2\"\n        style={{ display: \"inline\", verticalAlign: \"middle\" }}\n      >\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      </svg>\n    );\n    const previewWidth =\n      \"previewWidth\" in block.props\n        ? (block.props as any).previewWidth\n        : undefined;\n    return (\n      <div style={{ margin: \"8px 0\" }}>\n        <FileLink\n          url={block.props.url}\n          name={block.props.name}\n          defaultText=\"Open video file\"\n          icon={icon}\n        />\n        <Caption\n          caption={block.props.caption}\n          width={previewWidth}\n          textStyles={textStyles}\n        />\n      </div>\n    );\n  },\n  file: (block) => {\n    // File icon SVG\n    const icon = (\n      <svg\n        height=\"18\"\n        width=\"18\"\n        viewBox=\"0 0 24 24\"\n        fill=\"#888\"\n        style={{ display: \"inline\", verticalAlign: \"middle\" }}\n      >\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      </svg>\n    );\n    const previewWidth =\n      \"previewWidth\" in block.props\n        ? (block.props as any).previewWidth\n        : undefined;\n    return (\n      <div style={{ margin: \"8px 0\" }}>\n        <FileLink\n          url={block.props.url}\n          name={block.props.name}\n          defaultText=\"Open file\"\n          icon={icon}\n        />\n        <Caption\n          caption={block.props.caption}\n          width={previewWidth}\n          textStyles={textStyles}\n        />\n      </div>\n    );\n  },\n  image: (block) => {\n    return (\n      <Img\n        src={block.props.url}\n        width={block.props.previewWidth}\n        alt={block.props.caption}\n      />\n    );\n  },\n  table: (block, t) => {\n    // Render table using standard HTML table elements for email compatibility\n    const table = block.content;\n    if (!table || typeof table !== \"object\" || !Array.isArray(table.rows)) {\n      return <Text {...textStyles.tableError}>Table data not available</Text>;\n    }\n    const headerRowsCount = (table.headerRows as number) ?? 0;\n    const headerColsCount = (table.headerCols as number) ?? 0;\n\n    return (\n      <table\n        style={{\n          borderCollapse: \"collapse\",\n          width: \"100%\",\n          margin: \"16px 0\",\n          border: \"1px solid #ddd\",\n          borderRadius: 4,\n          overflow: \"hidden\",\n        }}\n        border={0}\n        cellPadding={0}\n        cellSpacing={0}\n      >\n        <tbody>\n          {table.rows.map((row: any, rowIndex: number) => (\n            <tr key={\"row-\" + rowIndex}>\n              {row.cells.map((cell: any, colIndex: number) => {\n                // Use mapTableCell to normalize table cell data into a standard interface\n                // This handles partial cells, provides default values, and ensures consistent structure\n                const normalizedCell = mapTableCell(cell);\n                const isHeaderRow = rowIndex < headerRowsCount;\n                const isHeaderCol = colIndex < headerColsCount;\n                const isHeader = isHeaderRow || isHeaderCol;\n                const CellTag = isHeader ? \"th\" : \"td\";\n                return (\n                  <CellTag\n                    key={\"row_\" + rowIndex + \"_col_\" + colIndex}\n                    style={{\n                      border: \"1px solid #ddd\",\n                      padding: \"8px 12px\",\n                      background:\n                        normalizedCell.props.backgroundColor !== \"default\"\n                          ? t.options.colors[\n                              normalizedCell.props\n                                .backgroundColor as keyof typeof t.options.colors\n                            ].background\n                          : \"inherit\",\n                      fontWeight: isHeader ? \"bold\" : undefined,\n                      textAlign: normalizedCell.props.textAlignment || \"left\",\n                      color:\n                        normalizedCell.props.textColor !== \"default\"\n                          ? t.options.colors[\n                              normalizedCell.props\n                                .textColor as keyof typeof t.options.colors\n                            ].text\n                          : \"inherit\",\n                      ...defaultReactEmailTextStyles.tableCell.style,\n                      ...textStyles.tableCell?.style,\n                    }}\n                    {...((normalizedCell.props.colspan || 1) > 1 && {\n                      colSpan: normalizedCell.props.colspan || 1,\n                    })}\n                    {...((normalizedCell.props.rowspan || 1) > 1 && {\n                      rowSpan: normalizedCell.props.rowspan || 1,\n                    })}\n                  >\n                    {t.transformInlineContent(normalizedCell.content)}\n                  </CellTag>\n                );\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  },\n  quote: (block, t) => {\n    // Render block quote with a left border and subtle background for email compatibility\n    return (\n      <Text\n        {...textStyles.quote}\n        style={{\n          borderLeft: \"2px solid #bdbdbd\",\n          padding: \"0px 12px\",\n          fontStyle: \"italic\",\n          color: t.options.colors.gray.text,\n          display: \"block\",\n          ...defaultReactEmailTextStyles.quote.style,\n          ...textStyles.quote?.style,\n        }}\n      >\n        {t.transformInlineContent(block.content)}\n      </Text>\n    );\n  },\n  pageBreak: () => {\n    // In email, a page break can be represented as a horizontal rule\n    return (\n      <hr\n        style={{\n          border: \"none\",\n          borderTop: \"2px dashed #ccc\",\n          margin: \"24px 0\",\n        }}\n      />\n    );\n  },\n  divider: () => {\n    return (\n      <hr\n        style={{\n          border: \"none\",\n          borderTop: \"1px solid #ccc\",\n          margin: \"11.5px 0\",\n        }}\n      />\n    );\n  },\n});\n\n// Export the original mapping for backward compatibility\nexport const reactEmailBlockMappingForDefaultSchema =\n  createReactEmailBlockMappingForDefaultSchema();\n\n// Helper for file-like blocks (audio, video, file)\nfunction FileLink({\n  url,\n  name,\n  defaultText,\n  icon,\n}: {\n  url?: string;\n  name?: string;\n  defaultText: string;\n  icon: React.ReactElement;\n}) {\n  return (\n    <Link\n      href={url}\n      style={{\n        textDecoration: \"none\",\n        color: \"#333\",\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        gap: 8,\n        fontSize: 16,\n      }}\n    >\n      {icon}\n      <span style={{ verticalAlign: \"middle\" }}>{name || defaultText}</span>\n    </Link>\n  );\n}\n\nfunction Caption({\n  caption,\n  width,\n  textStyles,\n}: {\n  caption?: string;\n  width?: number;\n  textStyles: ReactEmailTextStyles;\n}) {\n  if (!caption) {\n    return null;\n  }\n  return (\n    <Text\n      {...textStyles.caption}\n      style={{\n        width,\n        fontSize: 13,\n        color: \"#888\",\n        margin: \"4px 0 0 0\",\n        ...defaultReactEmailTextStyles.caption.style,\n        ...textStyles.caption?.style,\n      }}\n    >\n      {caption}\n    </Text>\n  );\n}\n","import {\n  DefaultInlineContentSchema,\n  DefaultStyleSchema,\n  InlineContentMapping,\n} from \"@blocknote/core\";\nimport { Link } from \"@react-email/components\";\n\n// Define the styles interface for configurable Link components\nexport interface ReactEmailLinkStyles {\n  link?: Partial<React.ComponentPropsWithoutRef<typeof Link>>;\n}\n\n// Default styles for Link components\nexport const defaultReactEmailLinkStyles: ReactEmailLinkStyles = {\n  link: {},\n};\n\nexport const createReactEmailInlineContentMappingForDefaultSchema = (\n  linkStyles: ReactEmailLinkStyles = defaultReactEmailLinkStyles,\n): InlineContentMapping<\n  DefaultInlineContentSchema,\n  DefaultStyleSchema,\n  React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>,\n  React.ReactElement<HTMLSpanElement>\n> => ({\n  link: (ic, t) => {\n    return (\n      <Link href={ic.href} {...linkStyles.link}>\n        {...ic.content.map((content) => {\n          return t.transformStyledText(content);\n        })}\n      </Link>\n    );\n  },\n  text: (ic, t) => {\n    return t.transformStyledText(ic);\n  },\n});\n\n// Export the original mapping for backward compatibility\nexport const reactEmailInlineContentMappingForDefaultSchema =\n  createReactEmailInlineContentMappingForDefaultSchema();\n","import { DefaultStyleSchema, StyleMapping } from \"@blocknote/core\";\nimport { CSSProperties } from \"react\";\n\n// Define the styles interface for configurable style transformations\n// This can be extended in the future to allow customizing style transformations\nexport type ReactEmailStyleTransformStyles = Record<string, never>;\n\n// Default styles for style transformations\nexport const defaultReactEmailStyleTransformStyles: ReactEmailStyleTransformStyles =\n  {};\n\nexport const createReactEmailStyleMappingForDefaultSchema = (\n  _styleTransformStyles: ReactEmailStyleTransformStyles = defaultReactEmailStyleTransformStyles,\n): StyleMapping<DefaultStyleSchema, CSSProperties> => ({\n  bold: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      fontWeight: \"bold\",\n    };\n  },\n  italic: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      fontStyle: \"italic\",\n    };\n  },\n  underline: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      textDecoration: \"underline\", // TODO: could conflict with strike\n    };\n  },\n  strike: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      textDecoration: \"line-through\",\n    };\n  },\n  backgroundColor: (val, exporter) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      backgroundColor:\n        exporter.options.colors[val as keyof typeof exporter.options.colors]\n          .background,\n    };\n  },\n  textColor: (val, exporter) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      color:\n        exporter.options.colors[val as keyof typeof exporter.options.colors]\n          .text,\n    };\n  },\n  code: (val) => {\n    if (!val) {\n      return {};\n    }\n    return {\n      fontFamily: \"GeistMono\",\n    };\n  },\n});\n\n// Export the original mapping for backward compatibility\nexport const reactEmailStyleMappingForDefaultSchema =\n  createReactEmailStyleMappingForDefaultSchema();\n","import {\n  reactEmailBlockMappingForDefaultSchema,\n  createReactEmailBlockMappingForDefaultSchema,\n  type ReactEmailTextStyles,\n  defaultReactEmailTextStyles,\n} from \"./blocks.js\";\nimport {\n  reactEmailInlineContentMappingForDefaultSchema,\n  createReactEmailInlineContentMappingForDefaultSchema,\n  type ReactEmailLinkStyles,\n  defaultReactEmailLinkStyles,\n} from \"./inlinecontent.js\";\nimport {\n  reactEmailStyleMappingForDefaultSchema,\n  createReactEmailStyleMappingForDefaultSchema,\n  type ReactEmailStyleTransformStyles,\n  defaultReactEmailStyleTransformStyles,\n} from \"./styles.js\";\n\n// Re-export for backward compatibility\nexport { reactEmailBlockMappingForDefaultSchema } from \"./blocks.js\";\nexport { reactEmailInlineContentMappingForDefaultSchema } from \"./inlinecontent.js\";\nexport { reactEmailStyleMappingForDefaultSchema } from \"./styles.js\";\n\n// Export the new configurable functions\nexport {\n  createReactEmailBlockMappingForDefaultSchema,\n  type ReactEmailTextStyles,\n  defaultReactEmailTextStyles,\n} from \"./blocks.js\";\nexport {\n  createReactEmailInlineContentMappingForDefaultSchema,\n  type ReactEmailLinkStyles,\n  defaultReactEmailLinkStyles,\n} from \"./inlinecontent.js\";\nexport {\n  createReactEmailStyleMappingForDefaultSchema,\n  type ReactEmailStyleTransformStyles,\n  defaultReactEmailStyleTransformStyles,\n} from \"./styles.js\";\n\n// Export the combined styles interface\nexport interface ReactEmailDefaultSchemaStyles {\n  textStyles?: ReactEmailTextStyles;\n  linkStyles?: ReactEmailLinkStyles;\n  styleTransformStyles?: ReactEmailStyleTransformStyles;\n}\n\n// Export the default combined styles\nexport const defaultReactEmailDefaultSchemaStyles: ReactEmailDefaultSchemaStyles =\n  {\n    textStyles: defaultReactEmailTextStyles,\n    linkStyles: defaultReactEmailLinkStyles,\n    styleTransformStyles: defaultReactEmailStyleTransformStyles,\n  };\n\nexport const reactEmailDefaultSchemaMappings = {\n  blockMapping: reactEmailBlockMappingForDefaultSchema,\n  inlineContentMapping: reactEmailInlineContentMappingForDefaultSchema,\n  styleMapping: reactEmailStyleMappingForDefaultSchema,\n};\n\nexport const reactEmailDefaultSchemaMappingsWithStyles = (\n  styles: ReactEmailDefaultSchemaStyles = defaultReactEmailDefaultSchemaStyles,\n): typeof reactEmailDefaultSchemaMappings => {\n  return {\n    blockMapping: createReactEmailBlockMappingForDefaultSchema(\n      styles.textStyles,\n    ),\n    inlineContentMapping: createReactEmailInlineContentMappingForDefaultSchema(\n      styles.linkStyles,\n    ),\n    styleMapping: createReactEmailStyleMappingForDefaultSchema(\n      styles.styleTransformStyles,\n    ),\n  };\n};\n","import {\n  Block,\n  BlockNoteSchema,\n  BlockSchema,\n  COLORS_DEFAULT,\n  DefaultProps,\n  Exporter,\n  ExporterOptions,\n  InlineContentSchema,\n  StyleSchema,\n  StyledText,\n} from \"@blocknote/core\";\nimport {\n  Body,\n  Head,\n  Html,\n  Link,\n  Preview,\n  Section,\n  Tailwind,\n} from \"@react-email/components\";\nimport { render as renderEmail } from \"@react-email/render\";\nimport React, { CSSProperties } from \"react\";\n\nexport class ReactEmailExporter<\n  B extends BlockSchema,\n  S extends StyleSchema,\n  I extends InlineContentSchema,\n> extends Exporter<\n  B,\n  I,\n  S,\n  React.ReactElement<any>,\n  React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>,\n  CSSProperties,\n  React.ReactElement<HTMLSpanElement>\n> {\n  public constructor(\n    public readonly schema: BlockNoteSchema<B, I, S>,\n    mappings: Exporter<\n      NoInfer<B>,\n      NoInfer<I>,\n      NoInfer<S>,\n      React.ReactElement<any>,\n      React.ReactElement<typeof Link> | React.ReactElement<HTMLSpanElement>,\n      CSSProperties,\n      React.ReactElement<HTMLSpanElement>\n    >[\"mappings\"],\n    options?: Partial<ExporterOptions>,\n  ) {\n    const defaults = {\n      colors: COLORS_DEFAULT,\n    } satisfies Partial<ExporterOptions>;\n\n    const newOptions = {\n      ...defaults,\n      ...options,\n    };\n    super(schema, mappings, newOptions);\n  }\n\n  public transformStyledText(styledText: StyledText<S>) {\n    const stylesArray = this.mapStyles(styledText.styles);\n    const styles = Object.assign({}, ...stylesArray);\n    return (\n      <span\n        style={styles}\n        dangerouslySetInnerHTML={{\n          __html: styledText.text.replace(/\\n/g, \"<br />\"),\n        }}\n      />\n    );\n  }\n\n  private async renderGroupedListBlocks(\n    blocks: Block<B, I, S>[],\n    startIndex: number,\n    nestingLevel: number,\n  ): Promise<{ element: React.ReactElement; nextIndex: number }> {\n    const listType = blocks[startIndex].type;\n    const listItems: React.ReactElement<any>[] = [];\n    let j = startIndex;\n\n    for (\n      let itemIndex = 1;\n      j < blocks.length && blocks[j].type === listType;\n      j++, itemIndex++\n    ) {\n      const block = blocks[j];\n      const liContent = (await this.mapBlock(\n        block as any,\n        nestingLevel,\n        itemIndex,\n      )) as any;\n      let nestedList: React.ReactElement<any>[] = [];\n      if (block.children && block.children.length > 0) {\n        nestedList = await this.renderNestedLists(\n          block.children,\n          nestingLevel + 1,\n          block.id,\n        );\n      }\n      listItems.push(\n        <li key={block.id}>\n          {liContent}\n          {nestedList.length > 0 && nestedList}\n        </li>,\n      );\n    }\n    let element: React.ReactElement;\n    if (listType === \"bulletListItem\" || listType === \"toggleListItem\") {\n      element = (\n        <ul className=\"mb-2 list-disc pl-6\" key={blocks[startIndex].id + \"-ul\"}>\n          {listItems}\n        </ul>\n      );\n    } else {\n      element = (\n        <ol\n          className=\"mb-2 list-decimal pl-6\"\n          start={1}\n          key={blocks[startIndex].id + \"-ol\"}\n        >\n          {listItems}\n        </ol>\n      );\n    }\n    return { element, nextIndex: j };\n  }\n\n  private async renderNestedLists(\n    children: Block<B, I, S>[],\n    nestingLevel: number,\n    parentId: string,\n  ): Promise<React.ReactElement<any>[]> {\n    const nestedList: React.ReactElement<any>[] = [];\n    let i = 0;\n    while (i < children.length) {\n      const child = children[i];\n      if (\n        child.type === \"bulletListItem\" ||\n        child.type === \"numberedListItem\"\n      ) {\n        // Group consecutive list items of the same type\n        const listType = child.type;\n        const listItems: React.ReactElement<any>[] = [];\n        let j = i;\n\n        for (\n          let itemIndex = 1;\n          j < children.length && children[j].type === listType;\n          j++, itemIndex++\n        ) {\n          const listItem = children[j];\n          const liContent = (await this.mapBlock(\n            listItem as any,\n            nestingLevel,\n            itemIndex,\n          )) as any;\n          const style = this.blocknoteDefaultPropsToReactEmailStyle(\n            listItem.props as any,\n          );\n          let nestedContent: React.ReactElement<any>[] = [];\n          if (listItem.children && listItem.children.length > 0) {\n            // If children are list items, render as nested list; otherwise, as normal blocks\n            if (\n              listItem.children[0] &&\n              (listItem.children[0].type === \"bulletListItem\" ||\n                listItem.children[0].type === \"numberedListItem\")\n            ) {\n              nestedContent = await this.renderNestedLists(\n                listItem.children,\n                nestingLevel + 1,\n                listItem.id,\n              );\n            } else {\n              nestedContent = await this.transformBlocks(\n                listItem.children,\n                nestingLevel + 1,\n              );\n            }\n          }\n          listItems.push(\n            <li key={listItem.id} style={style}>\n              {liContent}\n              {nestedContent.length > 0 && (\n                <div style={{ marginTop: \"8px\" }}>{nestedContent}</div>\n              )}\n            </li>,\n          );\n        }\n        if (listType === \"bulletListItem\") {\n          nestedList.push(\n            <ul\n              className=\"mb-2 list-disc pl-6\"\n              key={parentId + \"-ul-nested-\" + i}\n            >\n              {listItems}\n            </ul>,\n          );\n        } else {\n          nestedList.push(\n            <ol\n              className=\"mb-2 list-decimal pl-6\"\n              start={1}\n              key={parentId + \"-ol-nested-\" + i}\n            >\n              {listItems}\n            </ol>,\n          );\n        }\n        i = j;\n      } else {\n        // Non-list child, render as normal with indentation\n        const childBlocks = await this.transformBlocks([child], nestingLevel);\n        nestedList.push(\n          <Section key={child.id} style={{ marginLeft: \"24px\" }}>\n            {childBlocks}\n          </Section>,\n        );\n        i++;\n      }\n    }\n    return nestedList;\n  }\n\n  public async transformBlocks(\n    blocks: Block<B, I, S>[],\n    nestingLevel = 0,\n  ): Promise<React.ReactElement<any>[]> {\n    const ret: React.ReactElement<any>[] = [];\n    let i = 0;\n    while (i < blocks.length) {\n      const b = blocks[i];\n      if (\n        b.type === \"bulletListItem\" ||\n        b.type === \"numberedListItem\" ||\n        b.type === \"toggleListItem\"\n      ) {\n        const { element, nextIndex } = await this.renderGroupedListBlocks(\n          blocks,\n          i,\n          nestingLevel,\n        );\n        ret.push(element);\n        i = nextIndex;\n        continue;\n      }\n      // Non-list blocks\n      const children = await this.transformBlocks(b.children, nestingLevel + 1);\n      const self = (await this.mapBlock(b as any, nestingLevel, 0)) as any;\n      const style = this.blocknoteDefaultPropsToReactEmailStyle(b.props as any);\n\n      ret.push(\n        <React.Fragment key={b.id}>\n          {Object.entries(style).length > 0 ? (\n            <div style={style}>{self}</div> // TODO: maybe nicer to set style on child element instead of wrapping in a div?\n          ) : (\n            self\n          )}\n          {children.length > 0 && (\n            <div style={{ marginLeft: \"24px\" }}>{children}</div>\n          )}\n        </React.Fragment>,\n      );\n      i++;\n    }\n    return ret;\n  }\n\n  public async toReactEmailDocument(\n    blocks: Block<B, I, S>[],\n    options?: {\n      /**\n       * Inject elements into the {@link Head} element\n       * @see https://react.email/docs/components/head\n       */\n      head?: React.ReactElement;\n      /**\n       * Set the preview text for the email\n       * @see https://react.email/docs/components/preview\n       */\n      preview?: string | string[];\n      /**\n       * Add a header to every page.\n       * The React component passed must be a React-Email component\n       * @see https://react.email/components\n       */\n      header?: React.ReactElement;\n      /**\n       * Add a footer to every page.\n       * The React component passed must be a React-Email component\n       * @see https://react.email/components\n       */\n      footer?: React.ReactElement;\n      /**\n       * Customize the container element\n       */\n      container?: React.FC<{ children: React.ReactNode }>;\n      /**\n       * Customize the body styles\n       * @default {\n       *   fontFamily: \"'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif\",\n       *   fontSize: \"16px\",\n       *   lineHeight: \"1.5\",\n       *   color: \"#333\",\n       * }\n       */\n      bodyStyles?: CSSProperties;\n    },\n  ) {\n    const transformedBlocks = await this.transformBlocks(blocks);\n    const DefaultContainer =\n      options?.container ||\n      (({ children }: { children: React.ReactNode }) => (\n        <React.Fragment>{children}</React.Fragment>\n      ));\n    const needsPolyfill = !globalThis.ReadableByteStreamController;\n    if (needsPolyfill) {\n      // needed for safari compatibility;\n      // https://github.com/resend/react-email/blob/f02e21e998d507aa3fdfbb7b8639f915b8df6cb5/apps/docs/utilities/render.mdx#3-convert-to-html\n      (globalThis as any).ReadableByteStreamController = (\n        await import(\"web-streams-polyfill\")\n      ).default.ReadableByteStreamController;\n    }\n    const ret = await renderEmail(\n      <Html>\n        <Head>{options?.head}</Head>\n        <Body\n          style={\n            options?.bodyStyles ?? {\n              fontFamily:\n                \"'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif\",\n              fontSize: \"16px\",\n              lineHeight: \"1.5\",\n              color: \"#333\",\n            }\n          }\n        >\n          {options?.preview && <Preview>{options.preview}</Preview>}\n          <Tailwind>\n            <DefaultContainer>\n              {options?.header}\n              {transformedBlocks}\n              {options?.footer}\n            </DefaultContainer>\n          </Tailwind>\n        </Body>\n      </Html>,\n    );\n    if (needsPolyfill) {\n      delete (globalThis as any).ReadableByteStreamController;\n    }\n    return ret;\n  }\n\n  protected blocknoteDefaultPropsToReactEmailStyle(\n    props: Partial<DefaultProps>,\n  ): CSSProperties {\n    const style: CSSProperties = {\n      textAlign:\n        props.textAlignment === \"left\" ? undefined : props.textAlignment,\n      backgroundColor:\n        props.backgroundColor === \"default\" || !props.backgroundColor\n          ? undefined\n          : this.options.colors[props.backgroundColor]?.background,\n      color:\n        props.textColor === \"default\" || !props.textColor\n          ? undefined\n          : this.options.colors[props.textColor]?.text,\n      alignItems:\n        props.textAlignment === \"right\"\n          ? \"flex-end\"\n          : props.textAlignment === \"center\"\n            ? \"center\"\n            : undefined,\n    };\n    return Object.fromEntries(\n      Object.entries(style).filter(([_, value]) => value !== undefined),\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/webpack-stats.json

@@ -1 +1 @@
-{"builtAt":1779805049804,"assets":[{"name":"blocknote-xl-email-exporter.umd.cjs","size":13184},{"name":"blocknote-xl-email-exporter.umd.cjs.map","size":45007}],"chunks":[{"id":"a1ee98a","entry":true,"initial":true,"files":["blocknote-xl-email-exporter.umd.cjs"],"names":["index"]}],"modules":[{"name":"./rolldown/runtime.js","size":1032,"chunks":["a1ee98a"]},{"name":"./src/react-email/defaultSchema/blocks.tsx","size":12486,"chunks":["a1ee98a"]},{"name":"./src/react-email/defaultSchema/inlinecontent.tsx","size":667,"chunks":["a1ee98a"]},{"name":"./src/react-email/defaultSchema/styles.tsx","size":1039,"chunks":["a1ee98a"]},{"name":"./src/react-email/defaultSchema/index.ts","size":881,"chunks":["a1ee98a"]},{"name":"./src/react-email/reactEmailExporter.tsx","size":7053,"chunks":["a1ee98a"]},{"name":"./src/index.ts","size":0,"chunks":["a1ee98a"]}]}
+{"builtAt":1784541410893,"assets":[{"name":"blocknote-xl-email-exporter.umd.cjs","size":13311},{"name":"blocknote-xl-email-exporter.umd.cjs.map","size":45484}],"chunks":[{"id":"a1ee98a","entry":true,"initial":true,"files":["blocknote-xl-email-exporter.umd.cjs"],"names":["index"]}],"modules":[{"name":"./rolldown/runtime.js","size":1032,"chunks":["a1ee98a"]},{"name":"./src/react-email/defaultSchema/blocks.tsx","size":12673,"chunks":["a1ee98a"]},{"name":"./src/react-email/defaultSchema/inlinecontent.tsx","size":667,"chunks":["a1ee98a"]},{"name":"./src/react-email/defaultSchema/styles.tsx","size":1039,"chunks":["a1ee98a"]},{"name":"./src/react-email/defaultSchema/index.ts","size":881,"chunks":["a1ee98a"]},{"name":"./src/react-email/reactEmailExporter.tsx","size":7063,"chunks":["a1ee98a"]},{"name":"./src/index.ts","size":0,"chunks":["a1ee98a"]}]}

package/package.json

@@ -9,7 +9,7 @@
     "directory": "packages/xl-email-exporter"
   },
   "license": "GPL-3.0 OR PROPRIETARY",
-  "version": "0.51.3",
+  "version": "0.52.0",
   "files": [
     "dist",
     "types",
@@ -46,43 +46,35 @@
     }
   },
   "dependencies": {
-    "@blocknote/core": "0.51.3",
-    "@blocknote/react": "0.51.3",
-    "@react-email/components": "^1.0.5",
-    "@react-email/render": "^2.0.4",
-    "buffer": "^6.0.3",
-    "react": "^19.2.5",
-    "react-dom": "^19.2.5",
-    "react-email": "^5.2.5",
-    "web-streams-polyfill": "^4.2.0"
+    "@react-email/components": "^1.0.12",
+    "@react-email/render": "^2.1.0",
+    "web-streams-polyfill": "^4.2.0",
+    "@blocknote/core": "^0.52.0"
   },
   "devDependencies": {
     "@types/jsdom": "^21.1.7",
     "@types/react": "^19.2.3",
     "@types/react-dom": "^19.2.3",
-    "eslint": "^8.57.1",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-email": "^5.2.5",
+    "rimraf": "^5.0.10",
     "rollup-plugin-webpack-stats": "^0.2.6",
     "typescript": "^5.9.3",
-    "vite": "^8.0.8",
-    "vite-plugin-eslint": "^1.8.1",
-    "vitest": "^4.1.2"
+    "vite-plus": "^0.1.24",
+    "@blocknote/shared": "^0.30.0"
   },
   "peerDependencies": {
     "react": "^18.0 || ^19.0 || >= 19.0.0-rc",
     "react-dom": "^18.0 || ^19.0 || >= 19.0.0-rc"
   },
-  "eslintConfig": {
-    "extends": [
-      "../../.eslintrc.json"
-    ]
-  },
   "gitHead": "37614ab348dcc7faa830a9a88437b37197a2162d",
   "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "lint": "eslint src --max-warnings 0",
-    "test": "vitest --run",
-    "test-watch": "vitest watch",
+    "dev": "vp dev",
+    "lint": "vp lint src",
+    "test": "vp test --run",
+    "test-watch": "vp test watch",
+    "clean": "rimraf dist && rimraf types",
     "email": "email dev"
   }
 }

package/src/react-email/__snapshots__/reactEmailExporter.test.tsx.snap

@@ -1,10 +1,10 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`react email exporter > should export a document (HTML snapshot) > __snapshots__/reactEmailExporter 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><link rel="preload" as="image" href="https://placehold.co/332x322.jpg"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body><!--$--><!--html--><!--head--><!--body--><table border="0" width="100%" cellPadding="0" cellSpacing="0" role="presentation" align="center"><tbody><tr><td style="font-family:&#x27;SF Pro Display&#x27;, -apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, &#x27;Roboto&#x27;, &#x27;Helvetica Neue&#x27;, Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-style:italic">Welcome to this </span><span style="font-style:italic;font-weight:bold">demo 🙌!</span></p><div style="margin-left:24px"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World nested</span></p><div style="margin-left:24px"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World double nested</span></p></div></div><div style="background-color:#fbe4e4"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">This paragraph has a background color</span></p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Paragraph</span></p><h1 style="font-size:48px;margin:3px"><span>Heading</span></h1><div style="text-align:right;align-items:flex-end"><h1 style="font-size:48px;margin:3px"><span>Heading right</span></h1></div><div style="text-align:justify"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></div><hr style="border:none;border-top:2px dashed #ccc;margin:24px 0"/><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item.  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li><li style="text-align:right;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 2</span></p><div style="margin-top:8px"><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 2</span></p></li><li style="text-align:right;background-color:#fbe4e4;color:#0b6e99;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky right</span></p></li><li style="text-align:center;background-color:#fbe4e4;color:#0b6e99;align-items:center"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky center</span></p></li></ol></div></li></ol></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item</span></p></li></ol><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><svg width="18" height="18" viewBox="0 0 18 18" style="display:inline;vertical-align:middle;margin-right:8px"><rect x="2" y="2" width="14" height="14" rx="3" fill="#fff" stroke="#888" stroke-width="2"></rect></svg><span><span>Check List Item</span></span></p><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr></tbody></table><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#888" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open file</span></a></div><img alt="From https://placehold.co/332x322.jpg" src="https://placehold.co/332x322.jpg" style="display:block;outline:none;border:none;text-decoration:none"/><div style="text-align:right;align-items:flex-end"><img alt="" src="https://placehold.co/332x322.jpg" style="display:block;outline:none;border:none;text-decoration:none" width="200"/></div><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#1976D2" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open video file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm</p></div><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open audio file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3</p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"></p><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">audio.mp3</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">Audio file caption</p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Inline Content:</span></p><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold;font-style:italic;color:#e03e3e;background-color:#ddebf1">Styled Text</span><span> </span><a href="https://www.blocknotejs.org" style="color:#067df7;text-decoration-line:none" target="_blank"><span>Link</span></a></p><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 1</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 2</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 3</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 4</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span style="font-weight:bold">Table Cell Bold 5</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 6</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 7</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 8</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 9</span></td></tr></tbody></table><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;padding:1em;margin:3px;overflow:auto;border-radius:0.3em;width:100%;font-size:16px;min-height:24px"><code><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#8be9fd">const</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">helloWorld</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">=</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">(</span><span style="font-family:&#x27;CommitMono&#x27;, monospace">message</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">)</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">=&gt;</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">{</span><br/><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​ ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">console</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">.</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">log</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">(</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#50fa7b">&quot;Hello World&quot;</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">,</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​message</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">)</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">;</span><br/><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">}</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">;</span><br/></code></pre><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Some inline code: </span><span style="font-family:GeistMono">var foo = 'bar';</span></p><hr style="border:none;border-top:1px solid #ccc;margin:11.5px 0"/><p style="font-size:16px;line-height:1.5;border-left:2px solid #bdbdbd;padding:0px 12px;font-style:italic;color:#9b9a97;display:block;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>All those moments will be lost in time, like tears in rain.</span></p></td></tr></tbody></table><!--/$--></body></html>"`;
+exports[`react email exporter > should export a document (HTML snapshot) > __snapshots__/reactEmailExporter 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body><!--$--><!--html--><!--head--><!--body--><table border="0" width="100%" cellPadding="0" cellSpacing="0" role="presentation" align="center"><tbody><tr><td style="font-family:&#x27;SF Pro Display&#x27;, -apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, &#x27;Roboto&#x27;, &#x27;Helvetica Neue&#x27;, Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-style:italic">Welcome to this </span><span style="font-style:italic;font-weight:bold">demo 🙌!</span></p><div style="margin-left:24px"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World nested</span></p><div style="margin-left:24px"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World double nested</span></p></div></div><div style="background-color:#fbe4e4"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">This paragraph has a background color</span></p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Paragraph</span></p><h1 style="font-size:48px;margin:3px"><span>Heading</span></h1><div style="text-align:right;align-items:flex-end"><h1 style="font-size:48px;margin:3px"><span>Heading right</span></h1></div><div style="text-align:justify"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></div><hr style="border:none;border-top:2px dashed #ccc;margin:24px 0"/><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item.  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li><li style="text-align:right;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 2</span></p><div style="margin-top:8px"><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 2</span></p></li><li style="text-align:right;background-color:#fbe4e4;color:#0b6e99;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky right</span></p></li><li style="text-align:center;background-color:#fbe4e4;color:#0b6e99;align-items:center"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky center</span></p></li></ol></div></li></ol></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item</span></p></li></ol><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><svg width="18" height="18" viewBox="0 0 18 18" style="display:inline;vertical-align:middle;margin-right:8px"><rect x="2" y="2" width="14" height="14" rx="3" fill="#fff" stroke="#888" stroke-width="2"></rect></svg><span><span>Check List Item</span></span></p><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr></tbody></table><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#888" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open file</span></a></div><img alt="From https://placehold.co/332x322.jpg" src="https://placehold.co/332x322.jpg" style="display:block;outline:none;border:none;text-decoration:none"/><div style="text-align:right;align-items:flex-end"><img alt="" src="https://placehold.co/332x322.jpg" style="display:block;outline:none;border:none;text-decoration:none" width="200"/></div><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#1976D2" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open video file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm</p></div><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open audio file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3</p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"></p><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">audio.mp3</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">Audio file caption</p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Inline Content:</span></p><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold;font-style:italic;color:#e03e3e;background-color:#ddebf1">Styled Text</span><span> </span><a href="https://www.blocknotejs.org" style="color:#067df7;text-decoration-line:none" target="_blank"><span>Link</span></a></p><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 1</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 2</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 3</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 4</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span style="font-weight:bold">Table Cell Bold 5</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 6</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 7</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 8</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 9</span></td></tr></tbody></table><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;padding:1em;margin:3px;overflow:auto;border-radius:0.3em;width:100%;font-size:16px;min-height:24px"><code><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#8be9fd">const</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">helloWorld</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">=</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">(</span><span style="font-family:&#x27;CommitMono&#x27;, monospace">message</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">)</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">=&gt;</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">{</span><br/><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​ ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">console</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">.</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">log</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">(</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#50fa7b">&quot;Hello World&quot;</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">,</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​message</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">)</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">;</span><br/><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">}</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">;</span><br/></code></pre><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Some inline code: </span><span style="font-family:GeistMono">var foo = 'bar';</span></p><hr style="border:none;border-top:1px solid #ccc;margin:11.5px 0"/><p style="font-size:16px;line-height:1.5;border-left:2px solid #bdbdbd;padding:0px 12px;font-style:italic;color:#9b9a97;display:block;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>All those moments will be lost in time, like tears in rain.</span></p></td></tr></tbody></table><!--/$--></body></html>"`;
 
-exports[`react email exporter > should export a document with multiple preview lines > __snapshots__/reactEmailExporterWithMultiplePreview 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><link rel="preload" as="image" href="https://placehold.co/332x322.jpg"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body><!--$--><!--html--><!--head--><!--body--><table border="0" width="100%" cellPadding="0" cellSpacing="0" role="presentation" align="center"><tbody><tr><td style="font-family:&#x27;SF Pro Display&#x27;, -apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, &#x27;Roboto&#x27;, &#x27;Helvetica Neue&#x27;, Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0" data-skip-in-text="true">First preview lineSecond preview line<div> ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏</div></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-style:italic">Welcome to this </span><span style="font-style:italic;font-weight:bold">demo 🙌!</span></p><div style="margin-left:24px"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World nested</span></p><div style="margin-left:24px"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World double nested</span></p></div></div><div style="background-color:#fbe4e4"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">This paragraph has a background color</span></p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Paragraph</span></p><h1 style="font-size:48px;margin:3px"><span>Heading</span></h1><div style="text-align:right;align-items:flex-end"><h1 style="font-size:48px;margin:3px"><span>Heading right</span></h1></div><div style="text-align:justify"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></div><hr style="border:none;border-top:2px dashed #ccc;margin:24px 0"/><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item.  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li><li style="text-align:right;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 2</span></p><div style="margin-top:8px"><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 2</span></p></li><li style="text-align:right;background-color:#fbe4e4;color:#0b6e99;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky right</span></p></li><li style="text-align:center;background-color:#fbe4e4;color:#0b6e99;align-items:center"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky center</span></p></li></ol></div></li></ol></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item</span></p></li></ol><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><svg width="18" height="18" viewBox="0 0 18 18" style="display:inline;vertical-align:middle;margin-right:8px"><rect x="2" y="2" width="14" height="14" rx="3" fill="#fff" stroke="#888" stroke-width="2"></rect></svg><span><span>Check List Item</span></span></p><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr></tbody></table><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#888" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open file</span></a></div><img alt="From https://placehold.co/332x322.jpg" src="https://placehold.co/332x322.jpg" style="display:block;outline:none;border:none;text-decoration:none"/><div style="text-align:right;align-items:flex-end"><img alt="" src="https://placehold.co/332x322.jpg" style="display:block;outline:none;border:none;text-decoration:none" width="200"/></div><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#1976D2" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open video file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm</p></div><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open audio file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3</p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"></p><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">audio.mp3</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">Audio file caption</p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Inline Content:</span></p><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold;font-style:italic;color:#e03e3e;background-color:#ddebf1">Styled Text</span><span> </span><a href="https://www.blocknotejs.org" style="color:#067df7;text-decoration-line:none" target="_blank"><span>Link</span></a></p><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 1</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 2</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 3</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 4</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span style="font-weight:bold">Table Cell Bold 5</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 6</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 7</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 8</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 9</span></td></tr></tbody></table><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;padding:1em;margin:3px;overflow:auto;border-radius:0.3em;width:100%;font-size:16px;min-height:24px"><code><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#8be9fd">const</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">helloWorld</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">=</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">(</span><span style="font-family:&#x27;CommitMono&#x27;, monospace">message</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">)</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">=&gt;</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">{</span><br/><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​ ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">console</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">.</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">log</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">(</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#50fa7b">&quot;Hello World&quot;</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">,</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​message</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">)</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">;</span><br/><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">}</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">;</span><br/></code></pre><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Some inline code: </span><span style="font-family:GeistMono">var foo = 'bar';</span></p><hr style="border:none;border-top:1px solid #ccc;margin:11.5px 0"/><p style="font-size:16px;line-height:1.5;border-left:2px solid #bdbdbd;padding:0px 12px;font-style:italic;color:#9b9a97;display:block;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>All those moments will be lost in time, like tears in rain.</span></p></td></tr></tbody></table><!--/$--></body></html>"`;
+exports[`react email exporter > should export a document with multiple preview lines > __snapshots__/reactEmailExporterWithMultiplePreview 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body><!--$--><!--html--><!--head--><!--body--><table border="0" width="100%" cellPadding="0" cellSpacing="0" role="presentation" align="center"><tbody><tr><td style="font-family:&#x27;SF Pro Display&#x27;, -apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, &#x27;Roboto&#x27;, &#x27;Helvetica Neue&#x27;, Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0" data-skip-in-text="true">First preview lineSecond preview line<div> ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏</div></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-style:italic">Welcome to this </span><span style="font-style:italic;font-weight:bold">demo 🙌!</span></p><div style="margin-left:24px"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World nested</span></p><div style="margin-left:24px"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World double nested</span></p></div></div><div style="background-color:#fbe4e4"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">This paragraph has a background color</span></p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Paragraph</span></p><h1 style="font-size:48px;margin:3px"><span>Heading</span></h1><div style="text-align:right;align-items:flex-end"><h1 style="font-size:48px;margin:3px"><span>Heading right</span></h1></div><div style="text-align:justify"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></div><hr style="border:none;border-top:2px dashed #ccc;margin:24px 0"/><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item.  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li><li style="text-align:right;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 2</span></p><div style="margin-top:8px"><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 2</span></p></li><li style="text-align:right;background-color:#fbe4e4;color:#0b6e99;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky right</span></p></li><li style="text-align:center;background-color:#fbe4e4;color:#0b6e99;align-items:center"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky center</span></p></li></ol></div></li></ol></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item</span></p></li></ol><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><svg width="18" height="18" viewBox="0 0 18 18" style="display:inline;vertical-align:middle;margin-right:8px"><rect x="2" y="2" width="14" height="14" rx="3" fill="#fff" stroke="#888" stroke-width="2"></rect></svg><span><span>Check List Item</span></span></p><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr></tbody></table><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#888" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open file</span></a></div><img alt="From https://placehold.co/332x322.jpg" src="https://placehold.co/332x322.jpg" style="display:block;outline:none;border:none;text-decoration:none"/><div style="text-align:right;align-items:flex-end"><img alt="" src="https://placehold.co/332x322.jpg" style="display:block;outline:none;border:none;text-decoration:none" width="200"/></div><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#1976D2" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open video file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm</p></div><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open audio file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3</p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"></p><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">audio.mp3</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">Audio file caption</p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Inline Content:</span></p><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold;font-style:italic;color:#e03e3e;background-color:#ddebf1">Styled Text</span><span> </span><a href="https://www.blocknotejs.org" style="color:#067df7;text-decoration-line:none" target="_blank"><span>Link</span></a></p><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 1</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 2</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 3</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 4</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span style="font-weight:bold">Table Cell Bold 5</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 6</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 7</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 8</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 9</span></td></tr></tbody></table><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;padding:1em;margin:3px;overflow:auto;border-radius:0.3em;width:100%;font-size:16px;min-height:24px"><code><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#8be9fd">const</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">helloWorld</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">=</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">(</span><span style="font-family:&#x27;CommitMono&#x27;, monospace">message</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">)</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">=&gt;</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">{</span><br/><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​ ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">console</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">.</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">log</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">(</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#50fa7b">&quot;Hello World&quot;</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">,</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​message</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">)</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">;</span><br/><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">}</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">;</span><br/></code></pre><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Some inline code: </span><span style="font-family:GeistMono">var foo = 'bar';</span></p><hr style="border:none;border-top:1px solid #ccc;margin:11.5px 0"/><p style="font-size:16px;line-height:1.5;border-left:2px solid #bdbdbd;padding:0px 12px;font-style:italic;color:#9b9a97;display:block;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>All those moments will be lost in time, like tears in rain.</span></p></td></tr></tbody></table><!--/$--></body></html>"`;
 
-exports[`react email exporter > should export a document with preview > __snapshots__/reactEmailExporterWithPreview 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><link rel="preload" as="image" href="https://placehold.co/332x322.jpg"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body><!--$--><!--html--><!--head--><!--body--><table border="0" width="100%" cellPadding="0" cellSpacing="0" role="presentation" align="center"><tbody><tr><td style="font-family:&#x27;SF Pro Display&#x27;, -apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, &#x27;Roboto&#x27;, &#x27;Helvetica Neue&#x27;, Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0" data-skip-in-text="true">This is a preview of the email content<div> ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏</div></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-style:italic">Welcome to this </span><span style="font-style:italic;font-weight:bold">demo 🙌!</span></p><div style="margin-left:24px"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World nested</span></p><div style="margin-left:24px"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World double nested</span></p></div></div><div style="background-color:#fbe4e4"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">This paragraph has a background color</span></p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Paragraph</span></p><h1 style="font-size:48px;margin:3px"><span>Heading</span></h1><div style="text-align:right;align-items:flex-end"><h1 style="font-size:48px;margin:3px"><span>Heading right</span></h1></div><div style="text-align:justify"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></div><hr style="border:none;border-top:2px dashed #ccc;margin:24px 0"/><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item.  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li><li style="text-align:right;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 2</span></p><div style="margin-top:8px"><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 2</span></p></li><li style="text-align:right;background-color:#fbe4e4;color:#0b6e99;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky right</span></p></li><li style="text-align:center;background-color:#fbe4e4;color:#0b6e99;align-items:center"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky center</span></p></li></ol></div></li></ol></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item</span></p></li></ol><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><svg width="18" height="18" viewBox="0 0 18 18" style="display:inline;vertical-align:middle;margin-right:8px"><rect x="2" y="2" width="14" height="14" rx="3" fill="#fff" stroke="#888" stroke-width="2"></rect></svg><span><span>Check List Item</span></span></p><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr></tbody></table><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#888" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open file</span></a></div><img alt="From https://placehold.co/332x322.jpg" src="https://placehold.co/332x322.jpg" style="display:block;outline:none;border:none;text-decoration:none"/><div style="text-align:right;align-items:flex-end"><img alt="" src="https://placehold.co/332x322.jpg" style="display:block;outline:none;border:none;text-decoration:none" width="200"/></div><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#1976D2" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open video file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm</p></div><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open audio file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3</p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"></p><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">audio.mp3</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">Audio file caption</p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Inline Content:</span></p><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold;font-style:italic;color:#e03e3e;background-color:#ddebf1">Styled Text</span><span> </span><a href="https://www.blocknotejs.org" style="color:#067df7;text-decoration-line:none" target="_blank"><span>Link</span></a></p><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 1</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 2</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 3</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 4</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span style="font-weight:bold">Table Cell Bold 5</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 6</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 7</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 8</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 9</span></td></tr></tbody></table><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;padding:1em;margin:3px;overflow:auto;border-radius:0.3em;width:100%;font-size:16px;min-height:24px"><code><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#8be9fd">const</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">helloWorld</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">=</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">(</span><span style="font-family:&#x27;CommitMono&#x27;, monospace">message</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">)</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">=&gt;</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">{</span><br/><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​ ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">console</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">.</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">log</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">(</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#50fa7b">&quot;Hello World&quot;</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">,</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​message</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">)</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">;</span><br/><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">}</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">;</span><br/></code></pre><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Some inline code: </span><span style="font-family:GeistMono">var foo = 'bar';</span></p><hr style="border:none;border-top:1px solid #ccc;margin:11.5px 0"/><p style="font-size:16px;line-height:1.5;border-left:2px solid #bdbdbd;padding:0px 12px;font-style:italic;color:#9b9a97;display:block;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>All those moments will be lost in time, like tears in rain.</span></p></td></tr></tbody></table><!--/$--></body></html>"`;
+exports[`react email exporter > should export a document with preview > __snapshots__/reactEmailExporterWithPreview 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body><!--$--><!--html--><!--head--><!--body--><table border="0" width="100%" cellPadding="0" cellSpacing="0" role="presentation" align="center"><tbody><tr><td style="font-family:&#x27;SF Pro Display&#x27;, -apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, &#x27;Roboto&#x27;, &#x27;Helvetica Neue&#x27;, Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><div style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0" data-skip-in-text="true">This is a preview of the email content<div> ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏</div></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-style:italic">Welcome to this </span><span style="font-style:italic;font-weight:bold">demo 🙌!</span></p><div style="margin-left:24px"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World nested</span></p><div style="margin-left:24px"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World double nested</span></p></div></div><div style="background-color:#fbe4e4"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">This paragraph has a background color</span></p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Paragraph</span></p><h1 style="font-size:48px;margin:3px"><span>Heading</span></h1><div style="text-align:right;align-items:flex-end"><h1 style="font-size:48px;margin:3px"><span>Heading right</span></h1></div><div style="text-align:justify"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></div><hr style="border:none;border-top:2px dashed #ccc;margin:24px 0"/><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item.  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li><li style="text-align:right;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 2</span></p><div style="margin-top:8px"><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 2</span></p></li><li style="text-align:right;background-color:#fbe4e4;color:#0b6e99;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky right</span></p></li><li style="text-align:center;background-color:#fbe4e4;color:#0b6e99;align-items:center"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky center</span></p></li></ol></div></li></ol></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item</span></p></li></ol><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><svg width="18" height="18" viewBox="0 0 18 18" style="display:inline;vertical-align:middle;margin-right:8px"><rect x="2" y="2" width="14" height="14" rx="3" fill="#fff" stroke="#888" stroke-width="2"></rect></svg><span><span>Check List Item</span></span></p><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr></tbody></table><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#888" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open file</span></a></div><img alt="From https://placehold.co/332x322.jpg" src="https://placehold.co/332x322.jpg" style="display:block;outline:none;border:none;text-decoration:none"/><div style="text-align:right;align-items:flex-end"><img alt="" src="https://placehold.co/332x322.jpg" style="display:block;outline:none;border:none;text-decoration:none" width="200"/></div><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#1976D2" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open video file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm</p></div><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open audio file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3</p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"></p><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">audio.mp3</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">Audio file caption</p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Inline Content:</span></p><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold;font-style:italic;color:#e03e3e;background-color:#ddebf1">Styled Text</span><span> </span><a href="https://www.blocknotejs.org" style="color:#067df7;text-decoration-line:none" target="_blank"><span>Link</span></a></p><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 1</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 2</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 3</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 4</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span style="font-weight:bold">Table Cell Bold 5</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 6</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 7</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 8</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 9</span></td></tr></tbody></table><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;padding:1em;margin:3px;overflow:auto;border-radius:0.3em;width:100%;font-size:16px;min-height:24px"><code><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#8be9fd">const</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">helloWorld</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">=</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">(</span><span style="font-family:&#x27;CommitMono&#x27;, monospace">message</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">)</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">=&gt;</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">{</span><br/><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​ ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">console</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">.</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">log</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">(</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#50fa7b">&quot;Hello World&quot;</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">,</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​message</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">)</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">;</span><br/><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">}</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">;</span><br/></code></pre><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Some inline code: </span><span style="font-family:GeistMono">var foo = 'bar';</span></p><hr style="border:none;border-top:1px solid #ccc;margin:11.5px 0"/><p style="font-size:16px;line-height:1.5;border-left:2px solid #bdbdbd;padding:0px 12px;font-style:italic;color:#9b9a97;display:block;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>All those moments will be lost in time, like tears in rain.</span></p></td></tr></tbody></table><!--/$--></body></html>"`;
 
 exports[`react email exporter > should handle document with background colors > __snapshots__/reactEmailExporterBackgroundColor 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body><!--$--><!--html--><!--head--><!--body--><table border="0" width="100%" cellPadding="0" cellSpacing="0" role="presentation" align="center"><tbody><tr><td style="font-family:&#x27;SF Pro Display&#x27;, -apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, &#x27;Roboto&#x27;, &#x27;Helvetica Neue&#x27;, Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><div style="background-color:#ddebf1"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Text with background color</span></p></div></td></tr></tbody></table><!--/$--></body></html>"`;
 
@@ -14,7 +14,7 @@ exports[`react email exporter > should handle document with code blocks > __snap
 
 exports[`react email exporter > should handle document with complex nested structure > __snapshots__/reactEmailExporterComplexNested 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body><!--$--><!--html--><!--head--><!--body--><table border="0" width="100%" cellPadding="0" cellSpacing="0" role="presentation" align="center"><tbody><tr><td style="font-family:&#x27;SF Pro Display&#x27;, -apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, &#x27;Roboto&#x27;, &#x27;Helvetica Neue&#x27;, Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><h1 style="font-size:48px;margin:3px"><span style="font-weight:bold">Complex Document</span></h1><div style="text-align:center;align-items:center"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>This is a paragraph with </span><span style="font-weight:bold">bold</span><span> and </span><span style="font-style:italic">italic</span><span> text, plus a </span><a href="https://example.com" style="color:#067df7;text-decoration-line:none" target="_blank"><span>link</span></a><span>.</span></p></div><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>List item with nested content</span></p><table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="margin-left:24px"><tbody><tr><td><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Nested paragraph</span></p></td></tr></tbody></table><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Nested numbered item</span></p></li></ol></li></ul></td></tr></tbody></table><!--/$--></body></html>"`;
 
-exports[`react email exporter > should handle document with custom body styles > __snapshots__/reactEmailExporterCustomBodyStyles 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><link rel="preload" as="image" href="https://placehold.co/332x322.jpg"/><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body><!--$--><!--html--><!--head--><!--body--><table border="0" width="100%" cellPadding="0" cellSpacing="0" role="presentation" align="center"><tbody><tr><td style="font-family:Arial, sans-serif"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-style:italic">Welcome to this </span><span style="font-style:italic;font-weight:bold">demo 🙌!</span></p><div style="margin-left:24px"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World nested</span></p><div style="margin-left:24px"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World double nested</span></p></div></div><div style="background-color:#fbe4e4"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">This paragraph has a background color</span></p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Paragraph</span></p><h1 style="font-size:48px;margin:3px"><span>Heading</span></h1><div style="text-align:right;align-items:flex-end"><h1 style="font-size:48px;margin:3px"><span>Heading right</span></h1></div><div style="text-align:justify"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></div><hr style="border:none;border-top:2px dashed #ccc;margin:24px 0"/><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item.  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li><li style="text-align:right;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 2</span></p><div style="margin-top:8px"><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 2</span></p></li><li style="text-align:right;background-color:#fbe4e4;color:#0b6e99;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky right</span></p></li><li style="text-align:center;background-color:#fbe4e4;color:#0b6e99;align-items:center"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky center</span></p></li></ol></div></li></ol></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item</span></p></li></ol><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><svg width="18" height="18" viewBox="0 0 18 18" style="display:inline;vertical-align:middle;margin-right:8px"><rect x="2" y="2" width="14" height="14" rx="3" fill="#fff" stroke="#888" stroke-width="2"></rect></svg><span><span>Check List Item</span></span></p><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr></tbody></table><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#888" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open file</span></a></div><img alt="From https://placehold.co/332x322.jpg" src="https://placehold.co/332x322.jpg" style="display:block;outline:none;border:none;text-decoration:none"/><div style="text-align:right;align-items:flex-end"><img alt="" src="https://placehold.co/332x322.jpg" style="display:block;outline:none;border:none;text-decoration:none" width="200"/></div><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#1976D2" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open video file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm</p></div><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open audio file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3</p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"></p><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">audio.mp3</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">Audio file caption</p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Inline Content:</span></p><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold;font-style:italic;color:#e03e3e;background-color:#ddebf1">Styled Text</span><span> </span><a href="https://www.blocknotejs.org" style="color:#067df7;text-decoration-line:none" target="_blank"><span>Link</span></a></p><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 1</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 2</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 3</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 4</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span style="font-weight:bold">Table Cell Bold 5</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 6</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 7</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 8</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 9</span></td></tr></tbody></table><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;padding:1em;margin:3px;overflow:auto;border-radius:0.3em;width:100%;font-size:16px;min-height:24px"><code><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#8be9fd">const</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">helloWorld</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">=</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">(</span><span style="font-family:&#x27;CommitMono&#x27;, monospace">message</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">)</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">=&gt;</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">{</span><br/><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​ ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">console</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">.</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">log</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">(</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#50fa7b">&quot;Hello World&quot;</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">,</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​message</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">)</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">;</span><br/><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">}</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">;</span><br/></code></pre><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Some inline code: </span><span style="font-family:GeistMono">var foo = 'bar';</span></p><hr style="border:none;border-top:1px solid #ccc;margin:11.5px 0"/><p style="font-size:16px;line-height:1.5;border-left:2px solid #bdbdbd;padding:0px 12px;font-style:italic;color:#9b9a97;display:block;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>All those moments will be lost in time, like tears in rain.</span></p></td></tr></tbody></table><!--/$--></body></html>"`;
+exports[`react email exporter > should handle document with custom body styles > __snapshots__/reactEmailExporterCustomBodyStyles 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body><!--$--><!--html--><!--head--><!--body--><table border="0" width="100%" cellPadding="0" cellSpacing="0" role="presentation" align="center"><tbody><tr><td style="font-family:Arial, sans-serif"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-style:italic">Welcome to this </span><span style="font-style:italic;font-weight:bold">demo 🙌!</span></p><div style="margin-left:24px"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World nested</span></p><div style="margin-left:24px"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Hello World double nested</span></p></div></div><div style="background-color:#fbe4e4"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">This paragraph has a background color</span></p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Paragraph</span></p><h1 style="font-size:48px;margin:3px"><span>Heading</span></h1><div style="text-align:right;align-items:flex-end"><h1 style="font-size:48px;margin:3px"><span>Heading right</span></h1></div><div style="text-align:justify"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>justified paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></div><hr style="border:none;border-top:2px dashed #ccc;margin:24px 0"/><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p><ul style="margin-bottom:0.5rem;list-style-type:disc;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item.  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li><li style="text-align:right;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Bullet List Item right. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span></p></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item 2</span></p><div style="margin-top:8px"><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 1</span></p></li><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested 2</span></p></li><li style="text-align:right;background-color:#fbe4e4;color:#0b6e99;align-items:flex-end"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky right</span></p></li><li style="text-align:center;background-color:#fbe4e4;color:#0b6e99;align-items:center"><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item Nested funky center</span></p></li></ol></div></li></ol></li></ul><ol start="1" style="margin-bottom:0.5rem;list-style-type:decimal;padding-left:1.5rem"><li><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>Numbered List Item</span></p></li></ol><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><svg width="18" height="18" viewBox="0 0 18 18" style="display:inline;vertical-align:middle;margin-right:8px"><rect x="2" y="2" width="14" height="14" rx="3" fill="#fff" stroke="#888" stroke-width="2"></rect></svg><span><span>Check List Item</span></span></p><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Wide Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell</span></td></tr></tbody></table><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#888" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open file</span></a></div><img alt="From https://placehold.co/332x322.jpg" src="https://placehold.co/332x322.jpg" style="display:block;outline:none;border:none;text-decoration:none"/><div style="text-align:right;align-items:flex-end"><img alt="" src="https://placehold.co/332x322.jpg" style="display:block;outline:none;border:none;text-decoration:none" width="200"/></div><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#1976D2" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open video file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm</p></div><div style="margin:8px 0"><a href="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">Open audio file</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">From https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3</p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"></p><div style="margin:8px 0"><a href="" style="color:#333;text-decoration-line:none;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:16px" target="_blank"><svg height="18" width="18" viewBox="0 0 24 24" fill="#4F8A10" style="display:inline;vertical-align:middle"><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"></path></svg><span style="vertical-align:middle">audio.mp3</span></a><p style="font-size:16px;line-height:1.5;color:#888;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px">Audio file caption</p></div><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Inline Content:</span></p><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold;font-style:italic;color:#e03e3e;background-color:#ddebf1">Styled Text</span><span> </span><a href="https://www.blocknotejs.org" style="color:#067df7;text-decoration-line:none" target="_blank"><span>Link</span></a></p><table style="border-collapse:collapse;width:100%;margin:16px 0;border:1px solid #ddd;border-radius:4px;overflow:hidden" border="0" cellPadding="0" cellSpacing="0"><tbody><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 1</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 2</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 3</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 4</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span style="font-weight:bold">Table Cell Bold 5</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 6</span></td></tr><tr><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 7</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 8</span></td><td style="border:1px solid #ddd;padding:8px 12px;background:inherit;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Cell 9</span></td></tr></tbody></table><pre style="color:#f8f8f2;background:#282a36;text-shadow:0 1px rgba(0, 0, 0, 0.3);font-family:Consolas, Monaco, &#x27;Andale Mono&#x27;, &#x27;Ubuntu Mono&#x27;, monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;padding:1em;margin:3px;overflow:auto;border-radius:0.3em;width:100%;font-size:16px;min-height:24px"><code><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#8be9fd">const</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">helloWorld</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">=</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">(</span><span style="font-family:&#x27;CommitMono&#x27;, monospace">message</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">)</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">=&gt;</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">{</span><br/><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​ ‍​</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">console</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">.</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f1fa8c">log</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">(</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#50fa7b">&quot;Hello World&quot;</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">,</span><span style="font-family:&#x27;CommitMono&#x27;, monospace"> ‍​message</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">)</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">;</span><br/><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">}</span><span style="font-family:&#x27;CommitMono&#x27;, monospace;color:#f8f8f2">;</span><br/></code></pre><p style="font-size:16px;line-height:1.5;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span style="font-weight:bold">Some inline code: </span><span style="font-family:GeistMono">var foo = 'bar';</span></p><hr style="border:none;border-top:1px solid #ccc;margin:11.5px 0"/><p style="font-size:16px;line-height:1.5;border-left:2px solid #bdbdbd;padding:0px 12px;font-style:italic;color:#9b9a97;display:block;margin:3px;min-height:24px;margin-top:3px;margin-bottom:3px;margin-left:3px;margin-right:3px"><span>All those moments will be lost in time, like tears in rain.</span></p></td></tr></tbody></table><!--/$--></body></html>"`;
 
 exports[`react email exporter > should handle document with headings of different levels > __snapshots__/reactEmailExporterHeadings 1`] = `"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="en"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/><meta name="x-apple-disable-message-reformatting"/></head><body><!--$--><!--html--><!--head--><!--body--><table border="0" width="100%" cellPadding="0" cellSpacing="0" role="presentation" align="center"><tbody><tr><td style="font-family:&#x27;SF Pro Display&#x27;, -apple-system, BlinkMacSystemFont, &#x27;Segoe UI&#x27;, &#x27;Roboto&#x27;, &#x27;Helvetica Neue&#x27;, Arial, sans-serif;font-size:16px;line-height:1.5;color:#333"><h1 style="font-size:48px;margin:3px"><span>Heading 1</span></h1><h2 style="font-size:36px;margin:3px"><span>Heading 2</span></h2><h3 style="font-size:24px;margin:3px"><span>Heading 3</span></h3></td></tr></tbody></table><!--/$--></body></html>"`;
 

package/src/react-email/defaultSchema/blocks.tsx

@@ -3,7 +3,6 @@ import {
   createPageBreakBlockConfig,
   DefaultBlockSchema,
   mapTableCell,
-  StyledText,
 } from "@blocknote/core";
 import {
   CodeBlock,
@@ -260,7 +259,12 @@ export const createReactEmailBlockMappingForDefaultSchema = (
   },
 
   codeBlock: (block) => {
-    const textContent = (block.content as StyledText<any>[])[0]?.text || "";
+    // Code blocks hold plain content: at most a single unstyled text item.
+    const [textItem, ...excessItems] = block.content;
+    if (excessItems.length > 0 || (textItem && !("text" in textItem))) {
+      throw new Error("expected plain block content to be a single text item");
+    }
+    const textContent = textItem?.text ?? "";
 
     return (
       <CodeBlock

package/src/react-email/reactEmailExporter.test.tsx

@@ -1,4 +1,4 @@
-import { describe, it, expect } from "vitest";
+import { describe, it, expect } from "vite-plus/test";
 import { ReactEmailExporter } from "./reactEmailExporter.jsx";
 import { reactEmailDefaultSchemaMappings } from "./defaultSchema/index.js";
 import {
@@ -490,6 +490,7 @@ describe("react email exporter", () => {
       {
         id: "1",
         type: "codeBlock",
+        // Code blocks hold plain content.
         content: [
           {
             type: "text",

package/src/vite-env.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="vite/client" />
+/// <reference types="vite-plus/client" />
 
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 interface ImportMetaEnv {