@pibit.ai/cure-design-system 0.6.49 → 0.6.51

package/dist/code-editor/index.js

@@ -1,14 +1,16 @@
-import { cureCodeMirrorTheme as e, cureEditorChrome as t, cureHighlightStyle as d } from "./theme.js";
-import { CodeEditor as m } from "./code-editor.js";
-import { loadLanguageExtension as x } from "./languages.js";
+import { cureCodeMirrorTheme as e, cureEditorChrome as t, cureHighlightStyle as i } from "./theme.js";
+import { CodeEditor as f } from "./code-editor.js";
+import { DiffEditor as x } from "./diff-editor.js";
+import { loadLanguageExtension as E } from "./languages.js";
 import { JsonCodeEditor as n } from "./json-code-editor.js";
-import { formatJsonEditorValue as u } from "./formatJsonEditorValue.js";
+import { formatJsonEditorValue as g } from "./formatJsonEditorValue.js";
 export {
-  m as CodeEditor,
+  f as CodeEditor,
+  x as DiffEditor,
   n as JsonCodeEditor,
   e as cureCodeMirrorTheme,
   t as cureEditorChrome,
-  d as cureHighlightStyle,
-  u as formatJsonEditorValue,
-  x as loadLanguageExtension
+  i as cureHighlightStyle,
+  g as formatJsonEditorValue,
+  E as loadLanguageExtension
 };

package/dist/rich-text/index.d.ts

@@ -14,4 +14,5 @@ export { MentionList, createMentionSuggestion, type MentionUser, } from './text-
 export { CharacterCount } from './text-editor-character-count';
 export { isStrikethroughShortcut } from './text-editor-shortcuts';
 export { getPlatformShortcutLabel, isMacPlatform } from './platform';
+export * from './token-input';
 //# sourceMappingURL=index.d.ts.map

package/dist/rich-text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rich-text/index.ts"],"names":[],"mappings":"AASA;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,mBAAmB,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,yBAAyB,EACzB,uBAAuB,EACvB,wBAAwB,EACxB,kBAAkB,EAClB,wBAAwB,EACxB,mBAAmB,EACnB,wBAAwB,EACxB,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,yBAAyB,EACzB,2BAA2B,EAC3B,uBAAuB,GACxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,KAAK,WAAW,GACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/rich-text/index.ts"],"names":[],"mappings":"AASA;;;;;GAKG;AACH,eAAO,MAAM,uBAAuB,mBAAmB,CAAC;AAExD,OAAO,EAAE,cAAc,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,yBAAyB,EACzB,uBAAuB,EACvB,wBAAwB,EACxB,kBAAkB,EAClB,wBAAwB,EACxB,mBAAmB,EACnB,wBAAwB,EACxB,sBAAsB,EACtB,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,kBAAkB,EAClB,yBAAyB,EACzB,2BAA2B,EAC3B,uBAAuB,GACxB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EACL,WAAW,EACX,uBAAuB,EACvB,KAAK,WAAW,GACjB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAClE,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACrE,cAAc,eAAe,CAAC"}

package/dist/rich-text/index.js

@@ -1,40 +1,48 @@
-import { RichTextEditor as r, useRichTextEditorContext as e } from "./text-editor.js";
+import { RichTextEditor as r, useRichTextEditorContext as i } from "./text-editor.js";
 import { RichTextEditorToolbar as c } from "./text-editor-toolbar.js";
-import { RichTextEditorTooltip as d } from "./text-editor-tooltip.js";
-import { RichTextEditorAlignCenter as E, RichTextEditorAlignLeft as R, RichTextEditorBlockquote as n, RichTextEditorBold as l, RichTextEditorBulletList as a, RichTextEditorColor as m, RichTextEditorFontFamily as f, RichTextEditorFontSize as p, RichTextEditorGenerate as u, RichTextEditorHeading as g, RichTextEditorImage as s, RichTextEditorItalic as C, RichTextEditorLink as S, RichTextEditorOrderedList as L, RichTextEditorStrikethrough as k, RichTextEditorUnderline as B } from "./text-editor-extensions.js";
-import { EditorButton as F } from "./text-editor-button.js";
-import { MentionList as M, createMentionSuggestion as _ } from "./text-editor-mention.js";
-import { CharacterCount as H } from "./text-editor-character-count.js";
-import { isStrikethroughShortcut as O } from "./text-editor-shortcuts.js";
+import { RichTextEditorTooltip as h } from "./text-editor-tooltip.js";
+import { RichTextEditorAlignCenter as n, RichTextEditorAlignLeft as E, RichTextEditorBlockquote as R, RichTextEditorBold as m, RichTextEditorBulletList as l, RichTextEditorColor as f, RichTextEditorFontFamily as p, RichTextEditorFontSize as a, RichTextEditorGenerate as g, RichTextEditorHeading as s, RichTextEditorImage as u, RichTextEditorItalic as S, RichTextEditorLink as C, RichTextEditorOrderedList as L, RichTextEditorStrikethrough as k, RichTextEditorUnderline as B } from "./text-editor-extensions.js";
+import { EditorButton as A } from "./text-editor-button.js";
+import { MentionList as M, createMentionSuggestion as P } from "./text-editor-mention.js";
+import { CharacterCount as b } from "./text-editor-character-count.js";
+import { isStrikethroughShortcut as N } from "./text-editor-shortcuts.js";
 import { getPlatformShortcutLabel as q, isMacPlatform as y } from "./platform.js";
+import { TokenInput as D, TokenPill as G } from "./token-input/token-input.js";
+import { TokenSuggestionList as X } from "./token-input/token-suggestion.js";
+import { docToSegments as v, segmentsToDoc as w } from "./token-input/segments.js";
 const t = "cure-rich-text";
 export {
-  H as CharacterCount,
-  F as EditorButton,
+  b as CharacterCount,
+  A as EditorButton,
   M as MentionList,
   t as RICH_TEXT_CONTENT_CLASS,
   r as RichTextEditor,
-  E as RichTextEditorAlignCenter,
-  R as RichTextEditorAlignLeft,
-  n as RichTextEditorBlockquote,
-  l as RichTextEditorBold,
-  a as RichTextEditorBulletList,
-  m as RichTextEditorColor,
-  f as RichTextEditorFontFamily,
-  p as RichTextEditorFontSize,
-  u as RichTextEditorGenerate,
-  g as RichTextEditorHeading,
-  s as RichTextEditorImage,
-  C as RichTextEditorItalic,
-  S as RichTextEditorLink,
+  n as RichTextEditorAlignCenter,
+  E as RichTextEditorAlignLeft,
+  R as RichTextEditorBlockquote,
+  m as RichTextEditorBold,
+  l as RichTextEditorBulletList,
+  f as RichTextEditorColor,
+  p as RichTextEditorFontFamily,
+  a as RichTextEditorFontSize,
+  g as RichTextEditorGenerate,
+  s as RichTextEditorHeading,
+  u as RichTextEditorImage,
+  S as RichTextEditorItalic,
+  C as RichTextEditorLink,
   L as RichTextEditorOrderedList,
   k as RichTextEditorStrikethrough,
   c as RichTextEditorToolbar,
-  d as RichTextEditorTooltip,
+  h as RichTextEditorTooltip,
   B as RichTextEditorUnderline,
-  _ as createMentionSuggestion,
+  D as TokenInput,
+  G as TokenPill,
+  X as TokenSuggestionList,
+  P as createMentionSuggestion,
+  v as docToSegments,
   q as getPlatformShortcutLabel,
   y as isMacPlatform,
-  O as isStrikethroughShortcut,
-  e as useRichTextEditorContext
+  N as isStrikethroughShortcut,
+  w as segmentsToDoc,
+  i as useRichTextEditorContext
 };

package/dist/rich-text/token-input/index.d.ts

@@ -0,0 +1,5 @@
+export { TokenInput, TokenPill, type TokenDisplay, type TokenInputHandle, type TokenInputProps, type TokenTextContext, } from './token-input';
+export type { TokenRenderProps } from './token-node';
+export { TokenSuggestionList, type TokenSuggestionItem, type TokenSuggestionTrigger, } from './token-suggestion';
+export { docToSegments, segmentsToDoc, type TokenInputSegment, } from './segments';
+//# sourceMappingURL=index.d.ts.map

package/dist/rich-text/token-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/rich-text/token-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,gBAAgB,GACtB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EACL,mBAAmB,EACnB,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,GAC5B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,aAAa,EACb,aAAa,EACb,KAAK,iBAAiB,GACvB,MAAM,YAAY,CAAC"}

package/dist/rich-text/token-input/segments.d.ts

@@ -0,0 +1,27 @@
+import { JSONContent } from '@tiptap/core';
+import { Node as ProseMirrorNode } from '@tiptap/pm/model';
+/**
+ * The app-facing shape of a TokenInput value. Consumers map their stored
+ * format (formula, `{{field}}` reference, `{variable}` …) to and from these
+ * segments with `parse` / `serialize`; the editor never sees the raw format.
+ */
+export type TokenInputSegment = {
+    type: "text";
+    text: string;
+} | {
+    type: "token";
+    value: string;
+} | {
+    type: "newline";
+};
+export declare const TOKEN_NODE_NAME = "token";
+/** Segments → editor document: each newline segment starts a new paragraph. */
+export declare function segmentsToDoc(segments: TokenInputSegment[]): JSONContent;
+/** Editor document → segments: paragraphs are joined by newline segments. */
+export declare function docToSegments(doc: JSONContent): TokenInputSegment[];
+/**
+ * Plain text for a document range, tokens rendered with `tokenText` — used for
+ * copy/cut so a paste can rebuild the tokens.
+ */
+export declare function rangeToText(doc: ProseMirrorNode, from: number, to: number, tokenText: (value: string) => string): string;
+//# sourceMappingURL=segments.d.ts.map

package/dist/rich-text/token-input/segments.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"segments.d.ts","sourceRoot":"","sources":["../../../src/rich-text/token-input/segments.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEhE;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GACzB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAChC;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,CAAC;AAExB,eAAO,MAAM,eAAe,UAAU,CAAC;AAEvC,+EAA+E;AAC/E,wBAAgB,aAAa,CAAC,QAAQ,EAAE,iBAAiB,EAAE,GAAG,WAAW,CA0BxE;AAcD,6EAA6E;AAC7E,wBAAgB,aAAa,CAAC,GAAG,EAAE,WAAW,GAAG,iBAAiB,EAAE,CAQnE;AAED;;;GAGG;AACH,wBAAgB,WAAW,CACzB,GAAG,EAAE,eAAe,EACpB,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,EACV,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GACnC,MAAM,CAQR"}

package/dist/rich-text/token-input/segments.js

@@ -0,0 +1,48 @@
+const a = "token";
+function i(t) {
+  const e = [[]];
+  for (const n of t)
+    n.type === "newline" ? e.push([]) : n.type === "text" ? n.text && e[e.length - 1].push({
+      type: "text",
+      text: n.text
+    }) : n.value && e[e.length - 1].push({
+      type: a,
+      attrs: { value: n.value }
+    });
+  return {
+    type: "doc",
+    content: e.map((n) => ({
+      type: "paragraph",
+      content: n.length ? n : void 0
+    }))
+  };
+}
+function s(t, e) {
+  var n;
+  if (t.type === "text" && t.text)
+    e.push({ type: "text", text: t.text });
+  else if (t.type === a && ((n = t.attrs) != null && n.value))
+    e.push({ type: "token", value: String(t.attrs.value) });
+  else if (t.type === "hardBreak")
+    e.push({ type: "newline" });
+  else if (t.content)
+    for (const r of t.content) s(r, e);
+}
+function u(t) {
+  if (!t || t.type !== "doc" || !t.content) return [];
+  const e = [];
+  return t.content.forEach((n, r) => {
+    r > 0 && e.push({ type: "newline" }), s(n, e);
+  }), e;
+}
+function f(t, e, n, r) {
+  return t.textBetween(e, n, `
+`, (p) => p.type.name === a && p.attrs.value ? r(String(p.attrs.value)) : p.type.name === "hardBreak" ? `
+` : "");
+}
+export {
+  a as TOKEN_NODE_NAME,
+  u as docToSegments,
+  f as rangeToText,
+  i as segmentsToDoc
+};

package/dist/rich-text/token-input/token-input.d.ts

@@ -0,0 +1,96 @@
+import { ReactNode } from 'react';
+import { AnyExtension } from '@tiptap/core';
+import { EditorView } from '@tiptap/pm/view';
+import { Editor } from '@tiptap/react';
+import { TokenInputSegment } from './segments';
+import { TokenRenderProps } from './token-node';
+import { TokenSuggestionTrigger } from './token-suggestion';
+export interface TokenDisplay {
+    label: string;
+    icon?: ReactNode;
+    /** @default "neutral" */
+    tone?: "neutral" | "brand" | "error";
+}
+export interface TokenTextContext {
+    /** Whole document text, tokens excluded. */
+    docText: string;
+    /** Document text before the insertion point, tokens excluded. */
+    textBefore: string;
+    /** The full typed or pasted chunk this text came from. */
+    raw: string;
+}
+export interface TokenInputHandle {
+    /** The Tiptap editor, once mounted. */
+    editor: Editor | null;
+    /** Inserts a token at the selection and focuses the editor. */
+    insertToken: (value: string) => void;
+    focus: () => void;
+    /** The current value in the app's stored format. */
+    getValue: () => string;
+}
+export interface TokenInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    /** Stored value → segments. */
+    parse: (value: string) => TokenInputSegment[];
+    /** Segments → stored value. Must round-trip `parse`. */
+    serialize: (segments: TokenInputSegment[]) => string;
+    /** Renders a token. Defaults to a DS pill built from `getTokenDisplay`. */
+    renderToken?: (props: TokenRenderProps) => ReactNode;
+    /** Label, icon and tone for the default pill. @default the raw value */
+    getTokenDisplay?: (value: string) => TokenDisplay;
+    /** Menus opened by trigger characters such as "/", "{{" or "@". */
+    suggestions?: TokenSuggestionTrigger[];
+    placeholder?: string;
+    readOnly?: boolean;
+    isInvalid?: boolean;
+    /** Enter inserts a new line. Off: single-line, Enter is ignored. */
+    allowNewlines?: boolean;
+    /** Keep line breaks in pasted text. @default allowNewlines */
+    preservePastedNewlines?: boolean;
+    /** Rebuild tokens from pasted text via `parse`. @default true */
+    tokenPaste?: boolean;
+    /**
+     * Filters typed and pasted text before it enters the document; return ""
+     * to drop the input. Tokens are never filtered.
+     */
+    filterTextInput?: (text: string, context: TokenTextContext) => string;
+    /** Runs before TokenInput's own key handling; return true to stop it. */
+    onKeyDownCapture?: (view: EditorView, event: KeyboardEvent) => boolean;
+    /** Runs after TokenInput's own key handling; return true when handled. */
+    onKeyDown?: (view: EditorView, event: KeyboardEvent) => boolean;
+    onFocus?: (event: FocusEvent) => void;
+    onBlur?: (event: FocusEvent) => void;
+    /** Extra Tiptap extensions. Read once, when the editor is created. */
+    extensions?: AnyExtension[];
+    /** Called once the editor exists (and with null on unmount). */
+    onEditorChange?: (editor: Editor | null) => void;
+    /**
+     * Render the DS input frame (border, focus ring, invalid state). Off: only
+     * the editable surface, for hosts that draw their own frame.
+     * @default true
+     */
+    chrome?: boolean;
+    /** Frame classes (with `chrome`). */
+    className?: string;
+    /**
+     * Classes for the editor surface (Tiptap's EditorContent). Replaces the
+     * default surface classes (paragraph margin, placeholder) entirely.
+     */
+    contentClassName?: string;
+    /** Attributes for the ProseMirror element. Read once, at creation. */
+    contentAttributes?: {
+        class?: string;
+        style?: string;
+    };
+}
+export declare function TokenPill({ label, icon, tone, selected, }: TokenDisplay & {
+    selected?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Text input where some content is an inline token rendered as a pill, with
+ * tokens inserted from a trigger-character menu or by the host (`insertToken`).
+ * The stored format belongs to the app through `parse` / `serialize`.
+ */
+export declare const TokenInput: import('react').ForwardRefExoticComponent<TokenInputProps & import('react').RefAttributes<TokenInputHandle>>;
+//# sourceMappingURL=token-input.d.ts.map

package/dist/rich-text/token-input/token-input.d.ts.map

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

package/dist/rich-text/token-input/token-input.js

@@ -0,0 +1,286 @@
+import { jsx as m, jsxs as ie } from "react/jsx-runtime";
+import { forwardRef as le, useRef as _, useState as ae, useMemo as ce, useEffect as P, useImperativeHandle as ue } from "react";
+import { Placeholder as fe } from "@tiptap/extension-placeholder";
+import { useEditor as de, EditorContent as pe } from "@tiptap/react";
+import { StarterKit as me } from "@tiptap/starter-kit";
+import { cx as z } from "../../utils/cn.js";
+import { segmentsToDoc as E, rangeToText as xe, docToSegments as be } from "./segments.js";
+import { TokenNode as ye } from "./token-node.js";
+import { createTokenSuggestionExtension as ke } from "./token-suggestion.js";
+const Te = {
+  neutral: "border-secondary bg-primary text-secondary",
+  brand: "border-utility-brand-200 bg-utility-brand-50 text-utility-brand-700",
+  error: "border-utility-error-200 bg-utility-error-50 text-utility-error-700"
+};
+function ge({
+  label: x,
+  icon: i,
+  tone: b = "neutral",
+  selected: f
+}) {
+  return /* @__PURE__ */ ie(
+    "span",
+    {
+      className: z(
+        "inline-flex max-w-60 items-center gap-1 rounded-md border px-1.5 py-px text-xs font-medium",
+        Te[b],
+        f && "ring-2 ring-brand"
+      ),
+      children: [
+        i && /* @__PURE__ */ m("span", { className: "flex size-3.5 shrink-0 items-center", children: i }),
+        /* @__PURE__ */ m("span", { className: "truncate", children: x })
+      ]
+    }
+  );
+}
+const I = (x) => x.replace(/\r\n|\r|\n/g, ""), Re = le(
+  function({
+    value: i,
+    onChange: b,
+    parse: f,
+    serialize: R,
+    renderToken: S,
+    getTokenDisplay: w,
+    suggestions: y,
+    placeholder: v,
+    readOnly: k = !1,
+    isInvalid: K = !1,
+    allowNewlines: T = !1,
+    preservePastedNewlines: U,
+    tokenPaste: j = !0,
+    filterTextInput: F,
+    onKeyDownCapture: L,
+    onKeyDown: V,
+    onFocus: q,
+    onBlur: H,
+    extensions: C,
+    onEditorChange: d,
+    chrome: ee = !0,
+    className: te,
+    contentClassName: re,
+    contentAttributes: ne
+  }, se) {
+    const o = _({
+      value: i,
+      onChange: b,
+      parse: f,
+      serialize: R,
+      renderToken: S,
+      getTokenDisplay: w,
+      allowNewlines: T,
+      preservePastedNewlines: U ?? T,
+      tokenPaste: j,
+      filterTextInput: F,
+      onKeyDownCapture: L,
+      onKeyDown: V,
+      onFocus: q,
+      onBlur: H
+    });
+    o.current = {
+      value: i,
+      onChange: b,
+      parse: f,
+      serialize: R,
+      renderToken: S,
+      getTokenDisplay: w,
+      allowNewlines: T,
+      preservePastedNewlines: U ?? T,
+      tokenPaste: j,
+      filterTextInput: F,
+      onKeyDownCapture: L,
+      onKeyDown: V,
+      onFocus: q,
+      onBlur: H
+    };
+    const D = _(!1), J = _(!1), [A, G] = ae(!1), O = (t) => o.current.serialize([{ type: "token", value: t }]), M = (t) => o.current.serialize(be(t.getJSON())), oe = ce(
+      () => [
+        me.configure({
+          bold: !1,
+          blockquote: !1,
+          bulletList: !1,
+          code: !1,
+          codeBlock: !1,
+          heading: !1,
+          horizontalRule: !1,
+          italic: !1,
+          link: !1,
+          orderedList: !1,
+          strike: !1,
+          underline: !1,
+          listItem: !1,
+          listKeymap: !1
+        }),
+        fe.configure({ placeholder: v ?? "" }),
+        ye.configure({
+          getRenderToken: () => o.current.renderToken ?? ((t) => {
+            var n, r;
+            return /* @__PURE__ */ m(
+              ge,
+              {
+                ...((r = (n = o.current).getTokenDisplay) == null ? void 0 : r.call(n, t.value)) ?? {
+                  label: t.value
+                },
+                selected: t.selected
+              }
+            );
+          }),
+          getTokenText: () => O
+        }),
+        ...y != null && y.length ? [
+          ke(y, (t) => {
+            J.current = t;
+          })
+        ] : [],
+        ...C ?? []
+      ],
+      // Extensions are fixed for the editor's lifetime, like the original inputs.
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      []
+    ), e = de({
+      immediatelyRender: !1,
+      editable: !k,
+      extensions: oe,
+      content: E(f(i)),
+      editorProps: {
+        attributes: ne ?? {
+          class: "w-full outline-none text-sm text-primary"
+        },
+        handleDOMEvents: {
+          focus: (t, n) => {
+            var r, s;
+            return G(!0), (s = (r = o.current).onFocus) == null || s.call(r, n), !1;
+          },
+          blur: (t, n) => {
+            var r, s;
+            return G(!1), (s = (r = o.current).onBlur) == null || s.call(r, n), !1;
+          }
+        },
+        clipboardTextSerializer: (t, n) => {
+          const { from: r, to: s } = n.state.selection;
+          return xe(n.state.doc, r, s, O);
+        },
+        handlePaste: (t, n) => {
+          var $;
+          n.preventDefault();
+          const r = o.current;
+          let s = (($ = n.clipboardData) == null ? void 0 : $.getData("text/plain")) || "";
+          if (!s || !r.preservePastedNewlines && (s = I(s), !s))
+            return !0;
+          const { from: a, to: p } = t.state.selection, X = {
+            docText: t.state.doc.textBetween(
+              0,
+              t.state.doc.content.size,
+              "",
+              ""
+            ),
+            textBefore: t.state.doc.textBetween(0, a, "", ""),
+            raw: s
+          }, g = r.filterTextInput, Y = Q.current, Z = r.tokenPaste ? r.parse(s) : [];
+          if (Y && Z.some((c) => c.type === "token")) {
+            const c = [];
+            for (const l of Z)
+              if (l.type === "token")
+                c.push({ token: l.value });
+              else {
+                const u = l.type === "newline" ? `
+` : l.text, B = c[c.length - 1];
+                B && "text" in B ? B.text += u : c.push({ text: u });
+              }
+            const N = Y.chain().focus();
+            for (const l of c)
+              if ("token" in l)
+                N.insertToken(l.token);
+              else {
+                let u = g ? g(l.text, X) : l.text;
+                r.preservePastedNewlines || (u = I(u)), u && N.insertContent(u);
+              }
+            return N.run(), !0;
+          }
+          let h = g ? g(s, X) : s;
+          return r.preservePastedNewlines || (h = I(h)), h && t.dispatch(t.state.tr.insertText(h, a, p)), !0;
+        },
+        handleTextInput: (t, n, r, s) => {
+          const a = o.current.filterTextInput;
+          if (!a) return !1;
+          const p = a(s, {
+            docText: t.state.doc.textBetween(
+              0,
+              t.state.doc.content.size,
+              "",
+              ""
+            ),
+            textBefore: t.state.doc.textBetween(0, n, "", ""),
+            raw: s
+          });
+          return p === s ? !1 : (p && t.dispatch(t.state.tr.insertText(p, n, r)), !0);
+        },
+        handleKeyDown: (t, n) => {
+          var s, a;
+          const r = o.current;
+          return (s = r.onKeyDownCapture) != null && s.call(r, t, n) ? !0 : J.current ? !1 : !r.allowNewlines && n.key === "Enter" ? (n.preventDefault(), !0) : ((a = r.onKeyDown) == null ? void 0 : a.call(r, t, n)) ?? !1;
+        }
+      }
+    }), Q = _(null);
+    Q.current = e, P(() => (d == null || d(e), () => d == null ? void 0 : d(null)), [e]), P(() => {
+      !e || e.isDestroyed || (!D.current && M(e) !== i && e.commands.setContent(E(f(i)), {
+        emitUpdate: !1
+      }), D.current = !1);
+    }, [i, e]), P(() => {
+      !e || e.isDestroyed || e.setEditable(!k);
+    }, [e, k]), P(() => {
+      if (!e || e.isDestroyed) return;
+      const t = () => {
+        const n = M(e);
+        n !== o.current.value && (D.current = !0, o.current.onChange(n));
+      };
+      return e.on("update", t), () => {
+        e.off("update", t);
+      };
+    }, [e]), ue(
+      se,
+      () => ({
+        editor: e,
+        insertToken: (t) => {
+          e == null || e.chain().focus().insertToken(t).run();
+        },
+        focus: () => e == null ? void 0 : e.commands.focus(),
+        getValue: () => e && !e.isDestroyed ? M(e) : ""
+      }),
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [e]
+    );
+    const W = /* @__PURE__ */ m(
+      pe,
+      {
+        editor: e,
+        className: (
+          // A host's own surface classes replace the defaults wholesale: custom
+          // colour tokens can't be de-duplicated by tailwind-merge.
+          re ?? z(
+            "[&_.ProseMirror_p]:m-0",
+            "[&_.ProseMirror_p.is-empty::before]:pointer-events-none [&_.ProseMirror_p.is-empty::before]:float-left [&_.ProseMirror_p.is-empty::before]:h-0 [&_.ProseMirror_p.is-empty::before]:text-placeholder [&_.ProseMirror_p.is-empty::before]:content-[attr(data-placeholder)]",
+            "[&_.ProseMirror-selectednode]:outline-none"
+          )
+        )
+      }
+    );
+    return ee ? /* @__PURE__ */ m(
+      "div",
+      {
+        onClick: () => e == null ? void 0 : e.commands.focus(),
+        className: z(
+          "w-full cursor-text rounded-lg bg-primary px-3 py-2 shadow-xs ring-1 ring-inset transition duration-100 ease-linear",
+          K ? "ring-error_subtle" : A ? "ring-2 ring-brand" : "ring-primary",
+          K && A && "ring-2 ring-error",
+          k && "cursor-default bg-disabled_subtle",
+          te
+        ),
+        children: W
+      }
+    ) : W;
+  }
+);
+export {
+  Re as TokenInput,
+  ge as TokenPill
+};

package/dist/rich-text/token-input/token-node.d.ts

@@ -0,0 +1,30 @@
+import { Node } from '@tiptap/core';
+import { ReactNode } from 'react';
+import { TOKEN_NODE_NAME } from './segments';
+export interface TokenRenderProps {
+    /** The token's value, as produced by `parse` (e.g. a field path). */
+    value: string;
+    /** True when the editor is read-only. */
+    readOnly: boolean;
+    /** True when the token is the selected node. */
+    selected: boolean;
+    /** Removes this token from the document. */
+    remove: () => void;
+}
+export interface TokenNodeOptions {
+    /** Read at render time so the latest app renderer is always used. */
+    getRenderToken: () => (props: TokenRenderProps) => ReactNode;
+    /** Plain-text form of a token, for copy and `editor.getText()`. */
+    getTokenText: () => (value: string) => string;
+}
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        [TOKEN_NODE_NAME]: {
+            /** Inserts a token at the selection. */
+            insertToken: (value: string) => ReturnType;
+        };
+    }
+}
+/** Inline atom node holding one token; deleted as a single unit. */
+export declare const TokenNode: Node<TokenNodeOptions, any>;
+//# sourceMappingURL=token-node.d.ts.map

package/dist/rich-text/token-input/token-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-node.d.ts","sourceRoot":"","sources":["../../../src/rich-text/token-input/token-node.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAMrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,gBAAgB;IAC/B,qEAAqE;IACrE,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,EAAE,OAAO,CAAC;IAClB,gDAAgD;IAChD,QAAQ,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,qEAAqE;IACrE,cAAc,EAAE,MAAM,CAAC,KAAK,EAAE,gBAAgB,KAAK,SAAS,CAAC;IAC7D,mEAAmE;IACnE,YAAY,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AAED,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,CAAC,eAAe,CAAC,EAAE;YACjB,wCAAwC;YACxC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,UAAU,CAAC;SAC5C,CAAC;KACH;CACF;AAqCD,oEAAoE;AACpE,eAAO,MAAM,SAAS,6BAuEpB,CAAC"}