@react-email/editor 0.0.0-experimental.16 → 0.0.0-experimental.18

package/dist/index.mjs

@@ -1,12 +1,12 @@
 import * as ReactEmailComponents from "@react-email/components";
-import { Body as Body$1, Button as Button$1, CodeBlock, Column, Head, Html, Preview, Row, Section as Section$1, pretty, render, toPlainText } from "@react-email/components";
+import { Body as Body$1, Button as Button$1, CodeBlock, Column, Head, Heading as Heading$1, Hr, Html, Link as Link$1, Preview, Row, Section as Section$1, pretty, render, toPlainText } from "@react-email/components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Extension, Mark, Node as Node$1, findChildren, markInputRule, markPasteRule, mergeAttributes } from "@tiptap/core";
+import { Extension, InputRule, Mark, Node as Node$1, findChildren, markInputRule, markPasteRule, mergeAttributes } from "@tiptap/core";
 import { UndoRedo } from "@tiptap/extensions";
-import { ReactRenderer, useCurrentEditor, useEditor as useEditor$1, useEditorState } from "@tiptap/react";
+import { NodeViewContent, NodeViewWrapper, ReactNodeViewRenderer, ReactRenderer, useCurrentEditor, useEditor as useEditor$1, useEditorState } from "@tiptap/react";
 import * as React from "react";
 import { useCallback, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
-import { StarterKit } from "@tiptap/starter-kit";
+import TipTapStarterKit from "@tiptap/starter-kit";
 import BlockquoteBase from "@tiptap/extension-blockquote";
 import BulletListBase from "@tiptap/extension-bullet-list";
 import CodeBase from "@tiptap/extension-code";
@@ -15,8 +15,11 @@ import { Plugin, PluginKey, TextSelection } from "@tiptap/pm/state";
 import { Decoration, DecorationSet } from "@tiptap/pm/view";
 import { fromHtml } from "hast-util-from-html";
 import Prism from "prismjs";
+import HorizontalRule from "@tiptap/extension-horizontal-rule";
 import HardBreakBase from "@tiptap/extension-hard-break";
+import { Heading as Heading$2 } from "@tiptap/extension-heading";
 import ItalicBase from "@tiptap/extension-italic";
+import TiptapLink from "@tiptap/extension-link";
 import ListItemBase from "@tiptap/extension-list-item";
 import OrderedListBase from "@tiptap/extension-ordered-list";
 import ParagraphBase from "@tiptap/extension-paragraph";
@@ -1132,10 +1135,153 @@ const Div = EmailNode.create({
 	}
 });
 
+//#endregion
+//#region src/extensions/divider.tsx
+const Divider = EmailNode.from(HorizontalRule.extend({
+	addAttributes() {
+		return { class: { default: "divider" } };
+	},
+	addInputRules() {
+		return [new InputRule({
+			find: /^(?:---|—-|___\s|\*\*\*\s)$/,
+			handler: ({ state, range }) => {
+				const attributes = {};
+				const { tr } = state;
+				const start = range.from;
+				const end = range.to;
+				tr.insert(start - 1, this.type.create(attributes)).delete(tr.mapping.map(start), tr.mapping.map(end));
+			}
+		})];
+	},
+	addNodeView() {
+		return ReactNodeViewRenderer((props) => {
+			const node = props.node;
+			const { class: className, ...rest } = node.attrs;
+			return /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsx(Hr, {
+				...rest,
+				className: "node-hr",
+				style: inlineCssToJs(node.attrs.style)
+			}) });
+		});
+	}
+}), ({ node, style }) => {
+	return /* @__PURE__ */ jsx(Hr, {
+		className: node.attrs?.class || void 0,
+		style: {
+			...style,
+			...inlineCssToJs(node.attrs?.style)
+		}
+	});
+});
+
+//#endregion
+//#region src/extensions/global-content.ts
+const GLOBAL_CONTENT_NODE_TYPE = "globalContent";
+let cachedGlobalPosition = null;
+function findGlobalContentPositions(doc) {
+	const positions = [];
+	doc.descendants((node, position) => {
+		if (node.type.name === GLOBAL_CONTENT_NODE_TYPE) positions.push(position);
+	});
+	return positions;
+}
+function getCachedGlobalContentPosition(doc) {
+	if (cachedGlobalPosition != null) try {
+		if (doc.nodeAt(cachedGlobalPosition)?.type.name === GLOBAL_CONTENT_NODE_TYPE) return cachedGlobalPosition;
+	} catch {
+		cachedGlobalPosition = null;
+	}
+	cachedGlobalPosition = findGlobalContentPositions(doc)[0] ?? null;
+	return cachedGlobalPosition;
+}
+function getGlobalContent(key, editor) {
+	const position = getCachedGlobalContentPosition(editor.state.doc);
+	if (cachedGlobalPosition == null) return null;
+	return editor.state.doc.nodeAt(position)?.attrs.data[key] ?? null;
+}
+const GlobalContent = Node$1.create({
+	name: GLOBAL_CONTENT_NODE_TYPE,
+	addOptions() {
+		return {
+			key: GLOBAL_CONTENT_NODE_TYPE,
+			data: {}
+		};
+	},
+	group: "block",
+	selectable: false,
+	draggable: false,
+	atom: true,
+	addAttributes() {
+		return { data: { default: this.options.data } };
+	},
+	parseHTML() {
+		return [{ tag: `div[data-type="${this.name}"]` }];
+	},
+	renderHTML({ HTMLAttributes }) {
+		return ["div", mergeAttributes(HTMLAttributes, {
+			"data-type": this.name,
+			style: "width: 100%; height: 1px; visibility: hidden;"
+		})];
+	},
+	addCommands() {
+		return { setGlobalContent: (key, value) => ({ tr, dispatch }) => {
+			const ensureGlobalPosition = () => {
+				const positions = findGlobalContentPositions(tr.doc);
+				for (let i = positions.length - 1; i > 0; i--) tr.delete(positions[i], positions[i] + 1);
+				const pos = positions[0] ?? -1;
+				if (pos >= 0) cachedGlobalPosition = pos;
+				else {
+					cachedGlobalPosition = 0;
+					tr.insert(0, this.type.create());
+				}
+			};
+			if (dispatch) {
+				ensureGlobalPosition();
+				if (cachedGlobalPosition == null) return false;
+				tr.setNodeAttribute(cachedGlobalPosition, "data", {
+					...tr.doc.nodeAt(cachedGlobalPosition)?.attrs.data,
+					[key]: value
+				});
+			}
+			return true;
+		} };
+	}
+});
+
 //#endregion
 //#region src/extensions/hard-break.tsx
 const HardBreak = EmailNode.from(HardBreakBase, () => /* @__PURE__ */ jsx("br", {}));
 
+//#endregion
+//#region src/extensions/heading.tsx
+const Heading = EmailNode.from(Heading$2.extend({ addNodeView() {
+	return ReactNodeViewRenderer(({ node }) => {
+		const level = node.attrs.level ?? 1;
+		const { class: className, ...rest } = node.attrs;
+		const attrs = {
+			...rest,
+			className: `node-h${level} ${className}`,
+			style: inlineCssToJs(node.attrs.style)
+		};
+		return /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsx(Heading$1, {
+			as: `h${level}`,
+			...attrs,
+			children: /* @__PURE__ */ jsx(NodeViewContent, {})
+		}) });
+	});
+} }), ({ children, node, style }) => {
+	return /* @__PURE__ */ jsx(Heading$1, {
+		as: `h${node.attrs?.level ?? 1}`,
+		className: node.attrs?.class || void 0,
+		style: {
+			...style,
+			...inlineCssToJs(node.attrs?.style),
+			...getTextAlignment(node.attrs?.align ?? node.attrs?.alignment)
+		},
+		children
+	});
+});
+
 //#endregion
 //#region src/extensions/italic.tsx
 const Italic = EmailMark.from(ItalicBase, ({ children, style }) => /* @__PURE__ */ jsx("em", {
@@ -1143,6 +1289,160 @@ const Italic = EmailMark.from(ItalicBase, ({ children, style }) => /* @__PURE__
 	children
 }));
 
+//#endregion
+//#region src/extensions/preserved-style.tsx
+const PreservedStyle = EmailMark.create({
+	name: "preservedStyle",
+	addAttributes() {
+		return { style: {
+			default: null,
+			parseHTML: (element) => element.getAttribute("style"),
+			renderHTML: (attributes) => {
+				if (!attributes.style) return {};
+				return { style: attributes.style };
+			}
+		} };
+	},
+	parseHTML() {
+		return [{
+			tag: "span[style]",
+			getAttrs: (element) => {
+				if (typeof element === "string") return false;
+				const style = element.getAttribute("style");
+				if (style && hasPreservableStyles(style)) return { style };
+				return false;
+			}
+		}];
+	},
+	renderHTML({ HTMLAttributes }) {
+		return [
+			"span",
+			mergeAttributes(HTMLAttributes),
+			0
+		];
+	},
+	renderToReactEmail({ children, mark }) {
+		return /* @__PURE__ */ jsx("span", {
+			style: mark.attrs?.style ? inlineCssToJs(mark.attrs.style) : void 0,
+			children
+		});
+	}
+});
+const LINK_INDICATOR_STYLES = [
+	"color",
+	"text-decoration",
+	"text-decoration-line",
+	"text-decoration-color",
+	"text-decoration-style"
+];
+function parseStyleString(styleString) {
+	const temp = document.createElement("div");
+	temp.style.cssText = styleString;
+	return temp.style;
+}
+function hasBackground(style) {
+	const bgColor = style.backgroundColor;
+	const bg = style.background;
+	if (bgColor && bgColor !== "transparent" && bgColor !== "rgba(0, 0, 0, 0)") return true;
+	if (bg && bg !== "transparent" && bg !== "none" && bg !== "rgba(0, 0, 0, 0)") return true;
+	return false;
+}
+function hasPreservableStyles(styleString) {
+	return processStylesForUnlink(styleString) !== null;
+}
+/**
+* Processes styles when unlinking:
+* - Has background (button-like): preserve all styles
+* - No background: strip link-indicator styles (color, text-decoration), keep the rest
+*/
+function processStylesForUnlink(styleString) {
+	if (!styleString) return null;
+	const style = parseStyleString(styleString);
+	if (hasBackground(style)) return styleString;
+	const filtered = [];
+	for (let i = 0; i < style.length; i++) {
+		const prop = style[i];
+		if (LINK_INDICATOR_STYLES.includes(prop)) continue;
+		const value = style.getPropertyValue(prop);
+		if (value) filtered.push(`${prop}: ${value}`);
+	}
+	return filtered.length > 0 ? filtered.join("; ") : null;
+}
+
+//#endregion
+//#region src/extensions/link.tsx
+const Link = EmailMark.from(TiptapLink, ({ children, mark, style }) => {
+	const linkMarkStyle = mark.attrs?.style ? inlineCssToJs(mark.attrs.style) : {};
+	return /* @__PURE__ */ jsx(Link$1, {
+		href: mark.attrs?.href ?? void 0,
+		rel: mark.attrs?.rel ?? void 0,
+		style: {
+			...style,
+			...linkMarkStyle
+		},
+		target: mark.attrs?.target ?? void 0,
+		...mark.attrs?.["ses:no-track"] ? { "ses:no-track": mark.attrs["ses:no-track"] } : {},
+		children
+	});
+}).extend({
+	parseHTML() {
+		return [{
+			tag: "a[target]:not([data-id=\"react-email-button\"])",
+			getAttrs: (node) => {
+				if (typeof node === "string") return false;
+				const element = node;
+				const attrs = {};
+				Array.from(element.attributes).forEach((attr) => {
+					attrs[attr.name] = attr.value;
+				});
+				return attrs;
+			}
+		}, {
+			tag: "a[href]:not([data-id=\"react-email-button\"])",
+			getAttrs: (node) => {
+				if (typeof node === "string") return false;
+				const element = node;
+				const attrs = {};
+				Array.from(element.attributes).forEach((attr) => {
+					attrs[attr.name] = attr.value;
+				});
+				return attrs;
+			}
+		}];
+	},
+	addAttributes() {
+		return {
+			...this.parent?.(),
+			"ses:no-track": {
+				default: null,
+				parseHTML: (element) => element.getAttribute("ses:no-track")
+			}
+		};
+	},
+	addCommands() {
+		return {
+			...this.parent?.(),
+			unsetLink: () => ({ state, chain }) => {
+				const { from } = state.selection;
+				const linkStyle = state.doc.resolve(from).marks().find((m) => m.type.name === "link")?.attrs?.style ?? null;
+				const preservedStyle = processStylesForUnlink(linkStyle);
+				const shouldRemoveUnderline = preservedStyle !== linkStyle;
+				if (preservedStyle) {
+					const cmd = chain().extendMarkRange("link").unsetMark("link").setMark("preservedStyle", { style: preservedStyle });
+					return shouldRemoveUnderline ? cmd.unsetMark("underline").run() : cmd.run();
+				}
+				return chain().extendMarkRange("link").unsetMark("link").unsetMark("underline").run();
+			}
+		};
+	},
+	addKeyboardShortcuts() {
+		return { "Mod-k": () => {
+			editorEventBus.dispatch("bubble-menu:add-link", void 0);
+			return this.editor.chain().focus().toggleLink({ href: "" }).run();
+		} };
+	}
+});
+
 //#endregion
 //#region src/extensions/list-item.tsx
 const ListItem = EmailNode.from(ListItemBase, ({ children, node, style }) => /* @__PURE__ */ jsx("li", {
@@ -1267,86 +1567,6 @@ const Placeholder = TipTapPlaceholder.configure({
 	includeChildren: true
 });
 
-//#endregion
-//#region src/extensions/preserved-style.tsx
-const PreservedStyle = EmailMark.create({
-	name: "preservedStyle",
-	addAttributes() {
-		return { style: {
-			default: null,
-			parseHTML: (element) => element.getAttribute("style"),
-			renderHTML: (attributes) => {
-				if (!attributes.style) return {};
-				return { style: attributes.style };
-			}
-		} };
-	},
-	parseHTML() {
-		return [{
-			tag: "span[style]",
-			getAttrs: (element) => {
-				if (typeof element === "string") return false;
-				const style = element.getAttribute("style");
-				if (style && hasPreservableStyles(style)) return { style };
-				return false;
-			}
-		}];
-	},
-	renderHTML({ HTMLAttributes }) {
-		return [
-			"span",
-			mergeAttributes(HTMLAttributes),
-			0
-		];
-	},
-	renderToReactEmail({ children, mark }) {
-		return /* @__PURE__ */ jsx("span", {
-			style: mark.attrs?.style ? inlineCssToJs(mark.attrs.style) : void 0,
-			children
-		});
-	}
-});
-const LINK_INDICATOR_STYLES = [
-	"color",
-	"text-decoration",
-	"text-decoration-line",
-	"text-decoration-color",
-	"text-decoration-style"
-];
-function parseStyleString(styleString) {
-	const temp = document.createElement("div");
-	temp.style.cssText = styleString;
-	return temp.style;
-}
-function hasBackground(style) {
-	const bgColor = style.backgroundColor;
-	const bg = style.background;
-	if (bgColor && bgColor !== "transparent" && bgColor !== "rgba(0, 0, 0, 0)") return true;
-	if (bg && bg !== "transparent" && bg !== "none" && bg !== "rgba(0, 0, 0, 0)") return true;
-	return false;
-}
-function hasPreservableStyles(styleString) {
-	return processStylesForUnlink(styleString) !== null;
-}
-/**
-* Processes styles when unlinking:
-* - Has background (button-like): preserve all styles
-* - No background: strip link-indicator styles (color, text-decoration), keep the rest
-*/
-function processStylesForUnlink(styleString) {
-	if (!styleString) return null;
-	const style = parseStyleString(styleString);
-	if (hasBackground(style)) return styleString;
-	const filtered = [];
-	for (let i = 0; i < style.length; i++) {
-		const prop = style[i];
-		if (LINK_INDICATOR_STYLES.includes(prop)) continue;
-		const value = style.getPropertyValue(prop);
-		if (value) filtered.push(`${prop}: ${value}`);
-	}
-	return filtered.length > 0 ? filtered.join("; ") : null;
-}
-
 //#endregion
 //#region src/extensions/preview-text.ts
 const PreviewText = Node$1.create({
@@ -1938,44 +2158,13 @@ const ColumnsColumn = EmailNode.create({
 
 //#endregion
 //#region src/extensions/index.ts
-const coreExtensions = [
-	StarterKit.configure({
-		undoRedo: false,
-		heading: false,
-		link: false,
-		underline: false,
-		trailingNode: false,
-		bold: false,
-		italic: false,
-		strike: false,
-		code: false,
-		paragraph: false,
-		bulletList: false,
-		orderedList: false,
-		listItem: false,
-		blockquote: false,
-		hardBreak: false,
-		gapcursor: false,
-		codeBlock: false,
-		horizontalRule: false,
-		dropcursor: {
-			color: "#61a8f8",
-			class: "rounded-full animate-[fade-in_300ms_ease-in-out] !z-40",
-			width: 4
-		}
-	}),
-	CodeBlockPrism.configure({
-		defaultLanguage: "javascript",
-		HTMLAttributes: { class: "prism node-codeBlock" }
-	}),
-	Code.configure({ HTMLAttributes: {
-		class: "node-inlineCode",
-		spellcheck: "false"
-	} }),
-	Paragraph.configure({ HTMLAttributes: { class: "node-paragraph" } }),
-	BulletList.configure({ HTMLAttributes: { class: "node-bulletList" } }),
-	OrderedList.configure({ HTMLAttributes: { class: "node-orderedList" } }),
-	Blockquote.configure({ HTMLAttributes: { class: "node-blockquote" } }),
+const starterKitExtensions = {
+	CodeBlockPrism,
+	Code,
+	Paragraph,
+	BulletList,
+	OrderedList,
+	Blockquote,
 	ListItem,
 	HardBreak,
 	Italic,
@@ -1983,6 +2172,9 @@ const coreExtensions = [
 	PreviewText,
 	Bold,
 	Strike,
+	Heading,
+	Divider,
+	Link,
 	Sup,
 	Uppercase,
 	PreservedStyle,
@@ -1994,80 +2186,162 @@ const coreExtensions = [
 	Div,
 	Button,
 	Section,
-	AlignmentAttribute.configure({ types: [
-		"heading",
-		"paragraph",
-		"image",
-		"blockquote",
-		"codeBlock",
-		"bulletList",
-		"orderedList",
-		"listItem",
-		"button",
-		"youtube",
-		"twitter",
-		"table",
-		"tableRow",
-		"tableCell",
-		"tableHeader",
-		"columnsColumn"
-	] }),
-	StyleAttribute.configure({ types: [
-		"heading",
-		"paragraph",
-		"image",
-		"blockquote",
-		"codeBlock",
-		"bulletList",
-		"orderedList",
-		"listItem",
-		"button",
-		"youtube",
-		"twitter",
-		"horizontalRule",
-		"footer",
-		"section",
-		"div",
-		"body",
-		"table",
-		"tableRow",
-		"tableCell",
-		"tableHeader",
-		"columnsColumn",
-		"link"
-	] }),
-	ClassAttribute.configure({ types: [
-		"heading",
-		"paragraph",
-		"image",
-		"blockquote",
-		"bulletList",
-		"orderedList",
-		"listItem",
-		"button",
-		"youtube",
-		"twitter",
-		"horizontalRule",
-		"footer",
-		"section",
-		"div",
-		"body",
-		"table",
-		"tableRow",
-		"tableCell",
-		"tableHeader",
-		"columnsColumn",
-		"link"
-	] }),
-	MaxNesting.configure({
-		maxDepth: 50,
-		nodeTypes: [
-			"section",
-			"bulletList",
-			"orderedList"
-		]
-	})
-];
+	GlobalContent,
+	AlignmentAttribute,
+	StyleAttribute,
+	ClassAttribute,
+	MaxNesting
+};
+const StarterKit = Extension.create({
+	name: "reactEmailStarterKit",
+	addOptions() {
+		return {
+			TiptapStarterKit: {},
+			CodeBlockPrism: {
+				defaultLanguage: "javascript",
+				HTMLAttributes: { class: "prism node-codeBlock" }
+			},
+			Code: { HTMLAttributes: {
+				class: "node-inlineCode",
+				spellcheck: "false"
+			} },
+			Paragraph: { HTMLAttributes: { class: "node-paragraph" } },
+			BulletList: { HTMLAttributes: { class: "node-bulletList" } },
+			OrderedList: { HTMLAttributes: { class: "node-orderedList" } },
+			Blockquote: { HTMLAttributes: { class: "node-blockquote" } },
+			ListItem: {},
+			HardBreak: {},
+			Italic: {},
+			Placeholder: {},
+			PreviewText: {},
+			Bold: {},
+			Strike: {},
+			Heading: {},
+			Divider: {},
+			Link: {},
+			Sup: {},
+			Uppercase: {},
+			PreservedStyle: {},
+			Table: {},
+			TableRow: {},
+			TableCell: {},
+			TableHeader: {},
+			Body: {},
+			Div: {},
+			Button: {},
+			Section: {},
+			GlobalContent: {},
+			AlignmentAttribute: { types: [
+				"heading",
+				"paragraph",
+				"image",
+				"blockquote",
+				"codeBlock",
+				"bulletList",
+				"orderedList",
+				"listItem",
+				"button",
+				"youtube",
+				"twitter",
+				"table",
+				"tableRow",
+				"tableCell",
+				"tableHeader",
+				"columnsColumn"
+			] },
+			StyleAttribute: { types: [
+				"heading",
+				"paragraph",
+				"image",
+				"blockquote",
+				"codeBlock",
+				"bulletList",
+				"orderedList",
+				"listItem",
+				"button",
+				"youtube",
+				"twitter",
+				"horizontalRule",
+				"footer",
+				"section",
+				"div",
+				"body",
+				"table",
+				"tableRow",
+				"tableCell",
+				"tableHeader",
+				"columnsColumn",
+				"link"
+			] },
+			ClassAttribute: { types: [
+				"heading",
+				"paragraph",
+				"image",
+				"blockquote",
+				"bulletList",
+				"orderedList",
+				"listItem",
+				"button",
+				"youtube",
+				"twitter",
+				"horizontalRule",
+				"footer",
+				"section",
+				"div",
+				"body",
+				"table",
+				"tableRow",
+				"tableCell",
+				"tableHeader",
+				"columnsColumn",
+				"link"
+			] },
+			MaxNesting: {
+				maxDepth: 50,
+				nodeTypes: [
+					"section",
+					"bulletList",
+					"orderedList"
+				]
+			}
+		};
+	},
+	addExtensions() {
+		const extensions = [];
+		if (this.options.TiptapStarterKit !== false) extensions.push(TipTapStarterKit.configure({
+			undoRedo: false,
+			heading: false,
+			link: false,
+			underline: false,
+			trailingNode: false,
+			bold: false,
+			italic: false,
+			strike: false,
+			code: false,
+			paragraph: false,
+			bulletList: false,
+			orderedList: false,
+			listItem: false,
+			blockquote: false,
+			hardBreak: false,
+			gapcursor: false,
+			codeBlock: false,
+			horizontalRule: false,
+			dropcursor: {
+				color: "#61a8f8",
+				class: "rounded-full animate-[fade-in_300ms_ease-in-out] !z-40",
+				width: 4
+			},
+			...this.options.TiptapStarterKit
+		}));
+		for (const [name, extension] of Object.entries(starterKitExtensions)) {
+			const key = name;
+			const extensionOptions = this.options[key];
+			if (extensionOptions !== false) extensions.push(extension.configure(extensionOptions));
+		}
+		return extensions;
+	}
+});
 
 //#endregion
 //#region src/core/create-drop-handler.ts
@@ -2226,13 +2500,14 @@ function useEditor({ content, extensions = [], onUpdate, onPaste, onUploadImage,
 	const [contentError, setContentError] = React.useState(null);
 	const isCollaborative = hasCollaborationExtension(extensions);
 	const effectiveExtensions = React.useMemo(() => [
-		...coreExtensions,
+		StarterKit,
 		...isCollaborative ? [] : [UndoRedo],
 		...extensions
 	], [extensions, isCollaborative]);
 	const editor = useEditor$1({
 		content: isCollaborative ? void 0 : content,
 		extensions: effectiveExtensions,
+		editable,
 		immediatelyRender: false,
 		enableContentCheck: true,
 		onContentError({ editor: editor$1, error, disableCollaboration }) {
@@ -3846,5 +4121,5 @@ function createSlashCommand(options) {
 const SlashCommand = createSlashCommand();
 
 //#endregion
-export { AlignmentAttribute, BULLET_LIST, BUTTON, Blockquote, Body, Bold, BubbleMenu, BubbleMenuAlignCenter, BubbleMenuAlignLeft, BubbleMenuAlignRight, BubbleMenuBold, BubbleMenuCode, BubbleMenuDefault, BubbleMenuItalic, BubbleMenuItem, BubbleMenuItemGroup, BubbleMenuLinkSelector, BubbleMenuNodeSelector, BubbleMenuRoot, BubbleMenuSeparator, BubbleMenuStrike, BubbleMenuUnderline, BubbleMenuUppercase, BulletList, Button, ButtonBubbleMenu, ButtonBubbleMenuDefault, ButtonBubbleMenuEditLink, ButtonBubbleMenuRoot, ButtonBubbleMenuToolbar, CODE, COLUMN_PARENT_TYPES, ClassAttribute, Code, CodeBlockPrism, ColumnsColumn, CommandList, DIVIDER, Div, EmailNode, FOUR_COLUMNS, FourColumns, H1, H2, H3, HardBreak, ImageBubbleMenu, ImageBubbleMenuDefault, ImageBubbleMenuEditLink, ImageBubbleMenuRoot, ImageBubbleMenuToolbar, Italic, LinkBubbleMenu, LinkBubbleMenuDefault, LinkBubbleMenuEditLink, LinkBubbleMenuForm, LinkBubbleMenuOpenLink, LinkBubbleMenuRoot, LinkBubbleMenuToolbar, LinkBubbleMenuUnlink, ListItem, MAX_COLUMNS_DEPTH, MaxNesting, NUMBERED_LIST, NodeSelectorContent, NodeSelectorRoot, NodeSelectorTrigger, OrderedList, Paragraph, Placeholder, PreservedStyle, PreviewText, QUOTE, SECTION, Section, SlashCommand, Strike, StyleAttribute, Sup, TEXT, THREE_COLUMNS, TWO_COLUMNS, Table, TableCell, TableHeader, TableRow, ThreeColumns, TwoColumns, Uppercase, composeReactEmail, coreExtensions, createSlashCommand, defaultSlashCommands, editorEventBus, filterAndRankItems, getColumnsDepth, isAtMaxColumnsDepth, isInsideNode, processStylesForUnlink, scoreItem, setTextAlignment, useButtonBubbleMenuContext, useEditor, useImageBubbleMenuContext, useLinkBubbleMenuContext };
+export { AlignmentAttribute, BULLET_LIST, BUTTON, Blockquote, Body, Bold, BubbleMenu, BubbleMenuAlignCenter, BubbleMenuAlignLeft, BubbleMenuAlignRight, BubbleMenuBold, BubbleMenuCode, BubbleMenuDefault, BubbleMenuItalic, BubbleMenuItem, BubbleMenuItemGroup, BubbleMenuLinkSelector, BubbleMenuNodeSelector, BubbleMenuRoot, BubbleMenuSeparator, BubbleMenuStrike, BubbleMenuUnderline, BubbleMenuUppercase, BulletList, Button, ButtonBubbleMenu, ButtonBubbleMenuDefault, ButtonBubbleMenuEditLink, ButtonBubbleMenuRoot, ButtonBubbleMenuToolbar, CODE, COLUMN_PARENT_TYPES, ClassAttribute, Code, CodeBlockPrism, ColumnsColumn, CommandList, DIVIDER, Div, Divider, EmailNode, FOUR_COLUMNS, FourColumns, GlobalContent, H1, H2, H3, HardBreak, Heading, ImageBubbleMenu, ImageBubbleMenuDefault, ImageBubbleMenuEditLink, ImageBubbleMenuRoot, ImageBubbleMenuToolbar, Italic, Link, LinkBubbleMenu, LinkBubbleMenuDefault, LinkBubbleMenuEditLink, LinkBubbleMenuForm, LinkBubbleMenuOpenLink, LinkBubbleMenuRoot, LinkBubbleMenuToolbar, LinkBubbleMenuUnlink, ListItem, MAX_COLUMNS_DEPTH, MaxNesting, NUMBERED_LIST, NodeSelectorContent, NodeSelectorRoot, NodeSelectorTrigger, OrderedList, Paragraph, Placeholder, PreservedStyle, PreviewText, QUOTE, SECTION, Section, SlashCommand, StarterKit, Strike, StyleAttribute, Sup, TEXT, THREE_COLUMNS, TWO_COLUMNS, Table, TableCell, TableHeader, TableRow, ThreeColumns, TwoColumns, Uppercase, composeReactEmail, createSlashCommand, defaultSlashCommands, editorEventBus, filterAndRankItems, getColumnsDepth, getGlobalContent, isAtMaxColumnsDepth, isInsideNode, processStylesForUnlink, scoreItem, setTextAlignment, useButtonBubbleMenuContext, useEditor, useImageBubbleMenuContext, useLinkBubbleMenuContext };
 //# sourceMappingURL=index.mjs.map