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

package/dist/rich-text/text-editor-extensions.js

@@ -0,0 +1,553 @@
+import { jsx as t, jsxs as S, Fragment as z } from "react/jsx-runtime";
+import { useCallback as f, useState as N, useEffect as B, useRef as L } from "react";
+import { useEditorState as u } from "@tiptap/react";
+import { AlignCenter as w, AlignLeft as U, LeftIndent01 as H, Bold01 as M, Dotpoints01 as q, Type01 as O, Stars02 as P, Heading01 as $, Image01 as K, Italic01 as _, Link01 as j, List as G, Strikethrough01 as X, Underline01 as J } from "@untitledui/icons";
+import { parseColor as F, DialogTrigger as Q, Popover as V, Dialog as W, RadioGroup as Y, Radio as T, ColorSwatch as D, Label as Z, ColorField as ee } from "react-aria-components";
+import { cx as C } from "../utils/cn.js";
+import { useRichTextEditorContext as h } from "./text-editor.js";
+import { isolateCurrentLineAtCursor as I } from "./text-editor-line-utils.js";
+import { EditorButton as g } from "./text-editor-button.js";
+import { armHeadingRefocus as ie } from "./text-editor-heading-refocus.js";
+import { getPlatformShortcutLabel as k } from "./platform.js";
+import { Tooltip as te } from "../primitives/tooltip/tooltip.js";
+import { InputBase as le } from "../primitives/input/input.js";
+import { Select as b } from "../primitives/select/select.js";
+const E = [
+  { id: "Inter", label: "Inter" },
+  { id: "Comic Sans MS, Comic Sans", label: "Comic Sans" },
+  { id: "serif", label: "serif" },
+  { id: "monospace", label: "monospace" },
+  { id: "cursive", label: "cursive" }
+], y = [
+  { id: "12px", label: "12px" },
+  { id: "14px", label: "14px" },
+  { id: "16px", label: "16px" },
+  { id: "18px", label: "18px" },
+  { id: "20px", label: "20px" },
+  { id: "22px", label: "22px" },
+  { id: "24px", label: "24px" },
+  { id: "26px", label: "26px" },
+  { id: "28px", label: "28px" },
+  { id: "30px", label: "30px" },
+  { id: "32px", label: "32px" }
+], A = [
+  "#181D27",
+  "#252B37",
+  "#414651",
+  "#535862",
+  "#717680",
+  "#A4A7AE",
+  "#D5D7DA",
+  "#FFFFFF",
+  "#079455",
+  "#1570EF",
+  "#444CE7",
+  "#6938EF",
+  "#BA24D5",
+  "#DD2590",
+  "#D92D20",
+  "#E04F16"
+], Ce = ({ className: o }) => {
+  const { editor: e, isDisabled: r } = h(), { isBold: l } = u({
+    editor: e,
+    selector: ({ editor: i }) => ({
+      isBold: (i == null ? void 0 : i.isActive("bold")) ?? !1
+    })
+  }), n = f(() => {
+    e.chain().focus().toggleBold().run();
+  }, [e]);
+  return /* @__PURE__ */ t(
+    g,
+    {
+      "aria-label": `Bold ${k(["meta"], "B")}`,
+      isDisabled: r,
+      isActive: l,
+      onClick: n,
+      className: o,
+      children: /* @__PURE__ */ t(M, { className: "size-5" })
+    }
+  );
+}, ke = ({ className: o }) => {
+  const { editor: e, isDisabled: r } = h(), { isItalic: l } = u({
+    editor: e,
+    selector: ({ editor: i }) => ({
+      isItalic: (i == null ? void 0 : i.isActive("italic")) ?? !1
+    })
+  }), n = f(() => {
+    e.chain().focus().toggleItalic().run();
+  }, [e]);
+  return /* @__PURE__ */ t(
+    g,
+    {
+      "aria-label": `Italic ${k(["meta"], "I")}`,
+      isDisabled: r,
+      isActive: l,
+      onClick: n,
+      className: o,
+      children: /* @__PURE__ */ t(_, { className: "size-5" })
+    }
+  );
+}, Ae = ({
+  className: o
+}) => {
+  const { editor: e, isDisabled: r } = h(), { isUnderline: l } = u({
+    editor: e,
+    selector: ({ editor: i }) => ({
+      isUnderline: (i == null ? void 0 : i.isActive("underline")) ?? !1
+    })
+  }), n = f(() => {
+    e.chain().focus().toggleUnderline().run();
+  }, [e]);
+  return /* @__PURE__ */ t(
+    g,
+    {
+      "aria-label": `Underline ${k(["meta"], "U")}`,
+      isDisabled: r,
+      isActive: l,
+      onClick: n,
+      className: o,
+      children: /* @__PURE__ */ t(J, { className: "size-5" })
+    }
+  );
+}, Se = ({
+  className: o
+}) => {
+  const { editor: e, isDisabled: r } = h(), { isStrikethrough: l } = u({
+    editor: e,
+    selector: ({ editor: i }) => ({
+      isStrikethrough: (i == null ? void 0 : i.isActive("strike")) ?? !1
+    })
+  }), n = f(() => {
+    e.chain().focus().toggleStrike().run();
+  }, [e]);
+  return /* @__PURE__ */ t(
+    g,
+    {
+      "aria-label": `Strikethrough ${k(["meta", "shift"], "X")}`,
+      isDisabled: r,
+      isActive: l,
+      onClick: n,
+      className: o,
+      children: /* @__PURE__ */ t(X, { className: "size-5" })
+    }
+  );
+}, ve = ({
+  className: o
+}) => {
+  const { editor: e, isDisabled: r, lineBreakMode: l } = h(), { isBulletList: n } = u({
+    editor: e,
+    selector: ({ editor: a }) => ({
+      isBulletList: (a == null ? void 0 : a.isActive("bulletList")) ?? !1
+    })
+  });
+  return /* @__PURE__ */ t(
+    g,
+    {
+      "aria-label": "Bullet list",
+      isDisabled: r,
+      isActive: n,
+      onClick: () => {
+        l === "paragraph" && I(e), e.chain().focus().toggleBulletList().run();
+      },
+      className: o,
+      children: /* @__PURE__ */ t(q, { className: "size-5" })
+    }
+  );
+}, Ne = ({
+  className: o
+}) => {
+  const { editor: e, isDisabled: r } = h(), { isAlignLeft: l } = u({
+    editor: e,
+    selector: ({ editor: n }) => ({
+      isAlignLeft: (n == null ? void 0 : n.isActive({ textAlign: "left" })) ?? !1
+    })
+  });
+  return /* @__PURE__ */ t(
+    g,
+    {
+      "aria-label": "Left align",
+      isDisabled: r,
+      isActive: l,
+      onClick: () => e.chain().focus().setTextAlign("left").run(),
+      className: o,
+      children: /* @__PURE__ */ t(U, { className: "size-5" })
+    }
+  );
+}, Fe = ({
+  className: o
+}) => {
+  const { editor: e, isDisabled: r } = h(), { isAlignCenter: l } = u({
+    editor: e,
+    selector: ({ editor: n }) => ({
+      isAlignCenter: (n == null ? void 0 : n.isActive({ textAlign: "center" })) ?? !1
+    })
+  });
+  return /* @__PURE__ */ t(
+    g,
+    {
+      "aria-label": "Center align",
+      isDisabled: r,
+      isActive: l,
+      onClick: () => e.chain().focus().setTextAlign("center").run(),
+      className: o,
+      children: /* @__PURE__ */ t(w, { className: "size-5" })
+    }
+  );
+}, Le = () => {
+  const { isDisabled: o } = h();
+  return /* @__PURE__ */ t(g, { "aria-label": "Generate", isDisabled: o, children: /* @__PURE__ */ t(P, { className: "size-5" }) });
+}, Te = ({ className: o }) => {
+  const { editor: e, isDisabled: r } = h(), { isLink: l } = u({
+    editor: e,
+    selector: ({ editor: i }) => ({
+      isLink: (i == null ? void 0 : i.isActive("link")) ?? !1
+    })
+  }), n = f(() => {
+    const { from: i, to: a } = e.state.selection, s = i !== a;
+    e.isActive("link") && !s && e.chain().focus().extendMarkRange("link").run();
+    const m = e.getAttributes("link").href, c = window.prompt("Please enter a link", m);
+    if (c !== null) {
+      if (c === "") {
+        e.isActive("link") && !s ? e.chain().focus().extendMarkRange("link").unsetLink().run() : e.chain().focus().unsetLink().run();
+        return;
+      }
+      e.isActive("link") && !s ? e.chain().focus().extendMarkRange("link").setLink({ href: c }).run() : e.chain().focus().setLink({ href: c }).run();
+    }
+  }, [e]);
+  return /* @__PURE__ */ t(
+    g,
+    {
+      "aria-label": `Link ${k(["meta"], "K")}`,
+      isDisabled: r,
+      isActive: l,
+      onClick: n,
+      className: o,
+      children: /* @__PURE__ */ t(j, { className: "size-5" })
+    }
+  );
+}, De = ({ className: o }) => {
+  const e = L(null), { editor: r, isDisabled: l } = h(), { isImage: n } = u({
+    editor: r,
+    selector: ({ editor: s }) => ({
+      isImage: (s == null ? void 0 : s.isActive("image")) ?? !1
+    })
+  }), i = () => {
+    e.current && e.current.click();
+  }, a = f(
+    (s) => {
+      var p;
+      const m = (p = s.target.files) == null ? void 0 : p[0];
+      if (!m) return;
+      const c = URL.createObjectURL(m);
+      r.chain().focus().setImage({ src: c }).run();
+    },
+    [r]
+  );
+  return /* @__PURE__ */ S(z, { children: [
+    /* @__PURE__ */ t(
+      "input",
+      {
+        type: "file",
+        ref: e,
+        className: "hidden",
+        onChange: a
+      }
+    ),
+    /* @__PURE__ */ t(
+      g,
+      {
+        "aria-label": "Insert image",
+        isDisabled: l,
+        isActive: n,
+        onClick: i,
+        className: o,
+        children: /* @__PURE__ */ t(K, { className: "size-5" })
+      }
+    )
+  ] });
+}, Ee = ({ className: o }) => {
+  const { editor: e, isDisabled: r } = h(), [l, n] = N(), [i, a] = N(F("#7F56D9")), [s, m] = N(F(A[0]));
+  B(() => {
+    const d = ({ editor: x }) => {
+      n(x.getAttributes("textStyle").color);
+    };
+    return e.on("selectionUpdate", d), () => {
+      e.off("selectionUpdate", d);
+    };
+  }, [e]);
+  const c = (d) => {
+    d && (s.toString("hex") === i.toString("hex") && m(d), a(d));
+  }, p = f(
+    (d) => {
+      m(F(d));
+      const { from: x, to: v } = e.state.selection, R = x !== v;
+      e.getAttributes("textStyle").color && !R ? e.chain().focus().extendMarkRange("textStyle").setColor(d).run() : e.chain().focus().setColor(d).run();
+    },
+    [e, m]
+  );
+  return /* @__PURE__ */ S(Q, { children: [
+    /* @__PURE__ */ t(te, { title: "Text color", contentClassName: "text-editor-tooltip", children: /* @__PURE__ */ t(
+      g,
+      {
+        "aria-label": "Text color",
+        isDisabled: r,
+        className: o,
+        children: /* @__PURE__ */ t(
+          "div",
+          {
+            style: {
+              outlineColor: l || A[0],
+              backgroundColor: l || A[0]
+            },
+            className: "size-4 rounded-full ring-1 ring-black/10 ring-inset in-pressed:outline-[1.5px] in-pressed:outline-offset-2"
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ t(V, { children: /* @__PURE__ */ t(W, { className: "rounded-xl bg-primary_alt p-3 shadow-lg ring-1 ring-secondary_alt outline-none", children: /* @__PURE__ */ t("div", { className: "flex flex-col gap-3 lg:flex-row lg:items-center", children: /* @__PURE__ */ S(
+      Y,
+      {
+        className: "flex flex-col items-start gap-2",
+        value: s == null ? void 0 : s.toString("hex"),
+        onChange: p,
+        children: [
+          /* @__PURE__ */ t("div", { className: "grid grid-cols-8 gap-1", children: A.map((d) => /* @__PURE__ */ t(T, { value: d, className: "p-0.5", children: ({ isSelected: x, isFocused: v }) => /* @__PURE__ */ t(
+            D,
+            {
+              style: {
+                outlineColor: d
+              },
+              color: d,
+              className: C(
+                "size-4 cursor-pointer rounded-full ring-1 ring-black/10 ring-inset",
+                (x || v) && "outline-2 outline-offset-2"
+              )
+            }
+          ) }, d)) }),
+          /* @__PURE__ */ S("div", { className: "flex w-full shrink-0 items-center", children: [
+            /* @__PURE__ */ t(Z, { className: "mr-3 text-sm font-semibold text-primary", children: "Custom" }),
+            /* @__PURE__ */ t(T, { value: i.toString("hex"), children: ({ isSelected: d, isFocused: x }) => /* @__PURE__ */ t(z, { children: /* @__PURE__ */ t(
+              D,
+              {
+                style: {
+                  outlineColor: i.toString("hex"),
+                  backgroundColor: i.toString("hex")
+                },
+                className: C(
+                  "mr-2 size-4 shrink-0 cursor-pointer rounded-full ring-1 ring-black/10 ring-inset",
+                  (d || x) && "outline-2 outline-offset-2"
+                )
+              }
+            ) }) }),
+            /* @__PURE__ */ t(
+              ee,
+              {
+                "aria-label": "Custom color",
+                className: "flex min-w-0 flex-1",
+                value: i,
+                onChange: c,
+                children: /* @__PURE__ */ t(le, { size: "sm", wrapperClassName: "flex-1 w-23 min-w-0" })
+              }
+            )
+          ] })
+        ]
+      }
+    ) }) }) })
+  ] });
+}, ye = ({
+  className: o
+}) => {
+  const { editor: e, isDisabled: r } = h(), { currentFontFamily: l } = u({
+    editor: e,
+    selector: ({ editor: i }) => {
+      var a;
+      return {
+        currentFontFamily: ((a = i == null ? void 0 : i.getAttributes("textStyle")) == null ? void 0 : a.fontFamily) || E[0].id
+      };
+    }
+  }), n = f(
+    (i) => {
+      e.chain().focus().setFontFamily(i).run();
+    },
+    [e]
+  );
+  return /* @__PURE__ */ t(
+    b,
+    {
+      "aria-label": "Font family",
+      size: "sm",
+      items: E,
+      isDisabled: r,
+      className: C("w-full md:w-38", o),
+      selectedKey: l,
+      placeholderIcon: O,
+      onSelectionChange: n,
+      children: (i) => /* @__PURE__ */ t(
+        b.Item,
+        {
+          id: i.id,
+          style: {
+            fontFamily: i.id
+          },
+          children: i.label
+        }
+      )
+    }
+  );
+}, ne = [
+  { id: "paragraph", label: "Paragraph" },
+  { id: "h1", label: "H1" },
+  { id: "h2", label: "H2" },
+  { id: "h3", label: "H3" }
+], ze = ({
+  className: o
+}) => {
+  const { editor: e, isDisabled: r } = h(), l = L(null), n = L(null);
+  B(() => () => {
+    var s;
+    return (s = l.current) == null ? void 0 : s.call(l);
+  }, []);
+  const { currentHeading: i } = u({
+    editor: e,
+    selector: ({ editor: s }) => ({
+      currentHeading: s != null && s.isActive("heading", { level: 1 }) ? "h1" : s != null && s.isActive("heading", { level: 2 }) ? "h2" : s != null && s.isActive("heading", { level: 3 }) ? "h3" : "paragraph"
+    })
+  }), a = f(
+    (s) => {
+      var m;
+      if (!s || s === "paragraph")
+        e.chain().focus().setParagraph().run();
+      else {
+        const c = Number(s.replace("h", ""));
+        e.chain().focus().toggleHeading({ level: c }).run();
+      }
+      (m = l.current) == null || m.call(l), l.current = ie({
+        isInList: (c) => c instanceof Element && !!c.closest(".text-editor-heading-listbox"),
+        isEditor: (c) => c instanceof Node && !e.isDestroyed && e.view.dom.contains(c),
+        isOwnTrigger: (c) => {
+          var p;
+          return c instanceof Node && !!((p = n.current) != null && p.contains(c));
+        },
+        refocusEditor: () => {
+          !e.isDestroyed && !e.isFocused && e.commands.focus();
+        }
+      });
+    },
+    [e]
+  );
+  return (
+    // `contents` keeps layout unchanged; the wrapper only scopes "is this our trigger" checks.
+    /* @__PURE__ */ t("div", { ref: n, className: "contents", children: /* @__PURE__ */ t(
+      b,
+      {
+        "aria-label": "Heading",
+        size: "sm",
+        items: [...ne],
+        isDisabled: r,
+        className: C("w-full md:w-28", o),
+        selectedKey: i,
+        placeholderIcon: $,
+        listBoxClassName: "text-editor-heading-listbox",
+        onSelectionChange: a,
+        children: (s) => /* @__PURE__ */ t(b.Item, { id: s.id, children: s.label })
+      }
+    ) })
+  );
+}, Be = ({
+  className: o
+}) => {
+  const { editor: e, isDisabled: r, lineBreakMode: l } = h(), { isOrderedList: n } = u({
+    editor: e,
+    selector: ({ editor: a }) => ({
+      isOrderedList: (a == null ? void 0 : a.isActive("orderedList")) ?? !1
+    })
+  });
+  return /* @__PURE__ */ t(
+    g,
+    {
+      "aria-label": "Numbered list",
+      isDisabled: r,
+      isActive: n,
+      onClick: () => {
+        l === "paragraph" && I(e), e.chain().focus().toggleOrderedList().run();
+      },
+      className: o,
+      children: /* @__PURE__ */ t(G, { className: "size-5" })
+    }
+  );
+}, Ie = ({
+  className: o
+}) => {
+  const { editor: e, isDisabled: r } = h(), { isBlockquote: l } = u({
+    editor: e,
+    selector: ({ editor: n }) => ({
+      isBlockquote: (n == null ? void 0 : n.isActive("blockquote")) ?? !1
+    })
+  });
+  return /* @__PURE__ */ t(
+    g,
+    {
+      "aria-label": "Block quote",
+      isDisabled: r,
+      isActive: l,
+      onClick: () => e.chain().focus().toggleBlockquote().run(),
+      className: o,
+      children: /* @__PURE__ */ t(H, { className: "size-5" })
+    }
+  );
+}, Re = ({
+  className: o
+}) => {
+  const { editor: e, isDisabled: r } = h(), { currentFontSize: l } = u({
+    editor: e,
+    selector: ({ editor: i }) => {
+      var a;
+      return {
+        currentFontSize: ((a = i == null ? void 0 : i.getAttributes("textStyle")) == null ? void 0 : a.fontSize) || y[2].id
+      };
+    }
+  }), n = f(
+    (i) => {
+      e.chain().focus().setFontSize(i).run();
+    },
+    [e]
+  );
+  return /* @__PURE__ */ t(
+    b,
+    {
+      "aria-label": "Font size",
+      size: "sm",
+      items: y,
+      isDisabled: r,
+      className: C("w-full md:w-22", o),
+      selectedKey: l,
+      onSelectionChange: n,
+      children: (i) => /* @__PURE__ */ t(
+        b.Item,
+        {
+          id: i.id,
+          className: "[&_svg:not([data-icon])]:hidden",
+          children: i.label
+        }
+      )
+    }
+  );
+};
+export {
+  Fe as RichTextEditorAlignCenter,
+  Ne as RichTextEditorAlignLeft,
+  Ie as RichTextEditorBlockquote,
+  Ce as RichTextEditorBold,
+  ve as RichTextEditorBulletList,
+  Ee as RichTextEditorColor,
+  ye as RichTextEditorFontFamily,
+  Re as RichTextEditorFontSize,
+  Le as RichTextEditorGenerate,
+  ze as RichTextEditorHeading,
+  De as RichTextEditorImage,
+  ke as RichTextEditorItalic,
+  Te as RichTextEditorLink,
+  Be as RichTextEditorOrderedList,
+  Se as RichTextEditorStrikethrough,
+  Ae as RichTextEditorUnderline
+};

package/dist/rich-text/text-editor-heading-refocus.d.ts

@@ -0,0 +1,21 @@
+interface HeadingRefocusOptions {
+    /** Focus inside the open heading list: still picking, keep waiting. */
+    isInList: (target: EventTarget | null) => boolean;
+    /** The editor's own focus (tiptap focuses on the next frame); must not disarm the listener. */
+    isEditor: (target: EventTarget | null) => boolean;
+    /** The heading Select's trigger, where react-aria restores focus once the popover closes. */
+    isOwnTrigger: (target: EventTarget | null) => boolean;
+    refocusEditor: () => void;
+    timeoutMs?: number;
+    doc?: Document;
+}
+/**
+ * After a heading pick, react-aria restores focus to the Select trigger (its onFocus does not fire
+ * for that), so typing would hit the trigger's typeahead and Enter would reopen the menu. Hand focus
+ * back to the editor when it lands on the trigger. Focus that goes anywhere else (the user clicked or
+ * tabbed away) disarms without redirecting; a timeout covers focus never being restored.
+ * Returns a function that disarms the listener.
+ */
+export declare function armHeadingRefocus({ isInList, isEditor, isOwnTrigger, refocusEditor, timeoutMs, doc, }: HeadingRefocusOptions): () => void;
+export {};
+//# sourceMappingURL=text-editor-heading-refocus.d.ts.map

package/dist/rich-text/text-editor-heading-refocus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor-heading-refocus.d.ts","sourceRoot":"","sources":["../../src/rich-text/text-editor-heading-refocus.ts"],"names":[],"mappings":"AAAA,UAAU,qBAAqB;IAC7B,uEAAuE;IACvE,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,OAAO,CAAC;IAClD,+FAA+F;IAC/F,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,OAAO,CAAC;IAClD,6FAA6F;IAC7F,YAAY,EAAE,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,KAAK,OAAO,CAAC;IACtD,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,QAAQ,CAAC;CAChB;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,SAAgB,EAChB,GAAc,GACf,EAAE,qBAAqB,GAAG,MAAM,IAAI,CAkBpC"}

package/dist/rich-text/text-editor-heading-refocus.js

@@ -0,0 +1,24 @@
+function m({
+  isInList: c,
+  isEditor: s,
+  isOwnTrigger: i,
+  refocusEditor: u,
+  timeoutMs: a = 1500,
+  doc: e = document
+}) {
+  const r = (t) => {
+    const o = t.target;
+    c(o) || s(o) || (n(), i(o) && u());
+  }, f = window.setTimeout(() => {
+    n();
+    const t = e.activeElement;
+    (!t || t === e.body || i(t)) && u();
+  }, a);
+  function n() {
+    e.removeEventListener("focusin", r, !0), window.clearTimeout(f);
+  }
+  return e.addEventListener("focusin", r, !0), n;
+}
+export {
+  m as armHeadingRefocus
+};

package/dist/rich-text/text-editor-line-utils.d.ts

@@ -0,0 +1,8 @@
+import { Editor } from '@tiptap/react';
+/**
+ * When a paragraph uses hard breaks for line breaks, TipTap's toggleBulletList wraps the whole
+ * paragraph. Split at the current line's boundaries so list toggles apply to one line only.
+ * Uses standard splitBlock — same as Enter outside lists.
+ */
+export declare function isolateCurrentLineAtCursor(editor: Editor): void;
+//# sourceMappingURL=text-editor-line-utils.d.ts.map

package/dist/rich-text/text-editor-line-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor-line-utils.d.ts","sourceRoot":"","sources":["../../src/rich-text/text-editor-line-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAgC5C;;;;GAIG;AACH,wBAAgB,0BAA0B,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAyC/D"}

package/dist/rich-text/text-editor-line-utils.js

@@ -0,0 +1,29 @@
+function p(t, e) {
+  let n = 0, r = e.content.size;
+  return e.forEach((f, a) => {
+    if (f.type.name === "hardBreak") {
+      const s = a + f.nodeSize;
+      s <= t ? n = s : a >= t && (r = Math.min(r, a));
+    }
+  }), { lineStartOffset: n, lineEndOffset: r };
+}
+function u(t) {
+  const { $from: e } = t.state.selection, n = e.parent;
+  if (n.type.name !== "paragraph") return;
+  let r = !1;
+  if (n.forEach((l) => {
+    l.type.name === "hardBreak" && (r = !0);
+  }), !r) return;
+  const f = e.parentOffset, a = e.start(), { lineStartOffset: s } = p(f, n);
+  s > 0 && t.chain().focus().setTextSelection(a + s).splitBlock().run();
+  const { $from: i } = t.state.selection, c = i.parent;
+  if (c.type.name !== "paragraph") return;
+  const { lineEndOffset: o } = p(
+    i.parentOffset,
+    c
+  );
+  o < c.content.size && t.chain().focus().setTextSelection(i.start() + o).splitBlock().run();
+}
+export {
+  u as isolateCurrentLineAtCursor
+};

package/dist/rich-text/text-editor-mention.d.ts

@@ -0,0 +1,32 @@
+export interface MentionUser {
+    id: string;
+    name: string;
+    avatar?: string | null;
+}
+interface MentionListProps {
+    items: MentionUser[];
+    command: (item: {
+        id: string;
+        label: string;
+    }) => void;
+}
+interface MentionListRef {
+    onKeyDown: (props: {
+        event: KeyboardEvent;
+    }) => boolean;
+}
+export declare const MentionList: import('react').ForwardRefExoticComponent<MentionListProps & import('react').RefAttributes<MentionListRef>>;
+/** Getter lets the user list update without recreating the TipTap editor. */
+export declare const createMentionSuggestion: (getUsers: () => MentionUser[]) => {
+    items: ({ query }: {
+        query: string;
+    }) => MentionUser[];
+    render: () => {
+        onStart: (props: any) => void;
+        onUpdate(props: any): void;
+        onKeyDown(props: any): boolean;
+        onExit(): void;
+    };
+};
+export {};
+//# sourceMappingURL=text-editor-mention.d.ts.map

package/dist/rich-text/text-editor-mention.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-editor-mention.d.ts","sourceRoot":"","sources":["../../src/rich-text/text-editor-mention.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxB;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACxD;AAED,UAAU,cAAc;IACtB,SAAS,EAAE,CAAC,KAAK,EAAE;QAAE,KAAK,EAAE,aAAa,CAAA;KAAE,KAAK,OAAO,CAAC;CACzD;AAED,eAAO,MAAM,WAAW,6GAmFvB,CAAC;AAIF,6EAA6E;AAC7E,eAAO,MAAM,uBAAuB,GAAI,UAAU,MAAM,WAAW,EAAE;uBAChD;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;yBAUf,GAAG;wBAsBJ,GAAG;yBAYF,GAAG;;;CAexB,CAAC"}