@domternal/react 0.4.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Domternal contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,41 @@
+# @domternal/react
+
+[![Version](https://img.shields.io/npm/v/@domternal/react.svg)](https://www.npmjs.com/package/@domternal/react)
+[![MIT License](https://img.shields.io/badge/License-MIT-blue.svg)](https://github.com/domternal/domternal/blob/main/LICENSE)
+
+A lightweight, extensible rich text editor toolkit built on <u>[ProseMirror](https://prosemirror.net/)</u>. Framework-agnostic headless core with first-class Angular and React support.  
+Use it headless with vanilla JS/TS, add the built-in toolbar and theme, or drop in ready-made framework components. Fully tree-shakeable, import only what you use, unused extensions are stripped from your bundle.
+
+## Links
+
+<u>[Website](https://domternal.dev)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; <u>[Documentation](https://domternal.dev/v1/introduction)</u>  
+<u>[StackBlitz (Angular)](https://stackblitz.com/edit/domternal-angular-full-example)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; <u>[StackBlitz (React)](https://stackblitz.com/edit/domternal-react-full-example)</u> &nbsp;&nbsp;&nbsp;•&nbsp;&nbsp;&nbsp; <u>[StackBlitz (Vanilla TS)](https://stackblitz.com/edit/domternal-vanilla-full-example)</u> 
+
+## Features
+
+See <u>[Packages & Bundle Size](https://domternal.dev/v1/packages)</u> for a full breakdown of all packages and what each one includes.
+
+- **Headless core** - use with any framework or vanilla JS/TS
+- **Angular components** - editor, toolbar, bubble menu, floating menu, emoji picker (signals, OnPush, zoneless-ready)
+- **React components** - composable `Domternal` component, toolbar, bubble menu, floating menu, emoji picker, custom node views (React 18+)
+- **57 extensions across 11 packages** - 23 nodes, 9 marks, and 25 behavior extensions
+- **140+ chainable commands** - `editor.chain().focus().toggleBold().run()`
+- **Full table support** - cell merging, column resize, row/column controls, cell toolbar, all free and MIT licensed
+- **Tree-shakeable** - import only what you use, your bundler strips the rest
+- **~38 KB gzipped** (own code), <u>[~108 KB total](https://domternal.dev/v1/packages)</u> with ProseMirror
+- **TypeScript first** - 100% typed, zero `any`
+- **7,500+ tests** - 3,936 unit tests and 3,652 E2E tests across 76 Playwright specs
+- **Light and dark theme** - 70+ CSS custom properties for full visual control
+- **Inline styles export** - `getHTML({ styled: true })` produces inline CSS ready for email clients, CMS, and Google Docs
+- **SSR helpers** - `generateHTML`, `generateJSON`, `generateText` for server-side rendering
+
+## Documentation
+
+- <u>[Getting Started](https://domternal.dev/v1/getting-started)</u> - install and create your first editor
+- <u>[Introduction](https://domternal.dev/v1/introduction)</u> - core concepts, architecture, and design decisions
+- <u>[Packages & Bundle Size](https://domternal.dev/v1/packages)</u> - what each package includes and bundle size breakdown
+- <u>[Blog](https://domternal.dev/blog)</u>
+
+## License
+
+<u>[MIT](https://github.com/domternal/domternal/blob/main/LICENSE)</u>

package/dist/Domternal.d.ts

@@ -0,0 +1,79 @@
+import { type DependencyList, type ReactNode } from 'react';
+import { type UseEditorOptions } from './useEditor.js';
+import { type DomternalToolbarProps } from './toolbar/DomternalToolbar.js';
+import { type DomternalBubbleMenuProps } from './bubble-menu/DomternalBubbleMenu.js';
+import { type DomternalFloatingMenuProps } from './DomternalFloatingMenu.js';
+import { type DomternalEmojiPickerProps } from './emoji-picker/DomternalEmojiPicker.js';
+export interface DomternalProps extends UseEditorOptions {
+    /** Optional dependency array for forced editor recreation. */
+    deps?: DependencyList;
+    children: ReactNode;
+}
+/**
+ * Composable root component that creates an editor and provides it to all
+ * subcomponents via context. No need to pass `editor` prop to children.
+ *
+ * @example
+ * ```tsx
+ * <Domternal extensions={[Bold, Italic]} content="<p>Hello</p>">
+ *   <Domternal.Toolbar />
+ *   <Domternal.Content />
+ *   <Domternal.BubbleMenu contexts={{ text: ['bold', 'italic'] }} />
+ *   <Domternal.EmojiPicker emojis={emojis} />
+ * </Domternal>
+ * ```
+ *
+ * @example SSR-safe with loading state
+ * ```tsx
+ * <Domternal extensions={extensions} immediatelyRender={false}>
+ *   <Domternal.Loading>Loading editor...</Domternal.Loading>
+ *   <Domternal.Toolbar />
+ *   <Domternal.Content />
+ * </Domternal>
+ * ```
+ */
+export declare function Domternal({ children, deps, ...options }: DomternalProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Domternal {
+    var Content: typeof DomternalContent;
+    var Loading: typeof DomternalLoading;
+    var Toolbar: typeof DomternalToolbarSub;
+    var BubbleMenu: typeof DomternalBubbleMenuSub;
+    var FloatingMenu: typeof DomternalFloatingMenuSub;
+    var EmojiPicker: typeof DomternalEmojiPickerSub;
+}
+/** Renders the editor content area. Mounts the editor view DOM from context. */
+declare function DomternalContent({ className }: {
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace DomternalContent {
+    var displayName: string;
+}
+/** Renders children only while editor is not yet ready (SSR loading state). */
+declare function DomternalLoading({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace DomternalLoading {
+    var displayName: string;
+}
+/** Toolbar subcomponent. Uses editor from context automatically. */
+declare function DomternalToolbarSub(props: Omit<DomternalToolbarProps, 'editor'>): import("react/jsx-runtime").JSX.Element;
+declare namespace DomternalToolbarSub {
+    var displayName: string;
+}
+/** BubbleMenu subcomponent. Uses editor from context automatically. */
+declare function DomternalBubbleMenuSub(props: Omit<DomternalBubbleMenuProps, 'editor'>): import("react/jsx-runtime").JSX.Element;
+declare namespace DomternalBubbleMenuSub {
+    var displayName: string;
+}
+/** FloatingMenu subcomponent. Uses editor from context automatically. */
+declare function DomternalFloatingMenuSub(props: Omit<DomternalFloatingMenuProps, 'editor'>): import("react/jsx-runtime").JSX.Element;
+declare namespace DomternalFloatingMenuSub {
+    var displayName: string;
+}
+/** EmojiPicker subcomponent. Uses editor from context automatically. */
+declare function DomternalEmojiPickerSub(props: Omit<DomternalEmojiPickerProps, 'editor'>): import("react/jsx-runtime").JSX.Element;
+declare namespace DomternalEmojiPickerSub {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=Domternal.d.ts.map

package/dist/Domternal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Domternal.d.ts","sourceRoot":"","sources":["../src/Domternal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElE,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAC7F,OAAO,EAAuB,KAAK,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAC1G,OAAO,EAAyB,KAAK,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AACpG,OAAO,EAAwB,KAAK,yBAAyB,EAAE,MAAM,wCAAwC,CAAC;AAI9G,MAAM,WAAW,cAAe,SAAQ,gBAAgB;IACtD,8DAA8D;IAC9D,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,OAAO,EAAE,EAAE,cAAc,2CAQvE;yBARe,SAAS;;;;;;;;AAYzB,gFAAgF;AAChF,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAqB9D;kBArBQ,gBAAgB;;;AAuBzB,+EAA+E;AAC/E,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,kDAI9D;kBAJQ,gBAAgB;;;AAMzB,oEAAoE;AACpE,iBAAS,mBAAmB,CAAC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,QAAQ,CAAC,2CAExE;kBAFQ,mBAAmB;;;AAI5B,uEAAuE;AACvE,iBAAS,sBAAsB,CAAC,KAAK,EAAE,IAAI,CAAC,wBAAwB,EAAE,QAAQ,CAAC,2CAE9E;kBAFQ,sBAAsB;;;AAI/B,yEAAyE;AACzE,iBAAS,wBAAwB,CAAC,KAAK,EAAE,IAAI,CAAC,0BAA0B,EAAE,QAAQ,CAAC,2CAElF;kBAFQ,wBAAwB;;;AAIjC,wEAAwE;AACxE,iBAAS,uBAAuB,CAAC,KAAK,EAAE,IAAI,CAAC,yBAAyB,EAAE,QAAQ,CAAC,2CAEhF;kBAFQ,uBAAuB"}

package/dist/DomternalEditor.d.ts

@@ -0,0 +1,48 @@
+import type { Content, JSONContent, Editor } from '@domternal/core';
+import { type UseEditorOptions } from './useEditor.js';
+export interface DomternalEditorProps extends Omit<UseEditorOptions, 'outputFormat'> {
+    /** Additional CSS class for the .dm-editor wrapper. */
+    className?: string;
+    /** Output format for onChange. @default 'html' */
+    outputFormat?: 'html' | 'json';
+    /** Controlled value. When provided, editor content syncs to this value. */
+    value?: Content;
+    /** Called when content changes (controlled mode). */
+    onChange?: (value: string | JSONContent) => void;
+    /** Additional content rendered inside the dm-editor wrapper. */
+    children?: React.ReactNode;
+}
+export interface DomternalEditorRef {
+    editor: Editor | null;
+    htmlContent: string;
+    jsonContent: JSONContent | null;
+    isEmpty: boolean;
+    isFocused: boolean;
+    isEditable: boolean;
+}
+/**
+ * All-in-one editor component with integrated state management and context.
+ *
+ * Wraps children with EditorProvider automatically, so toolbar, bubble menu,
+ * and emoji picker components can access the editor via context.
+ *
+ * @example
+ * ```tsx
+ * const editorRef = useRef<DomternalEditorRef>(null);
+ *
+ * <DomternalEditor
+ *   ref={editorRef}
+ *   extensions={[Bold, Italic, Heading]}
+ *   content="<p>Hello</p>"
+ *   onUpdate={({ editor }) => console.log(editor.getHTML())}
+ * />
+ * ```
+ *
+ * @example Controlled mode
+ * ```tsx
+ * const [html, setHtml] = useState('<p>Hello</p>');
+ * <DomternalEditor value={html} onChange={setHtml} outputFormat="html" />
+ * ```
+ */
+export declare const DomternalEditor: import("react").ForwardRefExoticComponent<DomternalEditorProps & import("react").RefAttributes<DomternalEditorRef>>;
+//# sourceMappingURL=DomternalEditor.d.ts.map

package/dist/DomternalEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomternalEditor.d.ts","sourceRoot":"","sources":["../src/DomternalEditor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAIlE,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,gBAAgB,EAAE,cAAc,CAAC;IAClF,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,2EAA2E;IAC3E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,KAAK,IAAI,CAAC;IACjD,gEAAgE;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,eAAe,qHA4E3B,CAAC"}

package/dist/DomternalFloatingMenu.d.ts

@@ -0,0 +1,13 @@
+import type { Editor, FloatingMenuOptions } from '@domternal/core';
+export interface DomternalFloatingMenuProps {
+    /** The editor instance. If omitted, uses EditorProvider context. */
+    editor?: Editor;
+    /** Custom visibility function. */
+    shouldShow?: FloatingMenuOptions['shouldShow'];
+    /** Pixel offset from trigger. @default 0 */
+    offset?: number;
+    /** Content to render inside the floating menu. */
+    children?: React.ReactNode;
+}
+export declare function DomternalFloatingMenu({ editor: editorProp, shouldShow, offset, children, }: DomternalFloatingMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DomternalFloatingMenu.d.ts.map

package/dist/DomternalFloatingMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomternalFloatingMenu.d.ts","sourceRoot":"","sources":["../src/DomternalFloatingMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAGnE,MAAM,WAAW,0BAA0B;IACzC,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,UAAU,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAC/C,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EAAE,UAAU,EAClB,UAAU,EACV,MAAU,EACV,QAAQ,GACT,EAAE,0BAA0B,2CAsC5B"}

package/dist/EditorContent.d.ts

@@ -0,0 +1,22 @@
+import { type HTMLAttributes, type Ref } from 'react';
+import type { Editor } from '@domternal/core';
+export interface EditorContentProps extends HTMLAttributes<HTMLDivElement> {
+    /** The editor instance to render. */
+    editor: Editor | null;
+    /** Ref to the underlying div element. */
+    innerRef?: Ref<HTMLDivElement>;
+}
+/**
+ * Renders the ProseMirror editor view into a div element.
+ *
+ * Use this with `useEditor` for a flexible, decoupled pattern where the
+ * editor hook and rendering are separated:
+ *
+ * @example
+ * ```tsx
+ * const { editor } = useEditor({ extensions, content });
+ * return <EditorContent editor={editor} className="my-editor" />;
+ * ```
+ */
+export declare function EditorContent({ editor, innerRef, ...htmlProps }: EditorContentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorContent.d.ts.map

package/dist/EditorContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorContent.d.ts","sourceRoot":"","sources":["../src/EditorContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,cAAc,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,qCAAqC;IACrC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAChC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,kBAAkB,2CA4BnF"}

package/dist/EditorContext.d.ts

@@ -0,0 +1,38 @@
+import { type ReactNode } from 'react';
+import type { Editor } from '@domternal/core';
+interface EditorContextValue {
+    editor: Editor | null;
+}
+export interface EditorProviderProps {
+    /** The editor instance to provide to descendants. */
+    editor: Editor | null;
+    children: ReactNode;
+}
+/**
+ * Provides an editor instance to all descendant components via React Context.
+ *
+ * Components like DomternalToolbar, DomternalBubbleMenu, DomternalFloatingMenu,
+ * and DomternalEmojiPicker will automatically use this editor when no explicit
+ * `editor` prop is passed.
+ *
+ * @example
+ * ```tsx
+ * const { editor } = useEditor({ extensions, content });
+ *
+ * <EditorProvider editor={editor}>
+ *   <DomternalToolbar />
+ *   <EditorContent editor={editor} />
+ *   <DomternalBubbleMenu contexts={{ text: ['bold', 'italic'] }} />
+ * </EditorProvider>
+ * ```
+ */
+export declare function EditorProvider({ editor, children }: EditorProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Access the editor instance from the nearest EditorProvider.
+ *
+ * @returns `{ editor }` where editor may be null if the provider has no editor yet.
+ * @throws If used outside of an EditorProvider (optional - returns null editor instead).
+ */
+export declare function useCurrentEditor(): EditorContextValue;
+export {};
+//# sourceMappingURL=EditorContext.d.ts.map

package/dist/EditorContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorContext.d.ts","sourceRoot":"","sources":["../src/EditorContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9C,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAID,MAAM,WAAW,mBAAmB;IAClC,qDAAqD;IACrD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAGvE;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,IAAI,kBAAkB,CAErD"}

package/dist/bubble-menu/DomternalBubbleMenu.d.ts

@@ -0,0 +1,21 @@
+import type { Editor, BubbleMenuOptions } from '@domternal/core';
+export interface DomternalBubbleMenuProps {
+    /** The editor instance. If omitted, uses EditorProvider context. */
+    editor?: Editor;
+    /** Custom visibility function. */
+    shouldShow?: BubbleMenuOptions['shouldShow'];
+    /** Position relative to selection. @default 'top' */
+    placement?: 'top' | 'bottom';
+    /** Pixel offset from selection. @default 8 */
+    offset?: number;
+    /** Debounce delay in ms. @default 0 */
+    updateDelay?: number;
+    /** Fixed item names, e.g. ['bold', 'italic', 'code']. */
+    items?: string[];
+    /** Context-aware: map context names to item arrays, true for all, or null to disable. */
+    contexts?: Record<string, string[] | true | null>;
+    /** Additional content rendered after buttons. */
+    children?: React.ReactNode;
+}
+export declare function DomternalBubbleMenu({ editor: editorProp, shouldShow, placement, offset, updateDelay, items, contexts, children, }: DomternalBubbleMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DomternalBubbleMenu.d.ts.map

package/dist/bubble-menu/DomternalBubbleMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomternalBubbleMenu.d.ts","sourceRoot":"","sources":["../../src/bubble-menu/DomternalBubbleMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,iBAAiB,EAAiB,MAAM,iBAAiB,CAAC;AAIhF,MAAM,WAAW,wBAAwB;IACvC,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC7C,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,8CAA8C;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,yFAAyF;IACzF,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAClD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EAAE,UAAU,EAClB,UAAU,EACV,SAAS,EACT,MAAM,EACN,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,wBAAwB,2CA8D1B"}

package/dist/bubble-menu/useBubbleMenu.d.ts

@@ -0,0 +1,26 @@
+import type { Editor, ToolbarButton, BubbleMenuOptions } from '@domternal/core';
+interface BubbleMenuSeparator {
+    type: 'separator';
+    name: string;
+}
+export type BubbleMenuItem = ToolbarButton | BubbleMenuSeparator;
+export interface UseBubbleMenuOptions {
+    editor: Editor | null;
+    shouldShow?: BubbleMenuOptions['shouldShow'] | undefined;
+    placement?: 'top' | 'bottom' | undefined;
+    offset?: number | undefined;
+    updateDelay?: number | undefined;
+    items?: string[] | undefined;
+    contexts?: Record<string, string[] | true | null> | undefined;
+}
+export declare function useBubbleMenu(options: UseBubbleMenuOptions): {
+    menuRef: import("react").RefObject<HTMLDivElement | null>;
+    resolvedItems: BubbleMenuItem[];
+    isItemActive: (item: ToolbarButton) => boolean;
+    isItemDisabled: (item: ToolbarButton) => boolean;
+    executeCommand: (item: ToolbarButton) => void;
+    activeVersion: number;
+    getCachedIcon: (name: string) => string;
+};
+export {};
+//# sourceMappingURL=useBubbleMenu.d.ts.map

package/dist/bubble-menu/useBubbleMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBubbleMenu.d.ts","sourceRoot":"","sources":["../../src/bubble-menu/useBubbleMenu.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAsBhF,UAAU,mBAAmB;IAAG,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE;AACjE,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,mBAAmB,CAAC;AAoBjE,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC;IACzD,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CAC/D;AAED,wBAAgB,aAAa,CAAC,OAAO,EAAE,oBAAoB;;;yBA6O7B,aAAa,KAAG,OAAO;2BAIrB,aAAa,KAAG,OAAO;2BAIvB,aAAa;;0BAgBnB,MAAM;EAE/B"}

package/dist/emoji-picker/DomternalEmojiPicker.d.ts

@@ -0,0 +1,10 @@
+import type { Editor } from '@domternal/core';
+import { type EmojiPickerItem } from './useEmojiPicker.js';
+export interface DomternalEmojiPickerProps {
+    /** The editor instance. If omitted, uses EditorProvider context. */
+    editor?: Editor;
+    /** Array of emoji items with emoji, name, and group. */
+    emojis: EmojiPickerItem[];
+}
+export declare function DomternalEmojiPicker({ editor: editorProp, emojis }: DomternalEmojiPickerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DomternalEmojiPicker.d.ts.map

package/dist/emoji-picker/DomternalEmojiPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomternalEmojiPicker.d.ts","sourceRoot":"","sources":["../../src/emoji-picker/DomternalEmojiPicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9C,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAsB3E,MAAM,WAAW,yBAAyB;IACxC,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,MAAM,EAAE,eAAe,EAAE,CAAC;CAC3B;AAED,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,yBAAyB,2CAsH7F"}

package/dist/emoji-picker/useEmojiPicker.d.ts

@@ -0,0 +1,22 @@
+import type { Editor } from '@domternal/core';
+export interface EmojiPickerItem {
+    emoji: string;
+    name: string;
+    group: string;
+}
+export declare function useEmojiPicker(editor: Editor | null, emojis: EmojiPickerItem[]): {
+    isOpen: boolean;
+    searchQuery: string;
+    activeCategory: string;
+    categories: Map<string, EmojiPickerItem[]>;
+    categoryNames: string[];
+    filteredEmojis: EmojiPickerItem[];
+    frequentlyUsed: EmojiPickerItem[];
+    pickerRef: import("react").RefObject<HTMLDivElement | null>;
+    selectEmoji: (item: EmojiPickerItem) => void;
+    onSearch: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    scrollToCategory: (cat: string) => void;
+    onGridScroll: () => void;
+    close: () => void;
+};
+//# sourceMappingURL=useEmojiPicker.d.ts.map

package/dist/emoji-picker/useEmojiPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEmojiPicker.d.ts","sourceRoot":"","sources":["../../src/emoji-picker/useEmojiPicker.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,MAAM,EAAE,eAAe,EAAE;;;;;;;;;wBAgJtC,eAAe;sBASjB,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;4BAI7B,MAAM;;;EAkDlD"}