diff --git a/packages/xl-email-exporter/src/react-email/__snapshots__/reactEmailExporter.test.tsx.snap b/packages/xl-email-exporter/src/react-email/__snapshots__/reactEmailExporter.test.tsx.snap
index d9cc16d87f..82eba87f15 100644
--- a/packages/xl-email-exporter/src/react-email/__snapshots__/reactEmailExporter.test.tsx.snap
+++ b/packages/xl-email-exporter/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><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><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><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><h2 style="font-size:36px;margin:3px"><span>Heading 2</span></h2><h3 style="font-size:24px;margin:3px"><span>Heading 3</span></h3><h4 style="font-size:20px;margin:3px"><span>Heading 4</span></h4><h5 style="font-size:18px;margin:3px"><span>Heading 5</span></h5><h6 style="font-size:16px;margin:3px"><span>Heading 6</span></h6><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>Emojis: 😀 🎉 🚀 👍 👍🏽 🌍 🚶‍♀️</span></p><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>Centered paragraph</span></p></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><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="#4F8A10" stroke="#4F8A10" stroke-width="2"></rect><polyline points="5,10 8,13 13,6" fill="none" stroke="#fff" stroke-width="2"></polyline></svg><span><span>Checked List Item</span></span></p><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 starting at 5</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 6</span></p></li></ol><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>Toggle List Item</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>Content nested inside the toggle list item.</span></p></td></tr></tbody></table><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>A nested bullet inside the toggle</span></p></li></ul></li></ul><h2 style="font-size:36px;margin:3px"><span>Toggle Heading</span></h2><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>Content nested inside the toggle heading.</span></p></div><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><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</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</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><span style="text-decoration:underline">underlined</span><span> </span><span style="text-decoration:line-through">strikethrough</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><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 1</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 2</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 3</span></th></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;color:#e03e3e;background-color:#ddebf1">Table Cell Bold Colored 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><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><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px" colSpan="2"><span>Merged Header</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header C</span></th></tr><tr><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header A</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header B</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header C2</span></th></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" rowSpan="2"><span>Merged Rows</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>Cell B1</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>Cell C1</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>Cell B2</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>Cell C2</span></td></tr></tbody></table><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>A hard line break<br />within a single paragraph</span></p><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><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 paragraph is in a column!</span></p><h1 style="font-size:48px;margin:3px"><span>So is this heading!</span></h1><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>You can have multiple blocks in a column too</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>Block 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>Block 2</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>Block 3</span></p></li></ul><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><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><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><h2 style="font-size:36px;margin:3px"><span>Heading 2</span></h2><h3 style="font-size:24px;margin:3px"><span>Heading 3</span></h3><h4 style="font-size:20px;margin:3px"><span>Heading 4</span></h4><h5 style="font-size:18px;margin:3px"><span>Heading 5</span></h5><h6 style="font-size:16px;margin:3px"><span>Heading 6</span></h6><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>Emojis: 😀 🎉 🚀 👍 👍🏽 🌍 🚶‍♀️</span></p><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>Centered paragraph</span></p></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><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="#4F8A10" stroke="#4F8A10" stroke-width="2"></rect><polyline points="5,10 8,13 13,6" fill="none" stroke="#fff" stroke-width="2"></polyline></svg><span><span>Checked List Item</span></span></p><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 starting at 5</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 6</span></p></li></ol><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>Toggle List Item</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>Content nested inside the toggle list item.</span></p></td></tr></tbody></table><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>A nested bullet inside the toggle</span></p></li></ul></li></ul><h2 style="font-size:36px;margin:3px"><span>Toggle Heading</span></h2><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>Content nested inside the toggle heading.</span></p></div><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><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</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</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><span style="text-decoration:underline">underlined</span><span> </span><span style="text-decoration:line-through">strikethrough</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><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 1</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 2</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 3</span></th></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;color:#e03e3e;background-color:#ddebf1">Table Cell Bold Colored 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><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><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px" colSpan="2"><span>Merged Header</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header C</span></th></tr><tr><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header A</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header B</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header C2</span></th></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" rowSpan="2"><span>Merged Rows</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>Cell B1</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>Cell C1</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>Cell B2</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>Cell C2</span></td></tr></tbody></table><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>A hard line break<br/>within a single paragraph</span></p><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 = &#x27;bar&#x27;;</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>This paragraph is in a column!</span></p><h1 style="font-size:48px;margin:3px"><span>So is this heading!</span></h1><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>You can have multiple blocks in a column too</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>Block 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>Block 2</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>Block 3</span></p></li></ul><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><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><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><h2 style="font-size:36px;margin:3px"><span>Heading 2</span></h2><h3 style="font-size:24px;margin:3px"><span>Heading 3</span></h3><h4 style="font-size:20px;margin:3px"><span>Heading 4</span></h4><h5 style="font-size:18px;margin:3px"><span>Heading 5</span></h5><h6 style="font-size:16px;margin:3px"><span>Heading 6</span></h6><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>Emojis: 😀 🎉 🚀 👍 👍🏽 🌍 🚶‍♀️</span></p><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>Centered paragraph</span></p></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><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="#4F8A10" stroke="#4F8A10" stroke-width="2"></rect><polyline points="5,10 8,13 13,6" fill="none" stroke="#fff" stroke-width="2"></polyline></svg><span><span>Checked List Item</span></span></p><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 starting at 5</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 6</span></p></li></ol><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>Toggle List Item</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>Content nested inside the toggle list item.</span></p></td></tr></tbody></table><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>A nested bullet inside the toggle</span></p></li></ul></li></ul><h2 style="font-size:36px;margin:3px"><span>Toggle Heading</span></h2><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>Content nested inside the toggle heading.</span></p></div><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><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</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</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><span style="text-decoration:underline">underlined</span><span> </span><span style="text-decoration:line-through">strikethrough</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><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 1</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 2</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 3</span></th></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;color:#e03e3e;background-color:#ddebf1">Table Cell Bold Colored 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><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><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px" colSpan="2"><span>Merged Header</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header C</span></th></tr><tr><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header A</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header B</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header C2</span></th></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" rowSpan="2"><span>Merged Rows</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>Cell B1</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>Cell C1</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>Cell B2</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>Cell C2</span></td></tr></tbody></table><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>A hard line break<br />within a single paragraph</span></p><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><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 paragraph is in a column!</span></p><h1 style="font-size:48px;margin:3px"><span>So is this heading!</span></h1><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>You can have multiple blocks in a column too</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>Block 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>Block 2</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>Block 3</span></p></li></ul><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><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><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><h2 style="font-size:36px;margin:3px"><span>Heading 2</span></h2><h3 style="font-size:24px;margin:3px"><span>Heading 3</span></h3><h4 style="font-size:20px;margin:3px"><span>Heading 4</span></h4><h5 style="font-size:18px;margin:3px"><span>Heading 5</span></h5><h6 style="font-size:16px;margin:3px"><span>Heading 6</span></h6><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>Emojis: 😀 🎉 🚀 👍 👍🏽 🌍 🚶‍♀️</span></p><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>Centered paragraph</span></p></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><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="#4F8A10" stroke="#4F8A10" stroke-width="2"></rect><polyline points="5,10 8,13 13,6" fill="none" stroke="#fff" stroke-width="2"></polyline></svg><span><span>Checked List Item</span></span></p><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 starting at 5</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 6</span></p></li></ol><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>Toggle List Item</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>Content nested inside the toggle list item.</span></p></td></tr></tbody></table><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>A nested bullet inside the toggle</span></p></li></ul></li></ul><h2 style="font-size:36px;margin:3px"><span>Toggle Heading</span></h2><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>Content nested inside the toggle heading.</span></p></div><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><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</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</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><span style="text-decoration:underline">underlined</span><span> </span><span style="text-decoration:line-through">strikethrough</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><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 1</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 2</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 3</span></th></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;color:#e03e3e;background-color:#ddebf1">Table Cell Bold Colored 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><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><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px" colSpan="2"><span>Merged Header</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header C</span></th></tr><tr><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header A</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header B</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header C2</span></th></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" rowSpan="2"><span>Merged Rows</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>Cell B1</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>Cell C1</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>Cell B2</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>Cell C2</span></td></tr></tbody></table><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>A hard line break<br/>within a single paragraph</span></p><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 = &#x27;bar&#x27;;</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>This paragraph is in a column!</span></p><h1 style="font-size:48px;margin:3px"><span>So is this heading!</span></h1><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>You can have multiple blocks in a column too</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>Block 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>Block 2</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>Block 3</span></p></li></ul><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><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><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><h2 style="font-size:36px;margin:3px"><span>Heading 2</span></h2><h3 style="font-size:24px;margin:3px"><span>Heading 3</span></h3><h4 style="font-size:20px;margin:3px"><span>Heading 4</span></h4><h5 style="font-size:18px;margin:3px"><span>Heading 5</span></h5><h6 style="font-size:16px;margin:3px"><span>Heading 6</span></h6><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>Emojis: 😀 🎉 🚀 👍 👍🏽 🌍 🚶‍♀️</span></p><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>Centered paragraph</span></p></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><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="#4F8A10" stroke="#4F8A10" stroke-width="2"></rect><polyline points="5,10 8,13 13,6" fill="none" stroke="#fff" stroke-width="2"></polyline></svg><span><span>Checked List Item</span></span></p><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 starting at 5</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 6</span></p></li></ol><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>Toggle List Item</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>Content nested inside the toggle list item.</span></p></td></tr></tbody></table><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>A nested bullet inside the toggle</span></p></li></ul></li></ul><h2 style="font-size:36px;margin:3px"><span>Toggle Heading</span></h2><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>Content nested inside the toggle heading.</span></p></div><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><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</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</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><span style="text-decoration:underline">underlined</span><span> </span><span style="text-decoration:line-through">strikethrough</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><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 1</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 2</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 3</span></th></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;color:#e03e3e;background-color:#ddebf1">Table Cell Bold Colored 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><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><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px" colSpan="2"><span>Merged Header</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header C</span></th></tr><tr><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header A</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header B</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header C2</span></th></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" rowSpan="2"><span>Merged Rows</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>Cell B1</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>Cell C1</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>Cell B2</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>Cell C2</span></td></tr></tbody></table><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>A hard line break<br />within a single paragraph</span></p><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><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 paragraph is in a column!</span></p><h1 style="font-size:48px;margin:3px"><span>So is this heading!</span></h1><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>You can have multiple blocks in a column too</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>Block 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>Block 2</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>Block 3</span></p></li></ul><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><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><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><h2 style="font-size:36px;margin:3px"><span>Heading 2</span></h2><h3 style="font-size:24px;margin:3px"><span>Heading 3</span></h3><h4 style="font-size:20px;margin:3px"><span>Heading 4</span></h4><h5 style="font-size:18px;margin:3px"><span>Heading 5</span></h5><h6 style="font-size:16px;margin:3px"><span>Heading 6</span></h6><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>Emojis: 😀 🎉 🚀 👍 👍🏽 🌍 🚶‍♀️</span></p><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>Centered paragraph</span></p></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><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="#4F8A10" stroke="#4F8A10" stroke-width="2"></rect><polyline points="5,10 8,13 13,6" fill="none" stroke="#fff" stroke-width="2"></polyline></svg><span><span>Checked List Item</span></span></p><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 starting at 5</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 6</span></p></li></ol><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>Toggle List Item</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>Content nested inside the toggle list item.</span></p></td></tr></tbody></table><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>A nested bullet inside the toggle</span></p></li></ul></li></ul><h2 style="font-size:36px;margin:3px"><span>Toggle Heading</span></h2><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>Content nested inside the toggle heading.</span></p></div><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><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</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</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><span style="text-decoration:underline">underlined</span><span> </span><span style="text-decoration:line-through">strikethrough</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><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 1</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 2</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 3</span></th></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;color:#e03e3e;background-color:#ddebf1">Table Cell Bold Colored 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><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><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px" colSpan="2"><span>Merged Header</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header C</span></th></tr><tr><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header A</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header B</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header C2</span></th></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" rowSpan="2"><span>Merged Rows</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>Cell B1</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>Cell C1</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>Cell B2</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>Cell C2</span></td></tr></tbody></table><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>A hard line break<br/>within a single paragraph</span></p><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 = &#x27;bar&#x27;;</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>This paragraph is in a column!</span></p><h1 style="font-size:48px;margin:3px"><span>So is this heading!</span></h1><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>You can have multiple blocks in a column too</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>Block 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>Block 2</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>Block 3</span></p></li></ul><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><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><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><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><h2 style="font-size:36px;margin:3px"><span>Heading 2</span></h2><h3 style="font-size:24px;margin:3px"><span>Heading 3</span></h3><h4 style="font-size:20px;margin:3px"><span>Heading 4</span></h4><h5 style="font-size:18px;margin:3px"><span>Heading 5</span></h5><h6 style="font-size:16px;margin:3px"><span>Heading 6</span></h6><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>Emojis: 😀 🎉 🚀 👍 👍🏽 🌍 🚶‍♀️</span></p><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>Centered paragraph</span></p></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><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="#4F8A10" stroke="#4F8A10" stroke-width="2"></rect><polyline points="5,10 8,13 13,6" fill="none" stroke="#fff" stroke-width="2"></polyline></svg><span><span>Checked List Item</span></span></p><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 starting at 5</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 6</span></p></li></ol><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>Toggle List Item</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>Content nested inside the toggle list item.</span></p></td></tr></tbody></table><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>A nested bullet inside the toggle</span></p></li></ul></li></ul><h2 style="font-size:36px;margin:3px"><span>Toggle Heading</span></h2><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>Content nested inside the toggle heading.</span></p></div><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><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</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</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><span style="text-decoration:underline">underlined</span><span> </span><span style="text-decoration:line-through">strikethrough</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><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 1</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 2</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 3</span></th></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;color:#e03e3e;background-color:#ddebf1">Table Cell Bold Colored 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><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><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px" colSpan="2"><span>Merged Header</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header C</span></th></tr><tr><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header A</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header B</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header C2</span></th></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" rowSpan="2"><span>Merged Rows</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>Cell B1</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>Cell C1</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>Cell B2</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>Cell C2</span></td></tr></tbody></table><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>A hard line break<br />within a single paragraph</span></p><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><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 paragraph is in a column!</span></p><h1 style="font-size:48px;margin:3px"><span>So is this heading!</span></h1><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>You can have multiple blocks in a column too</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>Block 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>Block 2</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>Block 3</span></p></li></ul><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><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><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><h2 style="font-size:36px;margin:3px"><span>Heading 2</span></h2><h3 style="font-size:24px;margin:3px"><span>Heading 3</span></h3><h4 style="font-size:20px;margin:3px"><span>Heading 4</span></h4><h5 style="font-size:18px;margin:3px"><span>Heading 5</span></h5><h6 style="font-size:16px;margin:3px"><span>Heading 6</span></h6><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>Emojis: 😀 🎉 🚀 👍 👍🏽 🌍 🚶‍♀️</span></p><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>Centered paragraph</span></p></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><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="#4F8A10" stroke="#4F8A10" stroke-width="2"></rect><polyline points="5,10 8,13 13,6" fill="none" stroke="#fff" stroke-width="2"></polyline></svg><span><span>Checked List Item</span></span></p><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 starting at 5</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 6</span></p></li></ol><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>Toggle List Item</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>Content nested inside the toggle list item.</span></p></td></tr></tbody></table><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>A nested bullet inside the toggle</span></p></li></ul></li></ul><h2 style="font-size:36px;margin:3px"><span>Toggle Heading</span></h2><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>Content nested inside the toggle heading.</span></p></div><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><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</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</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><span style="text-decoration:underline">underlined</span><span> </span><span style="text-decoration:line-through">strikethrough</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><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 1</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 2</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Table Header 3</span></th></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;color:#e03e3e;background-color:#ddebf1">Table Cell Bold Colored 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><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><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px" colSpan="2"><span>Merged Header</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header C</span></th></tr><tr><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header A</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header B</span></th><th style="border:1px solid #ddd;padding:8px 12px;background:inherit;font-weight:bold;text-align:left;color:inherit;font-size:16px;line-height:1.5;margin:3px;min-height:24px"><span>Header C2</span></th></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" rowSpan="2"><span>Merged Rows</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>Cell B1</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>Cell C1</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>Cell B2</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>Cell C2</span></td></tr></tbody></table><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>A hard line break<br/>within a single paragraph</span></p><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 = &#x27;bar&#x27;;</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>This paragraph is in a column!</span></p><h1 style="font-size:48px;margin:3px"><span>So is this heading!</span></h1><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>You can have multiple blocks in a column too</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>Block 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>Block 2</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>Block 3</span></p></li></ul><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>"`;
 
diff --git a/packages/xl-email-exporter/src/react-email/reactEmailExporter.test.tsx b/packages/xl-email-exporter/src/react-email/reactEmailExporter.test.tsx
index 91ef40cf36..976acb1fc1 100644
--- a/packages/xl-email-exporter/src/react-email/reactEmailExporter.test.tsx
+++ b/packages/xl-email-exporter/src/react-email/reactEmailExporter.test.tsx
@@ -120,6 +120,37 @@ describe("react email exporter", () => {
     expect(html).toMatchSnapshot("__snapshots__/reactEmailExporterStyledText");
   });
 
+  it("should escape HTML characters in text content", async () => {
+    const exporter = new ReactEmailExporter(
+      BlockNoteSchema.create(),
+      reactEmailDefaultSchemaMappings,
+    );
+
+    const untrustedDocument = [
+      {
+        id: "1",
+        type: "paragraph",
+        content: [
+          {
+            type: "text",
+            text: "x < 10 & y > 20\n<script>alert(1)</script>",
+            styles: {},
+          },
+        ],
+        children: [],
+        props: {},
+      },
+    ];
+
+    const html = await exporter.toReactEmailDocument(untrustedDocument as any);
+
+    expect(html).not.toContain("<script>");
+    expect(html).toContain("x &lt; 10 &amp; y &gt; 20");
+    expect(html).toContain("&lt;script&gt;alert(1)&lt;/script&gt;");
+    // Newlines still become line breaks.
+    expect(html).toContain("<br");
+  });
+
   it("should handle document with links", async () => {
     const exporter = new ReactEmailExporter(
       BlockNoteSchema.create(),
diff --git a/packages/xl-email-exporter/src/react-email/reactEmailExporter.tsx b/packages/xl-email-exporter/src/react-email/reactEmailExporter.tsx
index c0d19108ae..fd1aa88a52 100644
--- a/packages/xl-email-exporter/src/react-email/reactEmailExporter.tsx
+++ b/packages/xl-email-exporter/src/react-email/reactEmailExporter.tsx
@@ -62,13 +62,18 @@ export class ReactEmailExporter<
   public transformStyledText(styledText: StyledText<S>) {
     const stylesArray = this.mapStyles(styledText.styles);
     const styles = Object.assign({}, ...stylesArray);
+    // The text is document content, so it has to go through React's escaping
+    // instead of `dangerouslySetInnerHTML` - rendering the newlines as `<br />`
+    // by hand would otherwise inject any markup the text happens to contain.
     return (
-      <span
-        style={styles}
-        dangerouslySetInnerHTML={{
-          __html: styledText.text.replace(/\n/g, "<br />"),
-        }}
-      />
+      <span style={styles}>
+        {styledText.text.split("\n").map((line, index) => (
+          <React.Fragment key={index}>
+            {index > 0 && <br />}
+            {line}
+          </React.Fragment>
+        ))}
+      </span>
     );
   }
 
