@jini-ai/ui 0.1.0

package/dist/features/rich-text-input/react/components/RichTextInput.js

@@ -0,0 +1,154 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useRef } from 'react';
+import { LexicalComposer } from '@lexical/react/LexicalComposer';
+import { PlainTextPlugin } from '@lexical/react/LexicalPlainTextPlugin';
+import { ContentEditable } from '@lexical/react/LexicalContentEditable';
+import { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary';
+import { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $getRoot, $getSelection, $isRangeSelection } from 'lexical';
+import { DEFAULT_TEST_ID, DEFAULT_TRIGGERS, EDITOR_THEME } from '../../constants.js';
+import { setRichTextFromPlainText } from '../../deserialize.js';
+import { $createMentionNode, MentionNode } from '../../mention-node.js';
+import { buildAnyTriggerDeletionRegex, buildTriggerDeletionRegex, deleteActiveTrigger, } from '../../rules.js';
+import { serializeRichText } from '../../serialize.js';
+import { useKeyboardCommands } from '../hooks/useKeyboardCommands.js';
+import { useMentionAtomicNavigation } from '../hooks/useMentionAtomicNavigation.js';
+import { useMentionColorStamping } from '../hooks/useMentionColorStamping.js';
+import { usePasteFiles } from '../hooks/usePasteFiles.js';
+import { useSeededValue } from '../hooks/useSeededValue.js';
+import { useSyncedOnChange } from '../hooks/useSyncedOnChange.js';
+import { useTriggerDetection } from '../hooks/useTriggerDetection.js';
+const DEFAULT_MENTION_TRIGGER_ID = 'mention';
+function EditorSurface(props, ref) {
+    const { placeholder, value, knownMentions, onChange, onTriggerChange, onSubmit, onPasteFiles, popoverOpen, onPopoverKey, comboboxAria, title, testId = DEFAULT_TEST_ID, mentionListboxId = 'rich-text-mention-listbox', triggers = DEFAULT_TRIGGERS, mentionTriggerId = DEFAULT_MENTION_TRIGGER_ID, resolveMentionColor, } = props;
+    const [editor] = useLexicalComposerContext();
+    // `knownMentions`/`triggers`/`mentionTriggerId` can change between renders;
+    // the imperative handle below is created once (stable identity, deps
+    // `[editor]`) and always reads the latest values through these refs,
+    // mirroring the origin's `knownEntitiesRef` pattern.
+    const knownMentionsRef = useRef(knownMentions);
+    knownMentionsRef.current = knownMentions;
+    const triggersRef = useRef(triggers);
+    triggersRef.current = triggers;
+    const mentionTriggerIdRef = useRef(mentionTriggerId);
+    mentionTriggerIdRef.current = mentionTriggerId;
+    useSyncedOnChange(knownMentions, onChange);
+    useTriggerDetection(triggers, onTriggerChange);
+    useMentionAtomicNavigation();
+    useKeyboardCommands(popoverOpen, onSubmit, onPopoverKey);
+    usePasteFiles(onPasteFiles);
+    useSeededValue(value, knownMentions);
+    useMentionColorStamping(resolveMentionColor);
+    useImperativeHandle(ref, () => ({
+        getText() {
+            // Belt-and-suspenders: collapse any stray \n\n the single-paragraph
+            // model should never produce, so the wire format stays byte-stable.
+            return serializeRichText(editor.getEditorState()).text.replace(/\n{2,}/g, '\n');
+        },
+        setText(text) {
+            setRichTextFromPlainText(editor, text, knownMentionsRef.current);
+        },
+        clear() {
+            setRichTextFromPlainText(editor, '', knownMentionsRef.current);
+        },
+        focus() {
+            editor.focus();
+        },
+        insertText(text) {
+            editor.update(() => {
+                let sel = $getSelection();
+                if (!$isRangeSelection(sel)) {
+                    $getRoot().selectEnd();
+                    sel = $getSelection();
+                }
+                if ($isRangeSelection(sel))
+                    sel.insertText(text);
+            }, { discrete: true });
+        },
+        insertMention(insert) {
+            editor.update(() => {
+                let sel = $getSelection();
+                if (!$isRangeSelection(sel)) {
+                    $getRoot().selectEnd();
+                    sel = $getSelection();
+                }
+                // `$getRoot().selectEnd()` always establishes a collapsed
+                // RangeSelection — even an empty root selects at its own
+                // boundary — so `sel` is guaranteed to be one by this point.
+                // The cast documents that instead of an unreachable
+                // early-return branch no real document state can trigger.
+                const rangeSel = sel;
+                const mentionTrigger = triggersRef.current.find((t) => t.id === mentionTriggerIdRef.current) ??
+                    triggersRef.current[0];
+                if (mentionTrigger) {
+                    deleteActiveTrigger(rangeSel, buildTriggerDeletionRegex(mentionTrigger));
+                }
+                const node = $createMentionNode({
+                    mentionId: insert.entity.id,
+                    mentionKind: insert.entity.kind,
+                    token: insert.token,
+                    label: insert.entity.label,
+                    title: insert.entity.title,
+                });
+                const active = $getSelection();
+                if ($isRangeSelection(active)) {
+                    active.insertNodes([node]);
+                    const after = $getSelection();
+                    if ($isRangeSelection(after))
+                        after.insertText(' ');
+                }
+            }, { discrete: true });
+        },
+        replaceActiveTrigger(text) {
+            editor.update(() => {
+                let sel = $getSelection();
+                if (!$isRangeSelection(sel)) {
+                    $getRoot().selectEnd();
+                    sel = $getSelection();
+                }
+                // See the identical `selectEnd()` guarantee noted in
+                // `insertMention` above.
+                const rangeSel = sel;
+                // Drop whichever trigger's query is active, then insert the
+                // plain text (e.g. a Tab-completed slash command's own text).
+                deleteActiveTrigger(rangeSel, buildAnyTriggerDeletionRegex(triggersRef.current));
+                const active = $getSelection();
+                if ($isRangeSelection(active))
+                    active.insertText(text);
+            }, { discrete: true });
+        },
+    }), [editor]);
+    return (_jsxs(_Fragment, { children: [_jsx(PlainTextPlugin, { contentEditable: _jsx(ContentEditable, { "data-testid": testId, className: "rich-text-input-editable", "aria-placeholder": placeholder, title: title ?? placeholder, role: "combobox", "aria-expanded": comboboxAria?.expanded ? 'true' : 'false', "aria-controls": mentionListboxId, ...(comboboxAria?.activeId ? { 'aria-activedescendant': comboboxAria.activeId } : {}), placeholder: _jsx("div", { className: "rich-text-input-placeholder", children: placeholder }) }), placeholder: _jsx("div", { className: "rich-text-input-placeholder", children: placeholder }), ErrorBoundary: LexicalErrorBoundary }), _jsx(HistoryPlugin, {})] }));
+}
+const EditorSurfaceWithRef = forwardRef(EditorSurface);
+/**
+ * Origin: `apps/web/src/components/composer/LexicalComposerInput.tsx` (OD's
+ * chat composer input). A plain-text Lexical editor (not a full block/marks
+ * rich text editor) with atomic `@mention`/`/command` trigger tokens, a
+ * single-paragraph model (Enter submits, Shift+Enter soft-breaks), and an
+ * imperative handle mirroring a controlled `<textarea>`'s usual operations.
+ *
+ * The origin's `EditorRefPlugin` (a ref-bridging plugin needed because its
+ * `forwardRef` component lived OUTSIDE the `LexicalComposer` context) is
+ * dropped: `EditorSurface` above is itself inside that context, so its
+ * `useImperativeHandle` reads `editor` directly from
+ * `useLexicalComposerContext()`.
+ */
+export const RichTextInput = forwardRef(function RichTextInput(props, ref) {
+    const initialConfig = {
+        namespace: props.namespace ?? 'rich-text-input',
+        editable: true,
+        nodes: [MentionNode],
+        theme: EDITOR_THEME,
+        onError(err) {
+            if (process.env.NODE_ENV !== 'production') {
+                console.error('[rich-text-input]', err);
+            }
+        },
+        // editorState intentionally omitted → empty on first paint (SSR-safe).
+    };
+    return (_jsx("div", { className: "rich-text-input", children: _jsx(LexicalComposer, { initialConfig: initialConfig, children: _jsx(EditorSurfaceWithRef, { ...props, ref: ref }) }) }));
+});
+//# sourceMappingURL=RichTextInput.js.map

package/dist/features/rich-text-input/react/components/RichTextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextInput.js","sourceRoot":"","sources":["../../../../../src/features/rich-text-input/react/components/RichTextInput.tsx"],"names":[],"mappings":"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"}

package/dist/features/rich-text-input/react/hooks/useCaretFloatingLayerPosition.d.ts

@@ -0,0 +1,15 @@
+import { type RefObject } from 'react';
+import { type CaretFloatingLayerPosition } from '../../rules.js';
+import type { CaretRect } from '../../types.js';
+export interface UseCaretFloatingLayerPositionResult {
+    pos: CaretFloatingLayerPosition | null;
+    layerRef: RefObject<HTMLDivElement | null>;
+}
+/** Origin: `CaretFloatingLayer.tsx`'s inline `reposition`/effect logic,
+ *  extracted into its own hook so the component stays presentational.
+ *  Measured pass on open + every caret change (`useLayoutEffect` avoids a
+ *  wrong-coordinate flash before paint); pinned + rAF-throttled while open
+ *  (repositions rather than closes on scroll, so a small ancestor scroll
+ *  doesn't feel broken — `capture: true` catches ancestor scroll too). */
+export declare function useCaretFloatingLayerPosition(caret: CaretRect | null, open: boolean, boundaryRef?: RefObject<HTMLElement | null> | undefined): UseCaretFloatingLayerPositionResult;
+//# sourceMappingURL=useCaretFloatingLayerPosition.d.ts.map

package/dist/features/rich-text-input/react/hooks/useCaretFloatingLayerPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCaretFloatingLayerPosition.d.ts","sourceRoot":"","sources":["../../../../../src/features/rich-text-input/react/hooks/useCaretFloatingLayerPosition.ts"],"names":[],"mappings":"AAEA,OAAO,EAA6D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlG,OAAO,EAAqC,KAAK,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AACpG,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,mCAAmC;IAClD,GAAG,EAAE,0BAA0B,GAAG,IAAI,CAAC;IACvC,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC5C;AAED;;;;;0EAK0E;AAC1E,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,SAAS,GAAG,IAAI,EACvB,IAAI,EAAE,OAAO,EACb,WAAW,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,GACtD,mCAAmC,CA2CrC"}

package/dist/features/rich-text-input/react/hooks/useCaretFloatingLayerPosition.js

@@ -0,0 +1,54 @@
+'use client';
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { CARET_LAYER_GAP, CARET_LAYER_HARD_MAX_HEIGHT, CARET_LAYER_MARGIN, CARET_LAYER_PREFERRED_WIDTH, } from '../../constants.js';
+import { computeCaretFloatingLayerPosition } from '../../rules.js';
+/** Origin: `CaretFloatingLayer.tsx`'s inline `reposition`/effect logic,
+ *  extracted into its own hook so the component stays presentational.
+ *  Measured pass on open + every caret change (`useLayoutEffect` avoids a
+ *  wrong-coordinate flash before paint); pinned + rAF-throttled while open
+ *  (repositions rather than closes on scroll, so a small ancestor scroll
+ *  doesn't feel broken — `capture: true` catches ancestor scroll too). */
+export function useCaretFloatingLayerPosition(caret, open, boundaryRef) {
+    const layerRef = useRef(null);
+    const [pos, setPos] = useState(null);
+    const reposition = useCallback(() => {
+        if (!caret)
+            return;
+        const el = layerRef.current;
+        const size = el ? { width: el.offsetWidth, height: el.scrollHeight } : null;
+        const boundary = boundaryRef?.current?.getBoundingClientRect() ?? null;
+        setPos(computeCaretFloatingLayerPosition(caret, size, boundary, {
+            gap: CARET_LAYER_GAP,
+            margin: CARET_LAYER_MARGIN,
+            hardMaxHeight: CARET_LAYER_HARD_MAX_HEIGHT,
+            preferredWidth: CARET_LAYER_PREFERRED_WIDTH,
+        }));
+    }, [boundaryRef, caret]);
+    useLayoutEffect(() => {
+        if (open && caret)
+            reposition();
+    }, [open, caret, reposition]);
+    useEffect(() => {
+        if (!open)
+            return;
+        let raf = 0;
+        const onMove = () => {
+            if (raf)
+                return;
+            raf = requestAnimationFrame(() => {
+                raf = 0;
+                reposition();
+            });
+        };
+        window.addEventListener('resize', onMove);
+        window.addEventListener('scroll', onMove, true);
+        return () => {
+            if (raf)
+                cancelAnimationFrame(raf);
+            window.removeEventListener('resize', onMove);
+            window.removeEventListener('scroll', onMove, true);
+        };
+    }, [open, reposition]);
+    return { pos, layerRef };
+}
+//# sourceMappingURL=useCaretFloatingLayerPosition.js.map

package/dist/features/rich-text-input/react/hooks/useCaretFloatingLayerPosition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCaretFloatingLayerPosition.js","sourceRoot":"","sources":["../../../../../src/features/rich-text-input/react/hooks/useCaretFloatingLayerPosition.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAC;AAClG,OAAO,EACL,eAAe,EACf,2BAA2B,EAC3B,kBAAkB,EAClB,2BAA2B,GAC5B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iCAAiC,EAAmC,MAAM,gBAAgB,CAAC;AAQpG;;;;;0EAK0E;AAC1E,MAAM,UAAU,6BAA6B,CAC3C,KAAuB,EACvB,IAAa,EACb,WAAuD;IAEvD,MAAM,QAAQ,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,QAAQ,CAAoC,IAAI,CAAC,CAAC;IAExE,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,MAAM,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;QAC5B,MAAM,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAC5E,MAAM,QAAQ,GAAG,WAAW,EAAE,OAAO,EAAE,qBAAqB,EAAE,IAAI,IAAI,CAAC;QACvE,MAAM,CACJ,iCAAiC,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE;YACvD,GAAG,EAAE,eAAe;YACpB,MAAM,EAAE,kBAAkB;YAC1B,aAAa,EAAE,2BAA2B;YAC1C,cAAc,EAAE,2BAA2B;SAC5C,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,IAAI,KAAK;YAAE,UAAU,EAAE,CAAC;IAClC,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,GAAG,GAAG,CAAC,CAAC;QACZ,MAAM,MAAM,GAAG,GAAG,EAAE;YAClB,IAAI,GAAG;gBAAE,OAAO;YAChB,GAAG,GAAG,qBAAqB,CAAC,GAAG,EAAE;gBAC/B,GAAG,GAAG,CAAC,CAAC;gBACR,UAAU,EAAE,CAAC;YACf,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAC1C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,IAAI,GAAG;gBAAE,oBAAoB,CAAC,GAAG,CAAC,CAAC;YACnC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;YAC7C,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;QACrD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAEvB,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC;AAC3B,CAAC"}

package/dist/features/rich-text-input/react/hooks/useKeyboardCommands.d.ts

@@ -0,0 +1,11 @@
+import type { PopoverNavigationKey } from '../../types.js';
+/** Origin: `LexicalComposerInput.tsx`'s `KeyboardPlugin`. Routes Enter to
+ *  either a soft line break (Shift+Enter), a forced submit (Cmd/Ctrl+Enter,
+ *  even with a popover open), a popover-consumed Enter, or a plain submit.
+ *  Routes arrow-down/up/Tab/Escape to the popover only while it's open.
+ *  Forbids a second paragraph — this editor is a single-paragraph model
+ *  (matching the origin, which is a plain-text composer, not a full
+ *  block-structured rich text editor), so a hard Enter that survives the
+ *  above becomes a line break instead of starting a new paragraph. */
+export declare function useKeyboardCommands(popoverOpen: boolean, onSubmit: () => void, onPopoverKey: (key: PopoverNavigationKey) => boolean): void;
+//# sourceMappingURL=useKeyboardCommands.d.ts.map

package/dist/features/rich-text-input/react/hooks/useKeyboardCommands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardCommands.d.ts","sourceRoot":"","sources":["../../../../../src/features/rich-text-input/react/hooks/useKeyboardCommands.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAE3D;;;;;;;sEAOsE;AACtE,wBAAgB,mBAAmB,CACjC,WAAW,EAAE,OAAO,EACpB,QAAQ,EAAE,MAAM,IAAI,EACpB,YAAY,EAAE,CAAC,GAAG,EAAE,oBAAoB,KAAK,OAAO,GACnD,IAAI,CAkFN"}

package/dist/features/rich-text-input/react/hooks/useKeyboardCommands.js

@@ -0,0 +1,70 @@
+'use client';
+import { useEffect, useRef } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { mergeRegister } from '@lexical/utils';
+import { COMMAND_PRIORITY_HIGH, INSERT_LINE_BREAK_COMMAND, INSERT_PARAGRAPH_COMMAND, KEY_ARROW_DOWN_COMMAND, KEY_ARROW_UP_COMMAND, KEY_ENTER_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, } from 'lexical';
+/** Origin: `LexicalComposerInput.tsx`'s `KeyboardPlugin`. Routes Enter to
+ *  either a soft line break (Shift+Enter), a forced submit (Cmd/Ctrl+Enter,
+ *  even with a popover open), a popover-consumed Enter, or a plain submit.
+ *  Routes arrow-down/up/Tab/Escape to the popover only while it's open.
+ *  Forbids a second paragraph — this editor is a single-paragraph model
+ *  (matching the origin, which is a plain-text composer, not a full
+ *  block-structured rich text editor), so a hard Enter that survives the
+ *  above becomes a line break instead of starting a new paragraph. */
+export function useKeyboardCommands(popoverOpen, onSubmit, onPopoverKey) {
+    const [editor] = useLexicalComposerContext();
+    const popoverOpenRef = useRef(popoverOpen);
+    popoverOpenRef.current = popoverOpen;
+    const onSubmitRef = useRef(onSubmit);
+    onSubmitRef.current = onSubmit;
+    const onPopoverKeyRef = useRef(onPopoverKey);
+    onPopoverKeyRef.current = onPopoverKey;
+    useEffect(() => {
+        return mergeRegister(editor.registerCommand(KEY_ENTER_COMMAND, (e) => {
+            // IME confirm Enter — let Lexical commit the composition.
+            if (editor.isComposing())
+                return false;
+            if (e?.shiftKey) {
+                editor.dispatchCommand(INSERT_LINE_BREAK_COMMAND, false);
+                e.preventDefault();
+                return true;
+            }
+            // Cmd/Ctrl+Enter force-submits even with a popover open.
+            if (e?.metaKey || e?.ctrlKey) {
+                e.preventDefault();
+                onSubmitRef.current();
+                return true;
+            }
+            if (popoverOpenRef.current) {
+                e?.preventDefault();
+                return onPopoverKeyRef.current('Enter');
+            }
+            e?.preventDefault();
+            onSubmitRef.current();
+            return true;
+        }, COMMAND_PRIORITY_HIGH), editor.registerCommand(KEY_ARROW_DOWN_COMMAND, (e) => {
+            if (!popoverOpenRef.current || editor.isComposing())
+                return false;
+            e?.preventDefault();
+            return onPopoverKeyRef.current('ArrowDown');
+        }, COMMAND_PRIORITY_HIGH), editor.registerCommand(KEY_ARROW_UP_COMMAND, (e) => {
+            if (!popoverOpenRef.current || editor.isComposing())
+                return false;
+            e?.preventDefault();
+            return onPopoverKeyRef.current('ArrowUp');
+        }, COMMAND_PRIORITY_HIGH), editor.registerCommand(KEY_TAB_COMMAND, (e) => {
+            if (!popoverOpenRef.current || editor.isComposing())
+                return false;
+            e?.preventDefault();
+            return onPopoverKeyRef.current('Tab');
+        }, COMMAND_PRIORITY_HIGH), editor.registerCommand(KEY_ESCAPE_COMMAND, () => {
+            if (!popoverOpenRef.current)
+                return false;
+            return onPopoverKeyRef.current('Escape');
+        }, COMMAND_PRIORITY_HIGH), editor.registerCommand(INSERT_PARAGRAPH_COMMAND, () => {
+            editor.dispatchCommand(INSERT_LINE_BREAK_COMMAND, false);
+            return true;
+        }, COMMAND_PRIORITY_HIGH));
+    }, [editor]);
+}
+//# sourceMappingURL=useKeyboardCommands.js.map

package/dist/features/rich-text-input/react/hooks/useKeyboardCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardCommands.js","sourceRoot":"","sources":["../../../../../src/features/rich-text-input/react/hooks/useKeyboardCommands.ts"],"names":[],"mappings":"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"}

package/dist/features/rich-text-input/react/hooks/useMentionAtomicNavigation.d.ts

@@ -0,0 +1,8 @@
+/** Origin: `LexicalComposerInput.tsx`'s `MentionAtomicNavigationPlugin`.
+ *  Lexical token-mode nodes are deleted as one unit but still permit
+ *  character-by-character caret navigation by default; this normalizes
+ *  arrow-left/right to step over a whole mention pill in one keystroke and
+ *  backspace/delete to remove a whole pill in one keystroke, instead of
+ *  landing "inside" it. */
+export declare function useMentionAtomicNavigation(): void;
+//# sourceMappingURL=useMentionAtomicNavigation.d.ts.map

package/dist/features/rich-text-input/react/hooks/useMentionAtomicNavigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMentionAtomicNavigation.d.ts","sourceRoot":"","sources":["../../../../../src/features/rich-text-input/react/hooks/useMentionAtomicNavigation.ts"],"names":[],"mappings":"AAuBA;;;;;2BAK2B;AAC3B,wBAAgB,0BAA0B,IAAI,IAAI,CA0DjD"}

package/dist/features/rich-text-input/react/hooks/useMentionAtomicNavigation.js

@@ -0,0 +1,63 @@
+'use client';
+import { useEffect } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { mergeRegister } from '@lexical/utils';
+import { $getSelection, $isRangeSelection, COMMAND_PRIORITY_HIGH, KEY_ARROW_LEFT_COMMAND, KEY_ARROW_RIGHT_COMMAND, KEY_BACKSPACE_COMMAND, KEY_DELETE_COMMAND, } from 'lexical';
+import { hasPlainNavigationIntent, mentionAfterCaret, mentionBeforeCaret, removeMentionAtCaret, selectAfterMention, selectBeforeMention, } from '../../rules.js';
+/** Origin: `LexicalComposerInput.tsx`'s `MentionAtomicNavigationPlugin`.
+ *  Lexical token-mode nodes are deleted as one unit but still permit
+ *  character-by-character caret navigation by default; this normalizes
+ *  arrow-left/right to step over a whole mention pill in one keystroke and
+ *  backspace/delete to remove a whole pill in one keystroke, instead of
+ *  landing "inside" it. */
+export function useMentionAtomicNavigation() {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        return mergeRegister(editor.registerCommand(KEY_ARROW_LEFT_COMMAND, (event) => {
+            if (editor.isComposing() || !hasPlainNavigationIntent(event))
+                return false;
+            const selection = $getSelection();
+            if (!$isRangeSelection(selection) || !selection.isCollapsed())
+                return false;
+            const mention = mentionBeforeCaret(selection);
+            if (!mention)
+                return false;
+            event.preventDefault();
+            selectBeforeMention(mention);
+            return true;
+        }, COMMAND_PRIORITY_HIGH), editor.registerCommand(KEY_ARROW_RIGHT_COMMAND, (event) => {
+            if (editor.isComposing() || !hasPlainNavigationIntent(event))
+                return false;
+            const selection = $getSelection();
+            if (!$isRangeSelection(selection) || !selection.isCollapsed())
+                return false;
+            const mention = mentionAfterCaret(selection);
+            if (!mention)
+                return false;
+            event.preventDefault();
+            selectAfterMention(mention);
+            return true;
+        }, COMMAND_PRIORITY_HIGH), editor.registerCommand(KEY_BACKSPACE_COMMAND, (event) => {
+            if (editor.isComposing() || !hasPlainNavigationIntent(event))
+                return false;
+            const selection = $getSelection();
+            if (!$isRangeSelection(selection) || !selection.isCollapsed())
+                return false;
+            if (!removeMentionAtCaret(selection, true))
+                return false;
+            event.preventDefault();
+            return true;
+        }, COMMAND_PRIORITY_HIGH), editor.registerCommand(KEY_DELETE_COMMAND, (event) => {
+            if (editor.isComposing() || !hasPlainNavigationIntent(event))
+                return false;
+            const selection = $getSelection();
+            if (!$isRangeSelection(selection) || !selection.isCollapsed())
+                return false;
+            if (!removeMentionAtCaret(selection, false))
+                return false;
+            event.preventDefault();
+            return true;
+        }, COMMAND_PRIORITY_HIGH));
+    }, [editor]);
+}
+//# sourceMappingURL=useMentionAtomicNavigation.js.map

package/dist/features/rich-text-input/react/hooks/useMentionAtomicNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMentionAtomicNavigation.js","sourceRoot":"","sources":["../../../../../src/features/rich-text-input/react/hooks/useMentionAtomicNavigation.ts"],"names":[],"mappings":"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"}

package/dist/features/rich-text-input/react/hooks/useMentionColorStamping.d.ts

@@ -0,0 +1,18 @@
+import type { MentionEntity } from '../../types.js';
+/** The CSS custom property a host's `resolveMentionColor` result is applied
+ *  to. A host's CSS reads it directly (e.g.
+ *  `color: var(--rich-text-mention-color, currentColor)`) — this hook never
+ *  writes any other style. */
+export declare const MENTION_COLOR_PROPERTY = "--rich-text-mention-color";
+/**
+ * Replaces the origin's OD-specific brand-hue logic
+ * (`connectorBrandColor`/`resolveBrandTheme`, applied via a document-wide
+ * `MutationObserver` watching every mounted `.composer-inline-mention` pill
+ * on the page). This is scoped to ONE editor instance via Lexical's own
+ * `registerMutationListener`, and the color itself is fully host-owned: a
+ * `resolveMentionColor` callback the host can recompute from its own theme
+ * state (a new function identity re-runs the restamp pass below, no global
+ * observer required).
+ */
+export declare function useMentionColorStamping(resolveMentionColor?: ((mention: MentionEntity) => string | undefined) | undefined): void;
+//# sourceMappingURL=useMentionColorStamping.d.ts.map

package/dist/features/rich-text-input/react/hooks/useMentionColorStamping.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMentionColorStamping.d.ts","sourceRoot":"","sources":["../../../../../src/features/rich-text-input/react/hooks/useMentionColorStamping.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD;;;8BAG8B;AAC9B,eAAO,MAAM,sBAAsB,8BAA8B,CAAC;AAElE;;;;;;;;;GASG;AACH,wBAAgB,uBAAuB,CACrC,mBAAmB,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,aAAa,KAAK,MAAM,GAAG,SAAS,CAAC,GAAG,SAAS,GACjF,IAAI,CAuCN"}

package/dist/features/rich-text-input/react/hooks/useMentionColorStamping.js

@@ -0,0 +1,64 @@
+'use client';
+import { useEffect } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $getNodeByKey } from 'lexical';
+import { MentionNode } from '../../mention-node.js';
+import { $collectMentionNodeKeys } from '../../rules.js';
+/** The CSS custom property a host's `resolveMentionColor` result is applied
+ *  to. A host's CSS reads it directly (e.g.
+ *  `color: var(--rich-text-mention-color, currentColor)`) — this hook never
+ *  writes any other style. */
+export const MENTION_COLOR_PROPERTY = '--rich-text-mention-color';
+/**
+ * Replaces the origin's OD-specific brand-hue logic
+ * (`connectorBrandColor`/`resolveBrandTheme`, applied via a document-wide
+ * `MutationObserver` watching every mounted `.composer-inline-mention` pill
+ * on the page). This is scoped to ONE editor instance via Lexical's own
+ * `registerMutationListener`, and the color itself is fully host-owned: a
+ * `resolveMentionColor` callback the host can recompute from its own theme
+ * state (a new function identity re-runs the restamp pass below, no global
+ * observer required).
+ */
+export function useMentionColorStamping(resolveMentionColor) {
+    const [editor] = useLexicalComposerContext();
+    useEffect(() => {
+        if (!resolveMentionColor)
+            return;
+        const stampByKey = (key) => {
+            const dom = editor.getElementByKey(key);
+            if (!dom)
+                return;
+            // Both call sites below hand `stampByKey` a key already guaranteed to
+            // resolve to a `MentionNode`: `$collectMentionNodeKeys()` only ever
+            // collects mention-node keys, and `registerMutationListener(MentionNode,
+            // ...)` only ever reports keys of that type (a 'destroyed' mutation —
+            // the one case where the node no longer exists — is filtered out by
+            // the caller before this runs). The cast documents that guarantee
+            // instead of adding an `$isMentionNode` branch neither call site can
+            // actually fail.
+            const node = $getNodeByKey(key);
+            const color = resolveMentionColor(node.getEntity());
+            if (color)
+                dom.style.setProperty(MENTION_COLOR_PROPERTY, color);
+            else
+                dom.style.removeProperty(MENTION_COLOR_PROPERTY);
+        };
+        // Initial pass: restamp every mention node already mounted before this
+        // effect's `resolveMentionColor` identity took effect (e.g. the host
+        // just switched themes and passed a new resolver).
+        editor.getEditorState().read(() => {
+            for (const key of $collectMentionNodeKeys())
+                stampByKey(key);
+        });
+        return editor.registerMutationListener(MentionNode, (mutatedNodes) => {
+            editor.getEditorState().read(() => {
+                for (const [key, mutation] of mutatedNodes) {
+                    if (mutation === 'destroyed')
+                        continue;
+                    stampByKey(key);
+                }
+            });
+        });
+    }, [editor, resolveMentionColor]);
+}
+//# sourceMappingURL=useMentionColorStamping.js.map

package/dist/features/rich-text-input/react/hooks/useMentionColorStamping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMentionColorStamping.js","sourceRoot":"","sources":["../../../../../src/features/rich-text-input/react/hooks/useMentionColorStamping.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAGzD;;;8BAG8B;AAC9B,MAAM,CAAC,MAAM,sBAAsB,GAAG,2BAA2B,CAAC;AAElE;;;;;;;;;GASG;AACH,MAAM,UAAU,uBAAuB,CACrC,mBAAkF;IAElF,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,mBAAmB;YAAE,OAAO;QAEjC,MAAM,UAAU,GAAG,CAAC,GAAW,EAAQ,EAAE;YACvC,MAAM,GAAG,GAAG,MAAM,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YACxC,IAAI,CAAC,GAAG;gBAAE,OAAO;YACjB,sEAAsE;YACtE,oEAAoE;YACpE,yEAAyE;YACzE,sEAAsE;YACtE,oEAAoE;YACpE,kEAAkE;YAClE,qEAAqE;YACrE,iBAAiB;YACjB,MAAM,IAAI,GAAG,aAAa,CAAC,GAAG,CAAgB,CAAC;YAC/C,MAAM,KAAK,GAAG,mBAAmB,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;YACpD,IAAI,KAAK;gBAAE,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAC;;gBAC3D,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;QACxD,CAAC,CAAC;QAEF,uEAAuE;QACvE,qEAAqE;QACrE,mDAAmD;QACnD,MAAM,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;YAChC,KAAK,MAAM,GAAG,IAAI,uBAAuB,EAAE;gBAAE,UAAU,CAAC,GAAG,CAAC,CAAC;QAC/D,CAAC,CAAC,CAAC;QAEH,OAAO,MAAM,CAAC,wBAAwB,CAAC,WAAW,EAAE,CAAC,YAAY,EAAE,EAAE;YACnE,MAAM,CAAC,cAAc,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;gBAChC,KAAK,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,IAAI,YAAY,EAAE,CAAC;oBAC3C,IAAI,QAAQ,KAAK,WAAW;wBAAE,SAAS;oBACvC,UAAU,CAAC,GAAG,CAAC,CAAC;gBAClB,CAAC;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC;AACpC,CAAC"}

package/dist/features/rich-text-input/react/hooks/usePasteFiles.d.ts

@@ -0,0 +1,5 @@
+/** Origin: `LexicalComposerInput.tsx`'s `PastePlugin`. Intercepts a paste
+ *  carrying files (images, documents) before Lexical's own paste handling
+ *  runs; falls through to plain-text paste when the clipboard has no files. */
+export declare function usePasteFiles(onPasteFiles?: ((files: File[]) => void) | undefined): void;
+//# sourceMappingURL=usePasteFiles.d.ts.map

package/dist/features/rich-text-input/react/hooks/usePasteFiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePasteFiles.d.ts","sourceRoot":"","sources":["../../../../../src/features/rich-text-input/react/hooks/usePasteFiles.ts"],"names":[],"mappings":"AAMA;;+EAE+E;AAC/E,wBAAgB,aAAa,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC,GAAG,SAAS,GAAG,IAAI,CAmBxF"}

package/dist/features/rich-text-input/react/hooks/usePasteFiles.js

@@ -0,0 +1,24 @@
+'use client';
+import { useEffect, useRef } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { COMMAND_PRIORITY_LOW, PASTE_COMMAND } from 'lexical';
+/** Origin: `LexicalComposerInput.tsx`'s `PastePlugin`. Intercepts a paste
+ *  carrying files (images, documents) before Lexical's own paste handling
+ *  runs; falls through to plain-text paste when the clipboard has no files. */
+export function usePasteFiles(onPasteFiles) {
+    const [editor] = useLexicalComposerContext();
+    const onPasteFilesRef = useRef(onPasteFiles);
+    onPasteFilesRef.current = onPasteFiles;
+    useEffect(() => {
+        return editor.registerCommand(PASTE_COMMAND, (event) => {
+            const files = Array.from(event.clipboardData?.files ?? []);
+            if (files.length > 0) {
+                event.preventDefault();
+                onPasteFilesRef.current?.(files);
+                return true;
+            }
+            return false;
+        }, COMMAND_PRIORITY_LOW);
+    }, [editor]);
+}
+//# sourceMappingURL=usePasteFiles.js.map

package/dist/features/rich-text-input/react/hooks/usePasteFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePasteFiles.js","sourceRoot":"","sources":["../../../../../src/features/rich-text-input/react/hooks/usePasteFiles.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAClF,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE9D;;+EAE+E;AAC/E,MAAM,UAAU,aAAa,CAAC,YAAoD;IAChF,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAC;IAC7C,MAAM,eAAe,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IAC7C,eAAe,CAAC,OAAO,GAAG,YAAY,CAAC;IACvC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,MAAM,CAAC,eAAe,CAC3B,aAAa,EACb,CAAC,KAAqB,EAAE,EAAE;YACxB,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;YAC3D,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACrB,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,eAAe,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;gBACjC,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO,KAAK,CAAC;QACf,CAAC,EACD,oBAAoB,CACrB,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,CAAC"}

package/dist/features/rich-text-input/react/hooks/useSeededValue.d.ts

@@ -0,0 +1,21 @@
+import type { MentionEntity } from '../../types.js';
+/** Origin: `LexicalComposerInput.tsx`'s `SeedingPlugin`. Seeds the editor
+ *  from a host-controlled `value` string only on genuine external changes
+ *  (initial value, a template insert, a programmatic reset). When `value`
+ *  already equals the live serialized text, the change came from the user
+ *  typing — bail so the caret is preserved instead of clobbering it with a
+ *  full rebuild.
+ *
+ *  The origin additionally tracked a `lastSeeded` ref to skip a "StrictMode
+ *  double-invoke" of this effect for the same `value`. Tracing it through
+ *  carefully: `setRichTextFromPlainText` commits its update with
+ *  `discrete: true`, so by the time StrictMode's mount-only cleanup+re-run
+ *  cycle reaches this effect a second time, `editor.getEditorState()`
+ *  already reflects the first run's seed — meaning `current === value`
+ *  and the check directly above already bails first. Since this effect's
+ *  only dependencies are `[value, editor]` (both otherwise stable), no
+ *  other path re-invokes it for an unchanged `value` either. That guard
+ *  was therefore unreachable here and was removed rather than kept as
+ *  untested dead code (this package's coverage-driven-refactor policy). */
+export declare function useSeededValue(value: string, knownMentions: MentionEntity[]): void;
+//# sourceMappingURL=useSeededValue.d.ts.map

package/dist/features/rich-text-input/react/hooks/useSeededValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeededValue.d.ts","sourceRoot":"","sources":["../../../../../src/features/rich-text-input/react/hooks/useSeededValue.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD;;;;;;;;;;;;;;;;;2EAiB2E;AAC3E,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,IAAI,CASlF"}

package/dist/features/rich-text-input/react/hooks/useSeededValue.js

@@ -0,0 +1,35 @@
+'use client';
+import { useEffect, useRef } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { setRichTextFromPlainText } from '../../deserialize.js';
+import { serializeRichText } from '../../serialize.js';
+/** Origin: `LexicalComposerInput.tsx`'s `SeedingPlugin`. Seeds the editor
+ *  from a host-controlled `value` string only on genuine external changes
+ *  (initial value, a template insert, a programmatic reset). When `value`
+ *  already equals the live serialized text, the change came from the user
+ *  typing — bail so the caret is preserved instead of clobbering it with a
+ *  full rebuild.
+ *
+ *  The origin additionally tracked a `lastSeeded` ref to skip a "StrictMode
+ *  double-invoke" of this effect for the same `value`. Tracing it through
+ *  carefully: `setRichTextFromPlainText` commits its update with
+ *  `discrete: true`, so by the time StrictMode's mount-only cleanup+re-run
+ *  cycle reaches this effect a second time, `editor.getEditorState()`
+ *  already reflects the first run's seed — meaning `current === value`
+ *  and the check directly above already bails first. Since this effect's
+ *  only dependencies are `[value, editor]` (both otherwise stable), no
+ *  other path re-invokes it for an unchanged `value` either. That guard
+ *  was therefore unreachable here and was removed rather than kept as
+ *  untested dead code (this package's coverage-driven-refactor policy). */
+export function useSeededValue(value, knownMentions) {
+    const [editor] = useLexicalComposerContext();
+    const knownRef = useRef(knownMentions);
+    knownRef.current = knownMentions;
+    useEffect(() => {
+        const current = serializeRichText(editor.getEditorState()).text;
+        if (value === current)
+            return; // user-typed → no reseed → caret preserved
+        setRichTextFromPlainText(editor, value, knownRef.current);
+    }, [value, editor]);
+}
+//# sourceMappingURL=useSeededValue.js.map