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

package/dist/index.d.cts

@@ -1,41 +1,24 @@
-import * as _tiptap_core9 from "@tiptap/core";
-import { Editor, Extension, JSONContent, Mark, Node, NodeConfig as NodeConfig$1, NodeType as NodeType$1, ParentConfig } from "@tiptap/core";
+import * as _tiptap_core18 from "@tiptap/core";
+import { Content, Editor, Extension, Extensions, JSONContent, Mark, MarkConfig, MarkType, Node, NodeConfig as NodeConfig$1, NodeType as NodeType$1, ParentConfig, Range } from "@tiptap/core";
 import * as _tiptap_starter_kit0 from "@tiptap/starter-kit";
 import { CodeBlockOptions } from "@tiptap/extension-code-block";
-import * as _tiptap_extension_placeholder0 from "@tiptap/extension-placeholder";
+import * as _tiptap_extension_code1 from "@tiptap/extension-code";
+import * as _tiptap_extension_paragraph1 from "@tiptap/extension-paragraph";
+import * as _tiptap_extension_bullet_list1 from "@tiptap/extension-bullet-list";
+import * as _tiptap_extension_list_item1 from "@tiptap/extension-list-item";
+import * as _tiptap_extension_hard_break1 from "@tiptap/extension-hard-break";
+import * as _tiptap_extensions2 from "@tiptap/extensions";
+import * as _tiptap_extension_blockquote0 from "@tiptap/extension-blockquote";
 import { Node as Node$1 } from "@tiptap/pm/model";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as _tiptap_extension_italic0 from "@tiptap/extension-italic";
+import * as _tiptap_extension_ordered_list0 from "@tiptap/extension-ordered-list";
+import * as _tiptap_extension_strike0 from "@tiptap/extension-strike";
+import { UseEditorOptions } from "@tiptap/react";
+import { EditorView } from "@tiptap/pm/view";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import * as React$1 from "react";
+import { ComponentType, ReactNode, Ref } from "react";
 
-//#region src/core/email-node.d.ts
-type RendererComponent = (props: {
-  node: JSONContent;
-  style: React.CSSProperties;
-  children?: React.ReactNode;
-}) => React.ReactNode;
-interface EmailNodeConfig<Options, Storage> extends NodeConfig$1<Options, Storage> {
-  renderToReactEmail: RendererComponent;
-}
-type ConfigParameter<Options, Storage> = Partial<Omit<EmailNodeConfig<Options, Storage>, 'renderToReactEmail'>> & Pick<EmailNodeConfig<Options, Storage>, 'renderToReactEmail'>;
-declare class EmailNode<Options = Record<string, never>, Storage = Record<string, never>> extends Node<Options, Storage> {
-  config: EmailNodeConfig<Options, Storage>;
-  constructor(config: ConfigParameter<Options, Storage>);
-  /**
-   * Create a new Node instance
-   * @param config - Node configuration object or a function that returns a configuration object
-   */
-  static create<O = Record<string, never>, S = Record<string, never>>(config: ConfigParameter<O, S> | (() => ConfigParameter<O, S>)): EmailNode<O, S>;
-  static from<O, S>(node: Node<O, S>, renderToReactEmail: RendererComponent): EmailNode<O, S>;
-  configure(options?: Partial<Options>): EmailNode<Options, Storage>;
-  extend<ExtendedOptions = Options, ExtendedStorage = Storage, ExtendedConfig extends NodeConfig$1<ExtendedOptions, ExtendedStorage> = EmailNodeConfig<ExtendedOptions, ExtendedStorage>>(extendedConfig?: (() => Partial<ExtendedConfig>) | (Partial<ExtendedConfig> & ThisType<{
-    name: string;
-    options: ExtendedOptions;
-    storage: ExtendedStorage;
-    editor: Editor;
-    type: NodeType$1;
-  }>)): EmailNode<ExtendedOptions, ExtendedStorage>;
-}
-//#endregion
 //#region src/core/event-bus.d.ts
 /**
  * Base event map interface for the editor event bus.
@@ -68,6 +51,48 @@ declare class EditorEventBus {
 }
 declare const editorEventBus: EditorEventBus;
 //#endregion
+//#region src/core/serializer/compose-react-email.d.ts
+interface ComposeReactEmailResult {
+  html: string;
+  text: string;
+}
+declare const composeReactEmail: ({
+  editor,
+  preview
+}: {
+  editor: Editor;
+  preview: string | null;
+}) => Promise<ComposeReactEmailResult>;
+//#endregion
+//#region src/core/serializer/email-node.d.ts
+type RendererComponent = (props: {
+  node: JSONContent;
+  style: React.CSSProperties;
+  children?: React.ReactNode;
+}) => React.ReactNode;
+interface EmailNodeConfig<Options, Storage> extends NodeConfig$1<Options, Storage> {
+  renderToReactEmail: RendererComponent;
+}
+type ConfigParameter$1<Options, Storage> = Partial<Omit<EmailNodeConfig<Options, Storage>, 'renderToReactEmail'>> & Pick<EmailNodeConfig<Options, Storage>, 'renderToReactEmail'>;
+declare class EmailNode<Options = Record<string, never>, Storage = Record<string, never>> extends Node<Options, Storage> {
+  config: EmailNodeConfig<Options, Storage>;
+  constructor(config: ConfigParameter$1<Options, Storage>);
+  /**
+   * Create a new Node instance
+   * @param config - Node configuration object or a function that returns a configuration object
+   */
+  static create<O = Record<string, never>, S = Record<string, never>>(config: ConfigParameter$1<O, S> | (() => ConfigParameter$1<O, S>)): EmailNode<O, S>;
+  static from<O, S>(node: Node<O, S>, renderToReactEmail: RendererComponent): EmailNode<O, S>;
+  configure(options?: Partial<Options>): EmailNode<Options, Storage>;
+  extend<ExtendedOptions = Options, ExtendedStorage = Storage, ExtendedConfig extends NodeConfig$1<ExtendedOptions, ExtendedStorage> = EmailNodeConfig<ExtendedOptions, ExtendedStorage>>(extendedConfig?: (() => Partial<ExtendedConfig>) | (Partial<ExtendedConfig> & ThisType<{
+    name: string;
+    options: ExtendedOptions;
+    storage: ExtendedStorage;
+    editor: Editor;
+    type: NodeType$1;
+  }>)): EmailNode<ExtendedOptions, ExtendedStorage>;
+}
+//#endregion
 //#region src/extensions/code-block.d.ts
 interface CodeBlockPrismOptions extends CodeBlockOptions {
   defaultLanguage: string;
@@ -75,6 +100,37 @@ interface CodeBlockPrismOptions extends CodeBlockOptions {
 }
 declare const CodeBlockPrism: EmailNode<CodeBlockPrismOptions, any>;
 //#endregion
+//#region src/core/serializer/email-mark.d.ts
+type SerializedMark = NonNullable<JSONContent['marks']>[number];
+type RendererComponent$1 = (props: {
+  mark: SerializedMark;
+  node: JSONContent;
+  style: React.CSSProperties;
+  children?: React.ReactNode;
+}) => React.ReactNode;
+interface EmailMarkConfig<Options, Storage> extends MarkConfig<Options, Storage> {
+  renderToReactEmail: RendererComponent$1;
+}
+type ConfigParameter<Options, Storage> = Partial<Omit<EmailMarkConfig<Options, Storage>, 'renderToReactEmail'>> & Pick<EmailMarkConfig<Options, Storage>, 'renderToReactEmail'>;
+declare class EmailMark<Options = Record<string, never>, Storage = Record<string, never>> extends Mark<Options, Storage> {
+  config: EmailMarkConfig<Options, Storage>;
+  constructor(config: ConfigParameter<Options, Storage>);
+  /**
+   * Create a new Mark instance
+   * @param config - Mark configuration object or a function that returns a configuration object
+   */
+  static create<O = Record<string, never>, S = Record<string, never>>(config: ConfigParameter<O, S> | (() => ConfigParameter<O, S>)): EmailMark<O, S>;
+  static from<O, S>(mark: Mark<O, S>, renderToReactEmail: RendererComponent$1): EmailMark<O, S>;
+  configure(options?: Partial<Options>): EmailMark<Options, Storage>;
+  extend<ExtendedOptions = Options, ExtendedStorage = Storage, ExtendedConfig extends MarkConfig<ExtendedOptions, ExtendedStorage> = EmailMarkConfig<ExtendedOptions, ExtendedStorage>>(extendedConfig?: (() => Partial<ExtendedConfig>) | (Partial<ExtendedConfig> & ThisType<{
+    name: string;
+    options: ExtendedOptions;
+    storage: ExtendedStorage;
+    editor: Editor;
+    type: MarkType;
+  }>)): EmailMark<ExtendedOptions, ExtendedStorage>;
+}
+//#endregion
 //#region src/extensions/preview-text.d.ts
 interface PreviewTextOptions {
   HTMLAttributes: Record<string, unknown>;
@@ -112,7 +168,7 @@ declare module '@tiptap/core' {
  * This extension allows you to mark text as bold.
  * @see https://tiptap.dev/api/marks/bold
  */
-declare const Bold: Mark<BoldOptions, any>;
+declare const Bold: EmailMark<BoldOptions, Record<string, never>>;
 //#endregion
 //#region src/extensions/table.d.ts
 declare module '@tiptap/core' {
@@ -225,12 +281,21 @@ interface MaxNestingOptions {
 }
 declare const MaxNesting: Extension<MaxNestingOptions, any>;
 //#endregion
+//#region src/extensions/blockquote.d.ts
+declare const Blockquote: EmailNode<_tiptap_extension_blockquote0.BlockquoteOptions, any>;
+//#endregion
 //#region src/extensions/body.d.ts
 interface BodyOptions {
   HTMLAttributes: Record<string, unknown>;
 }
 declare const Body: EmailNode<BodyOptions, Record<string, never>>;
 //#endregion
+//#region src/extensions/bullet-list.d.ts
+declare const BulletList: EmailNode<_tiptap_extension_bullet_list1.BulletListOptions, any>;
+//#endregion
+//#region src/extensions/code.d.ts
+declare const Code: EmailMark<_tiptap_extension_code1.CodeOptions, any>;
+//#endregion
 //#region src/extensions/columns.d.ts
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
@@ -253,6 +318,21 @@ interface DivOptions {
 }
 declare const Div: EmailNode<DivOptions, Record<string, never>>;
 //#endregion
+//#region src/extensions/hard-break.d.ts
+declare const HardBreak: EmailNode<_tiptap_extension_hard_break1.HardBreakOptions, any>;
+//#endregion
+//#region src/extensions/italic.d.ts
+declare const Italic: EmailMark<_tiptap_extension_italic0.ItalicOptions, any>;
+//#endregion
+//#region src/extensions/list-item.d.ts
+declare const ListItem: EmailNode<_tiptap_extension_list_item1.ListItemOptions, any>;
+//#endregion
+//#region src/extensions/ordered-list.d.ts
+declare const OrderedList: EmailNode<_tiptap_extension_ordered_list0.OrderedListOptions, any>;
+//#endregion
+//#region src/extensions/paragraph.d.ts
+declare const Paragraph: EmailNode<_tiptap_extension_paragraph1.ParagraphOptions, any>;
+//#endregion
 //#region src/extensions/placeholder.d.ts
 interface PlaceholderOptions {
   placeholder?: string | ((props: {
@@ -260,10 +340,10 @@ interface PlaceholderOptions {
   }) => string);
   includeChildren?: boolean;
 }
-declare const Placeholder: _tiptap_core9.Extension<_tiptap_extension_placeholder0.PlaceholderOptions, any>;
+declare const Placeholder: _tiptap_core18.Extension<_tiptap_extensions2.PlaceholderOptions, any>;
 //#endregion
 //#region src/extensions/preserved-style.d.ts
-declare const PreservedStyle: Mark<any, any>;
+declare const PreservedStyle: EmailMark<Record<string, never>, Record<string, never>>;
 /**
  * Processes styles when unlinking:
  * - Has background (button-like): preserve all styles
@@ -285,6 +365,9 @@ declare module '@tiptap/core' {
 }
 declare const Section: EmailNode<SectionOptions, Record<string, never>>;
 //#endregion
+//#region src/extensions/strike.d.ts
+declare const Strike: EmailMark<_tiptap_extension_strike0.StrikeOptions, any>;
+//#endregion
 //#region src/extensions/sup.d.ts
 interface SupOptions {
   /**
@@ -316,7 +399,7 @@ declare module '@tiptap/core' {
  * This extension allows you to mark text as superscript.
  * @see https://tiptap.dev/api/marks/superscript
  */
-declare const Sup: Mark<SupOptions, any>;
+declare const Sup: EmailMark<SupOptions, Record<string, never>>;
 //#endregion
 //#region src/extensions/uppercase.d.ts
 interface UppercaseOptions {
@@ -331,10 +414,47 @@ declare module '@tiptap/core' {
     };
   }
 }
-declare const Uppercase: Mark<UppercaseOptions, any>;
+declare const Uppercase: EmailMark<UppercaseOptions, Record<string, never>>;
 //#endregion
 //#region src/extensions/index.d.ts
-declare const coreExtensions: (_tiptap_core9.Extension<_tiptap_starter_kit0.StarterKitOptions, any> | _tiptap_core9.Node<any, any> | EmailNode<CodeBlockPrismOptions, any> | _tiptap_core9.Extension<_tiptap_extension_placeholder0.PlaceholderOptions, any> | _tiptap_core9.Node<PreviewTextOptions, any> | _tiptap_core9.Mark<BoldOptions, any> | _tiptap_core9.Mark<any, any> | EmailNode<TableOptions, Record<string, never>> | EmailNode<TableRowOptions, Record<string, never>> | EmailNode<EditorButtonOptions, Record<string, never>> | _tiptap_core9.Extension<AlignmentOptions, any> | _tiptap_core9.Extension<StyleAttributeOptions, any> | _tiptap_core9.Extension<ClassAttributeOptions, any> | _tiptap_core9.Extension<MaxNestingOptions, any>)[];
+declare const coreExtensions: (_tiptap_core18.Extension<_tiptap_starter_kit0.StarterKitOptions, any> | _tiptap_core18.Node<any, any> | EmailNode<CodeBlockPrismOptions, any> | EmailMark<_tiptap_extension_code1.CodeOptions, any> | EmailNode<_tiptap_extension_paragraph1.ParagraphOptions, any> | EmailNode<_tiptap_extension_bullet_list1.BulletListOptions, any> | EmailNode<_tiptap_extension_list_item1.ListItemOptions, any> | EmailNode<_tiptap_extension_hard_break1.HardBreakOptions, any> | _tiptap_core18.Extension<_tiptap_extensions2.PlaceholderOptions, any> | _tiptap_core18.Node<PreviewTextOptions, any> | EmailMark<BoldOptions, Record<string, never>> | EmailMark<Record<string, never>, Record<string, never>> | EmailNode<TableOptions, Record<string, never>> | EmailNode<TableRowOptions, Record<string, never>> | EmailNode<EditorButtonOptions, Record<string, never>> | _tiptap_core18.Extension<AlignmentOptions, any> | _tiptap_core18.Extension<StyleAttributeOptions, any> | _tiptap_core18.Extension<ClassAttributeOptions, any> | _tiptap_core18.Extension<MaxNestingOptions, any>)[];
+//#endregion
+//#region src/core/create-paste-handler.d.ts
+type PasteHandler = (payload: string | File, view: EditorView) => boolean;
+type UploadImageHandler = (file: File, view: EditorView, pos: number, preserveAttributes?: {
+  width?: string;
+  height?: string;
+  alignment?: string;
+  href?: string;
+}) => void | Promise<void>;
+//#endregion
+//#region src/core/use-editor.d.ts
+declare function useEditor({
+  content,
+  extensions,
+  onUpdate,
+  onPaste,
+  onUploadImage,
+  onReady,
+  editable,
+  ...rest
+}: {
+  content: Content;
+  extensions?: Extensions;
+  onUpdate?: (editor: Editor, transaction: {
+    getMeta: (key: string) => unknown;
+  }) => void;
+  onPaste?: PasteHandler;
+  onUploadImage?: UploadImageHandler;
+  onReady?: (editor: Editor | null) => void;
+  editable?: boolean;
+} & UseEditorOptions): {
+  editor: Editor;
+  isEditorEmpty: boolean;
+  extensions: (_tiptap_core18.Extension<_tiptap_starter_kit0.StarterKitOptions, any> | _tiptap_core18.Node<any, any> | EmailNode<CodeBlockPrismOptions, any> | EmailMark<_tiptap_extension_code1.CodeOptions, any> | EmailNode<_tiptap_extension_paragraph1.ParagraphOptions, any> | EmailNode<_tiptap_extension_bullet_list1.BulletListOptions, any> | EmailNode<_tiptap_extension_list_item1.ListItemOptions, any> | EmailNode<_tiptap_extension_hard_break1.HardBreakOptions, any> | _tiptap_core18.Extension<_tiptap_extensions2.PlaceholderOptions, any> | _tiptap_core18.Node<PreviewTextOptions, any> | EmailMark<BoldOptions, Record<string, never>> | EmailMark<Record<string, never>, Record<string, never>> | EmailNode<TableOptions, Record<string, never>> | EmailNode<TableRowOptions, Record<string, never>> | EmailNode<EditorButtonOptions, Record<string, never>> | _tiptap_core18.Extension<AlignmentOptions, any> | _tiptap_core18.Extension<StyleAttributeOptions, any> | _tiptap_core18.Extension<ClassAttributeOptions, any> | _tiptap_core18.Extension<MaxNestingOptions, any> | _tiptap_core18.Extension<_tiptap_extensions2.UndoRedoOptions, any> | _tiptap_core18.AnyExtension)[];
+  contentError: Error | null;
+  isCollaborative: boolean;
+};
 //#endregion
 //#region src/ui/bubble-menu/create-mark-bubble-item.d.ts
 interface PreWiredItemProps {
@@ -347,19 +467,19 @@ interface PreWiredItemProps {
 declare function BubbleMenuAlignCenter({
   className,
   children
-}: PreWiredItemProps): react_jsx_runtime19.JSX.Element;
+}: PreWiredItemProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/ui/bubble-menu/align-left.d.ts
 declare function BubbleMenuAlignLeft({
   className,
   children
-}: PreWiredItemProps): react_jsx_runtime19.JSX.Element;
+}: PreWiredItemProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/ui/bubble-menu/align-right.d.ts
 declare function BubbleMenuAlignRight({
   className,
   children
-}: PreWiredItemProps): react_jsx_runtime19.JSX.Element;
+}: PreWiredItemProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/ui/bubble-menu/default.d.ts
 type ExcludableItem$3 = 'bold' | 'italic' | 'underline' | 'strike' | 'code' | 'uppercase' | 'align-left' | 'align-center' | 'align-right' | 'node-selector' | 'link-selector';
@@ -384,7 +504,7 @@ declare function BubbleMenuDefault({
   offset,
   onHide,
   className
-}: BubbleMenuDefaultProps): react_jsx_runtime19.JSX.Element;
+}: BubbleMenuDefaultProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/ui/bubble-menu/group.d.ts
 interface BubbleMenuItemGroupProps {
@@ -394,7 +514,7 @@ interface BubbleMenuItemGroupProps {
 declare function BubbleMenuItemGroup({
   className,
   children
-}: BubbleMenuItemGroupProps): react_jsx_runtime19.JSX.Element;
+}: BubbleMenuItemGroupProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/ui/bubble-menu/item.d.ts
 interface BubbleMenuItemProps extends React$1.ComponentProps<'button'> {
@@ -412,7 +532,7 @@ declare function BubbleMenuItem({
   className,
   children,
   ...rest
-}: BubbleMenuItemProps): react_jsx_runtime19.JSX.Element;
+}: BubbleMenuItemProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/ui/bubble-menu/link-selector.d.ts
 interface BubbleMenuLinkSelectorProps {
@@ -441,7 +561,7 @@ declare function BubbleMenuLinkSelector({
   children,
   open: controlledOpen,
   onOpenChange
-}: BubbleMenuLinkSelectorProps): react_jsx_runtime19.JSX.Element | null;
+}: BubbleMenuLinkSelectorProps): react_jsx_runtime8.JSX.Element | null;
 //#endregion
 //#region src/ui/bubble-menu/node-selector.d.ts
 type NodeType = 'Text' | 'Title' | 'Subtitle' | 'Heading' | 'Bullet List' | 'Numbered List' | 'Quote' | 'Code';
@@ -467,7 +587,7 @@ declare function NodeSelectorRoot({
   onOpenChange,
   className,
   children
-}: NodeSelectorRootProps): react_jsx_runtime19.JSX.Element | null;
+}: NodeSelectorRootProps): react_jsx_runtime8.JSX.Element | null;
 interface NodeSelectorTriggerProps {
   className?: string;
   children?: React$1.ReactNode;
@@ -475,7 +595,7 @@ interface NodeSelectorTriggerProps {
 declare function NodeSelectorTrigger({
   className,
   children
-}: NodeSelectorTriggerProps): react_jsx_runtime19.JSX.Element;
+}: NodeSelectorTriggerProps): react_jsx_runtime8.JSX.Element;
 interface NodeSelectorContentProps {
   className?: string;
   /** Popover alignment (default: "start") */
@@ -488,7 +608,7 @@ declare function NodeSelectorContent({
   className,
   align,
   children
-}: NodeSelectorContentProps): react_jsx_runtime19.JSX.Element;
+}: NodeSelectorContentProps): react_jsx_runtime8.JSX.Element;
 interface BubbleMenuNodeSelectorProps {
   /** Block types to exclude */
   omit?: string[];
@@ -506,7 +626,7 @@ declare function BubbleMenuNodeSelector({
   triggerContent,
   open,
   onOpenChange
-}: BubbleMenuNodeSelectorProps): react_jsx_runtime19.JSX.Element;
+}: BubbleMenuNodeSelectorProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/ui/bubble-menu/root.d.ts
 interface BubbleMenuRootProps {
@@ -529,7 +649,7 @@ declare function BubbleMenuRoot({
   onHide,
   className,
   children
-}: BubbleMenuRootProps): react_jsx_runtime19.JSX.Element | null;
+}: BubbleMenuRootProps): react_jsx_runtime8.JSX.Element | null;
 //#endregion
 //#region src/ui/bubble-menu/separator.d.ts
 interface BubbleMenuSeparatorProps {
@@ -537,14 +657,14 @@ interface BubbleMenuSeparatorProps {
 }
 declare function BubbleMenuSeparator({
   className
-}: BubbleMenuSeparatorProps): react_jsx_runtime19.JSX.Element;
+}: BubbleMenuSeparatorProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/ui/bubble-menu/bold.d.ts
 declare const BubbleMenuBold: {
   ({
     className,
     children
-  }: PreWiredItemProps): react_jsx_runtime19.JSX.Element;
+  }: PreWiredItemProps): react_jsx_runtime8.JSX.Element;
   displayName: string;
 };
 //#endregion
@@ -553,7 +673,7 @@ declare const BubbleMenuCode: {
   ({
     className,
     children
-  }: PreWiredItemProps): react_jsx_runtime19.JSX.Element;
+  }: PreWiredItemProps): react_jsx_runtime8.JSX.Element;
   displayName: string;
 };
 //#endregion
@@ -562,7 +682,7 @@ declare const BubbleMenuItalic: {
   ({
     className,
     children
-  }: PreWiredItemProps): react_jsx_runtime19.JSX.Element;
+  }: PreWiredItemProps): react_jsx_runtime8.JSX.Element;
   displayName: string;
 };
 //#endregion
@@ -571,7 +691,7 @@ declare const BubbleMenuStrike: {
   ({
     className,
     children
-  }: PreWiredItemProps): react_jsx_runtime19.JSX.Element;
+  }: PreWiredItemProps): react_jsx_runtime8.JSX.Element;
   displayName: string;
 };
 //#endregion
@@ -580,7 +700,7 @@ declare const BubbleMenuUnderline: {
   ({
     className,
     children
-  }: PreWiredItemProps): react_jsx_runtime19.JSX.Element;
+  }: PreWiredItemProps): react_jsx_runtime8.JSX.Element;
   displayName: string;
 };
 //#endregion
@@ -589,7 +709,7 @@ declare const BubbleMenuUppercase: {
   ({
     className,
     children
-  }: PreWiredItemProps): react_jsx_runtime19.JSX.Element;
+  }: PreWiredItemProps): react_jsx_runtime8.JSX.Element;
   displayName: string;
 };
 //#endregion
@@ -603,42 +723,42 @@ declare const BubbleMenu: {
     ({
       className,
       children
-    }: PreWiredItemProps): react_jsx_runtime19.JSX.Element;
+    }: PreWiredItemProps): react_jsx_runtime8.JSX.Element;
     displayName: string;
   };
   readonly Italic: {
     ({
       className,
       children
-    }: PreWiredItemProps): react_jsx_runtime19.JSX.Element;
+    }: PreWiredItemProps): react_jsx_runtime8.JSX.Element;
     displayName: string;
   };
   readonly Underline: {
     ({
       className,
       children
-    }: PreWiredItemProps): react_jsx_runtime19.JSX.Element;
+    }: PreWiredItemProps): react_jsx_runtime8.JSX.Element;
     displayName: string;
   };
   readonly Strike: {
     ({
       className,
       children
-    }: PreWiredItemProps): react_jsx_runtime19.JSX.Element;
+    }: PreWiredItemProps): react_jsx_runtime8.JSX.Element;
     displayName: string;
   };
   readonly Code: {
     ({
       className,
       children
-    }: PreWiredItemProps): react_jsx_runtime19.JSX.Element;
+    }: PreWiredItemProps): react_jsx_runtime8.JSX.Element;
     displayName: string;
   };
   readonly Uppercase: {
     ({
       className,
       children
-    }: PreWiredItemProps): react_jsx_runtime19.JSX.Element;
+    }: PreWiredItemProps): react_jsx_runtime8.JSX.Element;
     displayName: string;
   };
   readonly AlignLeft: typeof BubbleMenuAlignLeft;
@@ -668,7 +788,7 @@ declare function ButtonBubbleMenuDefault({
   offset,
   onHide,
   className
-}: ButtonBubbleMenuDefaultProps): react_jsx_runtime19.JSX.Element;
+}: ButtonBubbleMenuDefaultProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/ui/button-bubble-menu/edit-link.d.ts
 interface ButtonBubbleMenuEditLinkProps extends Omit<React$1.ComponentProps<'button'>, 'type'> {}
@@ -678,7 +798,7 @@ declare function ButtonBubbleMenuEditLink({
   onClick,
   onMouseDown,
   ...rest
-}: ButtonBubbleMenuEditLinkProps): react_jsx_runtime19.JSX.Element;
+}: ButtonBubbleMenuEditLinkProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/ui/button-bubble-menu/root.d.ts
 interface ButtonBubbleMenuRootProps {
@@ -698,14 +818,14 @@ declare function ButtonBubbleMenuRoot({
   offset,
   className,
   children
-}: ButtonBubbleMenuRootProps): react_jsx_runtime19.JSX.Element | null;
+}: ButtonBubbleMenuRootProps): react_jsx_runtime8.JSX.Element | null;
 //#endregion
 //#region src/ui/button-bubble-menu/toolbar.d.ts
 interface ButtonBubbleMenuToolbarProps extends React$1.ComponentProps<'div'> {}
 declare function ButtonBubbleMenuToolbar({
   children,
   ...rest
-}: ButtonBubbleMenuToolbarProps): react_jsx_runtime19.JSX.Element | null;
+}: ButtonBubbleMenuToolbarProps): react_jsx_runtime8.JSX.Element | null;
 //#endregion
 //#region src/ui/button-bubble-menu/context.d.ts
 interface ButtonBubbleMenuContextValue {
@@ -738,7 +858,7 @@ declare function ImageBubbleMenuDefault({
   offset,
   onHide,
   className
-}: ImageBubbleMenuDefaultProps): react_jsx_runtime19.JSX.Element;
+}: ImageBubbleMenuDefaultProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/ui/image-bubble-menu/edit-link.d.ts
 interface ImageBubbleMenuEditLinkProps extends Omit<React$1.ComponentProps<'button'>, 'type'> {}
@@ -748,7 +868,7 @@ declare function ImageBubbleMenuEditLink({
   onClick,
   onMouseDown,
   ...rest
-}: ImageBubbleMenuEditLinkProps): react_jsx_runtime19.JSX.Element;
+}: ImageBubbleMenuEditLinkProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/ui/image-bubble-menu/root.d.ts
 interface ImageBubbleMenuRootProps {
@@ -768,14 +888,14 @@ declare function ImageBubbleMenuRoot({
   offset,
   className,
   children
-}: ImageBubbleMenuRootProps): react_jsx_runtime19.JSX.Element | null;
+}: ImageBubbleMenuRootProps): react_jsx_runtime8.JSX.Element | null;
 //#endregion
 //#region src/ui/image-bubble-menu/toolbar.d.ts
 interface ImageBubbleMenuToolbarProps extends React$1.ComponentProps<'div'> {}
 declare function ImageBubbleMenuToolbar({
   children,
   ...rest
-}: ImageBubbleMenuToolbarProps): react_jsx_runtime19.JSX.Element | null;
+}: ImageBubbleMenuToolbarProps): react_jsx_runtime8.JSX.Element | null;
 //#endregion
 //#region src/ui/image-bubble-menu/context.d.ts
 interface ImageBubbleMenuContextValue {
@@ -814,7 +934,7 @@ declare function LinkBubbleMenuDefault({
   validateUrl,
   onLinkApply,
   onLinkRemove
-}: LinkBubbleMenuDefaultProps): react_jsx_runtime19.JSX.Element;
+}: LinkBubbleMenuDefaultProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/ui/link-bubble-menu/edit-link.d.ts
 interface LinkBubbleMenuEditLinkProps extends Omit<React$1.ComponentProps<'button'>, 'type'> {}
@@ -824,7 +944,7 @@ declare function LinkBubbleMenuEditLink({
   onClick,
   onMouseDown,
   ...rest
-}: LinkBubbleMenuEditLinkProps): react_jsx_runtime19.JSX.Element;
+}: LinkBubbleMenuEditLinkProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/ui/link-bubble-menu/form.d.ts
 interface LinkBubbleMenuFormProps {
@@ -844,7 +964,7 @@ declare function LinkBubbleMenuForm({
   onLinkApply,
   onLinkRemove,
   children
-}: LinkBubbleMenuFormProps): react_jsx_runtime19.JSX.Element | null;
+}: LinkBubbleMenuFormProps): react_jsx_runtime8.JSX.Element | null;
 //#endregion
 //#region src/ui/link-bubble-menu/open-link.d.ts
 interface LinkBubbleMenuOpenLinkProps extends Omit<React$1.ComponentProps<'a'>, 'href' | 'target' | 'rel'> {}
@@ -852,7 +972,7 @@ declare function LinkBubbleMenuOpenLink({
   className,
   children,
   ...rest
-}: LinkBubbleMenuOpenLinkProps): react_jsx_runtime19.JSX.Element;
+}: LinkBubbleMenuOpenLinkProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/ui/link-bubble-menu/root.d.ts
 interface LinkBubbleMenuRootProps {
@@ -872,14 +992,14 @@ declare function LinkBubbleMenuRoot({
   offset,
   className,
   children
-}: LinkBubbleMenuRootProps): react_jsx_runtime19.JSX.Element | null;
+}: LinkBubbleMenuRootProps): react_jsx_runtime8.JSX.Element | null;
 //#endregion
 //#region src/ui/link-bubble-menu/toolbar.d.ts
 interface LinkBubbleMenuToolbarProps extends React$1.ComponentProps<'div'> {}
 declare function LinkBubbleMenuToolbar({
   children,
   ...rest
-}: LinkBubbleMenuToolbarProps): react_jsx_runtime19.JSX.Element | null;
+}: LinkBubbleMenuToolbarProps): react_jsx_runtime8.JSX.Element | null;
 //#endregion
 //#region src/ui/link-bubble-menu/unlink.d.ts
 interface LinkBubbleMenuUnlinkProps extends Omit<React$1.ComponentProps<'button'>, 'type'> {}
@@ -889,7 +1009,7 @@ declare function LinkBubbleMenuUnlink({
   onClick,
   onMouseDown,
   ...rest
-}: LinkBubbleMenuUnlinkProps): react_jsx_runtime19.JSX.Element;
+}: LinkBubbleMenuUnlinkProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/ui/link-bubble-menu/context.d.ts
 interface LinkBubbleMenuContextValue {
@@ -911,8 +1031,82 @@ declare const LinkBubbleMenu: {
   readonly Default: typeof LinkBubbleMenuDefault;
 };
 //#endregion
+//#region src/ui/slash-command/types.d.ts
+type SlashCommandCategory = string;
+interface SearchableItem {
+  title: string;
+  description: string;
+  searchTerms?: string[];
+}
+interface SlashCommandItem extends SearchableItem {
+  icon: ReactNode;
+  category: SlashCommandCategory;
+  command: (props: SlashCommandProps) => void;
+}
+interface SlashCommandProps {
+  editor: Editor;
+  range: Range;
+}
+interface CommandListRef {
+  onKeyDown: (props: {
+    event: KeyboardEvent;
+  }) => boolean;
+}
+interface CommandListProps {
+  items: SlashCommandItem[];
+  command: (item: SlashCommandItem) => void;
+  editor: SlashCommandProps['editor'];
+  range: SlashCommandProps['range'];
+  query: string;
+  ref: Ref<CommandListRef>;
+}
+type CommandListComponent = ComponentType<CommandListProps>;
+//#endregion
+//#region src/ui/slash-command/command-list.d.ts
+declare function CommandList({
+  items,
+  command,
+  query,
+  ref
+}: CommandListProps): react_jsx_runtime8.JSX.Element;
+//#endregion
+//#region src/ui/slash-command/commands.d.ts
+declare const TEXT: SlashCommandItem;
+declare const H1: SlashCommandItem;
+declare const H2: SlashCommandItem;
+declare const H3: SlashCommandItem;
+declare const BULLET_LIST: SlashCommandItem;
+declare const NUMBERED_LIST: SlashCommandItem;
+declare const QUOTE: SlashCommandItem;
+declare const CODE: SlashCommandItem;
+declare const BUTTON: SlashCommandItem;
+declare const DIVIDER: SlashCommandItem;
+declare const SECTION: SlashCommandItem;
+declare const TWO_COLUMNS: SlashCommandItem;
+declare const THREE_COLUMNS: SlashCommandItem;
+declare const FOUR_COLUMNS: SlashCommandItem;
+declare const defaultSlashCommands: SlashCommandItem[];
+//#endregion
+//#region src/ui/slash-command/create-slash-command.d.ts
+declare function createSlashCommand(options?: {
+  items?: SlashCommandItem[];
+  filterItems?: (items: SlashCommandItem[], query: string, editor: Editor) => SlashCommandItem[];
+  component?: CommandListComponent;
+}): _tiptap_core18.Extension<any, any>;
+//#endregion
+//#region src/ui/slash-command/search.d.ts
+declare function scoreItem(item: SearchableItem, query: string): number;
+declare function filterAndRankItems<T extends SearchableItem>(items: T[], query: string): T[];
+//#endregion
+//#region src/ui/slash-command/utils.d.ts
+declare function isInsideNode(editor: Editor, type: string): boolean;
+declare function isAtMaxColumnsDepth(editor: Editor): boolean;
+//#endregion
+//#region src/ui/slash-command/index.d.ts
+declare const SlashCommand: _tiptap_core18.Extension<any, any>;
+//#endregion
 //#region src/utils/set-text-alignment.d.ts
 declare function setTextAlignment(editor: Editor, alignment: string): void;
 //#endregion
-export { AlignmentAttribute, AlignmentOptions, Body, BodyOptions, Bold, BoldOptions, BubbleMenu, BubbleMenuAlignCenter, BubbleMenuAlignLeft, BubbleMenuAlignRight, BubbleMenuBold, BubbleMenuCode, BubbleMenuDefault, type BubbleMenuDefaultProps, BubbleMenuItalic, BubbleMenuItem, BubbleMenuItemGroup, type BubbleMenuItemGroupProps, type BubbleMenuItemProps, BubbleMenuLinkSelector, type BubbleMenuLinkSelectorProps, BubbleMenuNodeSelector, type BubbleMenuNodeSelectorProps, BubbleMenuRoot, type BubbleMenuRootProps, BubbleMenuSeparator, type BubbleMenuSeparatorProps, BubbleMenuStrike, BubbleMenuUnderline, BubbleMenuUppercase, Button, ButtonBubbleMenu, ButtonBubbleMenuDefault, type ButtonBubbleMenuDefaultProps, ButtonBubbleMenuEditLink, type ButtonBubbleMenuEditLinkProps, ButtonBubbleMenuRoot, type ButtonBubbleMenuRootProps, ButtonBubbleMenuToolbar, type ButtonBubbleMenuToolbarProps, COLUMN_PARENT_TYPES, ClassAttribute, ClassAttributeOptions, CodeBlockPrism, CodeBlockPrismOptions, ColumnsColumn, Div, DivOptions, EditorButtonOptions, EditorEventHandler, EditorEventMap, EditorEventName, EditorEventSubscription, EmailNode, EmailNodeConfig, FourColumns, ImageBubbleMenu, ImageBubbleMenuDefault, type ImageBubbleMenuDefaultProps, ImageBubbleMenuEditLink, type ImageBubbleMenuEditLinkProps, ImageBubbleMenuRoot, type ImageBubbleMenuRootProps, ImageBubbleMenuToolbar, type ImageBubbleMenuToolbarProps, LinkBubbleMenu, LinkBubbleMenuDefault, type LinkBubbleMenuDefaultProps, LinkBubbleMenuEditLink, type LinkBubbleMenuEditLinkProps, LinkBubbleMenuForm, type LinkBubbleMenuFormProps, LinkBubbleMenuOpenLink, type LinkBubbleMenuOpenLinkProps, LinkBubbleMenuRoot, type LinkBubbleMenuRootProps, LinkBubbleMenuToolbar, type LinkBubbleMenuToolbarProps, LinkBubbleMenuUnlink, type LinkBubbleMenuUnlinkProps, MAX_COLUMNS_DEPTH, MaxNesting, MaxNestingOptions, NodeSelectorContent, type NodeSelectorContentProps, type NodeSelectorItem, NodeSelectorRoot, type NodeSelectorRootProps, NodeSelectorTrigger, type NodeSelectorTriggerProps, type NodeType, Placeholder, PlaceholderOptions, type PreWiredItemProps, PreservedStyle, PreviewText, PreviewTextOptions, RendererComponent, Section, StyleAttribute, StyleAttributeOptions, Sup, SupOptions, Table, TableCell, TableCellOptions, TableHeader, TableOptions, TableRow, TableRowOptions, ThreeColumns, TwoColumns, Uppercase, UppercaseOptions, coreExtensions, editorEventBus, getColumnsDepth, processStylesForUnlink, setTextAlignment, useButtonBubbleMenuContext, useImageBubbleMenuContext, useLinkBubbleMenuContext };
+export { AlignmentAttribute, AlignmentOptions, BULLET_LIST, BUTTON, Blockquote, Body, BodyOptions, Bold, BoldOptions, BubbleMenu, BubbleMenuAlignCenter, BubbleMenuAlignLeft, BubbleMenuAlignRight, BubbleMenuBold, BubbleMenuCode, BubbleMenuDefault, type BubbleMenuDefaultProps, BubbleMenuItalic, BubbleMenuItem, BubbleMenuItemGroup, type BubbleMenuItemGroupProps, type BubbleMenuItemProps, BubbleMenuLinkSelector, type BubbleMenuLinkSelectorProps, BubbleMenuNodeSelector, type BubbleMenuNodeSelectorProps, BubbleMenuRoot, type BubbleMenuRootProps, BubbleMenuSeparator, type BubbleMenuSeparatorProps, BubbleMenuStrike, BubbleMenuUnderline, BubbleMenuUppercase, BulletList, Button, ButtonBubbleMenu, ButtonBubbleMenuDefault, type ButtonBubbleMenuDefaultProps, ButtonBubbleMenuEditLink, type ButtonBubbleMenuEditLinkProps, ButtonBubbleMenuRoot, type ButtonBubbleMenuRootProps, ButtonBubbleMenuToolbar, type ButtonBubbleMenuToolbarProps, CODE, COLUMN_PARENT_TYPES, ClassAttribute, ClassAttributeOptions, Code, CodeBlockPrism, CodeBlockPrismOptions, ColumnsColumn, CommandList, type CommandListComponent, type CommandListProps, type CommandListRef, DIVIDER, Div, DivOptions, EditorButtonOptions, EditorEventHandler, EditorEventMap, EditorEventName, EditorEventSubscription, EmailNode, EmailNodeConfig, FOUR_COLUMNS, FourColumns, H1, H2, H3, HardBreak, ImageBubbleMenu, ImageBubbleMenuDefault, type ImageBubbleMenuDefaultProps, ImageBubbleMenuEditLink, type ImageBubbleMenuEditLinkProps, ImageBubbleMenuRoot, type ImageBubbleMenuRootProps, ImageBubbleMenuToolbar, type ImageBubbleMenuToolbarProps, Italic, LinkBubbleMenu, LinkBubbleMenuDefault, type LinkBubbleMenuDefaultProps, LinkBubbleMenuEditLink, type LinkBubbleMenuEditLinkProps, LinkBubbleMenuForm, type LinkBubbleMenuFormProps, LinkBubbleMenuOpenLink, type LinkBubbleMenuOpenLinkProps, LinkBubbleMenuRoot, type LinkBubbleMenuRootProps, LinkBubbleMenuToolbar, type LinkBubbleMenuToolbarProps, LinkBubbleMenuUnlink, type LinkBubbleMenuUnlinkProps, ListItem, MAX_COLUMNS_DEPTH, MaxNesting, MaxNestingOptions, NUMBERED_LIST, NodeSelectorContent, type NodeSelectorContentProps, type NodeSelectorItem, NodeSelectorRoot, type NodeSelectorRootProps, NodeSelectorTrigger, type NodeSelectorTriggerProps, type NodeType, OrderedList, Paragraph, Placeholder, PlaceholderOptions, type PreWiredItemProps, PreservedStyle, PreviewText, PreviewTextOptions, QUOTE, RendererComponent, SECTION, type SearchableItem, Section, SlashCommand, type SlashCommandItem, type SlashCommandProps, Strike, StyleAttribute, StyleAttributeOptions, Sup, SupOptions, TEXT, THREE_COLUMNS, TWO_COLUMNS, Table, TableCell, TableCellOptions, TableHeader, TableOptions, TableRow, TableRowOptions, ThreeColumns, TwoColumns, Uppercase, UppercaseOptions, composeReactEmail, coreExtensions, createSlashCommand, defaultSlashCommands, editorEventBus, filterAndRankItems, getColumnsDepth, isAtMaxColumnsDepth, isInsideNode, processStylesForUnlink, scoreItem, setTextAlignment, useButtonBubbleMenuContext, useEditor, useImageBubbleMenuContext, useLinkBubbleMenuContext };
 //# sourceMappingURL=index.d.cts.map