@reforma/components 0.0.0-stage → 0.1.0

package/dist/Resizable/Resizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.js","sources":["../../src/Resizable/Resizable.tsx"],"sourcesContent":["import { cn, mergeRefs } from '@reforma/lib';\nimport { createContext, use, useCallback, useEffect, useMemo, useRef, useState, type ComponentProps, type ReactNode } from 'react';\nimport {\n    Group,\n    Panel,\n    Separator,\n    useDefaultLayout,\n    useGroupRef,\n    usePanelRef,\n    type GroupImperativeHandle,\n    type Layout,\n    type LayoutStorage,\n    type PanelImperativeHandle,\n} from 'react-resizable-panels';\n\nimport { Show } from '../Show';\nimport styles from './Resizable.module.css';\n\nexport type ResizablePanelGroupProps = ComponentProps<typeof Group>;\nexport type ResizablePanelState = {\n    inPixels: number;\n    asPercentage: number;\n    isCollapsed: boolean;\n};\n\nexport type ResizablePanelProps = Omit<ComponentProps<typeof Panel>, 'children'> & {\n    children?: ReactNode | ((state: ResizablePanelState) => ReactNode);\n};\n\nexport type ResizableHandleProps = ComponentProps<typeof Separator>;\n\nconst defaultPanelState: ResizablePanelState = {\n    inPixels: 0,\n    asPercentage: 0,\n    isCollapsed: false,\n};\n\ntype ResizableGroupContextValue = {\n    disabled: boolean;\n    dragging: boolean;\n    setDragging: (value: boolean) => void;\n};\n\nconst ResizableGroupContext = createContext<ResizableGroupContextValue>({\n    disabled: false,\n    dragging: false,\n    setDragging: () => {},\n});\n\nfunction ResizablePanelGroup({\n    className,\n    disabled = false,\n    ...props\n}: ResizablePanelGroupProps) {\n    const [dragging, setDragging] = useState(false);\n    const value = useMemo(\n        () => ({\n            disabled,\n            dragging,\n            setDragging,\n        }),\n        [disabled, dragging]\n    );\n\n    return (\n        <ResizableGroupContext value={ value }>\n            <Group\n                data-slot=\"resizable-panel-group\"\n                className={ cn(styles.panelGroup, className) }\n                data-dragging={ dragging || undefined }\n                disabled={ disabled }\n                { ...props }\n            />\n        </ResizableGroupContext>\n    );\n}\n\nfunction ResizablePanel({\n    children,\n    onResize,\n    panelRef: panelRefProp,\n    ...props\n}: ResizablePanelProps) {\n    const [state, setState] = useState<ResizablePanelState>(defaultPanelState);\n    const internalRef = useRef<PanelImperativeHandle | null>(null);\n    const panelRef = mergeRefs(internalRef, panelRefProp);\n\n    const handleResize = useCallback(\n        (panelSize: { inPixels: number; asPercentage: number }, id: string | number | undefined, prevPanelSize: { inPixels: number; asPercentage: number } | undefined) => {\n            setState({\n                inPixels: panelSize.inPixels,\n                asPercentage: panelSize.asPercentage,\n                isCollapsed: internalRef.current!.isCollapsed(),\n            });\n\n            onResize?.(panelSize, id, prevPanelSize);\n        },\n        [onResize]\n    );\n\n    const content = useMemo(\n        (): ReactNode => (typeof children === 'function') ? children(state) : children,\n        [children, state]\n    );\n\n    return (\n        <Panel\n            data-slot=\"resizable-panel\"\n            panelRef={ panelRef }\n            data-collapsed={ state.isCollapsed || undefined }\n            onResize={ handleResize }\n            { ...props }\n        >\n            { content }\n        </Panel>\n    );\n}\n\nfunction ResizableHandle({\n    className,\n    onPointerDown,\n    onPointerUp,\n    onPointerCancel,\n    ...props\n}: ResizableHandleProps) {\n    const { disabled, dragging, setDragging } = use(ResizableGroupContext);\n\n    const handlePointerDown = useCallback(\n        (e: React.PointerEvent<HTMLDivElement>) => {\n            setDragging(true);\n            document.body.dataset.resizableDragging = 'true';\n            onPointerDown?.(e);\n        },\n        [onPointerDown, setDragging]\n    );\n\n    const handlePointerUp = useCallback(\n        (e: React.PointerEvent<HTMLDivElement>) => {\n            setDragging(false);\n            delete document.body.dataset.resizableDragging;\n            onPointerUp?.(e);\n        },\n        [onPointerUp, setDragging]\n    );\n\n    const handlePointerCancel = useCallback(\n        (e: React.PointerEvent<HTMLDivElement>) => {\n            setDragging(false);\n            delete document.body.dataset.resizableDragging;\n            onPointerCancel?.(e);\n        },\n        [onPointerCancel, setDragging]\n    );\n\n    useEffect(() => {\n        if (!dragging) {\n            return;\n        }\n\n        const stopDragging = () => {\n            setDragging(false);\n\n            if (typeof document !== 'undefined') {\n                delete document.body.dataset.resizableDragging;\n            }\n        };\n\n        window.addEventListener('pointerup', stopDragging);\n        window.addEventListener('pointercancel', stopDragging);\n        window.addEventListener('blur', stopDragging);\n\n        return () => {\n            window.removeEventListener('pointerup', stopDragging);\n            window.removeEventListener('pointercancel', stopDragging);\n            window.removeEventListener('blur', stopDragging);\n        };\n    }, [dragging, setDragging]);\n\n    return (\n        <Show when={ !disabled }>\n            <Separator\n                data-slot=\"resizable-handle\"\n                className={ cn(styles.handle, className) }\n                onPointerDown={ handlePointerDown }\n                onPointerUp={ handlePointerUp }\n                onPointerCancel={ handlePointerCancel }\n                { ...props }\n            />\n        </Show>\n    );\n}\n\nResizablePanelGroup.displayName = 'ResizablePanelGroup';\nResizablePanel.displayName = 'ResizablePanel';\nResizableHandle.displayName = 'ResizableHandle';\n\nexport {\n    ResizableHandle,\n    ResizablePanel,\n    ResizablePanelGroup,\n    useDefaultLayout,\n    useGroupRef,\n    usePanelRef,\n    type GroupImperativeHandle,\n    type Layout,\n    type LayoutStorage,\n};\n"],"names":["defaultPanelState","ResizableGroupContext","createContext","ResizablePanelGroup","className","disabled","props","dragging","setDragging","useState","value","useMemo","Group","cn","styles","ResizablePanel","children","onResize","panelRefProp","state","setState","internalRef","useRef","panelRef","mergeRefs","handleResize","useCallback","panelSize","id","prevPanelSize","content","Panel","ResizableHandle","onPointerDown","onPointerUp","onPointerCancel","use","handlePointerDown","handlePointerUp","handlePointerCancel","useEffect","stopDragging","Show","Separator"],"mappings":"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"}

package/dist/Resizable/Resizable.module.css

@@ -0,0 +1 @@
+@layer components{.Resizable_panelGroup_Agwas3{display:flex;width:100%;height:100%}.Resizable_handle_ohnJQM{--resizable-handle-hit-size: var(--spacing-12);--resizable-handle-visual-size: var(--spacing-2);display:flex;position:relative;justify-content:center;align-items:center;z-index:var(--z-raised);cursor:ew-resize;margin-inline:calc(var(--resizable-handle-hit-size) / -2);outline:none;width:0;min-width:var(--resizable-handle-hit-size)}.Resizable_handle_ohnJQM:focus{outline:none}.Resizable_handle_ohnJQM:after{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);border-radius:calc(var(--radius-xs) * var(--squircle-radius-factor));width:var(--resizable-handle-visual-size);content:"";corner-shape:superellipse(var(--squircle-value));transition:background-color var(--transition-duration-fast) var(--ease) 0s;background-color:transparent}.Resizable_handle_ohnJQM[data-separator=hover]:after{transition-delay:var(--transition-delay-fast);background-color:var(--color-primary-light)}.Resizable_handle_ohnJQM[data-separator=active]:after,body[data-resizable-dragging] .Resizable_handle_ohnJQM:after{transition-delay:0s;background-color:var(--color-primary-light)}.Resizable_handle_ohnJQM[aria-orientation=horizontal]{cursor:ns-resize;margin-top:calc(var(--resizable-handle-hit-size) / -2);margin-right:0;margin-bottom:calc(var(--resizable-handle-hit-size) / -2);margin-left:0;width:100%;min-width:0;height:0;min-height:var(--resizable-handle-hit-size)}.Resizable_handle_ohnJQM[aria-orientation=horizontal]:after{top:50%;left:0;transform:translateY(-50%);width:100%;height:var(--resizable-handle-visual-size)}body[data-resizable-dragging]{-webkit-user-select:none;-moz-user-select:none;user-select:none}body[data-resizable-dragging] iframe{pointer-events:none}}

package/dist/Resizable/Resizable.module.css.js

@@ -0,0 +1,10 @@
+const e = "Resizable_panelGroup_Agwas3", a = "Resizable_handle_ohnJQM", l = {
+  panelGroup: e,
+  handle: a
+};
+export {
+  l as default,
+  a as handle,
+  e as panelGroup
+};
+//# sourceMappingURL=Resizable.module.css.js.map

package/dist/Resizable/Resizable.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/Resizable/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Resizable';
+//# sourceMappingURL=index.d.ts.map

package/dist/Resizable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Resizable/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/Resizable/index.js

@@ -0,0 +1,11 @@
+import { ResizableHandle as l, ResizablePanel as o, ResizablePanelGroup as u } from "./Resizable.js";
+import { useDefaultLayout as s, useGroupRef as f, usePanelRef as R } from "react-resizable-panels";
+export {
+  l as ResizableHandle,
+  o as ResizablePanel,
+  u as ResizablePanelGroup,
+  s as useDefaultLayout,
+  f as useGroupRef,
+  R as usePanelRef
+};
+//# sourceMappingURL=index.js.map

package/dist/Resizable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/RichInput/RichInput.d.ts

@@ -0,0 +1,51 @@
+import { type ReactNode, type Ref } from 'react';
+import type { ComposerDoc, RichInputHandle, RichInputMentionRenderer, RichInputMentionSerializer, RichInputTrigger } from './types';
+export type RichInputProps = {
+    value?: ComposerDoc;
+    onChange?: (doc: ComposerDoc) => void;
+    triggers?: readonly RichInputTrigger[];
+    /**
+     * How to paint an inline mention/command atom. TipTap NodeViews portal under
+     * {@link EditorContent}, so this is provided via context (not extension config).
+     * Default: plain label text.
+     */
+    renderMention?: RichInputMentionRenderer;
+    /**
+     * Plain-text form of a mention for copy/paste and {@link docToPlainText}.
+     * Default: omit (`''`) — chips are atoms, not typed characters.
+     */
+    serializeMention?: RichInputMentionSerializer;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    /** Markdown input rules: bold/italic/code, lists (`- ` / `1. `). Default true. */
+    markdown?: boolean;
+    autoFocus?: boolean;
+    minHeight?: number;
+    maxHeight?: number;
+    /** Enter submits. Default false — Enter starts a new paragraph; Cmd/Ctrl+Enter submits when `onSubmit` is set. */
+    submitOnEnter?: boolean;
+    'aria-label'?: string;
+    onSubmit?: (doc: ComposerDoc, origin?: {
+        mod: boolean;
+    }) => void;
+    onEscape?: () => void;
+    onPasteFiles?: (files: File[]) => void;
+    /**
+     * Plain-text paste hook. Return true to consume the paste (no doc insert).
+     * File pastes are handled by {@link onPasteFiles} first.
+     */
+    onPasteText?: (text: string) => boolean;
+    id?: string;
+    ref?: Ref<RichInputHandle>;
+};
+/**
+ * An editor recreate (placeholder changes when a turn ends) must not pull focus
+ * out of a comment, code editor, or other field. First mount has no root yet and still autofocuses.
+ */
+export declare function shouldYieldRichInputAutofocus(ownRoot: Element | null): boolean;
+/**
+ * TipTap composer input. Inline mention chrome comes from {@link RichInputProps.renderMention}.
+ */
+export declare function RichInput({ value, onChange, triggers, renderMention, serializeMention, placeholder, className, disabled, markdown, autoFocus, minHeight, maxHeight, submitOnEnter, 'aria-label': ariaLabel, onSubmit, onEscape, onPasteFiles, onPasteText, id, ref, }: RichInputProps): ReactNode;
+//# sourceMappingURL=RichInput.d.ts.map

package/dist/RichInput/RichInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichInput.d.ts","sourceRoot":"","sources":["../../src/RichInput/RichInput.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAOH,KAAK,SAAS,EACd,KAAK,GAAG,EACX,MAAM,OAAO,CAAC;AAgBf,OAAO,KAAK,EACR,WAAW,EAEX,eAAe,EACf,wBAAwB,EACxB,0BAA0B,EAC1B,gBAAgB,EAGnB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,cAAc,GAAG;IACzB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACvC;;;;OAIG;IACH,aAAa,CAAC,EAAE,wBAAwB,CAAC;IACzC;;;OAGG;IACH,gBAAgB,CAAC,EAAE,0BAA0B,CAAC;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kHAAkH;IAClH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IACjE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACvC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACxC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,GAAG,CAAC,eAAe,CAAC,CAAC;CAC9B,CAAC;AA2PF;;;GAGG;AACH,wBAAgB,6BAA6B,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,GAAG,OAAO,CAgB9E;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,QAAyB,EACzB,aAAa,EACb,gBAAgB,EAChB,WAAgB,EAChB,SAAS,EACT,QAAQ,EACR,QAAe,EACf,SAAS,EACT,SAAc,EACd,SAAS,EACT,aAAqB,EACrB,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,EAAE,EACF,GAAG,GACN,EAAE,cAAc,GAAG,SAAS,CAsS5B"}

package/dist/RichInput/RichInput.js

@@ -0,0 +1,351 @@
+import { clamp as C, cn as _ } from "@reforma/lib";
+import { mergeAttributes as G } from "@tiptap/core";
+import W from "@tiptap/extension-bold";
+import X from "@tiptap/extension-code";
+import Q from "@tiptap/extension-document";
+import V from "@tiptap/extension-hard-break";
+import Z from "@tiptap/extension-history";
+import ee from "@tiptap/extension-italic";
+import { ListKit as te, OrderedList as ne } from "@tiptap/extension-list";
+import oe from "@tiptap/extension-paragraph";
+import re from "@tiptap/extension-placeholder";
+import ie from "@tiptap/extension-text";
+import { PluginKey as se } from "@tiptap/pm/state";
+import { useEditor as ce, EditorContent as ue } from "@tiptap/react";
+import { useState as T, useRef as ae, useLayoutEffect as K, useEffect as le, useImperativeHandle as me, createElement as fe } from "react";
+import { pastedTextToMentionContent as de, emptyComposerDoc as E, mentionNodes as P, docsEqual as pe, docToPlainText as he } from "./composerDoc.js";
+import { handleComposerKeyDown as ye } from "./composerKeymap.js";
+import { ComposerMention as ge } from "./composerMention.js";
+import { defaultSerializeMention as Me, mentionAttrsFromNode as xe, RichInputMentionContext as Ee, defaultRenderMention as be } from "./mentionRender.js";
+import k from "./RichInput.module.css.js";
+import { RichInputTriggerMenu as Te } from "./RichInputTriggerMenu.js";
+import { jsxs as Se, jsx as O } from "react/jsx-runtime";
+const A = [];
+function De(t) {
+  let i = null;
+  return {
+    triggers: A,
+    submitOnEnter: !1,
+    getMenu: () => i,
+    setMenu: (u) => {
+      i = u, t(u);
+    },
+    setMenuItems: (u) => {
+      const p = i;
+      p && (i = {
+        ...p,
+        items: u,
+        selectedKey: u.some((s) => s.value === p.selectedKey) ? p.selectedKey : u[0]?.value ?? null
+      }, t(i));
+    },
+    getEditorDoc: () => E(),
+    insertContent: () => {
+    }
+  };
+}
+function w(t, i, f) {
+  const u = t.getAnchorRect?.();
+  return u ? {
+    x: u.left,
+    top: u.top,
+    bottom: u.bottom,
+    width: u.width
+  } : i ? {
+    x: i.left,
+    top: i.top,
+    bottom: i.bottom
+  } : f ?? {
+    x: 0,
+    top: 0,
+    bottom: 0
+  };
+}
+function Ce(t, i) {
+  return () => {
+    let f = i, u = 0;
+    const p = (s, n) => {
+      const a = ++u;
+      Promise.resolve(s.onSearch(n)).then((c) => {
+        a === u && t.setMenuItems(c);
+      });
+    };
+    return {
+      onStart: (s) => {
+        const n = t.triggers.find((c) => c.char === f), a = s.clientRect?.();
+        n && (f = n.char, t.setMenu({
+          char: n.char,
+          accessibilityLabel: n.accessibilityLabel,
+          items: [],
+          selectedKey: null,
+          placement: n.placement ?? "auto",
+          anchor: w(n, a),
+          command: (c) => s.command(c)
+        }), p(n, s.query));
+      },
+      onUpdate: (s) => {
+        const n = t.triggers.find((y) => y.char === f), a = s.clientRect?.(), c = t.getMenu();
+        !n || !c || (t.setMenu({
+          ...c,
+          placement: n.placement ?? c.placement,
+          anchor: w(n, a, c.anchor),
+          command: (y) => s.command(y)
+        }), p(n, s.query));
+      },
+      onExit: () => {
+        u += 1, t.triggers.find((s) => s.char === f)?.onClose?.(), t.setMenu(null);
+      },
+      onKeyDown: ({
+        event: s
+      }) => {
+        const n = t.getMenu();
+        if (!n)
+          return !1;
+        if (s.key === "Escape")
+          return n.items.length === 0 ? !1 : (t.setMenu(null), !0);
+        if ((s.key === "ArrowDown" || s.key === "ArrowUp") && n.items.length > 0) {
+          const a = n.items.findIndex((y) => y.value === n.selectedKey), c = s.key === "ArrowDown" ? n.items[Math.min(a + 1, n.items.length - 1)] : n.items[Math.max(a - 1, 0)];
+          return t.setMenu({
+            ...n,
+            selectedKey: c?.value ?? null
+          }), !0;
+        }
+        if ((s.key === "Enter" || s.key === "Tab" || s.key === " ") && n.items.length > 0) {
+          const a = n.items.find((c) => c.value === n.selectedKey) ?? n.items[0];
+          return !a || s.key === " " && a.kind !== "link" ? !1 : a.action ? (a.action({
+            setItems: (c) => t.setMenuItems(c)
+          }), !0) : (n.command(a), !0);
+        }
+        return !1;
+      }
+    };
+  };
+}
+const L = ["textarea", 'input:not([type="hidden"])', '[contenteditable]:not([contenteditable="false"])', ".cm-editor", ".monaco-editor"].join(", ");
+function Ie(t) {
+  if (!t || t.isDestroyed)
+    return null;
+  try {
+    return t.view.dom;
+  } catch {
+    return null;
+  }
+}
+function Re(t) {
+  if (t.closest(L))
+    return !0;
+  if (!(t instanceof HTMLIFrameElement))
+    return !1;
+  try {
+    const i = t.contentDocument?.activeElement;
+    return !!(i && i !== t.contentDocument?.body && i !== t.contentDocument?.documentElement && i.closest(L));
+  } catch {
+    return !1;
+  }
+}
+function Ke(t) {
+  if (!t || typeof document > "u")
+    return !1;
+  const i = document.activeElement;
+  return !i || i === document.body || i === document.documentElement || i === t || t.contains(i) ? !1 : Re(i);
+}
+function Qe({
+  value: t,
+  onChange: i,
+  triggers: f = A,
+  renderMention: u,
+  serializeMention: p,
+  placeholder: s = "",
+  className: n,
+  disabled: a,
+  markdown: c = !0,
+  autoFocus: y,
+  minHeight: B = 24,
+  maxHeight: S,
+  submitOnEnter: N = !1,
+  "aria-label": I,
+  onSubmit: z,
+  onEscape: F,
+  onPasteFiles: v,
+  onPasteText: $,
+  id: R,
+  ref: j
+}) {
+  const [h, q] = T(null), [b] = T(() => {
+    const e = De(q);
+    return () => e;
+  }), o = b(), [H] = T(() => (l) => {
+    const d = b().renderMention ?? be;
+    return /* @__PURE__ */ fe(d, l);
+  }), M = ae(1), x = (e) => {
+    M.current = e.state.selection.head;
+  };
+  o.triggers = f, o.submitOnEnter = N, o.onChange = i, o.onPasteFiles = v, o.onPasteText = $, o.renderMention = u, o.serializeMention = p, o.onSubmit = z, o.onEscape = F;
+  const J = f.map((e) => `${e.char}:${e.position ?? "any"}`).join("|"), [U, Y] = T(null), r = ce({
+    immediatelyRender: !1,
+    editable: !a,
+    autofocus: y && !Ke(U) ? "end" : !1,
+    extensions: [Q, oe, ie, V.extend({
+      addKeyboardShortcuts() {
+        return {};
+      }
+    }), Z, ...c ? [W, ee, X, te.configure({
+      orderedList: !1,
+      taskItem: !1,
+      taskList: !1
+    }), ne.extend({
+      // CSS draws the numbers (see `.editor ol`); seed the counter from `start`.
+      renderHTML({
+        node: e,
+        HTMLAttributes: l
+      }) {
+        return ["ol", G(this.options.HTMLAttributes, l, {
+          style: `counter-reset: rich-input-ol ${e.attrs.start - 1}`
+        }), 0];
+      }
+    })] : [], re.configure({
+      placeholder: s
+    }), ge.configure({
+      // Backspace on a chip must not leave a stray `@` / `/` trigger char.
+      deleteTriggerWithBackspace: !0,
+      renderText: ({
+        node: e
+      }) => (o.serializeMention ?? Me)(xe(e.attrs)),
+      suggestions: f.map((e) => ({
+        char: e.char,
+        pluginKey: new se(`rich-input-${e.char}`),
+        startOfLine: e.position === "start",
+        allowedPrefixes: e.position === "start" ? null : void 0,
+        items: () => [],
+        render: Ce(o, e.char),
+        command: ({
+          editor: l,
+          range: d,
+          props: g
+        }) => {
+          const m = g;
+          if (!m.action) {
+            if (m.run) {
+              l.chain().focus().deleteRange(d).run(), m.run();
+              return;
+            }
+            m.kind && l.chain().focus().insertContentAt(d, P({
+              id: m.value,
+              label: m.displayText ?? m.label,
+              kind: m.kind,
+              trigger: e.char,
+              data: m.data
+            })).run();
+          }
+        }
+      }))
+    })],
+    content: t ?? E(),
+    editorProps: {
+      attributes: {
+        ...R ? {
+          id: R
+        } : {},
+        ...I ? {
+          "aria-label": I
+        } : {},
+        class: k.editor,
+        style: [`min-height:${B}px`, S != null ? `max-height:${S}px` : null, S != null ? "overflow-y:auto" : null].filter(Boolean).join(";")
+      },
+      handleKeyDown: (e, l) => ye(e, l, {
+        submitOnEnter: o.submitOnEnter,
+        hasMenuItems: !!o.getMenu()?.items.length,
+        onSubmit: (d) => o.onSubmit?.(o.getEditorDoc(), d),
+        onEscape: o.onEscape,
+        closeMenu: () => o.setMenu(null)
+      }),
+      handlePaste: (e, l) => {
+        const d = l.clipboardData?.files;
+        if (d && d.length > 0 && o.onPasteFiles)
+          return o.onPasteFiles([...d]), l.preventDefault(), !0;
+        const g = l.clipboardData?.getData("text/plain") ?? "";
+        if (g && o.onPasteText?.(g))
+          return l.preventDefault(), !0;
+        const m = o.triggers.find((D) => D.char === "@");
+        return !m || !g || !/@https?:\/\/\S/i.test(g) ? !1 : (l.preventDefault(), de(g, m).then((D) => {
+          o.setMenu(null), o.insertContent(D);
+        }), !0);
+      }
+    },
+    onUpdate: ({
+      editor: e
+    }) => {
+      x(e), o.onChange?.(e.getJSON());
+    },
+    onSelectionUpdate: ({
+      editor: e
+    }) => {
+      x(e);
+    },
+    onBlur: ({
+      editor: e
+    }) => {
+      x(e);
+    }
+  }, [J, c, s]);
+  return K(() => {
+    Y(Ie(r));
+  }, [r]), o.getEditorDoc = () => r?.getJSON() ?? E(), o.insertContent = (e) => {
+    r?.chain().focus().insertContent(e).run();
+  }, K(() => {
+    if (!(!r || t == null) && !pe(r.getJSON(), t)) {
+      r.chain().setMeta("addToHistory", !1).setContent(t, {
+        emitUpdate: !1
+      }).run();
+      const e = C(1, M.current, r.state.doc.content.size);
+      M.current = e, r.isFocused && r.commands.setTextSelection(e);
+    }
+  }, [r, t]), le(() => {
+    r?.setEditable(!a);
+  }, [r, a]), me(j, () => ({
+    focus: () => {
+      if (!r)
+        return;
+      const e = C(1, M.current, r.state.doc.content.size);
+      r.chain().focus().setTextSelection(e).run();
+    },
+    getDoc: () => r?.getJSON() ?? E(),
+    getPlainText: () => he(r?.getJSON() ?? E(), b().serializeMention),
+    insertMention: (e) => {
+      if (!r)
+        return;
+      const l = C(1, M.current, r.state.doc.content.size);
+      r.chain().insertContentAt(l, P(e)).focus().run(), x(r);
+    },
+    appendText: (e) => {
+      e && (r?.chain().focus("end").insertContent(e).run(), r && x(r));
+    }
+  }), [r, b]), /* @__PURE__ */ Se(Ee, {
+    value: H,
+    children: [/* @__PURE__ */ O(ue, {
+      editor: r,
+      className: _(k.root, n),
+      "data-rich-input-menu": h?.items.length ? "" : void 0
+    }), /* @__PURE__ */ O(Te, {
+      isOpen: !!h?.items.length,
+      anchor: h?.anchor ?? null,
+      placement: h?.placement ?? "auto",
+      items: h?.items ?? [],
+      selectedKey: h?.selectedKey ?? null,
+      accessibilityLabel: h?.accessibilityLabel ?? "Suggestions",
+      onSelect: (e) => {
+        if (e.action) {
+          e.action({
+            setItems: (l) => o.setMenuItems(l)
+          });
+          return;
+        }
+        h?.command(e), o.setMenu(null);
+      }
+    })]
+  });
+}
+export {
+  Qe as RichInput,
+  Ke as shouldYieldRichInputAutofocus
+};
+//# sourceMappingURL=RichInput.js.map

package/dist/RichInput/RichInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichInput.js","sources":["../../src/RichInput/RichInput.tsx"],"sourcesContent":["'use client';\n\nimport { clamp, cn } from '@reforma/lib';\nimport { mergeAttributes } from '@tiptap/core';\nimport Bold from '@tiptap/extension-bold';\nimport Code from '@tiptap/extension-code';\nimport Document from '@tiptap/extension-document';\nimport HardBreak from '@tiptap/extension-hard-break';\nimport History from '@tiptap/extension-history';\nimport Italic from '@tiptap/extension-italic';\nimport { ListKit, OrderedList } from '@tiptap/extension-list';\nimport Paragraph from '@tiptap/extension-paragraph';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport Text from '@tiptap/extension-text';\nimport { PluginKey } from '@tiptap/pm/state';\nimport { EditorContent, useEditor } from '@tiptap/react';\nimport {\n    createElement,\n    useEffect,\n    useImperativeHandle,\n    useLayoutEffect,\n    useRef,\n    useState,\n    type ReactNode,\n    type Ref,\n} from 'react';\n\nimport {\n    docsEqual,\n    docToPlainText,\n    emptyComposerDoc,\n    mentionNodes,\n    pastedTextToMentionContent,\n} from './composerDoc';\nimport { handleComposerKeyDown } from './composerKeymap';\nimport { ComposerMention } from './composerMention';\nimport { defaultRenderMention, defaultSerializeMention, mentionAttrsFromNode, RichInputMentionContext } from './mentionRender';\nimport styles from './RichInput.module.css';\nimport { RichInputTriggerMenu, type RichInputTriggerAnchor } from './RichInputTriggerMenu';\n\nimport type { SuggestionKeyDownProps, SuggestionProps } from '@tiptap/suggestion';\nimport type {\n    ComposerDoc,\n    ComposerMentionAttrs,\n    RichInputHandle,\n    RichInputMentionRenderer,\n    RichInputMentionSerializer,\n    RichInputTrigger,\n    RichInputTriggerItem,\n    RichInputTriggerPlacement,\n} from './types';\n\nexport type RichInputProps = {\n    value?: ComposerDoc;\n    onChange?: (doc: ComposerDoc) => void;\n    triggers?: readonly RichInputTrigger[];\n    /**\n     * How to paint an inline mention/command atom. TipTap NodeViews portal under\n     * {@link EditorContent}, so this is provided via context (not extension config).\n     * Default: plain label text.\n     */\n    renderMention?: RichInputMentionRenderer;\n    /**\n     * Plain-text form of a mention for copy/paste and {@link docToPlainText}.\n     * Default: omit (`''`) — chips are atoms, not typed characters.\n     */\n    serializeMention?: RichInputMentionSerializer;\n    placeholder?: string;\n    className?: string;\n    disabled?: boolean;\n    /** Markdown input rules: bold/italic/code, lists (`- ` / `1. `). Default true. */\n    markdown?: boolean;\n    autoFocus?: boolean;\n    minHeight?: number;\n    maxHeight?: number;\n    /** Enter submits. Default false — Enter starts a new paragraph; Cmd/Ctrl+Enter submits when `onSubmit` is set. */\n    submitOnEnter?: boolean;\n    'aria-label'?: string;\n    onSubmit?: (doc: ComposerDoc, origin?: { mod: boolean }) => void;\n    onEscape?: () => void;\n    onPasteFiles?: (files: File[]) => void;\n    /**\n     * Plain-text paste hook. Return true to consume the paste (no doc insert).\n     * File pastes are handled by {@link onPasteFiles} first.\n     */\n    onPasteText?: (text: string) => boolean;\n    id?: string;\n    ref?: Ref<RichInputHandle>;\n};\n\ntype MenuState = {\n    char: string;\n    accessibilityLabel: string;\n    items: RichInputTriggerItem[];\n    selectedKey: string | null;\n    anchor: RichInputTriggerAnchor;\n    placement: RichInputTriggerPlacement;\n    command: (item: RichInputTriggerItem) => void;\n};\n\ntype Bridge = {\n    triggers: readonly RichInputTrigger[];\n    submitOnEnter: boolean;\n    onChange?: (doc: ComposerDoc) => void;\n    onPasteFiles?: (files: File[]) => void;\n    onPasteText?: (text: string) => boolean;\n    renderMention?: RichInputMentionRenderer;\n    serializeMention?: RichInputMentionSerializer;\n    onSubmit?: (doc: ComposerDoc, origin?: { mod: boolean }) => void;\n    onEscape?: () => void;\n    setMenu: (menu: MenuState | null) => void;\n    getMenu: () => MenuState | null;\n    setMenuItems: (items: RichInputTriggerItem[]) => void;\n    getEditorDoc: () => ComposerDoc;\n    insertContent: (content: ComposerDoc | ComposerDoc[]) => void;\n};\n\nconst EMPTY_TRIGGERS: readonly RichInputTrigger[] = [];\n\nfunction createBridge(setMenu: (menu: MenuState | null) => void): Bridge {\n    let menu: MenuState | null = null;\n\n    const bridge: Bridge = {\n        triggers: EMPTY_TRIGGERS,\n        submitOnEnter: false,\n        getMenu: () => menu,\n        setMenu: (next) => {\n            menu = next;\n            setMenu(next);\n        },\n        setMenuItems: (items) => {\n            const current = menu;\n\n            if (!current) {\n                return;\n            }\n\n            menu = {\n                ...current,\n                items,\n                selectedKey: items.some(i => i.value === current.selectedKey)\n                    ? current.selectedKey\n                    : (items[0]?.value ?? null),\n            };\n            setMenu(menu);\n        },\n        getEditorDoc: () => emptyComposerDoc(),\n        insertContent: () => undefined,\n    };\n\n    return bridge;\n}\n\nfunction triggerAnchor(\n    trigger: RichInputTrigger,\n    caret: DOMRect | null | undefined,\n    fallback?: RichInputTriggerAnchor\n): RichInputTriggerAnchor {\n    const host = trigger.getAnchorRect?.();\n\n    if (host) {\n        return { x: host.left, top: host.top, bottom: host.bottom, width: host.width };\n    }\n\n    if (caret) {\n        return { x: caret.left, top: caret.top, bottom: caret.bottom };\n    }\n\n    return fallback ?? { x: 0, top: 0, bottom: 0 };\n}\n\nfunction buildSuggestionRender(bridge: Bridge, triggerChar: string) {\n    return () => {\n        let activeChar = triggerChar;\n        let searchSeq = 0;\n\n        const runSearch = (trigger: RichInputTrigger, query: string) => {\n            const seq = ++searchSeq;\n\n            void Promise.resolve(trigger.onSearch(query)).then((items) => {\n                if (seq !== searchSeq) {\n                    return;\n                }\n\n                bridge.setMenuItems(items);\n            });\n        };\n\n        return {\n            onStart: (props: SuggestionProps<RichInputTriggerItem>) => {\n                const match = bridge.triggers.find(t => t.char === activeChar);\n                const rect = props.clientRect?.();\n\n                if (!match) {\n                    return;\n                }\n\n                activeChar = match.char;\n                bridge.setMenu({\n                    char: match.char,\n                    accessibilityLabel: match.accessibilityLabel,\n                    items: [],\n                    selectedKey: null,\n                    placement: match.placement ?? 'auto',\n                    anchor: triggerAnchor(match, rect),\n                    command: item => props.command(item),\n                });\n                runSearch(match, props.query);\n            },\n            onUpdate: (props: SuggestionProps<RichInputTriggerItem>) => {\n                const match = bridge.triggers.find(t => t.char === activeChar);\n                const rect = props.clientRect?.();\n                const current = bridge.getMenu();\n\n                if (!match || !current) {\n                    return;\n                }\n\n                bridge.setMenu({\n                    ...current,\n                    placement: match.placement ?? current.placement,\n                    anchor: triggerAnchor(match, rect, current.anchor),\n                    command: item => props.command(item),\n                });\n                runSearch(match, props.query);\n            },\n            onExit: () => {\n                searchSeq += 1;\n                bridge.triggers.find(t => t.char === activeChar)?.onClose?.();\n                bridge.setMenu(null);\n            },\n            onKeyDown: ({ event }: SuggestionKeyDownProps) => {\n                const current = bridge.getMenu();\n\n                if (!current) {\n                    return false;\n                }\n\n                if (event.key === 'Escape') {\n                    if (current.items.length === 0) {\n                        return false;\n                    }\n\n                    bridge.setMenu(null);\n\n                    return true;\n                }\n\n                if ((event.key === 'ArrowDown' || event.key === 'ArrowUp') && current.items.length > 0) {\n                    const index = current.items.findIndex(i => i.value === current.selectedKey);\n                    const next = event.key === 'ArrowDown'\n                        ? current.items[Math.min(index + 1, current.items.length - 1)]\n                        : current.items[Math.max(index - 1, 0)];\n\n                    bridge.setMenu({ ...current, selectedKey: next?.value ?? null });\n\n                    return true;\n                }\n\n                if ((event.key === 'Enter' || event.key === 'Tab' || event.key === ' ') && current.items.length > 0) {\n                    const item = current.items.find(i => i.value === current.selectedKey) ?? current.items[0];\n\n                    if (!item) {\n                        return false;\n                    }\n\n                    if (event.key === ' ' && item.kind !== 'link') {\n                        return false;\n                    }\n\n                    if (item.action) {\n                        item.action({\n                            setItems: items => bridge.setMenuItems(items),\n                        });\n\n                        return true;\n                    }\n\n                    current.command(item);\n\n                    return true;\n                }\n\n                return false;\n            },\n        };\n    };\n}\n\nconst FOREIGN_TEXT_ENTRY = [\n    'textarea',\n    'input:not([type=\"hidden\"])',\n    '[contenteditable]:not([contenteditable=\"false\"])',\n    '.cm-editor',\n    '.monaco-editor',\n].join(', ');\n\ntype MountedEditor = {\n    isDestroyed: boolean;\n    view: { dom: Element };\n};\n\nfunction mountedEditorDom(editor: MountedEditor | null): Element | null {\n    if (!editor || editor.isDestroyed) {\n        return null;\n    }\n\n    try {\n        return editor.view.dom;\n    }\n    catch {\n        return null;\n    }\n}\n\nfunction isTextEntry(active: Element): boolean {\n    if (active.closest(FOREIGN_TEXT_ENTRY)) {\n        return true;\n    }\n\n    if (!(active instanceof HTMLIFrameElement)) {\n        return false;\n    }\n\n    try {\n        const inner = active.contentDocument?.activeElement;\n\n        return Boolean(\n            inner\n            && inner !== active.contentDocument?.body\n            && inner !== active.contentDocument?.documentElement\n            && inner.closest(FOREIGN_TEXT_ENTRY)\n        );\n    }\n    catch {\n        return false;\n    }\n}\n\n/**\n * An editor recreate (placeholder changes when a turn ends) must not pull focus\n * out of a comment, code editor, or other field. First mount has no root yet and still autofocuses.\n */\nexport function shouldYieldRichInputAutofocus(ownRoot: Element | null): boolean {\n    if (!ownRoot || typeof document === 'undefined') {\n        return false;\n    }\n\n    const active = document.activeElement;\n\n    if (!active || active === document.body || active === document.documentElement) {\n        return false;\n    }\n\n    if (active === ownRoot || ownRoot.contains(active)) {\n        return false;\n    }\n\n    return isTextEntry(active);\n}\n\n/**\n * TipTap composer input. Inline mention chrome comes from {@link RichInputProps.renderMention}.\n */\nexport function RichInput({\n    value,\n    onChange,\n    triggers = EMPTY_TRIGGERS,\n    renderMention,\n    serializeMention,\n    placeholder = '',\n    className,\n    disabled,\n    markdown = true,\n    autoFocus,\n    minHeight = 24,\n    maxHeight,\n    submitOnEnter = false,\n    'aria-label': ariaLabel,\n    onSubmit,\n    onEscape,\n    onPasteFiles,\n    onPasteText,\n    id,\n    ref,\n}: RichInputProps): ReactNode {\n    const [menu, setMenu] = useState<MenuState | null>(null);\n    const [getBridge] = useState(() => {\n        const live = createBridge(setMenu);\n\n        return () => live;\n    });\n    const bridge = getBridge();\n    // Stable for TipTap portals — always delegates to the latest prop / default.\n    // Must `createElement` (not call): front `observer`/compiler wrappers are objects.\n    const [mentionRenderer] = useState(() => {\n        const render: RichInputMentionRenderer = (props) => {\n            const Impl = getBridge().renderMention ?? defaultRenderMention;\n\n            return createElement(Impl, props);\n        };\n\n        return render;\n    });\n    /** Last caret pos — used when pinning layers/files while the editor is blurred. */\n    const lastPosRef = useRef(1);\n\n    const rememberPos = (tipTapEditor: { state: { selection: { head: number } } }) => {\n        lastPosRef.current = tipTapEditor.state.selection.head;\n    };\n\n    bridge.triggers = triggers;\n    bridge.submitOnEnter = submitOnEnter;\n    bridge.onChange = onChange;\n    bridge.onPasteFiles = onPasteFiles;\n    bridge.onPasteText = onPasteText;\n    bridge.renderMention = renderMention;\n    bridge.serializeMention = serializeMention;\n    bridge.onSubmit = onSubmit;\n    bridge.onEscape = onEscape;\n\n    const triggerKey = triggers.map(t => `${ t.char }:${ t.position ?? 'any' }`).join('|');\n    // Previous editor root, so a recreate can see where focus was before TipTap swaps the DOM.\n    const [yieldRoot, setYieldRoot] = useState<Element | null>(null);\n\n    const editor = useEditor({\n        immediatelyRender: false,\n        editable: !disabled,\n        autofocus: autoFocus && !shouldYieldRichInputAutofocus(yieldRoot)\n            ? 'end'\n            : false,\n        extensions: [\n            Document,\n            Paragraph,\n            Text,\n            HardBreak.extend({\n                addKeyboardShortcuts() {\n                    return {};\n                },\n            }),\n            History,\n            ...(markdown\n                ? [\n                    Bold,\n                    Italic,\n                    Code,\n                    ListKit.configure({ orderedList: false, taskItem: false, taskList: false }),\n                    OrderedList.extend({\n                        // CSS draws the numbers (see `.editor ol`); seed the counter from `start`.\n                        renderHTML({ node, HTMLAttributes }) {\n                            return ['ol', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {\n                                style: `counter-reset: rich-input-ol ${ node.attrs.start - 1 }`,\n                            }), 0];\n                        },\n                    }),\n                ]\n                : []),\n            Placeholder.configure({ placeholder }),\n            ComposerMention.configure({\n                // Backspace on a chip must not leave a stray `@` / `/` trigger char.\n                deleteTriggerWithBackspace: true,\n                renderText: ({ node }) => (\n                    (bridge.serializeMention ?? defaultSerializeMention)(\n                        mentionAttrsFromNode(node.attrs)\n                    )\n                ),\n                suggestions: triggers.map(trigger => ({\n                    char: trigger.char,\n                    pluginKey: new PluginKey(`rich-input-${ trigger.char }`),\n                    startOfLine: trigger.position === 'start',\n                    allowedPrefixes: trigger.position === 'start' ? null : undefined,\n                    items: () => [],\n                    render: buildSuggestionRender(bridge, trigger.char),\n                    command: ({ editor: tipTapEditor, range, props }) => {\n                        const item = props as unknown as RichInputTriggerItem;\n\n                        if (item.action) {\n                            return;\n                        }\n\n                        if (item.run) {\n                            tipTapEditor.chain().focus().deleteRange(range).run();\n                            item.run();\n\n                            return;\n                        }\n\n                        if (!item.kind) {\n                            return;\n                        }\n\n                        tipTapEditor\n                            .chain()\n                            .focus()\n                            .insertContentAt(range, mentionNodes({\n                                id: item.value,\n                                label: item.displayText ?? item.label,\n                                kind: item.kind,\n                                trigger: trigger.char,\n                                data: item.data,\n                            }))\n                            .run();\n                    },\n                })),\n            }),\n        ],\n        content: value ?? emptyComposerDoc(),\n        editorProps: {\n            attributes: {\n                ...(id ? { id } : {}),\n                ...(ariaLabel ? { 'aria-label': ariaLabel } : {}),\n                class: styles.editor,\n                style: [\n                    `min-height:${ minHeight }px`,\n                    maxHeight != null ? `max-height:${ maxHeight }px` : null,\n                    maxHeight != null ? 'overflow-y:auto' : null,\n                ].filter(Boolean).join(';'),\n            },\n            handleKeyDown: (view, event) => handleComposerKeyDown(view, event, {\n                submitOnEnter: bridge.submitOnEnter,\n                hasMenuItems: Boolean(bridge.getMenu()?.items.length),\n                onSubmit: origin => bridge.onSubmit?.(bridge.getEditorDoc(), origin),\n                onEscape: bridge.onEscape,\n                closeMenu: () => bridge.setMenu(null),\n            }),\n            handlePaste: (_view, event) => {\n                const files = event.clipboardData?.files;\n\n                if (files && files.length > 0 && bridge.onPasteFiles) {\n                    bridge.onPasteFiles([...files]);\n                    event.preventDefault();\n\n                    return true;\n                }\n\n                const text = event.clipboardData?.getData('text/plain') ?? '';\n\n                if (text && bridge.onPasteText?.(text)) {\n                    event.preventDefault();\n\n                    return true;\n                }\n\n                const mention = bridge.triggers.find(trigger => trigger.char === '@');\n\n                if (!mention || !text || !/@https?:\\/\\/\\S/i.test(text)) {\n                    return false;\n                }\n\n                event.preventDefault();\n                void pastedTextToMentionContent(text, mention).then((content) => {\n                    bridge.setMenu(null);\n                    bridge.insertContent(content);\n                });\n\n                return true;\n            },\n        },\n        onUpdate: ({ editor: tipTapEditor }) => {\n            rememberPos(tipTapEditor);\n            bridge.onChange?.(tipTapEditor.getJSON() as ComposerDoc);\n        },\n        onSelectionUpdate: ({ editor: tipTapEditor }) => {\n            rememberPos(tipTapEditor);\n        },\n        onBlur: ({ editor: tipTapEditor }) => {\n            rememberPos(tipTapEditor);\n        },\n    }, [triggerKey, markdown, placeholder]);\n\n    useLayoutEffect(() => {\n        setYieldRoot(mountedEditorDom(editor));\n    }, [editor]);\n\n    bridge.getEditorDoc = () => (\n        (editor?.getJSON() as ComposerDoc | undefined) ?? emptyComposerDoc()\n    );\n    bridge.insertContent = (content) => {\n        editor?.chain().focus().insertContent(content).run();\n    };\n\n    useLayoutEffect(() => {\n        if (!editor || value == null) {\n            return;\n        }\n\n        if (!docsEqual(editor.getJSON() as ComposerDoc, value)) {\n            // External/controlled sync must not push history steps — otherwise Cmd+Z\n            // undoes the sync, then the prop re-applies and undo looks broken.\n            editor\n                .chain()\n                .setMeta('addToHistory', false)\n                .setContent(value, { emitUpdate: false })\n                .run();\n\n            const pos = clamp(1, lastPosRef.current, editor.state.doc.content.size);\n\n            lastPosRef.current = pos;\n\n            if (editor.isFocused) {\n                editor.commands.setTextSelection(pos);\n            }\n        }\n    }, [editor, value]);\n\n    useEffect(() => {\n        editor?.setEditable(!disabled);\n    }, [editor, disabled]);\n\n    useImperativeHandle(ref, () => ({\n        focus: () => {\n            if (!editor) {\n                return;\n            }\n\n            const pos = clamp(1, lastPosRef.current, editor.state.doc.content.size);\n\n            editor.chain().focus().setTextSelection(pos).run();\n        },\n        getDoc: () => (editor?.getJSON() as ComposerDoc) ?? emptyComposerDoc(),\n        getPlainText: () => docToPlainText(\n            (editor?.getJSON() as ComposerDoc) ?? emptyComposerDoc(),\n            getBridge().serializeMention\n        ),\n        insertMention: (attrs: ComposerMentionAttrs) => {\n            if (!editor) {\n                return;\n            }\n\n            const pos = clamp(1, lastPosRef.current, editor.state.doc.content.size);\n\n            editor\n                .chain()\n                .insertContentAt(pos, mentionNodes(attrs))\n                .focus()\n                .run();\n            rememberPos(editor);\n        },\n        appendText: (text: string) => {\n            if (!text) {\n                return;\n            }\n\n            editor?.chain().focus('end').insertContent(text).run();\n            if (editor) {\n                rememberPos(editor);\n            }\n        },\n    }), [editor, getBridge]);\n\n    return (\n        <RichInputMentionContext value={ mentionRenderer }>\n            <EditorContent\n                editor={ editor }\n                className={ cn(styles.root, className) }\n                data-rich-input-menu={ menu?.items.length ? '' : undefined }\n            />\n            <RichInputTriggerMenu\n                isOpen={ Boolean(menu?.items.length) }\n                anchor={ menu?.anchor ?? null }\n                placement={ menu?.placement ?? 'auto' }\n                items={ menu?.items ?? [] }\n                selectedKey={ menu?.selectedKey ?? null }\n                accessibilityLabel={ menu?.accessibilityLabel ?? 'Suggestions' }\n                onSelect={ (item) => {\n                    if (item.action) {\n                        item.action({\n                            setItems: items => bridge.setMenuItems(items),\n                        });\n\n                        return;\n                    }\n\n                    menu?.command(item);\n                    bridge.setMenu(null);\n                } }\n            />\n        </RichInputMentionContext>\n    );\n}\n"],"names":["EMPTY_TRIGGERS","createBridge","setMenu","menu","next","items","current","i","emptyComposerDoc","triggerAnchor","trigger","caret","fallback","host","buildSuggestionRender","bridge","triggerChar","activeChar","searchSeq","runSearch","query","seq","props","match","t","rect","item","event","index","FOREIGN_TEXT_ENTRY","mountedEditorDom","editor","isTextEntry","active","inner","shouldYieldRichInputAutofocus","ownRoot","RichInput","value","onChange","triggers","renderMention","serializeMention","placeholder","className","disabled","markdown","autoFocus","minHeight","maxHeight","submitOnEnter","ariaLabel","onSubmit","onEscape","onPasteFiles","onPasteText","id","ref","useState","getBridge","live","mentionRenderer","Impl","defaultRenderMention","createElement","lastPosRef","useRef","rememberPos","tipTapEditor","triggerKey","yieldRoot","setYieldRoot","useEditor","Document","Paragraph","Text","HardBreak","History","Bold","Italic","Code","ListKit","OrderedList","node","HTMLAttributes","mergeAttributes","Placeholder","ComposerMention","defaultSerializeMention","mentionAttrsFromNode","PluginKey","range","mentionNodes","styles","view","handleComposerKeyDown","origin","_view","files","text","mention","pastedTextToMentionContent","content","useLayoutEffect","docsEqual","pos","clamp","useEffect","useImperativeHandle","docToPlainText","attrs","RichInputMentionContext","_jsx","EditorContent","cn","RichInputTriggerMenu"],"mappings":"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"}

package/dist/RichInput/RichInput.module.css

@@ -0,0 +1 @@
+@layer components{.RichInput_root_dYRGtA{position:relative;width:100%;min-width:0;color:var(--color-secondary-content)}.RichInput_editor_GLk1j9{flex:1;box-shadow:none;border:none;width:100%;min-width:0;color:inherit;font:inherit;line-height:inherit;white-space:pre-wrap;overflow-wrap:break-word}.RichInput_editor_GLk1j9 p{margin:0;font:inherit;line-height:inherit}.RichInput_editor_GLk1j9 code{font-size:.9em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.RichInput_editor_GLk1j9 .rich-input-mention{display:inline-flex;vertical-align:middle;margin-inline:var(--spacing-2)}.RichInput_editor_GLk1j9 .rich-input-mention [data-node-view-wrapper]{display:inline-flex}.RichInput_editor_GLk1j9 .rich-input-mention [data-chip]{padding-inline:var(--spacing-4);padding-block:0}.RichInput_root_dYRGtA .tiptap p.is-editor-empty:first-child:before,.RichInput_root_dYRGtA p.is-empty:first-child:before,.RichInput_editor_GLk1j9.is-editor-empty:before,.RichInput_editor_GLk1j9.is-empty:before{float:left;height:0;pointer-events:none;content:attr(data-placeholder);color:var(--color-secondary-muted-text);font:inherit;line-height:inherit}}.RichInput_editor_GLk1j9:focus,.RichInput_editor_GLk1j9:focus-visible{outline:none;box-shadow:none;border:none}.RichInput_editor_GLk1j9 ul,.RichInput_editor_GLk1j9 ol{margin:0;padding-inline-start:1.25em}.RichInput_editor_GLk1j9 ul{list-style-type:disc}.RichInput_editor_GLk1j9 ol{padding-inline-start:1.5em;list-style:none}.RichInput_editor_GLk1j9 ol>li{position:relative;counter-increment:rich-input-ol}.RichInput_editor_GLk1j9 ol>li:before{position:absolute;inset-inline-start:-1.5em;content:counter(rich-input-ol) ".";font-variant-numeric:tabular-nums}

package/dist/RichInput/RichInput.module.css.js

@@ -0,0 +1,10 @@
+const t = "RichInput_root_dYRGtA", o = "RichInput_editor_GLk1j9", r = {
+  root: t,
+  editor: o
+};
+export {
+  r as default,
+  o as editor,
+  t as root
+};
+//# sourceMappingURL=RichInput.module.css.js.map

package/dist/RichInput/RichInput.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichInput.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/RichInput/RichInputMentionNodeView.d.ts

@@ -0,0 +1,5 @@
+import { type NodeViewProps } from '@tiptap/react';
+import { type ReactNode } from 'react';
+/** TipTap host for consumer mention UI (via {@link RichInputMentionContext}). */
+export declare function RichInputMentionNodeView({ node, deleteNode }: NodeViewProps): ReactNode;
+//# sourceMappingURL=RichInputMentionNodeView.d.ts.map

package/dist/RichInput/RichInputMentionNodeView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichInputMentionNodeView.d.ts","sourceRoot":"","sources":["../../src/RichInput/RichInputMentionNodeView.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AACpE,OAAO,EAA2C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIhF,iFAAiF;AACjF,wBAAgB,wBAAwB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,aAAa,GAAG,SAAS,CAcvF"}

package/dist/RichInput/RichInputMentionNodeView.js

@@ -0,0 +1,24 @@
+import { NodeViewWrapper as p } from "@tiptap/react";
+import { use as a } from "react";
+import { RichInputMentionContext as m, defaultRenderMention as s, mentionAttrsFromNode as c } from "./mentionRender.js";
+import { jsx as n } from "react/jsx-runtime";
+function M({
+  node: t,
+  deleteNode: e
+}) {
+  const r = a(m) ?? s, i = c(t.attrs);
+  return /* @__PURE__ */ n(p, {
+    as: "span",
+    contentEditable: !1,
+    onPointerDown: (o) => o.stopPropagation(),
+    onClick: (o) => o.stopPropagation(),
+    children: /* @__PURE__ */ n(r, {
+      mention: i,
+      deleteNode: e
+    })
+  });
+}
+export {
+  M as RichInputMentionNodeView
+};
+//# sourceMappingURL=RichInputMentionNodeView.js.map

package/dist/RichInput/RichInputMentionNodeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichInputMentionNodeView.js","sources":["../../src/RichInput/RichInputMentionNodeView.tsx"],"sourcesContent":["'use client';\n\nimport { NodeViewWrapper, type NodeViewProps } from '@tiptap/react';\nimport { use, type MouseEvent, type PointerEvent, type ReactNode } from 'react';\n\nimport { defaultRenderMention, mentionAttrsFromNode, RichInputMentionContext } from './mentionRender';\n\n/** TipTap host for consumer mention UI (via {@link RichInputMentionContext}). */\nexport function RichInputMentionNodeView({ node, deleteNode }: NodeViewProps): ReactNode {\n    const RenderMention = use(RichInputMentionContext) ?? defaultRenderMention;\n    const mention = mentionAttrsFromNode(node.attrs);\n\n    return (\n        <NodeViewWrapper\n            as=\"span\"\n            contentEditable={ false }\n            onPointerDown={ (event: PointerEvent) => event.stopPropagation() }\n            onClick={ (event: MouseEvent) => event.stopPropagation() }\n        >\n            <RenderMention mention={ mention } deleteNode={ deleteNode } />\n        </NodeViewWrapper>\n    );\n}\n"],"names":["RichInputMentionNodeView","node","deleteNode","RenderMention","use","RichInputMentionContext","defaultRenderMention","mention","mentionAttrsFromNode","NodeViewWrapper","event"],"mappings":";;;;AAQO,SAASA,EAAyB;AAAA,EACvC,MAAAC;AAAA,EACA,YAAAC;AACF,GAAG;AACD,QAAMC,IAAgBC,EAAIC,CAAuB,KAAKC,GAChDC,IAAUC,EAAqBP,EAAK,KAAK;AAC/C,2BAAyBQ,GAAiB;AAAA,IACxC,IAAI;AAAA,IACJ,iBAAiB;AAAA,IACjB,eAAe,CAAAC,MAASA,EAAM,gBAAA;AAAA,IAC9B,SAAS,CAAAA,MAASA,EAAM,gBAAA;AAAA,IACxB,4BAA4BP,GAAe;AAAA,MACzC,SAAAI;AAAA,MACA,YAAAL;AAAA,IAAA,CACD;AAAA,EAAA,CACF;AACH;"}

package/dist/RichInput/RichInputTriggerMenu.d.ts

@@ -0,0 +1,26 @@
+import { type ReactNode } from 'react';
+import type { RichInputTriggerItem, RichInputTriggerPlacement } from './types';
+export type RichInputTriggerAnchor = {
+    x: number;
+    top: number;
+    bottom: number;
+    /** Host box width — menu matches this instead of 260–360 caret sizing. */
+    width?: number;
+};
+export type RichInputTriggerMenuProps = {
+    isOpen: boolean;
+    anchor: RichInputTriggerAnchor | null;
+    placement?: RichInputTriggerPlacement;
+    items: readonly RichInputTriggerItem[];
+    selectedKey: string | null;
+    accessibilityLabel: string;
+    onSelect: (item: RichInputTriggerItem) => void;
+};
+/**
+ * Caret- or host-anchored trigger picker (ListBox). Portaled to `document.body`
+ * so chat panel `overflow` / `backdrop-filter` cannot clip it. `placement: top`
+ * always grows upward from the anchor (composer `/` and `@`); `auto` picks the
+ * side with more room.
+ */
+export declare function RichInputTriggerMenu({ isOpen, anchor, placement, items, selectedKey, accessibilityLabel, onSelect, }: RichInputTriggerMenuProps): ReactNode;
+//# sourceMappingURL=RichInputTriggerMenu.d.ts.map