@pibit.ai/cure-design-system 0.6.50 → 0.6.52

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"}

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

@@ -0,0 +1,89 @@
+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 { TOKEN_NODE_NAME as a } from "./segments.js";
+function T({
+  node: e,
+  editor: t,
+  getPos: n,
+  selected: o,
+  extension: r
+}) {
+  const s = r.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();
+  };
+  return /* @__PURE__ */ l(
+    f,
+    {
+      as: "span",
+      className: "inline-flex align-middle",
+      "data-type": a,
+      children: s.getRenderToken()({
+        value: u,
+        readOnly: !t.isEditable,
+        selected: o,
+        remove: d
+      })
+    }
+  );
+}
+const k = p.create({
+  name: a,
+  group: "inline",
+  inline: !0,
+  atom: !0,
+  selectable: !0,
+  addOptions() {
+    return {
+      getRenderToken: () => () => null,
+      getTokenText: () => (e) => e
+    };
+  },
+  addAttributes() {
+    return {
+      value: {
+        default: null,
+        parseHTML: (e) => e.getAttribute("data-value"),
+        renderHTML: (e) => e.value ? { "data-value": e.value } : {}
+      }
+    };
+  },
+  parseHTML() {
+    return [{ tag: `span[data-type="${a}"]` }];
+  },
+  renderHTML({ node: e, HTMLAttributes: t }) {
+    return [
+      "span",
+      m({ "data-type": a }, t),
+      String(e.attrs.value ?? "")
+    ];
+  },
+  renderText({ node: e }) {
+    const t = e.attrs.value;
+    return t ? this.options.getTokenText()(t) : "";
+  },
+  addNodeView() {
+    return c(T);
+  },
+  addCommands() {
+    return {
+      insertToken: (e) => ({ commands: t }) => t.insertContent({ type: this.name, attrs: { value: e } })
+    };
+  },
+  addKeyboardShortcuts() {
+    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;
+        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);
+      })
+    };
+  }
+});
+export {
+  k as TokenNode
+};

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

@@ -0,0 +1,37 @@
+import { Extension } from '@tiptap/core';
+import { ReactNode } from 'react';
+export interface TokenSuggestionItem {
+    /** Inserted as the token's value. */
+    value: string;
+    label: string;
+    description?: string;
+    icon?: ReactNode;
+}
+export interface TokenSuggestionTrigger {
+    /** Character(s) that open the menu, e.g. "/", "{{" or "@". */
+    char: string;
+    /** Items for the text typed after the trigger; filter as you see fit. */
+    items: (query: string) => TokenSuggestionItem[] | Promise<TokenSuggestionItem[]>;
+    /** Let the query contain spaces. @default false */
+    allowSpaces?: boolean;
+    /** Characters allowed right before the trigger. @default [" "] plus line start */
+    allowedPrefixes?: string[] | null;
+    /** Message when nothing matches. @default "No matches" */
+    emptyMessage?: string;
+}
+interface ListProps {
+    items: TokenSuggestionItem[];
+    emptyMessage: string;
+    onSelect: (item: TokenSuggestionItem) => void;
+}
+export interface TokenSuggestionListHandle {
+    onKeyDown: (event: KeyboardEvent) => boolean;
+}
+export declare const TokenSuggestionList: import('react').ForwardRefExoticComponent<ListProps & import('react').RefAttributes<TokenSuggestionListHandle>>;
+/**
+ * One Suggestion plugin per trigger. `onOpenChange` reports whether any menu is
+ * showing, so TokenInput lets Enter through to the menu in single-line fields.
+ */
+export declare function createTokenSuggestionExtension(triggers: TokenSuggestionTrigger[], onOpenChange: (open: boolean) => void): Extension<any, any>;
+export {};
+//# sourceMappingURL=token-suggestion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"token-suggestion.d.ts","sourceRoot":"","sources":["../../../src/rich-text/token-input/token-suggestion.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzC,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,mBAAmB;IAClC,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,sBAAsB;IACrC,8DAA8D;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,yEAAyE;IACzE,KAAK,EAAE,CACL,KAAK,EAAE,MAAM,KACV,mBAAmB,EAAE,GAAG,OAAO,CAAC,mBAAmB,EAAE,CAAC,CAAC;IAC5D,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kFAAkF;IAClF,eAAe,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAClC,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,UAAU,SAAS;IACjB,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,yBAAyB;IACxC,SAAS,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,OAAO,CAAC;CAC9C;AAED,eAAO,MAAM,mBAAmB,iHAqE9B,CAAC;AAGH;;;GAGG;AACH,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,sBAAsB,EAAE,EAClC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,uBAmFtC"}

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

@@ -0,0 +1,110 @@
+import { jsx as i, jsxs as u } from "react/jsx-runtime";
+import { Extension as d } from "@tiptap/core";
+import { PluginKey as f } from "@tiptap/pm/state";
+import { ReactRenderer as y } from "@tiptap/react";
+import g from "@tiptap/suggestion";
+import { forwardRef as h, useState as w, useEffect as x, useImperativeHandle as k } from "react";
+import R from "tippy.js";
+import { cx as b } from "../../utils/cn.js";
+const m = h(({ items: o, emptyMessage: s, onSelect: l }, c) => {
+  const [t, r] = w(0);
+  return x(() => r(0), [o]), k(c, () => ({
+    onKeyDown: (n) => o.length ? n.key === "ArrowDown" ? (r((e) => (e + 1) % o.length), !0) : n.key === "ArrowUp" ? (r((e) => (e + o.length - 1) % o.length), !0) : n.key === "Enter" || n.key === "Tab" ? (l(o[t]), !0) : !1 : !1
+  })), /* @__PURE__ */ i(
+    "div",
+    {
+      role: "listbox",
+      "aria-label": "Suggestions",
+      className: "max-h-64 min-w-56 overflow-y-auto rounded-lg bg-primary p-1 shadow-lg ring-1 ring-secondary",
+      onMouseDown: (n) => n.preventDefault(),
+      children: o.length === 0 ? /* @__PURE__ */ i("div", { className: "px-2.5 py-2 text-sm text-tertiary", children: s }) : o.map((n, e) => /* @__PURE__ */ u(
+        "div",
+        {
+          role: "option",
+          "aria-selected": e === t,
+          onMouseEnter: () => r(e),
+          onClick: () => l(n),
+          className: b(
+            "flex cursor-pointer items-center gap-2 rounded-md px-2.5 py-2 text-sm",
+            e === t ? "bg-primary_hover" : ""
+          ),
+          children: [
+            n.icon && /* @__PURE__ */ i("span", { className: "flex size-4 shrink-0 items-center text-fg-quaternary", children: n.icon }),
+            /* @__PURE__ */ u("span", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ i("span", { className: "block truncate font-medium text-secondary", children: n.label }),
+              n.description && /* @__PURE__ */ i("span", { className: "block truncate text-xs text-tertiary", children: n.description })
+            ] })
+          ]
+        },
+        `${n.value}-${e}`
+      ))
+    }
+  );
+});
+m.displayName = "TokenSuggestionList";
+function T(o, s) {
+  return d.create({
+    name: "tokenSuggestion",
+    addProseMirrorPlugins() {
+      return o.map(
+        (l, c) => g({
+          editor: this.editor,
+          char: l.char,
+          pluginKey: new f(`tokenSuggestion${c}`),
+          allowSpaces: l.allowSpaces ?? !1,
+          allowedPrefixes: l.allowedPrefixes === void 0 ? [" "] : l.allowedPrefixes,
+          items: ({ query: t }) => l.items(t),
+          command: ({ editor: t, range: r, props: n }) => {
+            t.chain().focus().deleteRange(r).insertToken(n.value).run();
+          },
+          render: () => {
+            let t = null, r = null;
+            const n = (e) => ({
+              items: e.items,
+              emptyMessage: l.emptyMessage ?? "No matches",
+              onSelect: (a) => e.command(a)
+            });
+            return {
+              onStart: (e) => {
+                s(!0), t = new y(m, {
+                  props: n(e),
+                  editor: e.editor
+                }), e.clientRect && (r = R(document.body, {
+                  getReferenceClientRect: () => {
+                    var a;
+                    return ((a = e.clientRect) == null ? void 0 : a.call(e)) ?? new DOMRect();
+                  },
+                  appendTo: () => document.body,
+                  content: t.element,
+                  showOnCreate: !0,
+                  interactive: !0,
+                  trigger: "manual",
+                  placement: "bottom-start"
+                }));
+              },
+              onUpdate: (e) => {
+                t == null || t.updateProps(n(e)), r == null || r.setProps({
+                  getReferenceClientRect: () => {
+                    var a;
+                    return ((a = e.clientRect) == null ? void 0 : a.call(e)) ?? new DOMRect();
+                  }
+                });
+              },
+              onKeyDown: ({ event: e }) => {
+                var a;
+                return e.key === "Escape" ? (r == null || r.hide(), !0) : ((a = t == null ? void 0 : t.ref) == null ? void 0 : a.onKeyDown(e)) ?? !1;
+              },
+              onExit: () => {
+                s(!1), r == null || r.destroy(), t == null || t.destroy(), r = null, t = null;
+              }
+            };
+          }
+        })
+      );
+    }
+  });
+}
+export {
+  m as TokenSuggestionList,
+  T as createTokenSuggestionExtension
+};