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

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

@@ -1,100 +1,109 @@
-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 = {
+import { jsx as k, jsxs as me } from "react/jsx-runtime";
+import { forwardRef as xe, useRef as S, useState as te, useMemo as ye, useEffect as w, useImperativeHandle as be } from "react";
+import { Extension as ke } from "@tiptap/core";
+import { Slice as Te } from "@tiptap/pm/model";
+import { Plugin as he, PluginKey as ge } from "@tiptap/pm/state";
+import { Placeholder as Pe } from "@tiptap/extension-placeholder";
+import { useEditor as _e, EditorContent as Me } from "@tiptap/react";
+import { StarterKit as De } from "@tiptap/starter-kit";
+import { cx as V } from "../../utils/cn.js";
+import { segmentsToDoc as z, rangeToText as Ne, docToSegments as Se } from "./segments.js";
+import { TokenNode as we, TokenRenderVersion as ze } from "./token-node.js";
+import { createTokenSuggestionExtension as Ie } from "./token-suggestion.js";
+const Re = {
   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
+function Be({
+  label: g,
+  icon: u,
+  tone: P = "neutral",
+  selected: m
 }) {
-  return /* @__PURE__ */ ie(
+  return /* @__PURE__ */ me(
     "span",
     {
-      className: z(
+      className: V(
         "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"
+        Re[P],
+        m && "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 })
+        u && /* @__PURE__ */ k("span", { className: "flex size-3.5 shrink-0 items-center", children: u }),
+        /* @__PURE__ */ k("span", { className: "truncate", children: g })
       ]
     }
   );
 }
-const I = (x) => x.replace(/\r\n|\r|\n/g, ""), Re = le(
+const B = (g) => g.replace(/\r\n|\r|\n/g, ""), Oe = xe(
   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
+    value: u,
+    onChange: P,
+    parse: m,
+    serialize: K,
+    renderToken: U,
+    tokenWrapperClassName: v = "inline-flex align-middle",
+    autoTokenize: F,
+    getTokenDisplay: j,
+    suggestions: _,
+    placeholder: re,
+    readOnly: M = !1,
+    isInvalid: A = !1,
+    allowNewlines: D = !1,
+    preservePastedNewlines: J,
+    tokenPaste: L = !0,
+    filterTextInput: W,
+    onKeyDownCapture: q,
+    onKeyDown: H,
+    onFocus: O,
+    onBlur: G,
+    extensions: ne,
+    onEditorChange: x,
+    chrome: se = !0,
+    className: oe,
+    contentClassName: ae,
+    contentAttributes: ie
+  }, le) {
+    const o = S({
+      value: u,
+      onChange: P,
+      parse: m,
+      serialize: K,
+      renderToken: U,
+      tokenWrapperClassName: v,
+      autoTokenize: F,
+      getTokenDisplay: j,
+      allowNewlines: D,
+      preservePastedNewlines: J ?? D,
+      tokenPaste: L,
+      filterTextInput: W,
+      onKeyDownCapture: q,
+      onKeyDown: H,
+      onFocus: O,
+      onBlur: G
     });
     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
+      value: u,
+      onChange: P,
+      parse: m,
+      serialize: K,
+      renderToken: U,
+      tokenWrapperClassName: v,
+      autoTokenize: F,
+      getTokenDisplay: j,
+      allowNewlines: D,
+      preservePastedNewlines: J ?? D,
+      tokenPaste: L,
+      filterTextInput: W,
+      onKeyDownCapture: q,
+      onKeyDown: H,
+      onFocus: O,
+      onBlur: G
     };
-    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(
+    const I = S(!1), Q = S(!1), [ce, ue] = te(0), [X, Y] = te(!1), Z = (e) => o.current.serialize([{ type: "token", value: e }]), R = (e) => o.current.serialize(Se(e.getJSON())), fe = ye(
       () => [
-        me.configure({
+        De.configure({
           bold: !1,
           blockquote: !1,
           bulletList: !1,
@@ -110,177 +119,229 @@ const I = (x) => x.replace(/\r\n|\r|\n/g, ""), Re = le(
           listItem: !1,
           listKeymap: !1
         }),
-        fe.configure({ placeholder: v ?? "" }),
-        ye.configure({
-          getRenderToken: () => o.current.renderToken ?? ((t) => {
-            var n, r;
-            return /* @__PURE__ */ m(
-              ge,
+        Pe.configure({ placeholder: re ?? "" }),
+        we.configure({
+          getRenderToken: () => o.current.renderToken ?? ((e) => {
+            var s, r;
+            return /* @__PURE__ */ k(
+              Be,
               {
-                ...((r = (n = o.current).getTokenDisplay) == null ? void 0 : r.call(n, t.value)) ?? {
-                  label: t.value
+                ...((r = (s = o.current).getTokenDisplay) == null ? void 0 : r.call(s, e.value)) ?? {
+                  label: e.value
                 },
-                selected: t.selected
+                selected: e.selected
               }
             );
           }),
-          getTokenText: () => O
+          getTokenText: () => Z,
+          getWrapperClassName: () => o.current.tokenWrapperClassName
         }),
-        ...y != null && y.length ? [
-          ke(y, (t) => {
-            J.current = t;
+        ke.create({
+          name: "tokenAutoTokenize",
+          addProseMirrorPlugins() {
+            return [
+              new he({
+                key: new ge("tokenAutoTokenize"),
+                appendTransaction: (e, s, r) => {
+                  const n = o.current.autoTokenize;
+                  if (!n || !e.some((a) => a.docChanged))
+                    return null;
+                  const c = r.schema.nodes.token, f = [];
+                  if (r.doc.descendants((a, T) => {
+                    if (!(!a.isText || !a.text))
+                      for (const p of n(a.text))
+                        f.push({
+                          from: T + p.start,
+                          to: T + p.end,
+                          value: p.value
+                        });
+                  }), !f.length) return null;
+                  const y = r.tr;
+                  for (const a of f.reverse())
+                    y.replaceWith(
+                      a.from,
+                      a.to,
+                      c.create({ value: a.value })
+                    );
+                  return y;
+                }
+              })
+            ];
+          }
+        }),
+        ..._ != null && _.length ? [
+          Ie(_, (e) => {
+            Q.current = e;
           })
         ] : [],
-        ...C ?? []
+        ...ne ?? []
       ],
       // Extensions are fixed for the editor's lifetime, like the original inputs.
       // eslint-disable-next-line react-hooks/exhaustive-deps
       []
-    ), e = de({
+    ), t = _e({
       immediatelyRender: !1,
-      editable: !k,
-      extensions: oe,
-      content: E(f(i)),
+      editable: !M,
+      extensions: fe,
+      content: z(m(u)),
       editorProps: {
-        attributes: ne ?? {
+        attributes: ie ?? {
           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;
+          focus: (e, s) => {
+            var r, n;
+            return Y(!0), (n = (r = o.current).onFocus) == null || n.call(r, s), !1;
           },
-          blur: (t, n) => {
-            var r, s;
-            return G(!1), (s = (r = o.current).onBlur) == null || s.call(r, n), !1;
+          blur: (e, s) => {
+            var r, n;
+            return Y(!1), (n = (r = o.current).onBlur) == null || n.call(r, s), !1;
           }
         },
-        clipboardTextSerializer: (t, n) => {
-          const { from: r, to: s } = n.state.selection;
-          return xe(n.state.doc, r, s, O);
+        clipboardTextSerializer: (e, s) => {
+          const { from: r, to: n } = s.state.selection;
+          return Ne(s.state.doc, r, n, Z);
         },
-        handlePaste: (t, n) => {
-          var $;
-          n.preventDefault();
+        handlePaste: (e, s) => {
+          var E;
+          s.preventDefault();
           const r = o.current;
-          let s = (($ = n.clipboardData) == null ? void 0 : $.getData("text/plain")) || "";
-          if (!s || !r.preservePastedNewlines && (s = I(s), !s))
+          let n = ((E = s.clipboardData) == null ? void 0 : E.getData("text/plain")) || "";
+          if (!n || !r.preservePastedNewlines && (n = B(n), !n))
             return !0;
-          const { from: a, to: p } = t.state.selection, X = {
-            docText: t.state.doc.textBetween(
+          const { from: c, to: f } = e.state.selection, y = {
+            docText: e.state.doc.textBetween(
               0,
-              t.state.doc.content.size,
+              e.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)
+            textBefore: e.state.doc.textBetween(0, c, "", ""),
+            raw: n
+          }, a = r.filterTextInput, T = $.current, p = r.tokenPaste ? r.parse(n) : [];
+          if (r.preservePastedNewlines) {
+            const h = (r.tokenPaste ? p : n.split(/\r\n|\r|\n/).flatMap(
+              (i, b) => b > 0 ? [{ type: "newline" }, { type: "text", text: i }] : [{ type: "text", text: i }]
+            )).flatMap((i) => i.type !== "text" ? [i] : (a ? a(i.text, y) : i.text).split(/\r\n|\r|\n/).flatMap(
+              (ee, pe) => pe > 0 ? [{ type: "newline" }, { type: "text", text: ee }] : [{ type: "text", text: ee }]
+            )), l = e.state.schema.nodeFromJSON(z(h));
+            return e.dispatch(
+              e.state.tr.replaceSelection(new Te(l.content, 1, 1)).scrollIntoView()
+            ), !0;
+          }
+          if (T && p.some((d) => d.type === "token")) {
+            const d = [];
+            for (const l of p)
               if (l.type === "token")
-                c.push({ token: l.value });
+                d.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 i = l.type === "newline" ? `
+` : l.text, b = d[d.length - 1];
+                b && "text" in b ? b.text += i : d.push({ text: i });
               }
-            const N = Y.chain().focus();
-            for (const l of c)
+            const h = T.chain().focus();
+            for (const l of d)
               if ("token" in l)
-                N.insertToken(l.token);
+                h.insertToken(l.token);
               else {
-                let u = g ? g(l.text, X) : l.text;
-                r.preservePastedNewlines || (u = I(u)), u && N.insertContent(u);
+                let i = a ? a(l.text, y) : l.text;
+                r.preservePastedNewlines || (i = B(i)), i && h.insertContent(i);
               }
-            return N.run(), !0;
+            return h.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;
+          let N = a ? a(n, y) : n;
+          return r.preservePastedNewlines || (N = B(N)), N && e.dispatch(e.state.tr.insertText(N, c, f)), !0;
         },
-        handleTextInput: (t, n, r, s) => {
-          const a = o.current.filterTextInput;
-          if (!a) return !1;
-          const p = a(s, {
-            docText: t.state.doc.textBetween(
+        handleTextInput: (e, s, r, n) => {
+          const c = o.current.filterTextInput;
+          if (!c) return !1;
+          const f = c(n, {
+            docText: e.state.doc.textBetween(
               0,
-              t.state.doc.content.size,
+              e.state.doc.content.size,
               "",
               ""
             ),
-            textBefore: t.state.doc.textBetween(0, n, "", ""),
-            raw: s
+            textBefore: e.state.doc.textBetween(0, s, "", ""),
+            raw: n
           });
-          return p === s ? !1 : (p && t.dispatch(t.state.tr.insertText(p, n, r)), !0);
+          return f === n ? !1 : (f && e.dispatch(e.state.tr.insertText(f, s, r)), !0);
         },
-        handleKeyDown: (t, n) => {
-          var s, a;
+        handleKeyDown: (e, s) => {
+          var n, c;
           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;
+          return (n = r.onKeyDownCapture) != null && n.call(r, e, s) ? !0 : Q.current ? !1 : !r.allowNewlines && s.key === "Enter" ? (s.preventDefault(), !0) : ((c = r.onKeyDown) == null ? void 0 : c.call(r, e, s)) ?? !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)), {
+    }), $ = S(null);
+    $.current = t, w(() => (x == null || x(t), () => x == null ? void 0 : x(null)), [t]), w(() => {
+      !t || t.isDestroyed || (!I.current && R(t) !== u && t.commands.setContent(z(m(u)), {
         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));
+      }), I.current = !1);
+    }, [u, t]), w(() => {
+      !t || t.isDestroyed || t.setEditable(!M);
+    }, [t, M]), w(() => {
+      if (!t || t.isDestroyed) return;
+      const e = () => {
+        const s = R(t);
+        s !== o.current.value && (I.current = !0, o.current.onChange(s));
       };
-      return e.on("update", t), () => {
-        e.off("update", t);
+      return t.on("update", e), () => {
+        t.off("update", e);
       };
-    }, [e]), ue(
-      se,
+    }, [t]), be(
+      le,
       () => ({
-        editor: e,
-        insertToken: (t) => {
-          e == null || e.chain().focus().insertToken(t).run();
+        editor: t,
+        insertToken: (e) => {
+          t == null || t.chain().focus().insertToken(e).run();
         },
-        focus: () => e == null ? void 0 : e.commands.focus(),
-        getValue: () => e && !e.isDestroyed ? M(e) : ""
+        reload: () => {
+          !t || t.isDestroyed || (t.commands.setContent(
+            z(o.current.parse(o.current.value)),
+            {
+              emitUpdate: !1
+            }
+          ), ue((e) => e + 1));
+        },
+        focus: () => t == null ? void 0 : t.commands.focus(),
+        getValue: () => t && !t.isDestroyed ? R(t) : ""
       }),
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [e]
+      [t]
     );
-    const W = /* @__PURE__ */ m(
-      pe,
+    const de = /* @__PURE__ */ k(
+      Me,
       {
-        editor: e,
+        editor: t,
         className: (
           // A host's own surface classes replace the defaults wholesale: custom
           // colour tokens can't be de-duplicated by tailwind-merge.
-          re ?? z(
+          ae ?? V(
             "[&_.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(
+    ), C = /* @__PURE__ */ k(ze.Provider, { value: ce, children: de });
+    return se ? /* @__PURE__ */ k(
       "div",
       {
-        onClick: () => e == null ? void 0 : e.commands.focus(),
-        className: z(
+        onClick: () => t == null ? void 0 : t.commands.focus(),
+        className: V(
           "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
+          A ? "ring-error_subtle" : X ? "ring-2 ring-brand" : "ring-primary",
+          A && X && "ring-2 ring-error",
+          M && "cursor-default bg-disabled_subtle",
+          oe
         ),
-        children: W
+        children: C
       }
-    ) : W;
+    ) : C;
   }
 );
 export {
-  Re as TokenInput,
-  ge as TokenPill
+  Oe as TokenInput,
+  Be as TokenPill
 };

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

@@ -16,6 +16,8 @@ export interface TokenNodeOptions {
     getRenderToken: () => (props: TokenRenderProps) => ReactNode;
     /** Plain-text form of a token, for copy and `editor.getText()`. */
     getTokenText: () => (value: string) => string;
+    /** Classes for the inline wrapper around each rendered token. */
+    getWrapperClassName: () => string;
 }
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
@@ -25,6 +27,11 @@ declare module "@tiptap/core" {
         };
     }
 }
+/**
+ * Bumped by TokenInput's `reload()`: node views re-render when the data their
+ * renderer reads (labels, a catalog) changes, even though the node did not.
+ */
+export declare const TokenRenderVersion: import('react').Context<number>;
 /** 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

@@ -1 +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"}
+{"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,EAA6B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,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;IAC9C,iEAAiE;IACjE,mBAAmB,EAAE,MAAM,MAAM,CAAC;CACnC;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;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,iCAAmB,CAAC;AAsCnD,oEAAoE;AACpE,eAAO,MAAM,SAAS,6BAwEpB,CAAC"}

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

@@ -1,26 +1,29 @@
 import { jsx as l } from "react/jsx-runtime";
 import { Node as p, mergeAttributes as m } from "@tiptap/core";
 import { ReactNodeViewRenderer as c, NodeViewWrapper as f } from "@tiptap/react";
+import { createContext as T, useContext as g } from "react";
 import { TOKEN_NODE_NAME as a } from "./segments.js";
-function T({
+const N = T(0);
+function v({
   node: e,
   editor: t,
-  getPos: n,
+  getPos: r,
   selected: o,
-  extension: r
+  extension: n
 }) {
-  const s = r.options, u = String(e.attrs.value ?? ""), d = () => {
+  g(N);
+  const i = n.options, u = String(e.attrs.value ?? ""), d = () => {
     if (!t.isEditable) return;
-    const i = typeof n == "function" ? n() : null;
-    i != null && t.chain().focus().deleteRange({ from: i, to: i + e.nodeSize }).run();
+    const s = typeof r == "function" ? r() : null;
+    s != null && t.chain().focus().deleteRange({ from: s, to: s + e.nodeSize }).run();
   };
   return /* @__PURE__ */ l(
     f,
     {
       as: "span",
-      className: "inline-flex align-middle",
+      className: i.getWrapperClassName(),
       "data-type": a,
-      children: s.getRenderToken()({
+      children: i.getRenderToken()({
         value: u,
         readOnly: !t.isEditable,
         selected: o,
@@ -29,7 +32,7 @@ function T({
     }
   );
 }
-const k = p.create({
+const C = p.create({
   name: a,
   group: "inline",
   inline: !0,
@@ -38,7 +41,8 @@ const k = p.create({
   addOptions() {
     return {
       getRenderToken: () => () => null,
-      getTokenText: () => (e) => e
+      getTokenText: () => (e) => e,
+      getWrapperClassName: () => "inline-flex align-middle"
     };
   },
   addAttributes() {
@@ -65,7 +69,7 @@ const k = p.create({
     return t ? this.options.getTokenText()(t) : "";
   },
   addNodeView() {
-    return c(T);
+    return c(v);
   },
   addCommands() {
     return {
@@ -76,14 +80,15 @@ const k = p.create({
     return {
       // Without this, the first Backspace only selects the atom.
       Backspace: () => this.editor.commands.command(({ state: e, dispatch: t }) => {
-        const { $from: n, empty: o } = e.selection;
+        const { $from: r, empty: o } = e.selection;
         if (!o) return !1;
-        const r = n.nodeBefore;
-        return !r || r.type.name !== this.name ? !1 : (t && t(e.tr.delete(n.pos - r.nodeSize, n.pos)), !0);
+        const n = r.nodeBefore;
+        return !n || n.type.name !== this.name ? !1 : (t && t(e.tr.delete(r.pos - n.nodeSize, r.pos)), !0);
       })
     };
   }
 });
 export {
-  k as TokenNode
+  C as TokenNode,
+  N as TokenRenderVersion
 };