@overlap/rte 0.1.5 → 0.1.7

package/README.md

@@ -1,7 +1,13 @@
-# HENDRIKS-RTE
+# @overlap/rte
 
 A lightweight, extensible Rich Text Editor for React.
 
+## Installation
+
+```bash
+npm install @overlap/rte
+```
+
 ## Features
 
 -   ✅ **Lightweight**: Minimal dependencies (React only)
@@ -10,13 +16,14 @@ A lightweight, extensible Rich Text Editor for React.
 -   ✅ **Undo/Redo**: Full history support
 -   ✅ **JSON data model**: Structured export/import
 -   ✅ **TypeScript**: Fully typed
+-   ✅ **Vite & Deno compatible**: ESM module support
 
 ## Basic Usage
 
 ```tsx
 import React, { useState } from "react";
-import { Editor, EditorContent } from "hendriks-rte";
-import "hendriks-rte/dist/styles.css"; // CSS importieren
+import { Editor, EditorContent } from "@overlap/rte";
+import "@overlap/rte/dist/styles.css"; // CSS importieren
 
 function App() {
     const [content, setContent] = useState<EditorContent | undefined>();
@@ -34,13 +41,13 @@ function App() {
 }
 ```
 
-**Note:** The CSS is automatically imported with the Editor when you use it. If you want to import the CSS separately, you can use `import 'hendriks-rte/dist/styles.css'`.
+**Note:** The CSS must be imported separately. Import it with `import '@overlap/rte/dist/styles.css'`.
 
 ## With Custom Plugins
 
 ```tsx
 import React from "react";
-import { Editor, Plugin, EditorAPI, ButtonProps } from "hendriks-rte";
+import { Editor, Plugin, EditorAPI, ButtonProps } from "@overlap/rte";
 
 // Create custom plugin
 const customPlugin: Plugin = {
@@ -77,23 +84,10 @@ function App() {
 
 ```tsx
 import React from "react";
-import {
-    Editor,
-    defaultPlugins,
-    linkPlugin,
-    blockquotePlugin,
-    unorderedListPlugin,
-    orderedListPlugin,
-} from "hendriks-rte";
+import { Editor, defaultPlugins, linkPlugin } from "@overlap/rte";
 
 function App() {
-    const allPlugins = [
-        ...defaultPlugins,
-        linkPlugin,
-        blockquotePlugin,
-        unorderedListPlugin,
-        orderedListPlugin,
-    ];
+    const allPlugins = [...defaultPlugins, linkPlugin];
 
     return (
         <Editor
@@ -104,19 +98,31 @@ function App() {
 }
 ```
 
+**Note:** The `defaultPlugins` already include block formatting (headings, lists, blockquote) in a single dropdown. You can customize which headings are available using the `headings` prop:
+
+```tsx
+<Editor
+    headings={["h1", "h2", "h3", "h4"]} // Customize available headings
+    plugins={allPlugins}
+    onChange={(content) => console.log(content)}
+/>
+```
+
 ## API
 
 ### Editor Props
 
-| Prop               | Type                                | Description                                |
-| ------------------ | ----------------------------------- | ------------------------------------------ |
-| `initialContent`   | `EditorContent?`                    | Initial editor content                     |
-| `onChange`         | `(content: EditorContent) => void?` | Callback on changes                        |
-| `plugins`          | `Plugin[]?`                         | Array of plugins (default: defaultPlugins) |
-| `placeholder`      | `string?`                           | Placeholder text                           |
-| `className`        | `string?`                           | CSS class for container                    |
-| `toolbarClassName` | `string?`                           | CSS class for toolbar                      |
-| `editorClassName`  | `string?`                           | CSS class for editor                       |
+| Prop               | Type                                | Description                                            |
+| ------------------ | ----------------------------------- | ------------------------------------------------------ |
+| `initialContent`   | `EditorContent?`                    | Initial editor content                                 |
+| `onChange`         | `(content: EditorContent) => void?` | Callback on changes                                    |
+| `plugins`          | `Plugin[]?`                         | Array of plugins (default: defaultPlugins)             |
+| `headings`         | `string[]?`                         | Available heading levels (default: ["h1", "h2", "h3"]) |
+| `placeholder`      | `string?`                           | Placeholder text                                       |
+| `className`        | `string?`                           | CSS class for container                                |
+| `toolbarClassName` | `string?`                           | CSS class for toolbar                                  |
+| `editorClassName`  | `string?`                           | CSS class for editor                                   |
+| `onImageUpload`    | `(file: File) => Promise<string>?`  | Callback for image uploads                             |
 
 ### EditorContent
 
@@ -147,6 +153,8 @@ The EditorAPI is passed to plugins and provides the following methods:
 -   `redo(): void` - Redoes the last action
 -   `canUndo(): boolean` - Checks if undo is possible
 -   `canRedo(): boolean` - Checks if redo is possible
+-   `indentListItem(): void` - Indents a list item (creates sub-list)
+-   `outdentListItem(): void` - Outdents a list item
 
 ### Plugin Interface
 
@@ -164,26 +172,30 @@ interface Plugin {
 
 ## Default Plugins
 
--   `boldPlugin` - Bold
--   `italicPlugin` - Italic
--   `underlinePlugin` - Underline
--   `undoPlugin` - Undo
--   `redoPlugin` - Redo
+The `defaultPlugins` include:
+
+-   **Bold, Italic, Underline** - Text formatting
+-   **Undo/Redo** - History management
+-   **Block Format Dropdown** - Headings (h1-h3 by default), Lists (ul, ol), Blockquote
+-   **Clear Formatting** - Remove all formatting
+-   **Indent/Outdent** - List indentation (Tab/Shift+Tab)
 
 ## Optional Plugins
 
--   `linkPlugin` - Insert links
--   `blockquotePlugin` - Blockquotes
--   `unorderedListPlugin` - Unordered list
--   `orderedListPlugin` - Ordered list
+-   `linkPlugin` - Insert and edit links
+-   `createFontSizePlugin` - Font size selector
+-   `createColorPlugin` - Text color picker
+-   `createBackgroundColorPlugin` - Background color picker
+-   `createImagePlugin` - Image upload
+-   `createHeadingsPlugin` - Custom heading levels (if not using default block format)
 
 ## Creating Plugins
 
 ### Example: Simple Inline Plugin
 
 ```typescript
-import { Plugin, EditorAPI, ButtonProps } from "hendriks-rte";
-import { createInlinePlugin } from "hendriks-rte/plugins/base";
+import { Plugin, EditorAPI, ButtonProps } from "@overlap/rte";
+import { createInlinePlugin } from "@overlap/rte";
 
 const myPlugin = createInlinePlugin(
     "myPlugin",

package/dist/components/Editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../src/components/Editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AASvE,OAAO,EAA4B,WAAW,EAAE,MAAM,UAAU,CAAC;AAmBjE,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+xBxC,CAAC"}
+{"version":3,"file":"Editor.d.ts","sourceRoot":"","sources":["../../src/components/Editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AASvE,OAAO,EAA4B,WAAW,EAAE,MAAM,UAAU,CAAC;AAwBjE,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2exC,CAAC"}

package/dist/components/Icons.d.ts

@@ -17,6 +17,7 @@ export declare const NumberedListIcon: React.FC<IconProps>;
 export declare const TextColorIcon: React.FC<IconProps>;
 export declare const BackgroundColorIcon: React.FC<IconProps>;
 export declare const HeadingIcon: React.FC<IconProps>;
+export declare const FormatIcon: React.FC<IconProps>;
 export declare const FontSizeIcon: React.FC<IconProps>;
 export declare const ImageIcon: React.FC<IconProps>;
 export declare const CloseIcon: React.FC<IconProps>;
@@ -24,6 +25,16 @@ export declare const LoadingIcon: React.FC<IconProps>;
 export declare const UploadIcon: React.FC<IconProps>;
 export declare const IndentIcon: React.FC<IconProps>;
 export declare const OutdentIcon: React.FC<IconProps>;
+export declare const CheckboxIcon: React.FC<IconProps>;
+export declare const StrikethroughIcon: React.FC<IconProps>;
+export declare const SubscriptIcon: React.FC<IconProps>;
+export declare const SuperscriptIcon: React.FC<IconProps>;
+export declare const CodeIcon: React.FC<IconProps>;
+export declare const AlignLeftIcon: React.FC<IconProps>;
+export declare const AlignCenterIcon: React.FC<IconProps>;
+export declare const AlignRightIcon: React.FC<IconProps>;
+export declare const AlignJustifyIcon: React.FC<IconProps>;
+export declare const TableIcon: React.FC<IconProps>;
 export declare const Icon: React.FC<{
     icon: string;
     width?: number;

package/dist/components/Icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../src/components/Icons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAcxC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAc1C,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAc7C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAcxC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAcxC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAenD,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAcxC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAczC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAc9C,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAchD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAc7C,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsBnD,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAc3C,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAc5C,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAczC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAczC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAc3C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAc1C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAc1C,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAc3C,CAAC;AAyBF,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAQA,CAAC"}
+{"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../src/components/Icons.tsx"],"names":[],"mappings":"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"}

package/dist/constants.d.ts

@@ -0,0 +1,9 @@
+/** Debounce time for pushing to history after input (ms) */
+export declare const HISTORY_DEBOUNCE_MS = 300;
+/** Width of the clickable checkbox area in pixels */
+export declare const CHECKBOX_CLICK_ZONE_PX = 40;
+/** Maximum nesting depth for lists */
+export declare const MAX_LIST_DEPTH = 6;
+/** Maximum number of history entries */
+export declare const MAX_HISTORY_SIZE = 50;
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,eAAO,MAAM,mBAAmB,MAAM,CAAC;AAEvC,qDAAqD;AACrD,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC,sCAAsC;AACtC,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC,wCAAwC;AACxC,eAAO,MAAM,gBAAgB,KAAK,CAAC"}

package/dist/hooks/useCheckbox.d.ts

@@ -0,0 +1,23 @@
+import { EditorContent } from "../types";
+import { ensureAllCheckboxes, updateListItemChecked } from "../utils/checkbox";
+interface UseCheckboxOptions {
+    editorRef: React.RefObject<HTMLDivElement | null>;
+    isUpdatingRef: React.MutableRefObject<boolean>;
+    pushToHistory: (content: EditorContent) => void;
+    notifyChange: (content: EditorContent) => void;
+    getDomContent: () => EditorContent;
+}
+/**
+ * Hook that manages all checkbox list interactions.
+ * Consolidates click handling, keyboard navigation, and checkbox insertion.
+ * Uses event delegation (single listener on editor root) for all checkbox events.
+ */
+export declare function useCheckbox({ editorRef, isUpdatingRef, pushToHistory, notifyChange, getDomContent, }: UseCheckboxOptions): {
+    ensureAllCheckboxes: typeof ensureAllCheckboxes;
+    insertCheckboxList: (editor: HTMLElement) => boolean;
+    handleCheckboxKeyDown: (e: KeyboardEvent) => boolean;
+    handleCheckboxEnter: (e: KeyboardEvent) => boolean;
+    updateListItemChecked: typeof updateListItemChecked;
+};
+export {};
+//# sourceMappingURL=useCheckbox.d.ts.map

package/dist/hooks/useCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckbox.d.ts","sourceRoot":"","sources":["../../src/hooks/useCheckbox.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EACH,mBAAmB,EAInB,qBAAqB,EACxB,MAAM,mBAAmB,CAAC;AAS3B,UAAU,kBAAkB;IACxB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC/C,aAAa,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAChD,YAAY,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,aAAa,EAAE,MAAM,aAAa,CAAC;CACtC;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EACxB,SAAS,EACT,aAAa,EACb,aAAa,EACb,YAAY,EACZ,aAAa,GAChB,EAAE,kBAAkB;;iCA+NJ,WAAW,KAAG,OAAO;+BAvI1B,aAAa,KAAG,OAAO;6BAkFvB,aAAa,KAAG,OAAO;;EA6JlC"}

package/dist/hooks/useEditorEvents.d.ts

@@ -0,0 +1,18 @@
+import { EditorContent } from "../types";
+import { HistoryManager } from "../utils/history";
+interface UseEditorEventsOptions {
+    editorRef: React.RefObject<HTMLDivElement | null>;
+    historyRef: React.MutableRefObject<HistoryManager>;
+    isUpdatingRef: React.MutableRefObject<boolean>;
+    notifyChange: (content: EditorContent) => void;
+    handleCheckboxKeyDown: (e: KeyboardEvent) => boolean;
+    handleCheckboxEnter: (e: KeyboardEvent) => boolean;
+    undo: () => void;
+    redo: () => void;
+}
+/**
+ * Hook that sets up input, keyup, and keydown event listeners on the editor.
+ */
+export declare function useEditorEvents({ editorRef, historyRef, isUpdatingRef, notifyChange, handleCheckboxKeyDown, handleCheckboxEnter, undo, redo, }: UseEditorEventsOptions): void;
+export {};
+//# sourceMappingURL=useEditorEvents.d.ts.map

package/dist/hooks/useEditorEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorEvents.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditorEvents.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIlD,UAAU,sBAAsB;IAC5B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IACnD,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC/C,YAAY,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,qBAAqB,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,OAAO,CAAC;IACrD,mBAAmB,EAAE,CAAC,CAAC,EAAE,aAAa,KAAK,OAAO,CAAC;IACnD,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,IAAI,EAAE,MAAM,IAAI,CAAC;CACpB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC5B,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,qBAAqB,EACrB,mBAAmB,EACnB,IAAI,EACJ,IAAI,GACP,EAAE,sBAAsB,QAqIxB"}

package/dist/hooks/useEditorInit.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import { EditorContent } from "../types";
+import { HistoryManager } from "../utils/history";
+interface UseEditorInitOptions {
+    editorRef: React.RefObject<HTMLDivElement | null>;
+    historyRef: React.MutableRefObject<HistoryManager>;
+    isUpdatingRef: React.MutableRefObject<boolean>;
+    initialContent?: EditorContent;
+    notifyChange: (content: EditorContent) => void;
+    customLinkComponent?: React.ComponentType<{
+        href: string;
+        children: React.ReactNode;
+        [key: string]: unknown;
+    }>;
+    customHeadingRenderer?: (level: string, children: React.ReactNode) => React.ReactElement;
+}
+/**
+ * Hook that initializes the editor with initial content and sets up the MutationObserver.
+ * Runs once on mount.
+ */
+export declare function useEditorInit({ editorRef, historyRef, isUpdatingRef, initialContent, customLinkComponent, customHeadingRenderer, }: UseEditorInitOptions): void;
+export {};
+//# sourceMappingURL=useEditorInit.d.ts.map

package/dist/hooks/useEditorInit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorInit.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditorInit.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,UAAU,oBAAoB;IAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAClD,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IACnD,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAC/C,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACtC,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;KAC1B,CAAC,CAAC;IACH,qBAAqB,CAAC,EAAE,CACpB,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,KAAK,CAAC,SAAS,KACxB,KAAK,CAAC,YAAY,CAAC;CAC3B;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC1B,SAAS,EACT,UAAU,EACV,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,qBAAqB,GACxB,EAAE,oBAAoB,QAoEtB"}

package/dist/hooks/useEditorSelection.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Hook for editor selection management.
+ */
+export declare function useEditorSelection(): {
+    restoreSelection: (editor: HTMLElement) => void;
+};
+//# sourceMappingURL=useEditorSelection.d.ts.map

package/dist/hooks/useEditorSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorSelection.d.ts","sourceRoot":"","sources":["../../src/hooks/useEditorSelection.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,wBAAgB,kBAAkB;+BACgB,WAAW;EAkB5D"}

package/dist/index.d.ts

@@ -31,7 +31,7 @@ interface Plugin {
     type: 'inline' | 'block' | 'command';
     command?: string;
     renderButton?: (props: ButtonProps & {
-        [key: string]: any;
+        [key: string]: unknown;
     }) => React.ReactElement;
     execute?: (editor: EditorAPI, value?: string) => void;
     isActive?: (editor: EditorAPI) => boolean;
@@ -81,7 +81,7 @@ interface EditorProps {
     customLinkComponent?: React.ComponentType<{
         href: string;
         children: React.ReactNode;
-        [key: string]: any;
+        [key: string]: unknown;
     }>;
     fontSizes?: number[];
     colors?: string[];
@@ -115,6 +115,10 @@ declare const Toolbar: React$1.FC<ToolbarProps>;
 declare const boldPlugin: Plugin;
 declare const italicPlugin: Plugin;
 declare const underlinePlugin: Plugin;
+declare const strikethroughPlugin: Plugin;
+declare const subscriptPlugin: Plugin;
+declare const superscriptPlugin: Plugin;
+declare const codeInlinePlugin: Plugin;
 declare const undoPlugin: Plugin;
 declare const redoPlugin: Plugin;
 /**
@@ -129,8 +133,8 @@ declare const outdentListItemPlugin: Plugin;
 declare const defaultPlugins: Plugin[];
 
 /**
- * Erstellt ein Block-Format-Plugin, das Headlines, Listen und Quote in einem Dropdown kombiniert
- * @param headings - Array von Heading-Levels (z.B. ["h1", "h2", "h3"])
+ * Creates a Block Format plugin that combines headings, lists, and quote in a dropdown.
+ * @param headings - Array of heading levels (e.g. ["h1", "h2", "h3"])
  */
 declare function createBlockFormatPlugin(headings?: string[]): Plugin;
 
@@ -169,15 +173,60 @@ declare const unorderedListPlugin: Plugin;
  */
 declare const orderedListPlugin: Plugin;
 
+/**
+ * Creates an alignment plugin with a dropdown.
+ * @param alignments - Which alignments to offer, defaults to all four.
+ */
+declare function createAlignmentPlugin(alignments?: string[]): Plugin;
+/** Pre-built alignment plugin with all four options */
+declare const alignmentPlugin: Plugin;
+
+declare const tablePlugin: Plugin;
+declare const TableContextMenuProvider: React$1.FC<{
+    children: React$1.ReactNode;
+}>;
+
+interface AdvancedLinkOptions {
+    enablePageRef?: boolean;
+    enableTarget?: boolean;
+    enableRel?: boolean;
+    enableTitle?: boolean;
+    enableUrlExtra?: boolean;
+}
+/**
+ * Creates an advanced link plugin with a floating dialog.
+ * Supports URL, target, rel, title, page reference, and URL extra.
+ */
+declare function createAdvancedLinkPlugin(options?: AdvancedLinkOptions): Plugin;
+/** Pre-built advanced link plugin with target + rel + title enabled */
+declare const advancedLinkPlugin: Plugin;
+
+/**
+ * Converts a DOM element (editor root) to EditorContent JSON.
+ * Supports own format, Lexical HTML, and GitHub HTML.
+ */
 declare function domToContent(element: HTMLElement): EditorContent;
+/**
+ * Converts EditorContent JSON to DOM and appends to the container.
+ */
 declare function contentToDOM(content: EditorContent, container: HTMLElement, customLinkComponent?: React$1.ComponentType<{
     href: string;
     children: React$1.ReactNode;
-    [key: string]: any;
+    [key: string]: unknown;
 }>, customHeadingRenderer?: (level: string, children: React$1.ReactNode) => React$1.ReactElement): void;
+/**
+ * Creates empty editor content with a single paragraph.
+ */
 declare function createEmptyContent(): EditorContent;
-declare function htmlToContent(htmlString: string): EditorContent;
+/**
+ * Converts EditorContent to an HTML string.
+ */
 declare function contentToHTML(content: EditorContent): string;
+/**
+ * Converts an HTML string to EditorContent.
+ * Supports Lexical, GitHub, and standard HTML formats.
+ */
+declare function htmlToContent(htmlString: string): EditorContent;
 
 declare class HistoryManager {
     private history;
@@ -218,5 +267,26 @@ declare function getCurrentBackgroundColor(editor: EditorAPI): string | undefine
  */
 declare function getCurrentHeading(editor: EditorAPI, availableHeadings: string[]): string | undefined;
 
-export { Dropdown, Editor, HistoryManager, Toolbar, blockquotePlugin, boldPlugin, clearFormattingPlugin, contentToDOM, contentToHTML, createBackgroundColorPlugin, createBlockFormatPlugin, createEmptyContent, createFontSizePlugin, createHeadingsPlugin, createImagePlugin, createLinkPlugin, createTextColorPlugin, Editor as default, defaultPlugins, domToContent, getCurrentBackgroundColor, getCurrentFontSize, getCurrentHeading, getCurrentTextColor, htmlToContent, indentListItem, indentListItemPlugin, italicPlugin, linkPlugin, orderedListPlugin, outdentListItem, outdentListItemPlugin, redoPlugin, underlinePlugin, undoPlugin, unorderedListPlugin };
+/**
+ * Pure DOM utility functions.
+ * No React dependencies - only native browser APIs.
+ */
+/**
+ * Checks if a UL element is a checkbox list.
+ * Detects: own format, Lexical format, and GitHub format.
+ */
+declare function isCheckboxList(element: HTMLElement): boolean;
+/**
+ * Finds the closest checkbox list ancestor from an element.
+ * Works with all supported formats (own, Lexical, GitHub).
+ */
+declare function findClosestCheckboxList(element: HTMLElement): HTMLElement | null;
+
+/**
+ * Ensures all checkbox list items in the editor have correct attributes.
+ * Normalizes foreign formats (Lexical, GitHub) to internal format.
+ */
+declare function ensureAllCheckboxes(editor: HTMLElement): void;
+
+export { Dropdown, Editor, HistoryManager, TableContextMenuProvider, Toolbar, advancedLinkPlugin, alignmentPlugin, blockquotePlugin, boldPlugin, clearFormattingPlugin, codeInlinePlugin, contentToDOM, contentToHTML, createAdvancedLinkPlugin, createAlignmentPlugin, createBackgroundColorPlugin, createBlockFormatPlugin, createEmptyContent, createFontSizePlugin, createHeadingsPlugin, createImagePlugin, createLinkPlugin, createTextColorPlugin, Editor as default, defaultPlugins, domToContent, ensureAllCheckboxes, findClosestCheckboxList, getCurrentBackgroundColor, getCurrentFontSize, getCurrentHeading, getCurrentTextColor, htmlToContent, indentListItem, indentListItemPlugin, isCheckboxList, italicPlugin, linkPlugin, orderedListPlugin, outdentListItem, outdentListItemPlugin, redoPlugin, strikethroughPlugin, subscriptPlugin, superscriptPlugin, tablePlugin, underlinePlugin, undoPlugin, unorderedListPlugin };
 export type { ButtonProps, CustomRenderer, EditorAPI, EditorContent, EditorNode, EditorProps, Plugin };

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrE,cAAc,yBAAyB,CAAC;AAExC,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AAGrC,cAAc,SAAS,CAAC;AAGxB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAG/D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrE,cAAc,yBAAyB,CAAC;AAGxC,OAAO,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AAGtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,MAAM,IAAI,OAAO,EAAE,MAAM,qBAAqB,CAAC"}