rte-builder 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,690 @@
+import * as react from 'react';
+import react__default from 'react';
+import { Editor } from '@tiptap/react';
+import { Extension, Node } from '@tiptap/core';
+
+/**
+ * Core types for the RTE Builder - Editor Agnostic
+ * These types define the common interface that all editor adapters must implement
+ */
+/** Supported editor types */
+type EditorType = 'tiptap' | 'slate' | 'lexical' | 'quill' | 'draft';
+/** Editor configuration that applies to all editors */
+interface BaseEditorConfig {
+    /** Initial HTML content */
+    initialContent?: string;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Whether the editor is editable */
+    editable?: boolean;
+    /** Auto-focus on mount */
+    autoFocus?: boolean;
+    /** Custom attributes for the editor element */
+    attributes?: Record<string, string>;
+}
+/** Media file for image/video insertion */
+interface MediaFile$1 {
+    /** File URL */
+    url: string;
+    /** File name */
+    name?: string;
+    /** File type/MIME type */
+    type?: string;
+    /** Alt text for images */
+    alt?: string;
+    /** Title attribute */
+    title?: string;
+    /** Width */
+    width?: number;
+    /** Height */
+    height?: number;
+}
+/** All available toolbar button types */
+type ToolbarButtonType = 'bold' | 'italic' | 'underline' | 'strike' | 'code' | 'codeBlock' | 'subscript' | 'superscript' | 'clearFormatting' | 'fontFamily' | 'fontSize' | 'lineHeight' | 'textColor' | 'backgroundColor' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'indent' | 'outdent' | 'bulletList' | 'orderedList' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6' | 'blockquote' | 'horizontalRule' | 'link' | 'unlink' | 'image' | 'video' | 'table' | 'emoji' | 'undo' | 'redo' | 'fullscreen' | 'print' | 'separator';
+/** Toolbar preset names */
+type ToolbarPreset = 'full' | 'medium' | 'simple' | 'minimal';
+/** Toolbar configuration */
+interface ToolbarConfig$1 {
+    /** Preset to use, or custom buttons array */
+    preset?: ToolbarPreset;
+    /** Custom buttons array (overrides preset) */
+    buttons?: ToolbarButtonType[];
+    /** Whether toolbar is sticky */
+    sticky?: boolean;
+    /** Sticky offset in pixels */
+    stickyOffset?: number;
+}
+/** Props for the unified RichTextEditor component */
+interface UnifiedEditorProps {
+    /** Which editor to use */
+    editor?: EditorType;
+    /** Show editor switcher dropdown in toolbar */
+    showEditorSwitcher?: boolean;
+    /** Callback when editor type changes via switcher */
+    onEditorChange?: (editorType: EditorType) => void;
+    /** Initial content (HTML string) */
+    value?: string;
+    /** Callback when content changes */
+    onChange?: (content: string) => void;
+    /** Callback when editor loses focus */
+    onBlur?: () => void;
+    /** Callback when editor gains focus */
+    onFocus?: () => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Editor height in pixels */
+    height?: number;
+    /** Minimum height in pixels */
+    minHeight?: number;
+    /** Maximum height in pixels */
+    maxHeight?: number;
+    /** Whether the editor is disabled */
+    disabled?: boolean;
+    /** Whether the editor is read-only */
+    readOnly?: boolean;
+    /** Character limit (-1 for no limit) */
+    charCounterMax?: number;
+    /** Show character counter */
+    showCharCounter?: boolean;
+    /** Toolbar preset or custom config */
+    toolbar?: ToolbarPreset | ToolbarConfig$1;
+    /** Custom toolbar buttons (shorthand for toolbar.buttons) */
+    toolbarButtons?: ToolbarButtonType[];
+    /** Additional className */
+    className?: string;
+    /** Callback for custom image picker */
+    onMediaPickerImage?: () => Promise<MediaFile$1 | null>;
+    /** Callback for custom video picker */
+    onMediaPickerVideo?: () => Promise<MediaFile$1 | null>;
+    /** Enable syntax highlighting for code blocks */
+    enableCodeHighlight?: boolean;
+    /** Default language for code blocks */
+    defaultCodeLanguage?: string;
+    /** Additional editor-specific config */
+    editorConfig?: Record<string, unknown>;
+}
+/** Methods exposed via ref */
+interface UnifiedEditorRef {
+    /** Get the current HTML content */
+    getContent: () => string;
+    /** Get content as plain text */
+    getText: () => string;
+    /** Get content as JSON (if supported) */
+    getJSON: () => unknown;
+    /** Set the HTML content */
+    setContent: (content: string) => void;
+    /** Focus the editor */
+    focus: () => void;
+    /** Blur the editor */
+    blur: () => void;
+    /** Insert HTML at cursor position */
+    insertHTML: (html: string) => void;
+    /** Insert text at cursor position */
+    insertText: (text: string) => void;
+    /** Clear all content */
+    clear: () => void;
+    /** Check if content is empty */
+    isEmpty: () => boolean;
+    /** Get character count */
+    getCharacterCount: () => number;
+    /** Get word count */
+    getWordCount: () => number;
+    /** Check if editor is in fullscreen mode */
+    isFullscreen: () => boolean;
+    /** Toggle fullscreen mode */
+    toggleFullscreen: () => void;
+    /** Print the content */
+    print: () => void;
+    /** Undo last action */
+    undo: () => void;
+    /** Redo last undone action */
+    redo: () => void;
+    /** Check if can undo */
+    canUndo: () => boolean;
+    /** Check if can redo */
+    canRedo: () => boolean;
+    /** Get the native editor instance */
+    getNativeEditor: () => unknown;
+    /** Get the editor type */
+    getEditorType: () => EditorType;
+}
+/**
+ * Abstract interface that all editor adapters must implement.
+ * This ensures consistency across different editor implementations.
+ */
+interface EditorAdapter {
+    /** The type of editor this adapter handles */
+    readonly type: EditorType;
+    /** Human-readable name */
+    readonly name: string;
+    /** Description of the editor */
+    readonly description: string;
+    /** Whether this adapter is available (dependencies installed) */
+    isAvailable: () => boolean;
+    /** Get the React component for this editor */
+    getComponent: () => React.ComponentType<AdapterComponentProps>;
+    /** Get supported features */
+    getSupportedFeatures: () => EditorFeatures;
+}
+/** Props passed to adapter components */
+interface AdapterComponentProps {
+    value: string;
+    onChange: (content: string) => void;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    placeholder?: string;
+    height?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    disabled?: boolean;
+    readOnly?: boolean;
+    charCounterMax?: number;
+    showCharCounter?: boolean;
+    toolbarButtons: ToolbarButtonType[];
+    className?: string;
+    onMediaPickerImage?: () => Promise<MediaFile$1 | null>;
+    onMediaPickerVideo?: () => Promise<MediaFile$1 | null>;
+    enableCodeHighlight?: boolean;
+    defaultCodeLanguage?: string;
+    editorConfig?: Record<string, unknown>;
+    /** Ref forwarding */
+    editorRef?: React.Ref<AdapterEditorRef>;
+}
+/** Ref methods that adapters must expose */
+interface AdapterEditorRef {
+    getContent: () => string;
+    getText: () => string;
+    getJSON: () => unknown;
+    setContent: (content: string) => void;
+    focus: () => void;
+    blur: () => void;
+    insertHTML: (html: string) => void;
+    insertText: (text: string) => void;
+    clear: () => void;
+    isEmpty: () => boolean;
+    getCharacterCount: () => number;
+    getWordCount: () => number;
+    isFullscreen: () => boolean;
+    toggleFullscreen: () => void;
+    print: () => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: () => boolean;
+    canRedo: () => boolean;
+    getNativeEditor: () => unknown;
+}
+/** Features that an editor may or may not support */
+interface EditorFeatures {
+    bold: boolean;
+    italic: boolean;
+    underline: boolean;
+    strikethrough: boolean;
+    subscript: boolean;
+    superscript: boolean;
+    code: boolean;
+    codeBlock: boolean;
+    codeHighlighting: boolean;
+    fontFamily: boolean;
+    fontSize: boolean;
+    textColor: boolean;
+    backgroundColor: boolean;
+    lineHeight: boolean;
+    textAlign: boolean;
+    indent: boolean;
+    headings: boolean;
+    blockquote: boolean;
+    horizontalRule: boolean;
+    bulletList: boolean;
+    orderedList: boolean;
+    nestedLists: boolean;
+    links: boolean;
+    images: boolean;
+    videos: boolean;
+    embeds: boolean;
+    tables: boolean;
+    tableResize: boolean;
+    emoji: boolean;
+    mentions: boolean;
+    hashtags: boolean;
+    markdown: boolean;
+    fullscreen: boolean;
+    print: boolean;
+    characterCount: boolean;
+    undoRedo: boolean;
+    collaboration: boolean;
+    comments: boolean;
+}
+/** Default feature set - all false */
+declare const DEFAULT_FEATURES: EditorFeatures;
+
+declare const UnifiedEditor: react.ForwardRefExoticComponent<UnifiedEditorProps & react.RefAttributes<UnifiedEditorRef>>;
+
+interface EditorProps {
+    /** Initial content for the editor (HTML string) */
+    value?: string;
+    /** Callback when content changes */
+    onChange?: (content: string) => void;
+    /** Callback when editor is blurred */
+    onBlur?: () => void;
+    /** Callback when editor is focused */
+    onFocus?: () => void;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Editor height in pixels */
+    height?: number;
+    /** Minimum height in pixels */
+    minHeight?: number;
+    /** Maximum height in pixels */
+    maxHeight?: number;
+    /** Whether the editor is disabled */
+    disabled?: boolean;
+    /** Whether the editor is read-only */
+    readOnly?: boolean;
+    /** Character limit */
+    charCounterMax?: number;
+    /** Show character counter */
+    showCharCounter?: boolean;
+    /** Toolbar preset - 'full' | 'medium' | 'simple' */
+    toolbarPreset?: 'full' | 'medium' | 'simple';
+    /** Custom toolbar buttons override */
+    toolbarButtons?: ToolbarButton[];
+    /** Additional className for the container */
+    className?: string;
+    /** Custom configuration options */
+    config?: Record<string, unknown>;
+    /** Callback for custom media picker (images) */
+    onMediaPickerImage?: () => Promise<MediaFile | null>;
+    /** Callback for custom media picker (videos) */
+    onMediaPickerVideo?: () => Promise<MediaFile | null>;
+    /** Enable syntax highlighting for code blocks */
+    enableCodeHighlight?: boolean;
+    /** Default language for code blocks */
+    defaultCodeLanguage?: string;
+}
+interface EditorRef {
+    /** Get the current HTML content */
+    getContent: () => string;
+    /** Set the HTML content */
+    setContent: (html: string) => void;
+    /** Focus the editor */
+    focus: () => void;
+    /** Get the TipTap editor instance */
+    getEditor: () => Editor | null;
+    /** Insert HTML at cursor */
+    insertHTML: (html: string) => void;
+    /** Clear all content */
+    clear: () => void;
+    /** Check if editor is in fullscreen mode */
+    isFullscreen: () => boolean;
+    /** Toggle fullscreen mode */
+    toggleFullscreen: () => void;
+    /** Print the content */
+    print: () => void;
+}
+interface MediaFile {
+    /** File URL */
+    url: string;
+    /** File name */
+    name?: string;
+    /** File type/MIME type */
+    type?: string;
+    /** Alt text for images */
+    alt?: string;
+}
+type ToolbarButton = 'bold' | 'italic' | 'underline' | 'strike' | 'code' | 'codeBlock' | 'subscript' | 'superscript' | 'clearFormatting' | 'fontFamily' | 'fontSize' | 'lineHeight' | 'textColor' | 'backgroundColor' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'indent' | 'outdent' | 'bulletList' | 'orderedList' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6' | 'blockquote' | 'horizontalRule' | 'link' | 'unlink' | 'image' | 'video' | 'table' | 'emoji' | 'undo' | 'redo' | 'fullscreen' | 'print' | 'separator';
+interface ToolbarConfig {
+    full: ToolbarButton[];
+    medium: ToolbarButton[];
+    simple: ToolbarButton[];
+}
+
+declare const RichTextEditor: react.ForwardRefExoticComponent<EditorProps & react.RefAttributes<EditorRef>>;
+
+/**
+ * Editor Registry - Manages available editor adapters
+ *
+ * This module provides a central registry for editor adapters.
+ * It allows dynamic registration of editors and automatic selection
+ * based on availability.
+ */
+
+/**
+ * Register an editor adapter
+ * @param adapter The adapter to register
+ */
+declare function registerAdapter(adapter: EditorAdapter): void;
+/**
+ * Unregister an editor adapter
+ * @param type The editor type to unregister
+ */
+declare function unregisterAdapter(type: EditorType): void;
+/**
+ * Get an adapter by type
+ * @param type The editor type
+ * @returns The adapter or undefined
+ */
+declare function getAdapter(type: EditorType): EditorAdapter | undefined;
+/**
+ * Get all registered adapters
+ * @returns Array of all registered adapters
+ */
+declare function getAllAdapters(): EditorAdapter[];
+/**
+ * Get all available adapters (ones with dependencies installed)
+ * @returns Array of available adapters
+ */
+declare function getAvailableAdapters(): EditorAdapter[];
+/**
+ * Check if an editor type is available
+ * @param type The editor type to check
+ * @returns Whether the editor is available
+ */
+declare function isEditorAvailable(type: EditorType): boolean;
+/**
+ * Get the best available editor based on preference order
+ * @param preferenceOrder Custom preference order (optional)
+ * @returns The best available adapter or undefined
+ */
+declare function getBestAvailableEditor(preferenceOrder?: EditorType[]): EditorAdapter | undefined;
+/**
+ * Get the default editor (first available in preference order)
+ * @returns The default editor type or undefined
+ */
+declare function getDefaultEditorType(): EditorType | undefined;
+/**
+ * Get features supported by an editor
+ * @param type The editor type
+ * @returns The features object or undefined
+ */
+declare function getEditorFeatures(type: EditorType): EditorFeatures | undefined;
+/**
+ * Compare features between two editors
+ * @param type1 First editor type
+ * @param type2 Second editor type
+ * @returns Object with features and their support status
+ */
+declare function compareEditorFeatures(type1: EditorType, type2: EditorType): Record<keyof EditorFeatures, {
+    [key in EditorType]?: boolean;
+}> | undefined;
+/**
+ * Get registry statistics
+ * @returns Statistics about registered adapters
+ */
+declare function getRegistryStats(): {
+    total: number;
+    available: number;
+    unavailable: number;
+    editors: {
+        type: EditorType;
+        available: boolean;
+        name: string;
+    }[];
+};
+declare const EditorRegistry: {
+    register: typeof registerAdapter;
+    unregister: typeof unregisterAdapter;
+    get: typeof getAdapter;
+    getAll: typeof getAllAdapters;
+    getAvailable: typeof getAvailableAdapters;
+    isAvailable: typeof isEditorAvailable;
+    getBest: typeof getBestAvailableEditor;
+    getDefault: typeof getDefaultEditorType;
+    getFeatures: typeof getEditorFeatures;
+    compareFeatures: typeof compareEditorFeatures;
+    getStats: typeof getRegistryStats;
+};
+
+/**
+ * Toolbar Presets - Predefined toolbar configurations
+ */
+
+/** Full toolbar with all features */
+declare const fullToolbar: ToolbarButtonType[];
+/** Medium toolbar for standard editing */
+declare const mediumToolbar: ToolbarButtonType[];
+/** Simple toolbar for basic editing */
+declare const simpleToolbar: ToolbarButtonType[];
+/** Minimal toolbar for comments/notes */
+declare const minimalToolbar: ToolbarButtonType[];
+/** Code-focused toolbar for technical documentation */
+declare const codeToolbar: ToolbarButtonType[];
+/** Blog/Article toolbar */
+declare const blogToolbar: ToolbarButtonType[];
+/** Email composition toolbar */
+declare const emailToolbar: ToolbarButtonType[];
+/** All preset configurations */
+declare const toolbarPresets: {
+    readonly full: ToolbarButtonType[];
+    readonly medium: ToolbarButtonType[];
+    readonly simple: ToolbarButtonType[];
+    readonly minimal: ToolbarButtonType[];
+    readonly code: ToolbarButtonType[];
+    readonly blog: ToolbarButtonType[];
+    readonly email: ToolbarButtonType[];
+};
+type ToolbarPresetName = keyof typeof toolbarPresets;
+/**
+ * Get a toolbar preset by name
+ * @param name The preset name
+ * @returns The toolbar buttons array
+ */
+declare function getToolbarPreset(name: ToolbarPresetName): ToolbarButtonType[];
+/**
+ * Create a custom toolbar from a preset with modifications
+ * @param base Base preset name
+ * @param options Modification options
+ * @returns Modified toolbar buttons array
+ */
+declare function customizeToolbar(base: ToolbarPresetName, options: {
+    add?: ToolbarButtonType[];
+    remove?: ToolbarButtonType[];
+    insertBefore?: {
+        button: ToolbarButtonType;
+        items: ToolbarButtonType[];
+    };
+    insertAfter?: {
+        button: ToolbarButtonType;
+        items: ToolbarButtonType[];
+    };
+}): ToolbarButtonType[];
+
+/**
+ * TipTap Editor Adapter
+ *
+ * This adapter wraps the TipTap editor to conform to the unified editor interface.
+ */
+
+/**
+ * TipTap Editor Adapter
+ */
+declare const TipTapAdapter: EditorAdapter;
+
+interface TipTapEditorComponentProps extends AdapterComponentProps {
+}
+declare const TipTapEditorComponent: react.ForwardRefExoticComponent<TipTapEditorComponentProps & react.RefAttributes<AdapterEditorRef>>;
+
+/**
+ * TipTap Toolbar Component
+ *
+ * Toolbar implementation specific to TipTap editor.
+ */
+
+interface TipTapToolbarProps {
+    editor: Editor | null;
+    buttons: ToolbarButtonType[];
+    onMediaPickerImage?: () => void;
+    onMediaPickerVideo?: () => void;
+}
+declare const TipTapToolbar: react__default.FC<TipTapToolbarProps>;
+
+type FontSizeOptions = {
+    types: string[];
+};
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        fontSize: {
+            /**
+             * Set the font size
+             */
+            setFontSize: (size: string) => ReturnType;
+            /**
+             * Unset the font size
+             */
+            unsetFontSize: () => ReturnType;
+        };
+    }
+}
+declare const FontSize: Extension<FontSizeOptions, any>;
+
+type LineHeightOptions = {
+    types: string[];
+    defaultLineHeight: string;
+};
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        lineHeight: {
+            /**
+             * Set the line height
+             */
+            setLineHeight: (lineHeight: string) => ReturnType;
+            /**
+             * Unset the line height
+             */
+            unsetLineHeight: () => ReturnType;
+        };
+    }
+}
+declare const LineHeight: Extension<LineHeightOptions, any>;
+
+interface VideoOptions {
+    inline: boolean;
+    allowBase64: boolean;
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        video: {
+            /**
+             * Insert a video
+             */
+            setVideo: (options: {
+                src: string;
+                alt?: string;
+                title?: string;
+            }) => ReturnType;
+        };
+    }
+}
+declare const Video: Node<VideoOptions, any>;
+
+interface EmojiOptions {
+    enableEmoticons: boolean;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        emoji: {
+            /**
+             * Insert an emoji at the current position
+             */
+            insertEmoji: (emoji: string) => ReturnType;
+        };
+    }
+}
+declare const EMOJI_CATEGORIES: {
+    readonly smileys: {
+        readonly label: "Smileys & People";
+        readonly emojis: readonly ["😀", "😃", "😄", "😁", "😆", "😅", "🤣", "😂", "🙂", "🙃", "😉", "😊", "😇", "🥰", "😍", "🤩", "😘", "😗", "😚", "😙", "🥲", "😋", "😛", "😜", "🤪", "😝", "🤑", "🤗", "🤭", "🤫", "🤔", "🤐", "🤨", "😐", "😑", "😶", "😏", "😒", "🙄", "😬", "😮‍💨", "🤥", "😌", "😔", "😪", "🤤", "😴", "😷", "🤒", "🤕", "🤢", "🤮", "🤧", "🥵", "🥶", "🥴", "😵", "🤯", "🤠", "🥳", "🥸", "😎", "🤓", "🧐", "😕", "😟", "🙁", "☹️", "😮", "😯", "😲", "😳", "🥺", "😦", "😧", "😨", "😰", "😥", "😢", "😭", "😱", "😖", "😣", "😞", "😓", "😩", "😫", "🥱", "😤", "😡", "😠", "🤬", "😈", "👿", "💀", "☠️", "💩", "🤡", "👹", "👺"];
+    };
+    readonly gestures: {
+        readonly label: "Gestures & Body";
+        readonly emojis: readonly ["👋", "🤚", "🖐️", "✋", "🖖", "👌", "🤌", "🤏", "✌️", "🤞", "🤟", "🤘", "🤙", "👈", "👉", "👆", "🖕", "👇", "☝️", "👍", "👎", "✊", "👊", "🤛", "🤜", "👏", "🙌", "👐", "🤲", "🤝", "🙏", "✍️", "💅", "🤳", "💪", "🦾", "🦿", "🦵", "🦶", "👂", "🦻", "👃", "🧠", "🫀", "🫁", "🦷", "🦴", "👀", "👁️", "👅", "👄", "💋", "🩸"];
+    };
+    readonly animals: {
+        readonly label: "Animals & Nature";
+        readonly emojis: readonly ["🐶", "🐱", "🐭", "🐹", "🐰", "🦊", "🐻", "🐼", "🐻‍❄️", "🐨", "🐯", "🦁", "🐮", "🐷", "🐸", "🐵", "🙈", "🙉", "🙊", "🐒", "🐔", "🐧", "🐦", "🐤", "🐣", "🐥", "🦆", "🦅", "🦉", "🦇", "🐺", "🐗", "🐴", "🦄", "🐝", "🐛", "🦋", "🐌", "🐞", "🐜", "🦟", "🦗", "🦂", "🐢", "🐍", "🦎", "🦖", "🦕", "🐙", "🦑", "🦐", "🦞", "🦀", "🐡", "🐠", "🐟", "🐬", "🐳", "🐋", "🦈", "🐊", "🐅", "🐆", "🦓", "🦍", "🦧", "🦣", "🐘", "🦛", "🦏", "🌸", "🌺", "🌻", "🌼", "🌷", "🌹", "🥀", "🌵", "🌲", "🌳", "🌴", "🌱", "🌿", "☘️", "🍀", "🍁", "🍂", "🍃", "🍄", "🌾"];
+    };
+    readonly food: {
+        readonly label: "Food & Drink";
+        readonly emojis: readonly ["🍎", "🍐", "🍊", "🍋", "🍌", "🍉", "🍇", "🍓", "🫐", "🍈", "🍒", "🍑", "🥭", "🍍", "🥥", "🥝", "🍅", "🍆", "🥑", "🥦", "🥬", "🥒", "🌶️", "🫑", "🌽", "🥕", "🫒", "🧄", "🧅", "🥔", "🍠", "🥐", "🥯", "🍞", "🥖", "🥨", "🧀", "🥚", "🍳", "🧈", "🥞", "🧇", "🥓", "🥩", "🍗", "🍖", "🦴", "🌭", "🍔", "🍟", "🍕", "🫓", "🥪", "🥙", "🧆", "🌮", "🌯", "🫔", "🥗", "🥘", "🫕", "🍝", "🍜", "🍲", "🍛", "🍣", "🍱", "🥟", "🦪", "🍤", "🍙", "🍚", "🍘", "🍥", "🥠", "🥮", "🍢", "🍡", "🍧", "🍨", "🍦", "🥧", "🧁", "🍰", "🎂", "🍮", "🍭", "🍬", "🍫", "🍿", "🍩", "🍪", "🌰", "🥜", "🍯", "☕", "🍵", "🧃", "🥤", "🍶", "🍺", "🍻", "🥂", "🍷", "🥃", "🍸", "🍹", "🧉", "🧊"];
+    };
+    readonly activities: {
+        readonly label: "Activities";
+        readonly emojis: readonly ["⚽", "🏀", "🏈", "⚾", "🥎", "🎾", "🏐", "🏉", "🥏", "🎱", "🪀", "🏓", "🏸", "🏒", "🏑", "🥍", "🏏", "🪃", "🥅", "⛳", "🪁", "🏹", "🎣", "🤿", "🥊", "🥋", "🎽", "🛹", "🛼", "🛷", "⛸️", "🥌", "🎿", "⛷️", "🏂", "🪂", "🏋️", "🤼", "🤸", "⛹️", "🤺", "🤾", "🏌️", "🏇", "🧘", "🏄", "🏊", "🤽", "🚣", "🧗", "🚵", "🚴", "🏆", "🥇", "🥈", "🥉", "🏅", "🎖️", "🏵️", "🎗️", "🎫", "🎟️", "🎪", "🎭", "🎨", "🎬", "🎤", "🎧", "🎼", "🎹", "🥁", "🪘", "🎷", "🎺", "🪗", "🎸", "🪕", "🎻", "🎲", "♟️", "🎯", "🎳", "🎮", "🎰", "🧩"];
+    };
+    readonly objects: {
+        readonly label: "Objects";
+        readonly emojis: readonly ["⌚", "📱", "💻", "⌨️", "🖥️", "🖨️", "🖱️", "🖲️", "🕹️", "🗜️", "💽", "💾", "💿", "📀", "📼", "📷", "📸", "📹", "🎥", "📽️", "🎞️", "📞", "☎️", "📟", "📠", "📺", "📻", "🎙️", "🎚️", "🎛️", "🧭", "⏱️", "⏲️", "⏰", "🕰️", "⌛", "⏳", "📡", "🔋", "🔌", "💡", "🔦", "🕯️", "🪔", "🧯", "🛢️", "💸", "💵", "💴", "💶", "💷", "🪙", "💰", "💳", "🧾", "💎", "⚖️", "🪜", "🧰", "🪛", "🔧", "🔨", "⚒️", "🛠️", "⛏️", "🪚", "🔩", "⚙️", "🪤", "🧱", "⛓️", "🧲", "🔫", "💣", "🧨", "🪓", "🔪", "🗡️", "⚔️", "🛡️", "🚬", "⚰️", "🪦", "⚱️", "🏺", "🔮", "📿", "🧿", "💈", "⚗️", "🔭", "🔬", "🕳️", "🩹", "🩺", "💊", "💉", "🩸", "🧬", "🦠", "🧫", "🧪", "🌡️", "🧹", "🪠", "🧺", "🧻", "🚽", "🚰", "🚿", "🛁", "🛀", "🧼", "🪥", "🪒", "🧽", "🪣", "🧴", "🛎️", "🔑", "🗝️", "🚪", "🪑", "🛋️", "🛏️", "🛌", "🧸", "🪆", "🖼️", "🪞", "🪟", "🛍️", "🛒", "🎁", "🎈", "🎏", "🎀", "🪄", "🪅", "🎊", "🎉", "🎎", "🏮", "🎐", "🧧", "✉️", "📩", "📨", "📧", "💌", "📥", "📤", "📦", "🏷️", "📪", "📫", "📬", "📭", "📮", "📯", "📜", "📃", "📄", "📑", "🧾", "📊", "📈", "📉", "🗒️", "🗓️", "📆", "📅", "🗑️", "📇", "🗃️", "🗳️", "🗄️", "📋", "📁", "📂", "🗂️", "🗞️", "📰", "📓", "📔", "📒", "📕", "📗", "📘", "📙", "📚", "📖", "🔖", "🧷", "🔗", "📎", "🖇️", "📐", "📏", "🧮", "📌", "📍", "✂️", "🖊️", "🖋️", "✒️", "🖌️", "🖍️", "📝", "✏️", "🔍", "🔎", "🔏", "🔐", "🔒", "🔓"];
+    };
+    readonly symbols: {
+        readonly label: "Symbols";
+        readonly emojis: readonly ["❤️", "🧡", "💛", "💚", "💙", "💜", "🖤", "🤍", "🤎", "💔", "❣️", "💕", "💞", "💓", "💗", "💖", "💘", "💝", "💟", "☮️", "✝️", "☪️", "🕉️", "☸️", "✡️", "🔯", "🕎", "☯️", "☦️", "🛐", "⛎", "♈", "♉", "♊", "♋", "♌", "♍", "♎", "♏", "♐", "♑", "♒", "♓", "🆔", "⚛️", "🉑", "☢️", "☣️", "📴", "📳", "🈶", "🈚", "🈸", "🈺", "🈷️", "✴️", "🆚", "💮", "🉐", "㊙️", "㊗️", "🈴", "🈵", "🈹", "🈲", "🅰️", "🅱️", "🆎", "🆑", "🅾️", "🆘", "❌", "⭕", "🛑", "⛔", "📛", "🚫", "💯", "💢", "♨️", "🚷", "🚯", "🚳", "🚱", "🔞", "📵", "🚭", "❗", "❕", "❓", "❔", "‼️", "⁉️", "🔅", "🔆", "〽️", "⚠️", "🚸", "🔱", "⚜️", "🔰", "♻️", "✅", "🈯", "💹", "❇️", "✳️", "❎", "🌐", "💠", "Ⓜ️", "🌀", "💤", "🏧", "🚾", "♿", "🅿️", "🛗", "🈳", "🈂️", "🛂", "🛃", "🛄", "🛅", "🚹", "🚺", "🚼", "⚧️", "🚻", "🚮", "🎦", "📶", "🈁", "🔣", "ℹ️", "🔤", "🔡", "🔠", "🆖", "🆗", "🆙", "🆒", "🆕", "🆓", "0️⃣", "1️⃣", "2️⃣", "3️⃣", "4️⃣", "5️⃣", "6️⃣", "7️⃣", "8️⃣", "9️⃣", "🔟", "🔢", "#️⃣", "*️⃣", "⏏️", "▶️", "⏸️", "⏯️", "⏹️", "⏺️", "⏭️", "⏮️", "⏩", "⏪", "⏫", "⏬", "◀️", "🔼", "🔽", "➡️", "⬅️", "⬆️", "⬇️", "↗️", "↘️", "↙️", "↖️", "↕️", "↔️", "↪️", "↩️", "⤴️", "⤵️", "🔀", "🔁", "🔂", "🔄", "🔃", "🎵", "🎶", "➕", "➖", "➗", "✖️", "♾️", "💲", "💱", "™️", "©️", "®️", "〰️", "➰", "➿", "🔚", "🔙", "🔛", "🔝", "🔜", "✔️", "☑️", "🔘", "🔴", "🟠", "🟡", "🟢", "🔵", "🟣", "⚫", "⚪", "🟤", "🔺", "🔻", "🔸", "🔹", "🔶", "🔷", "🔳", "🔲", "▪️", "▫️", "◾", "◽", "◼️", "◻️", "🟥", "🟧", "🟨", "🟩", "🟦", "🟪", "⬛", "⬜", "🟫", "🔈", "🔇", "🔉", "🔊", "🔔", "🔕", "📣", "📢", "💬", "💭", "🗯️", "♠️", "♣️", "♥️", "♦️", "🃏", "🎴", "🀄", "🕐", "🕑", "🕒", "🕓", "🕔", "🕕", "🕖", "🕗", "🕘", "🕙", "🕚", "🕛", "🕜", "🕝", "🕞", "🕟", "🕠", "🕡", "🕢", "🕣", "🕤", "🕥", "🕦", "🕧"];
+    };
+    readonly flags: {
+        readonly label: "Flags";
+        readonly emojis: readonly ["🏳️", "🏴", "🏴‍☠️", "🏁", "🚩", "🎌", "🏳️‍🌈", "🏳️‍⚧️", "🇺🇸", "🇬🇧", "🇨🇦", "🇦🇺", "🇮🇳", "🇯🇵", "🇨🇳", "🇰🇷", "🇩🇪", "🇫🇷", "🇮🇹", "🇪🇸", "🇧🇷", "🇲🇽", "🇷🇺", "🇿🇦"];
+    };
+};
+declare const Emoji: Extension<EmojiOptions, any>;
+
+interface FullscreenOptions {
+    className: string;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        fullscreen: {
+            /**
+             * Toggle fullscreen mode
+             */
+            toggleFullscreen: () => ReturnType;
+            /**
+             * Enter fullscreen mode
+             */
+            enterFullscreen: () => ReturnType;
+            /**
+             * Exit fullscreen mode
+             */
+            exitFullscreen: () => ReturnType;
+        };
+    }
+}
+declare const Fullscreen: Extension<FullscreenOptions, any>;
+
+interface PrintOptions {
+    title?: string;
+    styles?: string;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        print: {
+            /**
+             * Print the editor content
+             */
+            print: () => ReturnType;
+        };
+    }
+}
+declare const Print: Extension<PrintOptions, any>;
+
+interface IndentOptions {
+    types: string[];
+    minIndent: number;
+    maxIndent: number;
+    indentUnit: string;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        indent: {
+            /**
+             * Indent the current block
+             */
+            indent: () => ReturnType;
+            /**
+             * Outdent the current block
+             */
+            outdent: () => ReturnType;
+        };
+    }
+}
+declare const Indent: Extension<IndentOptions, any>;
+
+export { type AdapterComponentProps, type AdapterEditorRef, type BaseEditorConfig, DEFAULT_FEATURES, EMOJI_CATEGORIES, type EditorAdapter, type EditorFeatures, type EditorProps, type EditorRef, EditorRegistry, type EditorType, Emoji, FontSize, Fullscreen, Indent, type MediaFile as LegacyMediaFile, type ToolbarConfig as LegacyToolbarConfig, LineHeight, type MediaFile$1 as MediaFile, Print, RichTextEditor, TipTapAdapter, TipTapEditorComponent, TipTapToolbar, type ToolbarButton, type ToolbarButtonType, type ToolbarConfig$1 as ToolbarConfig, type ToolbarPreset, type ToolbarPresetName, UnifiedEditor, type UnifiedEditorProps, type UnifiedEditorRef, Video, blogToolbar, codeToolbar, compareEditorFeatures, customizeToolbar, emailToolbar, fullToolbar, getAdapter, getAllAdapters, getAvailableAdapters, getBestAvailableEditor, getDefaultEditorType, getEditorFeatures, getRegistryStats, getToolbarPreset, isEditorAvailable, mediumToolbar, minimalToolbar, registerAdapter, simpleToolbar, toolbarPresets, unregisterAdapter };