@jini-ai/ui 0.1.0

package/dist/features/lexical-rich-text-editor/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/lexical-rich-text-editor/react/hooks/useKeyboardCommands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardCommands.d.ts","sourceRoot":"","sources":["../../../../../src/features/lexical-rich-text-editor/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/lexical-rich-text-editor/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/lexical-rich-text-editor/react/hooks/useKeyboardCommands.js.map

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

package/dist/features/lexical-rich-text-editor/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/lexical-rich-text-editor/react/hooks/useMentionAtomicNavigation.d.ts.map

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

package/dist/features/lexical-rich-text-editor/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/lexical-rich-text-editor/react/hooks/useMentionAtomicNavigation.js.map

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

package/dist/features/lexical-rich-text-editor/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/lexical-rich-text-editor/react/hooks/useMentionColorStamping.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMentionColorStamping.d.ts","sourceRoot":"","sources":["../../../../../src/features/lexical-rich-text-editor/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/lexical-rich-text-editor/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/lexical-rich-text-editor/react/hooks/useMentionColorStamping.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMentionColorStamping.js","sourceRoot":"","sources":["../../../../../src/features/lexical-rich-text-editor/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/lexical-rich-text-editor/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/lexical-rich-text-editor/react/hooks/usePasteFiles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePasteFiles.d.ts","sourceRoot":"","sources":["../../../../../src/features/lexical-rich-text-editor/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/lexical-rich-text-editor/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/lexical-rich-text-editor/react/hooks/usePasteFiles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePasteFiles.js","sourceRoot":"","sources":["../../../../../src/features/lexical-rich-text-editor/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/lexical-rich-text-editor/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/lexical-rich-text-editor/react/hooks/useSeededValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeededValue.d.ts","sourceRoot":"","sources":["../../../../../src/features/lexical-rich-text-editor/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/lexical-rich-text-editor/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

package/dist/features/lexical-rich-text-editor/react/hooks/useSeededValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSeededValue.js","sourceRoot":"","sources":["../../../../../src/features/lexical-rich-text-editor/react/hooks/useSeededValue.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,wBAAwB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAGvD;;;;;;;;;;;;;;;;;2EAiB2E;AAC3E,MAAM,UAAU,cAAc,CAAC,KAAa,EAAE,aAA8B;IAC1E,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAC;IAC7C,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IACvC,QAAQ,CAAC,OAAO,GAAG,aAAa,CAAC;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,iBAAiB,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,IAAI,CAAC;QAChE,IAAI,KAAK,KAAK,OAAO;YAAE,OAAO,CAAC,2CAA2C;QAC1E,wBAAwB,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;AACtB,CAAC"}

package/dist/features/lexical-rich-text-editor/react/hooks/useSyncedOnChange.d.ts

@@ -0,0 +1,10 @@
+import type { MentionEntity } from '../../types.js';
+/** Origin: `LexicalComposerInput.tsx`'s `OnChangePlugin`. Skips
+ *  selection-only updates (arrow keys, clicks, focus/blur, programmatic
+ *  select): they don't change the serialized text, so re-serializing +
+ *  re-folding the mention list on every caret move is wasted work. The
+ *  controlled-value loop is broken by `useSeededValue`'s `value === current`
+ *  guard, NOT by this hook — this hook must still run on every real text
+ *  change regardless of what seeded it. */
+export declare function useSyncedOnChange(knownMentions: MentionEntity[], onChange: (text: string, mentions: MentionEntity[]) => void): void;
+//# sourceMappingURL=useSyncedOnChange.d.ts.map

package/dist/features/lexical-rich-text-editor/react/hooks/useSyncedOnChange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncedOnChange.d.ts","sourceRoot":"","sources":["../../../../../src/features/lexical-rich-text-editor/react/hooks/useSyncedOnChange.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD;;;;;;2CAM2C;AAC3C,wBAAgB,iBAAiB,CAC/B,aAAa,EAAE,aAAa,EAAE,EAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,IAAI,GAC1D,IAAI,CAcN"}

package/dist/features/lexical-rich-text-editor/react/hooks/useSyncedOnChange.js

@@ -0,0 +1,29 @@
+'use client';
+import { useEffect, useRef } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { foldPresentMentions } from '../../mention-parser.js';
+import { serializeRichText } from '../../serialize.js';
+/** Origin: `LexicalComposerInput.tsx`'s `OnChangePlugin`. Skips
+ *  selection-only updates (arrow keys, clicks, focus/blur, programmatic
+ *  select): they don't change the serialized text, so re-serializing +
+ *  re-folding the mention list on every caret move is wasted work. The
+ *  controlled-value loop is broken by `useSeededValue`'s `value === current`
+ *  guard, NOT by this hook — this hook must still run on every real text
+ *  change regardless of what seeded it. */
+export function useSyncedOnChange(knownMentions, onChange) {
+    const [editor] = useLexicalComposerContext();
+    const onChangeRef = useRef(onChange);
+    onChangeRef.current = onChange;
+    const knownRef = useRef(knownMentions);
+    knownRef.current = knownMentions;
+    useEffect(() => {
+        return editor.registerUpdateListener(({ editorState, dirtyElements, dirtyLeaves }) => {
+            if (dirtyElements.size === 0 && dirtyLeaves.size === 0)
+                return;
+            const { text, mentions } = serializeRichText(editorState);
+            const folded = foldPresentMentions(text, mentions, knownRef.current);
+            onChangeRef.current(text, folded);
+        });
+    }, [editor]);
+}
+//# sourceMappingURL=useSyncedOnChange.js.map

package/dist/features/lexical-rich-text-editor/react/hooks/useSyncedOnChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSyncedOnChange.js","sourceRoot":"","sources":["../../../../../src/features/lexical-rich-text-editor/react/hooks/useSyncedOnChange.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,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAGvD;;;;;;2CAM2C;AAC3C,MAAM,UAAU,iBAAiB,CAC/B,aAA8B,EAC9B,QAA2D;IAE3D,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAC;IAC7C,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAC/B,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IACvC,QAAQ,CAAC,OAAO,GAAG,aAAa,CAAC;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,EAAE,EAAE;YACnF,IAAI,aAAa,CAAC,IAAI,KAAK,CAAC,IAAI,WAAW,CAAC,IAAI,KAAK,CAAC;gBAAE,OAAO;YAC/D,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAC;YAC1D,MAAM,MAAM,GAAG,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;YACrE,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,CAAC"}

package/dist/features/lexical-rich-text-editor/react/hooks/useTriggerDetection.d.ts

@@ -0,0 +1,6 @@
+import type { RichTextTriggerConfig, RichTextTriggerMatch } from '../../types.js';
+/** Origin: `LexicalComposerInput.tsx`'s `TriggerPlugin`. Reports the active
+ *  trigger (if any) + its caret anchor rect on every selection-affecting
+ *  editor update. */
+export declare function useTriggerDetection(triggers: readonly RichTextTriggerConfig[], onTriggerChange: (match: RichTextTriggerMatch | null) => void): void;
+//# sourceMappingURL=useTriggerDetection.d.ts.map

package/dist/features/lexical-rich-text-editor/react/hooks/useTriggerDetection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTriggerDetection.d.ts","sourceRoot":"","sources":["../../../../../src/features/lexical-rich-text-editor/react/hooks/useTriggerDetection.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAElF;;qBAEqB;AACrB,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,SAAS,qBAAqB,EAAE,EAC1C,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,KAAK,IAAI,GAC5D,IAAI,CA+BN"}

package/dist/features/lexical-rich-text-editor/react/hooks/useTriggerDetection.js

@@ -0,0 +1,39 @@
+'use client';
+import { useEffect, useRef } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $getSelection, $isRangeSelection, $isTextNode } from 'lexical';
+import { $isMentionNode } from '../../mention-node.js';
+import { buildTriggerMatch, detectActiveTrigger, textBeforeCaretOnLine } from '../../rules.js';
+/** Origin: `LexicalComposerInput.tsx`'s `TriggerPlugin`. Reports the active
+ *  trigger (if any) + its caret anchor rect on every selection-affecting
+ *  editor update. */
+export function useTriggerDetection(triggers, onTriggerChange) {
+    const [editor] = useLexicalComposerContext();
+    const onTriggerChangeRef = useRef(onTriggerChange);
+    onTriggerChangeRef.current = onTriggerChange;
+    const triggersRef = useRef(triggers);
+    triggersRef.current = triggers;
+    useEffect(() => {
+        return editor.registerUpdateListener(({ editorState }) => {
+            editorState.read(() => {
+                const sel = $getSelection();
+                if (!$isRangeSelection(sel) || !sel.isCollapsed()) {
+                    onTriggerChangeRef.current(null);
+                    return;
+                }
+                const node = sel.anchor.getNode();
+                if (!$isTextNode(node) || $isMentionNode(node)) {
+                    onTriggerChangeRef.current(null);
+                    return;
+                }
+                const before = textBeforeCaretOnLine(node, sel.anchor.offset);
+                const detected = detectActiveTrigger(before, triggersRef.current);
+                // Only pay for the DOM read when a trigger is live; otherwise the
+                // rect is unused. Viewport coords (position:fixed portal) — no
+                // scroll offset needed.
+                onTriggerChangeRef.current(buildTriggerMatch(detected, detected ? editor.getRootElement() : null));
+            });
+        });
+    }, [editor]);
+}
+//# sourceMappingURL=useTriggerDetection.js.map

package/dist/features/lexical-rich-text-editor/react/hooks/useTriggerDetection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTriggerDetection.js","sourceRoot":"","sources":["../../../../../src/features/lexical-rich-text-editor/react/hooks/useTriggerDetection.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,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACxE,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAG/F;;qBAEqB;AACrB,MAAM,UAAU,mBAAmB,CACjC,QAA0C,EAC1C,eAA6D;IAE7D,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAC;IAC7C,MAAM,kBAAkB,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;IACnD,kBAAkB,CAAC,OAAO,GAAG,eAAe,CAAC;IAC7C,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,MAAM,CAAC,sBAAsB,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;YACvD,WAAW,CAAC,IAAI,CAAC,GAAG,EAAE;gBACpB,MAAM,GAAG,GAAG,aAAa,EAAE,CAAC;gBAC5B,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,EAAE,CAAC;oBAClD,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;oBACjC,OAAO;gBACT,CAAC;gBACD,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBAClC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC/C,kBAAkB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;oBACjC,OAAO;gBACT,CAAC;gBACD,MAAM,MAAM,GAAG,qBAAqB,CAAC,IAAI,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBAC9D,MAAM,QAAQ,GAAG,mBAAmB,CAAC,MAAM,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;gBAClE,kEAAkE;gBAClE,+DAA+D;gBAC/D,wBAAwB;gBACxB,kBAAkB,CAAC,OAAO,CACxB,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CACvE,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,CAAC"}

package/dist/features/lexical-rich-text-editor/react/test-support/lexical-harness.d.ts

@@ -0,0 +1,11 @@
+import type { LexicalEditor } from 'lexical';
+import type { ReactNode } from 'react';
+/** Returns a `renderHook`/`render` `wrapper` plus a getter for the captured
+ *  editor instance (populated after the first render). */
+export declare function makeLexicalWrapper(namespace?: string): {
+    wrapper: (props: {
+        children: ReactNode;
+    }) => ReactNode;
+    getEditor: () => LexicalEditor;
+};
+//# sourceMappingURL=lexical-harness.d.ts.map

package/dist/features/lexical-rich-text-editor/react/test-support/lexical-harness.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lexical-harness.d.ts","sourceRoot":"","sources":["../../../../../src/features/lexical-rich-text-editor/react/test-support/lexical-harness.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC;0DAC0D;AAC1D,wBAAgB,kBAAkB,CAAC,SAAS,SAAyB,GAAG;IACtE,OAAO,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,KAAK,SAAS,CAAC;IACvD,SAAS,EAAE,MAAM,aAAa,CAAC;CAChC,CAqBA"}

package/dist/features/lexical-rich-text-editor/react/test-support/lexical-harness.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Test-only helper (not part of this feature's public barrel): mounts a
+// minimal `<LexicalComposer>` around a `renderHook`/`render` subject and
+// hands the test the real `LexicalEditor` instance, since every hook in
+// this feature needs `useLexicalComposerContext()` to be available above it
+// in the tree.
+import { LexicalComposer } from '@lexical/react/LexicalComposer';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { MentionNode } from '../../mention-node.js';
+function EditorCapture({ onEditor }) {
+    const [editor] = useLexicalComposerContext();
+    onEditor(editor);
+    return null;
+}
+/** Returns a `renderHook`/`render` `wrapper` plus a getter for the captured
+ *  editor instance (populated after the first render). */
+export function makeLexicalWrapper(namespace = 'rich-text-input-test') {
+    let captured = null;
+    const initialConfig = {
+        namespace,
+        nodes: [MentionNode],
+        onError(err) {
+            throw err;
+        },
+    };
+    return {
+        wrapper: ({ children }) => (_jsxs(LexicalComposer, { initialConfig: initialConfig, children: [_jsx(EditorCapture, { onEditor: (editor) => (captured = editor) }), children] })),
+        getEditor: () => {
+            if (!captured)
+                throw new Error('editor not captured yet — render the wrapper first');
+            return captured;
+        },
+    };
+}
+//# sourceMappingURL=lexical-harness.js.map

package/dist/features/lexical-rich-text-editor/react/test-support/lexical-harness.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lexical-harness.js","sourceRoot":"","sources":["../../../../../src/features/lexical-rich-text-editor/react/test-support/lexical-harness.tsx"],"names":[],"mappings":";AAAA,wEAAwE;AACxE,yEAAyE;AACzE,wEAAwE;AACxE,4EAA4E;AAC5E,eAAe;AACf,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAGlF,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,SAAS,aAAa,CAAC,EAAE,QAAQ,EAAiD;IAChF,MAAM,CAAC,MAAM,CAAC,GAAG,yBAAyB,EAAE,CAAC;IAC7C,QAAQ,CAAC,MAAM,CAAC,CAAC;IACjB,OAAO,IAAI,CAAC;AACd,CAAC;AAED;0DAC0D;AAC1D,MAAM,UAAU,kBAAkB,CAAC,SAAS,GAAG,sBAAsB;IAInE,IAAI,QAAQ,GAAyB,IAAI,CAAC;IAC1C,MAAM,aAAa,GAAsB;QACvC,SAAS;QACT,KAAK,EAAE,CAAC,WAAW,CAAC;QACpB,OAAO,CAAC,GAAG;YACT,MAAM,GAAG,CAAC;QACZ,CAAC;KACF,CAAC;IACF,OAAO;QACL,OAAO,EAAE,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAAC,CAClD,MAAC,eAAe,IAAC,aAAa,EAAE,aAAa,aAC3C,KAAC,aAAa,IAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,QAAQ,GAAG,MAAM,CAAC,GAAI,EAC3D,QAAQ,IACO,CACnB;QACD,SAAS,EAAE,GAAG,EAAE;YACd,IAAI,CAAC,QAAQ;gBAAE,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAC;YACrF,OAAO,QAAQ,CAAC;QAClB,CAAC;KACF,CAAC;AACJ,CAAC"}