@domternal/react 0.9.0 → 0.10.0

package/dist/node-views/NodeViewContent.d.ts

@@ -0,0 +1,11 @@
+import type { ElementType, HTMLAttributes, ReactNode } from 'react';
+export interface NodeViewContentProps extends HTMLAttributes<HTMLElement> {
+    /** The HTML element type to render. @default 'div' */
+    as?: ElementType;
+}
+/**
+ * Placeholder for editable nested content within a custom React node view.
+ * ProseMirror manages the content DOM inside this element.
+ */
+export declare function NodeViewContent({ as: Tag, style, ...props }: NodeViewContentProps): ReactNode;
+//# sourceMappingURL=NodeViewContent.d.ts.map

package/dist/node-views/NodeViewContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeViewContent.d.ts","sourceRoot":"","sources":["../../src/node-views/NodeViewContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACvE,sDAAsD;IACtD,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,GAAW,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAWrG"}

package/dist/node-views/NodeViewWrapper.d.ts

@@ -0,0 +1,11 @@
+import type { ElementType, HTMLAttributes, ReactNode } from 'react';
+export interface NodeViewWrapperProps extends HTMLAttributes<HTMLElement> {
+    /** The HTML element type to render. @default 'div' */
+    as?: ElementType;
+}
+/**
+ * Container component for custom React node views.
+ * Handles drag events and marks the element as a node view wrapper.
+ */
+export declare function NodeViewWrapper({ as: Tag, style, ...props }: NodeViewWrapperProps): ReactNode;
+//# sourceMappingURL=NodeViewWrapper.d.ts.map

package/dist/node-views/NodeViewWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NodeViewWrapper.d.ts","sourceRoot":"","sources":["../../src/node-views/NodeViewWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,MAAM,WAAW,oBAAqB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACvE,sDAAsD;IACtD,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAAE,EAAE,EAAE,GAAW,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAWrG"}

package/dist/node-views/ReactNodeViewContext.d.ts

@@ -0,0 +1,12 @@
+import { type RefCallback } from 'react';
+export interface ReactNodeViewContextValue {
+    onDragStart: (event: DragEvent) => void;
+    nodeViewContentRef: RefCallback<HTMLElement>;
+}
+export declare const ReactNodeViewProvider: import("react").Provider<ReactNodeViewContextValue | null>;
+/**
+ * Access node view internals from within a custom React node view component.
+ * Used by NodeViewWrapper and NodeViewContent.
+ */
+export declare function useReactNodeView(): ReactNodeViewContextValue;
+//# sourceMappingURL=ReactNodeViewContext.d.ts.map

package/dist/node-views/ReactNodeViewContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactNodeViewContext.d.ts","sourceRoot":"","sources":["../../src/node-views/ReactNodeViewContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpE,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC,kBAAkB,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CAC9C;AAID,eAAO,MAAM,qBAAqB,4DAAgC,CAAC;AAEnE;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,yBAAyB,CAM5D"}

package/dist/node-views/ReactNodeViewRenderer.d.ts

@@ -0,0 +1,104 @@
+import type { Editor } from '@domternal/core';
+/** ProseMirror node shape passed to node views. */
+interface PMNode {
+    type: {
+        name: string;
+        spec: {
+            group?: string;
+        };
+    };
+    attrs: Record<string, unknown>;
+    textContent: string;
+    nodeSize: number;
+}
+/**
+ * Props passed to custom React node view components.
+ */
+export interface ReactNodeViewProps {
+    /** The editor instance. */
+    editor: Editor;
+    /** The ProseMirror node being rendered. */
+    node: PMNode;
+    /** Whether this node is selected via NodeSelection. */
+    selected: boolean;
+    /** Get the document position of this node. Returns `undefined` once the node is no longer in the document. */
+    getPos: () => number | undefined;
+    /** Update the node's attributes. */
+    updateAttributes: (attrs: Record<string, unknown>) => void;
+    /** Delete this node from the document. */
+    deleteNode: () => void;
+    /** The extension that created this node view (name, options). Injected by core. */
+    extension: {
+        name: string;
+        options: Record<string, unknown>;
+    };
+    /** ProseMirror decorations applied to this node. */
+    decorations: readonly unknown[];
+}
+export interface ReactNodeViewRendererOptions {
+    /** Wrapper element tag. @default 'div' for block, 'span' for inline */
+    as?: string;
+    /** Additional CSS class on the wrapper element. */
+    className?: string;
+    /** Tag for the content DOM element. Set to null for no editable content. @default 'div' */
+    contentDOMElement?: string | null;
+}
+/**
+ * Converts a React component into a ProseMirror NodeView constructor.
+ *
+ * Returns a function matching ProseMirror's native `(node, view, getPos, decorations)` signature.
+ * The editor and extension context are automatically injected by core via `__domternalContext`.
+ *
+ * @example
+ * ```ts
+ * const ImageExtension = Image.extend({
+ *   addNodeView() {
+ *     return ReactNodeViewRenderer(ImageComponent);
+ *   }
+ * });
+ * ```
+ *
+ * @example Accessing extension options in the component
+ * ```tsx
+ * function ImageComponent({ node, extension, decorations }: ReactNodeViewProps) {
+ *   const maxWidth = extension.options.maxWidth as number;
+ *   return <NodeViewWrapper><img src={node.attrs.src} style={{ maxWidth }} /></NodeViewWrapper>;
+ * }
+ * ```
+ */
+export declare function ReactNodeViewRenderer(component: React.ComponentType<ReactNodeViewProps>, options?: ReactNodeViewRendererOptions): (node: PMNode, view: unknown, getPos: () => number | undefined, decorations: readonly unknown[]) => ReactNodeView;
+interface ReactNodeViewInit {
+    editor: Editor;
+    node: PMNode;
+    getPos: () => number | undefined;
+    decorations: readonly unknown[];
+    extension: {
+        name: string;
+        options: Record<string, unknown>;
+    };
+}
+declare class ReactNodeView {
+    dom: HTMLElement;
+    contentDOM: HTMLElement | null;
+    private root;
+    private component;
+    private editor;
+    private node;
+    private getPos;
+    private decorations;
+    private extension;
+    private selected;
+    constructor(component: React.ComponentType<ReactNodeViewProps>, init: ReactNodeViewInit, options: ReactNodeViewRendererOptions);
+    private render;
+    update(node: PMNode, decorations: readonly unknown[]): boolean;
+    selectNode(): void;
+    deselectNode(): void;
+    destroy(): void;
+    ignoreMutation(mutation: MutationRecord | {
+        type: 'selection';
+        target: Node;
+    }): boolean;
+    stopEvent(): boolean;
+}
+export {};
+//# sourceMappingURL=ReactNodeViewRenderer.d.ts.map

package/dist/node-views/ReactNodeViewRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactNodeViewRenderer.d.ts","sourceRoot":"","sources":["../../src/node-views/ReactNodeViewRenderer.ts"],"names":[],"mappings":"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"}

package/dist/notion-color-picker/DomternalNotionColorPicker.d.ts

@@ -0,0 +1,25 @@
+/**
+ * DomternalNotionColorPicker
+ *
+ * Notion-style inline color picker rendered via `createPortal` into the
+ * `.dm-editor` host. The portal target keeps the panel inside the editor's
+ * CSS-variable scope (theme tokens cascade) without imperative DOM moves.
+ *
+ * Opens in response to the `notionColorOpen` event emitted by the bubble
+ * menu's "A" trigger. Two sections: text color (top), background color
+ * (bottom). Each section is a default-swatch plus the named-token palette.
+ *
+ * The default UI is rendered when no `children` prop is provided. Pass
+ * `children` to take over rendering while keeping the hook's lifecycle.
+ */
+import { type ReactNode } from 'react';
+import type { Editor } from '@domternal/core';
+import { type UseNotionColorPickerResult } from './useNotionColorPicker.js';
+export interface DomternalNotionColorPickerProps {
+    /** The editor instance. If omitted, uses EditorProvider context. */
+    editor?: Editor;
+    /** Custom panel content. When provided, replaces the default swatch grid. */
+    children?: ReactNode | ((api: UseNotionColorPickerResult) => ReactNode);
+}
+export declare function DomternalNotionColorPicker({ editor: editorProp, children, }: DomternalNotionColorPickerProps): ReactNode;
+//# sourceMappingURL=DomternalNotionColorPicker.d.ts.map

package/dist/notion-color-picker/DomternalNotionColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomternalNotionColorPicker.d.ts","sourceRoot":"","sources":["../../src/notion-color-picker/DomternalNotionColorPicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,OAAO,EAEL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAG9C,OAAO,EAAwB,KAAK,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAElG,MAAM,WAAW,+BAA+B;IAC9C,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,GAAG,EAAE,0BAA0B,KAAK,SAAS,CAAC,CAAC;CACzE;AAED,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EAAE,UAAU,EAClB,QAAQ,GACT,EAAE,+BAA+B,GAAG,SAAS,CAkI7C"}

package/dist/notion-color-picker/index.d.ts

@@ -0,0 +1,5 @@
+export { DomternalNotionColorPicker } from './DomternalNotionColorPicker.js';
+export type { DomternalNotionColorPickerProps } from './DomternalNotionColorPicker.js';
+export { useNotionColorPicker } from './useNotionColorPicker.js';
+export type { UseNotionColorPickerOptions, UseNotionColorPickerResult } from './useNotionColorPicker.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/notion-color-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/notion-color-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7E,YAAY,EAAE,+BAA+B,EAAE,MAAM,iCAAiC,CAAC;AACvF,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,YAAY,EAAE,2BAA2B,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC"}

package/dist/notion-color-picker/useNotionColorPicker.d.ts

@@ -0,0 +1,47 @@
+/**
+ * useNotionColorPicker
+ *
+ * State and effect plumbing for the Notion-style inline color picker. Listens
+ * for the `notionColorOpen` event emitted by the bubble menu's "A" trigger,
+ * tracks the active text/background tokens, and exposes the imperative
+ * commands consumers need (`applyText`, `applyBg`, `close`).
+ *
+ * The default component (`DomternalNotionColorPicker`) consumes this hook and
+ * renders the panel via `createPortal`. Consumers building custom UIs can
+ * call this hook directly.
+ */
+import { type KeyboardEvent as ReactKeyboardEvent, type RefObject } from 'react';
+import type { Editor } from '@domternal/core';
+export interface UseNotionColorPickerOptions {
+    editor: Editor | null;
+}
+export interface UseNotionColorPickerResult {
+    /** Whether the picker panel is currently open. */
+    isOpen: boolean;
+    /** Editor host element (`.dm-editor`) used as the portal target. Null until the editor is ready. */
+    hostEl: HTMLElement | null;
+    /** Anchor element the picker positions against (the bubble-menu "A" trigger button). */
+    anchorEl: HTMLElement | null;
+    /** Ref to the panel root, used by the picker UI for positioning + focus management. */
+    panelRef: RefObject<HTMLDivElement | null>;
+    /** Currently applied text token at the cursor, or null when default. */
+    currentTextToken: string | null;
+    /** Currently applied background token at the cursor, or null when default. */
+    currentBgToken: string | null;
+    /** Named-token palette (read from the NotionColorPicker extension options). */
+    palette: readonly string[];
+    /** Apply a text color token to the current selection. Picker stays open. */
+    applyText: (token: string | null) => void;
+    /** Apply a background color token to the current selection. Picker stays open. */
+    applyBg: (token: string | null) => void;
+    /** Close the picker. When `refocus` is true, returns focus to the anchor button. */
+    close: (opts?: {
+        refocus?: boolean;
+    }) => void;
+    /** Display label for a palette token (defaults to title-case fallback). */
+    tokenLabel: (token: string) => string;
+    /** Arrow / Home / End keyboard navigation across the 5-column swatch grid. */
+    onPanelKeydown: (event: ReactKeyboardEvent<HTMLDivElement>) => void;
+}
+export declare function useNotionColorPicker(options: UseNotionColorPickerOptions): UseNotionColorPickerResult;
+//# sourceMappingURL=useNotionColorPicker.d.ts.map

package/dist/notion-color-picker/useNotionColorPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNotionColorPicker.d.ts","sourceRoot":"","sources":["../../src/notion-color-picker/useNotionColorPicker.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAKL,KAAK,aAAa,IAAI,kBAAkB,EACxC,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AA8B9C,MAAM,WAAW,2BAA2B;IAC1C,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,0BAA0B;IACzC,kDAAkD;IAClD,MAAM,EAAE,OAAO,CAAC;IAChB,oGAAoG;IACpG,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IAC3B,wFAAwF;IACxF,QAAQ,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,uFAAuF;IACvF,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3C,wEAAwE;IACxE,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,8EAA8E;IAC9E,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,+EAA+E;IAC/E,OAAO,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,4EAA4E;IAC5E,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,kFAAkF;IAClF,OAAO,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IACxC,oFAAoF;IACpF,KAAK,EAAE,CAAC,IAAI,CAAC,EAAE;QAAE,OAAO,CAAC,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9C,2EAA2E;IAC3E,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,8EAA8E;IAC9E,cAAc,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACrE;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,2BAA2B,GACnC,0BAA0B,CAsP5B"}

package/dist/toolbar/DomternalToolbar.d.ts

@@ -0,0 +1,12 @@
+import { type ReactNode } from 'react';
+import type { Editor, IconSet, ToolbarLayoutEntry } from '@domternal/core';
+export interface DomternalToolbarProps {
+    /** The editor instance. If omitted, uses EditorProvider context. */
+    editor?: Editor;
+    /** Custom icon set. When provided, only these icons are used (no defaultIcons fallback). */
+    icons?: IconSet;
+    /** Custom toolbar layout. */
+    layout?: ToolbarLayoutEntry[];
+}
+export declare function DomternalToolbar({ editor: editorProp, icons, layout }: DomternalToolbarProps): ReactNode;
+//# sourceMappingURL=DomternalToolbar.d.ts.map

package/dist/toolbar/DomternalToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomternalToolbar.d.ts","sourceRoot":"","sources":["../../src/toolbar/DomternalToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,KAAK,EACV,MAAM,EACN,OAAO,EAGP,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAWzB,MAAM,WAAW,qBAAqB;IACpC,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4FAA4F;IAC5F,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC/B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,qBAAqB,GAAG,SAAS,CAiKxG"}

package/dist/toolbar/ToolbarButton.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import type { ToolbarButton as ToolbarButtonType } from '@domternal/core';
+export interface ToolbarButtonProps {
+    item: ToolbarButtonType;
+    isActive: boolean;
+    isDisabled: boolean;
+    tabIndex: number;
+    tooltip: string;
+    iconHtml: string;
+    ariaExpanded?: string | null;
+    onClick: (item: ToolbarButtonType, event: React.MouseEvent) => void;
+    onFocus: (name: string) => void;
+}
+export declare function ToolbarButton({ item, isActive, isDisabled, tabIndex, tooltip, iconHtml, ariaExpanded, onClick, onFocus, }: ToolbarButtonProps): ReactNode;
+//# sourceMappingURL=ToolbarButton.d.ts.map

package/dist/toolbar/ToolbarButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../src/toolbar/ToolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAE1E,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,iBAAiB,CAAC;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACpE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,OAAO,GACR,EAAE,kBAAkB,GAAG,SAAS,CAiBhC"}

package/dist/toolbar/ToolbarDropdown.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import type { ToolbarButton, ToolbarDropdown as ToolbarDropdownType } from '@domternal/core';
+export interface ToolbarDropdownProps {
+    dropdown: ToolbarDropdownType;
+    isOpen: boolean;
+    isActive: (name: string) => boolean;
+    isDropdownActive: boolean;
+    isDisabled: boolean;
+    tabIndex: number;
+    triggerHtml: string;
+    getCachedItemContent: (icon: string, label: string, mode?: 'icon-text' | 'text' | 'icon') => string;
+    onToggle: (dropdown: ToolbarDropdownType) => void;
+    onItemClick: (item: ToolbarButton, event: React.MouseEvent) => void;
+    onFocus: (name: string) => void;
+}
+export declare function ToolbarDropdown({ dropdown, isOpen, isActive, isDropdownActive, isDisabled, tabIndex, triggerHtml, getCachedItemContent, onToggle, onItemClick, onFocus, }: ToolbarDropdownProps): ReactNode;
+//# sourceMappingURL=ToolbarDropdown.d.ts.map

package/dist/toolbar/ToolbarDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarDropdown.d.ts","sourceRoot":"","sources":["../../src/toolbar/ToolbarDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,IAAI,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG7F,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IACpG,QAAQ,EAAE,CAAC,QAAQ,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,WAAW,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACpE,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,UAAU,EACV,QAAQ,EACR,WAAW,EACX,oBAAoB,EACpB,QAAQ,EACR,WAAW,EACX,OAAO,GACR,EAAE,oBAAoB,GAAG,SAAS,CA4BlC"}

package/dist/toolbar/ToolbarDropdownPanel.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { ToolbarButton, ToolbarDropdown } from '@domternal/core';
+export interface ToolbarDropdownPanelProps {
+    dropdown: ToolbarDropdown;
+    isActive: (name: string) => boolean;
+    getCachedItemContent: (icon: string, label: string, mode?: 'icon-text' | 'text' | 'icon') => string;
+    onItemClick: (item: ToolbarButton, event: React.MouseEvent) => void;
+}
+export declare function ToolbarDropdownPanel({ dropdown, isActive, getCachedItemContent, onItemClick, }: ToolbarDropdownPanelProps): ReactNode;
+//# sourceMappingURL=ToolbarDropdownPanel.d.ts.map

package/dist/toolbar/ToolbarDropdownPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarDropdownPanel.d.ts","sourceRoot":"","sources":["../../src/toolbar/ToolbarDropdownPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEtE,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,eAAe,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,oBAAoB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IACpG,WAAW,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACrE;AAED,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,oBAAoB,EACpB,WAAW,GACZ,EAAE,yBAAyB,GAAG,SAAS,CA8DvC"}

package/dist/toolbar/useComputedStyle.d.ts

@@ -0,0 +1,12 @@
+import type { Editor } from '@domternal/core';
+/**
+ * Read a CSS property value at the current cursor position.
+ * Prefers inline style (explicit mark) over computed style (inherited).
+ */
+export declare function getComputedStyleAtCursor(editor: Editor, prop: string): string | null;
+/**
+ * Read only inline style at the current cursor position (no computed fallback).
+ * Used for font-family to avoid reading browser default inheritance.
+ */
+export declare function getInlineStyleAtCursor(editor: Editor, prop: string): string | null;
+//# sourceMappingURL=useComputedStyle.d.ts.map

package/dist/toolbar/useComputedStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComputedStyle.d.ts","sourceRoot":"","sources":["../../src/toolbar/useComputedStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAE9C;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAcpF;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAYlF"}

package/dist/toolbar/useKeyboardNav.d.ts

@@ -0,0 +1,6 @@
+import type { ToolbarController } from '@domternal/core';
+export declare function useKeyboardNav(controllerRef: React.RefObject<ToolbarController | null>, toolbarRef: React.RefObject<HTMLDivElement | null>, closeDropdown: () => void): {
+    onKeyDown: (event: React.KeyboardEvent) => void;
+    focusCurrentButton: () => void;
+};
+//# sourceMappingURL=useKeyboardNav.d.ts.map

package/dist/toolbar/useKeyboardNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNav.d.ts","sourceRoot":"","sources":["../../src/toolbar/useKeyboardNav.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,wBAAgB,cAAc,CAC5B,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,EACxD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,EAClD,aAAa,EAAE,MAAM,IAAI,GACxB;IACD,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;IAChD,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CA6EA"}

package/dist/toolbar/useToolbarController.d.ts

@@ -0,0 +1,21 @@
+import { type RefObject } from 'react';
+import { ToolbarController } from '@domternal/core';
+import type { Editor, ToolbarButton, ToolbarDropdown, ToolbarGroup, ToolbarLayoutEntry } from '@domternal/core';
+export interface UseToolbarControllerResult {
+    controller: RefObject<ToolbarController | null>;
+    groups: ToolbarGroup[];
+    focusedIndex: number;
+    openDropdown: string | null;
+    activeVersion: number;
+    toolbarRef: RefObject<HTMLDivElement | null>;
+    isActive: (name: string) => boolean;
+    isDisabled: (name: string) => boolean;
+    isDropdownActive: (dropdown: ToolbarDropdown) => boolean;
+    getAriaExpanded: (item: ToolbarButton) => string | null;
+    getFlatIndex: (name: string) => number;
+    handleDropdownToggle: (dropdown: ToolbarDropdown) => void;
+    closeDropdown: () => void;
+    syncState: () => void;
+}
+export declare function useToolbarController(editor: Editor | null, layout?: ToolbarLayoutEntry[]): UseToolbarControllerResult;
+//# sourceMappingURL=useToolbarController.d.ts.map

package/dist/toolbar/useToolbarController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarController.d.ts","sourceRoot":"","sources":["../../src/toolbar/useToolbarController.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACjF,OAAO,EACL,iBAAiB,EAElB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,eAAe,EAEf,YAAY,EACZ,kBAAkB,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,0BAA0B;IACzC,UAAU,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IAChD,MAAM,EAAE,YAAY,EAAE,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC7C,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,OAAO,CAAC;IACzD,eAAe,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,MAAM,GAAG,IAAI,CAAC;IACxD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,oBAAoB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1D,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,MAAM,CAAC,EAAE,kBAAkB,EAAE,GAC5B,0BAA0B,CAsK5B"}

package/dist/toolbar/useToolbarIcons.d.ts

@@ -0,0 +1,12 @@
+import type { IconSet, ToolbarButton, ToolbarDropdown } from '@domternal/core';
+export declare const DROPDOWN_CARET = "<svg class=\"dm-dropdown-caret\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\"><path d=\"M2 4l3 3 3-3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>";
+export interface UseToolbarIconsResult {
+    resolveIconSvg: (name: string) => string;
+    getCachedIcon: (name: string) => string;
+    getCachedTriggerLabel: (label: string, isIcon?: boolean) => string;
+    getCachedTriggerIcon: (iconName: string) => string;
+    getCachedItemContent: (iconName: string, label: string, displayMode?: 'icon-text' | 'text' | 'icon') => string;
+    getDropdownTriggerHtml: (dropdown: ToolbarDropdown, activeItem: ToolbarButton | undefined) => string;
+}
+export declare function useToolbarIcons(icons?: IconSet | null): UseToolbarIconsResult;
+//# sourceMappingURL=useToolbarIcons.d.ts.map

package/dist/toolbar/useToolbarIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarIcons.d.ts","sourceRoot":"","sources":["../../src/toolbar/useToolbarIcons.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAE/E,eAAO,MAAM,cAAc,qOAAiN,CAAC;AAE7O,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,aAAa,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,MAAM,CAAC;IACnE,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IAC/G,sBAAsB,EAAE,CAAC,QAAQ,EAAE,eAAe,EAAE,UAAU,EAAE,aAAa,GAAG,SAAS,KAAK,MAAM,CAAC;CACtG;AAED,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,qBAAqB,CA8G7E"}

package/dist/toolbar/useTooltip.d.ts

@@ -0,0 +1,5 @@
+import type { ToolbarButton } from '@domternal/core';
+export declare function useTooltip(): {
+    getTooltip: (item: ToolbarButton) => string;
+};
+//# sourceMappingURL=useTooltip.d.ts.map

package/dist/toolbar/useTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../src/toolbar/useTooltip.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD,wBAAgB,UAAU,IAAI;IAAE,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,MAAM,CAAA;CAAE,CAiB5E"}

package/dist/useEditor.d.ts

@@ -0,0 +1,82 @@
+import { type DependencyList } from 'react';
+import { Editor } from '@domternal/core';
+import type { Content, AnyExtension, FocusPosition } from '@domternal/core';
+export declare const DEFAULT_EXTENSIONS: AnyExtension[];
+export interface UseEditorOptions {
+    /** Custom extensions to add to the editor. */
+    extensions?: AnyExtension[];
+    /** Initial editor content (HTML string or JSON). */
+    content?: Content;
+    /** Whether the editor is editable. @default true */
+    editable?: boolean;
+    /** Where to autofocus on mount. @default false */
+    autofocus?: FocusPosition;
+    /** Output format for content comparison. @default 'html' */
+    outputFormat?: 'html' | 'json';
+    /**
+     * Create the editor synchronously during the first render so `editor`
+     * is available immediately, with no null flash on first paint. The view
+     * starts in a detached element and is adopted into the mount point by
+     * the mount effect. Client-only: the default defers creation to a mount
+     * effect, which never runs during server-side rendering.
+     * @default false
+     */
+    immediatelyRender?: boolean;
+    /** Called when the editor instance is created. */
+    onCreate?: (editor: Editor) => void;
+    /** Called when the document content changes. */
+    onUpdate?: (props: {
+        editor: Editor;
+    }) => void;
+    /** Called when the selection changes without content change. */
+    onSelectionChange?: (props: {
+        editor: Editor;
+    }) => void;
+    /** Called when the editor gains focus. */
+    onFocus?: (props: {
+        editor: Editor;
+        event: FocusEvent;
+    }) => void;
+    /** Called when the editor loses focus. */
+    onBlur?: (props: {
+        editor: Editor;
+        event: FocusEvent;
+    }) => void;
+    /** Called before the editor is destroyed. */
+    onDestroy?: () => void;
+}
+/**
+ * Core hook for creating and managing a Domternal editor instance.
+ *
+ * @param options - Editor configuration
+ * @param deps - Optional dependency array. When any value changes, the editor
+ *   is destroyed and recreated (content is preserved). Useful for dynamic
+ *   configuration that requires a full editor rebuild.
+ *
+ * @example
+ * ```tsx
+ * const { editor, editorRef } = useEditor({ extensions, content });
+ * return <div className="dm-editor"><div ref={editorRef} /></div>;
+ * ```
+ *
+ * @example Editor available on the very first render (client-only apps)
+ * ```tsx
+ * const { editor, editorRef } = useEditor({
+ *   extensions,
+ *   content,
+ *   immediatelyRender: true,
+ * });
+ * ```
+ *
+ * @example With deps for forced recreation
+ * ```tsx
+ * const { editor, editorRef } = useEditor({ extensions, content }, [locale]);
+ * // Editor is recreated when locale changes
+ * ```
+ */
+export interface UseEditorResult {
+    editor: Editor | null;
+    editorRef: React.RefObject<HTMLDivElement | null>;
+}
+export declare function useEditor(options?: UseEditorOptions, deps?: DependencyList): UseEditorResult;
+//# sourceMappingURL=useEditor.d.ts.map

package/dist/useEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditor.d.ts","sourceRoot":"","sources":["../src/useEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAA+B,MAAM,OAAO,CAAC;AACzE,OAAO,EACL,MAAM,EAMP,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,aAAa,EAA0C,MAAM,iBAAiB,CAAC;AAEpH,eAAO,MAAM,kBAAkB,EAAE,YAAY,EAAqD,CAAC;AAEnG,MAAM,WAAW,gBAAgB;IAC/B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,oDAAoD;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/C,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACxD,0CAA0C;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;IACjE,0CAA0C;IAC1C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,UAAU,CAAA;KAAE,KAAK,IAAI,CAAC;IAChE,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CACnD;AAED,wBAAgB,SAAS,CAAC,OAAO,GAAE,gBAAqB,EAAE,IAAI,CAAC,EAAE,cAAc,GAAG,eAAe,CA8MhG"}

package/dist/useEditorState.d.ts

@@ -0,0 +1,27 @@
+import type { Editor, JSONContent } from '@domternal/core';
+/**
+ * Full editor state returned when no selector is provided.
+ */
+export interface EditorState {
+    htmlContent: string;
+    jsonContent: JSONContent | null;
+    isEmpty: boolean;
+    isFocused: boolean;
+    isEditable: boolean;
+}
+/**
+ * Subscribe to editor state changes.
+ *
+ * **Overload 1 - Full state:**
+ * ```tsx
+ * const { htmlContent, isEmpty } = useEditorState(editor);
+ * ```
+ *
+ * **Overload 2 - Selector (granular, avoids unnecessary re-renders):**
+ * ```tsx
+ * const isBold = useEditorState(editor, (ed) => ed.isActive('bold'));
+ * ```
+ */
+export declare function useEditorState(editor: Editor | null): EditorState;
+export declare function useEditorState<T>(editor: Editor | null, selector: (editor: Editor) => T): T | undefined;
+//# sourceMappingURL=useEditorState.d.ts.map

package/dist/useEditorState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditorState.d.ts","sourceRoot":"","sources":["../src/useEditorState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE3D;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,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;;;;;;;;;;;;GAYG;AACH,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,WAAW,CAAC;AACnE,wBAAgB,cAAc,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@domternal/react",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description": "React components for Domternal editor",
   "author": "https://github.com/ThomasNowHere",
   "license": "MIT",
@@ -21,14 +21,14 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@domternal/core": ">=0.9.0"
+    "@domternal/core": ">=0.10.0"
   },
   "scripts": {
     "build": "tsup",
     "dev": "tsup --watch",
     "lint": "eslint src",
     "typecheck": "tsc --noEmit",
-    "prepublishOnly": "pnpm build && node -e \"const p=JSON.parse(require('fs').readFileSync('package.json','utf8'));delete p.devDependencies;if(p.dependencies){for(const[k,v]of Object.entries(p.dependencies)){if(v==='workspace:*')p.dependencies[k]='>=0.9.0'}}require('fs').writeFileSync('package.json',JSON.stringify(p,null,2)+'\\n')\"",
+    "prepublishOnly": "pnpm build && node -e \"const p=JSON.parse(require('fs').readFileSync('package.json','utf8'));delete p.devDependencies;if(p.dependencies){for(const[k,v]of Object.entries(p.dependencies)){if(v==='workspace:*')p.dependencies[k]='>=0.10.0'}}require('fs').writeFileSync('package.json',JSON.stringify(p,null,2)+'\\n')\"",
     "postpublish": "git checkout package.json"
   },
   "keywords": [