@forgedevstack/ink 1.1.1 → 1.1.3

package/dist/components/InkEditor/InkEditor.js

@@ -1,528 +1,602 @@
-import { jsxs as F, jsx as i } from "react/jsx-runtime";
-import { useRef as ye, useState as m, useEffect as y } from "react";
-import { INK_MIN_HEIGHT as Ot, INK_DEFAULT_TEXT_COLOR as Pt, INK_DEFAULT_HIGHLIGHT_COLOR as Ut } from "../../constants/numbers.const.js";
-import { INK_PLACEHOLDER_DEFAULT as Kt, INK_DEFAULT_TOOLBAR as Ft, INK_DEFAULT_VARIANT as Mt, INK_DEFAULT_AUTHOR as Vt, INK_TABLE_DEFAULT_ROWS as jt, INK_TABLE_DEFAULT_COLS as Wt, INK_DEFAULT_FEATURES as $t, INK_CLASS_TOOLBAR as Gt, INK_CLASS_SHELL as qt, INK_CLASS_BODY as zt, INK_CLASS_CONTENT as Xt, INK_CLASS_FOOTER as Qt, INK_CLASS_DIVIDER as Yt, INK_HEADING_OPTIONS as Jt, INK_BUTTON_CONFIG as Ne, INK_CLASS_ROOT as Zt } from "../../constants/defaults.const.js";
-import { INK_DEFAULT_ICONS as Se } from "../../constants/premium.const.js";
-import { cn as en } from "../../utils/cn.utils.js";
-import { applyTypoAutoFix as tn } from "../../utils/typo.utils.js";
-import { createInkId as ve } from "../../utils/id.utils.js";
-import { buildTableHtml as nn } from "../../utils/table.utils.js";
-import { getBlockElement as _e, moveBlock as on, markActiveBlock as rn } from "../../utils/blocks.utils.js";
-import { rejectTrackChangeInHtml as cn, acceptTrackChangeInHtml as sn, createTrackChange as Z, wrapInsertHtml as Ee, wrapDeleteHtml as an } from "../../utils/trackChanges.utils.js";
-import { removeCommentMark as ln, wrapSelectionAsComment as un, createCommentThread as mn } from "../../utils/comments.utils.js";
-import { InkHistoryStack as xe } from "../../utils/history.utils.js";
-import { extractSlashQuery as dn, filterSlashCommands as fn } from "../../utils/slash.utils.js";
-import { resolveInkPremium as hn, hasInkPremiumFeature as D, themeTokensToStyle as pn } from "../../utils/premium.utils.js";
-import { extractClipboardHtml as gn, sanitizePastedHtml as Cn, extractClipboardText as kn } from "../../utils/paste.utils.js";
-import { insertHTML as I, setTextColor as Tn, setHighlightColor as bn, getActiveFormats as In, queryCommandValue as wn, execCommand as g, insertLink as An, insertImage as Re, fileToDataUrl as Ln } from "./helpers/format.utils.js";
-import { ToolbarButton as C } from "./components/ToolbarButton/ToolbarButton.js";
-import { ToolbarDropdown as Hn } from "./components/ToolbarDropdown/ToolbarDropdown.js";
-import { ToolbarColorPicker as Be } from "./components/ToolbarColorPicker/ToolbarColorPicker.js";
-import { CommentsPanel as yn } from "./components/CommentsPanel/CommentsPanel.js";
-import { AiPanel as Nn } from "./components/AiPanel/AiPanel.js";
-import { BlockHandles as Sn } from "./components/BlockHandles/BlockHandles.js";
-import { SlashMenu as vn } from "./components/SlashMenu/SlashMenu.js";
-import { TrackChangesBar as _n } from "./components/TrackChangesBar/TrackChangesBar.js";
-const ee = () => {
+import { jsxs as M, jsx as a } from "react/jsx-runtime";
+import { useRef as Pe, useState as m, useEffect as _ } from "react";
+import { INK_MIN_HEIGHT as Wt, INK_DEFAULT_TEXT_COLOR as $t, INK_DEFAULT_HIGHLIGHT_COLOR as zt } from "../../constants/numbers.js";
+import { TOOLBAR_OPTION_SIGNATURE as xe, TOOLBAR_OPTION_FIND_REPLACE as Be, TOOLBAR_OPTION_HORIZONTAL_RULE as Ue } from "../../constants/toolbar.const.js";
+import { INK_PLACEHOLDER_DEFAULT as qt, INK_DEFAULT_TOOLBAR as Xt, INK_DEFAULT_VARIANT as Qt, INK_DEFAULT_AUTHOR as Yt, INK_TABLE_DEFAULT_ROWS as Zt, INK_TABLE_DEFAULT_COLS as Jt, INK_DEFAULT_FEATURES as en, INK_CLASS_TOOLBAR as tn, INK_CLASS_SHELL as nn, INK_CLASS_BODY as rn, INK_CLASS_CONTENT as on, INK_CLASS_FOOTER as cn, INK_CLASS_DIVIDER as sn, INK_HEADING_OPTIONS as an, INK_BUTTON_CONFIG as De, INK_CLASS_ROOT as ln } from "../../constants/defaults.const.js";
+import { INK_DEFAULT_ICONS as Fe } from "../../constants/premium.const.js";
+import { cn as un } from "../../utils/cn.utils.js";
+import { applyTypoAutoFix as mn } from "../../utils/typo.utils.js";
+import { createInkId as Ke } from "../../utils/id.utils.js";
+import { buildTableHtml as dn } from "../../utils/table.utils.js";
+import { getBlockElement as Me, moveBlock as fn, markActiveBlock as pn } from "../../utils/blocks.utils.js";
+import { createTrackChange as J, rejectTrackChangeInHtml as hn, acceptTrackChangeInHtml as gn, wrapInsertHtml as Ve, wrapDeleteHtml as Cn } from "../../utils/trackChanges.utils.js";
+import { removeCommentMark as kn, wrapSelectionAsComment as Tn, createCommentThread as In } from "../../utils/comments.utils.js";
+import { InkHistoryStack as ee } from "../../utils/history.utils.js";
+import { extractSlashQuery as bn, filterSlashCommands as An } from "../../utils/slash.utils.js";
+import { resolveInkPremium as Ln, hasInkPremiumFeature as U, themeTokensToStyle as wn } from "../../utils/premium.utils.js";
+import { extractClipboardHtml as Hn, sanitizePastedHtml as yn, extractClipboardText as _n } from "../../utils/paste.utils.js";
+import { readInkMemory as Nn, writeInkMemory as Sn } from "../../utils/memory.utils.js";
+import { replaceInHtml as Rn } from "../../utils/findReplace.utils.js";
+import { insertImage as te, insertHTML as A, setTextColor as vn, setHighlightColor as On, getActiveFormats as En, queryCommandValue as Pn, execCommand as k, insertLink as xn, fileToDataUrl as Bn } from "./helpers/format.utils.js";
+import { ToolbarButton as h } from "./components/ToolbarButton/ToolbarButton.js";
+import { ToolbarDropdown as Un } from "./components/ToolbarDropdown/ToolbarDropdown.js";
+import { ToolbarColorPicker as je } from "./components/ToolbarColorPicker/ToolbarColorPicker.js";
+import { CommentsPanel as Dn } from "./components/CommentsPanel/CommentsPanel.js";
+import { AiPanel as Fn } from "./components/AiPanel/AiPanel.js";
+import { BlockHandles as Kn } from "./components/BlockHandles/BlockHandles.js";
+import { SlashMenu as Mn } from "./components/SlashMenu/SlashMenu.js";
+import { TrackChangesBar as Vn } from "./components/TrackChangesBar/TrackChangesBar.js";
+import { SignPad as jn } from "./components/SignPad/SignPad.js";
+import { FindReplace as Gn } from "./components/FindReplace/FindReplace.js";
+const ne = () => {
   const N = window.getSelection();
   if (!N || N.rangeCount === 0) return "";
-  const h = N.getRangeAt(0), b = document.createElement("div");
-  return b.appendChild(h.cloneContents()), b.innerHTML;
-}, no = (N) => {
-  var He;
+  const g = N.getRangeAt(0), T = document.createElement("div");
+  return T.appendChild(g.cloneContents()), T.innerHTML;
+}, br = (N) => {
+  var Ee;
   const {
-    value: h,
-    defaultValue: b = "",
-    onChange: M,
-    placeholder: te = Kt,
-    disabled: s = !1,
-    readOnly: a = !1,
-    minHeight: V = Ot,
+    value: g,
+    defaultValue: T = "",
+    onChange: C,
+    placeholder: re = qt,
+    disabled: c = !1,
+    readOnly: i = !1,
+    minHeight: V = Wt,
     maxHeight: j,
-    toolbar: De = Ft,
-    className: Oe = "",
-    testId: Pe,
-    allowImagePaste: ne = !0,
-    showCharCount: oe = !1,
-    charCountMax: re,
-    typoAutoFix: Ue = !0,
-    variant: Ke = Mt,
-    features: Fe,
-    author: w = Vt,
+    toolbar: Ge = Xt,
+    className: We = "",
+    testId: $e,
+    allowImagePaste: oe = !0,
+    showCharCount: ce = !1,
+    charCountMax: ie,
+    typoAutoFix: ze = !0,
+    variant: qe = Qt,
+    features: Xe,
+    author: w = Yt,
     trackChanges: S,
-    onTrackChangesChange: W,
-    trackChangesEnabled: O,
-    onTrackChangesEnabledChange: $,
-    comments: v,
-    onCommentsChange: G,
-    showCommentsPanel: _,
-    onShowCommentsPanelChange: q,
+    onTrackChangesChange: G,
+    trackChangesEnabled: D,
+    onTrackChangesEnabledChange: W,
+    comments: R,
+    onCommentsChange: $,
+    showCommentsPanel: v,
+    onShowCommentsPanelChange: z,
     ai: d,
-    slashCommands: Me,
-    tableRows: Ve = jt,
-    tableCols: je = Wt,
-    premium: We,
-    theme: $e,
-    icons: ce,
-    pasteMode: Ge = "plain",
-    onImageUpload: se,
-    wysiwyg: qe = !1,
-    style: ze,
-    ...Xe
-  } = N, u = { ...$t, ...Fe }, A = hn(We), Qe = D(A, "icons"), Ye = D(A, "theme"), Je = D(A, "richPaste"), Ze = D(A, "imageUpload"), et = D(A, "wysiwyg") && qe, p = Qe && ce ? { ...Se, ...ce } : Se, tt = Ye ? pn($e) : {}, nt = Je && Ge === "rich", o = ye(null), P = ye(new xe(h ?? b)), [ot, rt] = m(/* @__PURE__ */ new Set()), [ct, ae] = m("p"), [st, at] = m(0), [it, lt] = m(Pt), [ut, mt] = m(Ut), [L, ie] = m(O ?? !1), [dt, le] = m(S ?? []), [ft, ue] = m(v ?? []), [ht, me] = m(_ ?? !1), [de, z] = m(!!(d != null && d.enabled && d.openOnInit)), [fe, pt] = m(""), [gt, Ct] = m(0), [kt, he] = m(!1), [Tt, U] = m([]), [pe, bt] = m({ top: 0, left: 0 }), k = S ?? dt, E = v ?? ft, X = _ ?? ht, ge = Me ?? u.slash;
-  y(() => {
-    O !== void 0 && ie(O);
-  }, [O]), y(() => {
-    S && le(S);
-  }, [S]), y(() => {
-    v && ue(v);
-  }, [v]), y(() => {
-    _ !== void 0 && me(_);
-  }, [_]), y(() => {
-    !o.current || h === void 0 || o.current.innerHTML !== h && (o.current.innerHTML = h);
-  }, [h]), y(() => {
-    !o.current || h || !b || (o.current.innerHTML = b, P.current = new xe(b));
+    slashCommands: Qe,
+    tableRows: Ye = Zt,
+    tableCols: Ze = Jt,
+    premium: Je,
+    theme: et,
+    icons: se,
+    pasteMode: tt = "plain",
+    onImageUpload: ae,
+    wysiwyg: nt = !1,
+    keepInMemory: le = !1,
+    memoryKey: ue,
+    style: rt,
+    ...ot
+  } = N, u = { ...en, ...Xe }, H = Ln(Je), ct = U(H, "icons"), it = U(H, "theme"), st = U(H, "richPaste"), at = U(H, "imageUpload"), lt = U(H, "wysiwyg") && nt, f = ct && se ? { ...Fe, ...se } : Fe, ut = it ? wn(et) : {}, mt = st && tt === "rich", r = Pe(null), O = Pe(new ee(g ?? T)), [dt, ft] = m(/* @__PURE__ */ new Set()), [pt, me] = m("p"), [ht, gt] = m(0), [Ct, kt] = m($t), [Tt, It] = m(zt), [y, de] = m(D ?? !1), [bt, fe] = m(S ?? []), [At, pe] = m(R ?? []), [Lt, he] = m(v ?? !1), [ge, q] = m(!!(d != null && d.enabled && d.openOnInit)), [Ce, wt] = m(""), [Ht, yt] = m(0), [_t, ke] = m(!1), [Nt, F] = m([]), [Te, St] = m({ top: 0, left: 0 }), [Ie, be] = m(!1), [Ae, Le] = m(!1), I = S ?? bt, E = R ?? At, X = v ?? Lt, we = Qe ?? u.slash;
+  _(() => {
+    D !== void 0 && de(D);
+  }, [D]), _(() => {
+    S && fe(S);
+  }, [S]), _(() => {
+    R && pe(R);
+  }, [R]), _(() => {
+    v !== void 0 && he(v);
+  }, [v]), _(() => {
+    !r.current || g === void 0 || r.current.innerHTML !== g && (r.current.innerHTML = g);
+  }, [g]), _(() => {
+    if (!r.current) return;
+    const e = le ? Nn(ue) : "";
+    if (e) {
+      r.current.innerHTML = e, O.current = new ee(e), C == null || C(e);
+      return;
+    }
+    g === void 0 && T && (r.current.innerHTML = T, O.current = new ee(T), C == null || C(T));
   }, []);
   const Q = (e) => {
     var t;
-    P.current.push(e), M == null || M(e), oe && o.current && at(((t = o.current.textContent) == null ? void 0 : t.length) ?? 0);
-  }, H = (e) => {
-    o.current && (o.current.innerHTML = e, Q(e));
-  }, x = (e) => {
-    le(e), W == null || W(e);
+    O.current.push(e), C == null || C(e), le && Sn(e, ue), ce && r.current && gt(((t = r.current.textContent) == null ? void 0 : t.length) ?? 0);
+  }, L = (e) => {
+    r.current && (r.current.innerHTML = e, Q(e));
+  }, P = (e) => {
+    fe(e), G == null || G(e);
   }, Y = (e) => {
-    ue(e), G == null || G(e);
-  }, J = (e) => {
-    me(e), q == null || q(e);
-  }, It = (e) => {
-    ie(e), $ == null || $(e);
+    pe(e), $ == null || $(e);
+  }, Z = (e) => {
+    he(e), z == null || z(e);
+  }, Rt = (e) => {
+    de(e), W == null || W(e);
   }, K = () => {
-    rt(In());
-    const e = wn("formatBlock");
-    if (e && ae(e.toLowerCase().replace(/[<>]/g, "")), pt(ee()), !o.current || !u.blocks) return;
-    const t = window.getSelection(), n = (t == null ? void 0 : t.anchorNode) ?? null, r = _e(n, o.current);
-    if (rn(o.current, r), r) {
-      const c = o.current.getBoundingClientRect(), f = r.getBoundingClientRect();
-      Ct(f.top - c.top + o.current.scrollTop), he(!0);
+    ft(En());
+    const e = Pn("formatBlock");
+    if (e && me(e.toLowerCase().replace(/[<>]/g, "")), wt(ne()), !r.current || !u.blocks) return;
+    const t = window.getSelection(), n = (t == null ? void 0 : t.anchorNode) ?? null, o = Me(n, r.current);
+    if (pn(r.current, o), o) {
+      const s = r.current.getBoundingClientRect(), p = o.getBoundingClientRect();
+      yt(p.top - s.top + r.current.scrollTop), ke(!0);
     } else
-      he(!1);
+      ke(!1);
   }, l = () => {
-    var t, n, r;
-    if (!o.current) return;
-    let e = o.current.innerHTML;
-    if (L && u.trackChanges) {
-      const c = window.getSelection();
-      if (c && !c.isCollapsed) {
-        const f = ee();
-        if (f) {
-          const T = Z("delete", f, w);
-          x([...k, T]), wt(T.id), e = o.current.innerHTML;
+    var t, n, o;
+    if (!r.current) return;
+    let e = r.current.innerHTML;
+    if (y && u.trackChanges) {
+      const s = window.getSelection();
+      if (s && !s.isCollapsed) {
+        const p = ne();
+        if (p) {
+          const b = J("delete", p, w);
+          P([...I, b]), vt(b.id), e = r.current.innerHTML;
         }
       }
     }
-    if (Q(e), K(), ge && o.current) {
-      const c = ((n = (t = window.getSelection()) == null ? void 0 : t.anchorNode) == null ? void 0 : n.textContent) ?? "", f = dn(c);
-      if (f !== null) {
-        U(fn(f));
-        const T = (r = window.getSelection()) == null ? void 0 : r.getRangeAt(0);
-        if (T && o.current) {
-          const R = T.getBoundingClientRect(), B = o.current.getBoundingClientRect();
-          bt({
-            top: R.bottom - B.top + 8,
-            left: R.left - B.left
+    if (Q(e), K(), we && r.current) {
+      const s = ((n = (t = window.getSelection()) == null ? void 0 : t.anchorNode) == null ? void 0 : n.textContent) ?? "", p = bn(s);
+      if (p !== null) {
+        F(An(p));
+        const b = (o = window.getSelection()) == null ? void 0 : o.getRangeAt(0);
+        if (b && r.current) {
+          const x = b.getBoundingClientRect(), B = r.current.getBoundingClientRect();
+          St({
+            top: x.bottom - B.top + 8,
+            left: x.left - B.left
           });
         }
       } else
-        U([]);
+        F([]);
     }
-  }, wt = (e) => {
+  }, vt = (e) => {
     const t = window.getSelection();
     if (!t || t.rangeCount === 0) return;
-    const n = ee();
-    n && I(an(n, e));
-  }, At = () => {
-    if (!o.current || !Ue || !u.typoAutoFix || s || a) return;
-    const e = o.current.innerHTML, t = tn(e);
-    t.html !== e && (o.current.innerHTML = t.html, Q(t.html));
-  }, Lt = (e) => {
+    const n = ne();
+    n && A(Cn(n, e));
+  }, Ot = () => {
+    if (!r.current || !ze || !u.typoAutoFix || c || i) return;
+    const e = r.current.innerHTML, t = mn(e);
+    t.html !== e && (r.current.innerHTML = t.html, Q(t.html));
+  }, Et = (e) => {
     var n;
-    if (s || a) return;
-    (n = o.current) == null || n.focus();
-    const t = Ne[e];
-    t && (t.value ? g(t.command, t.value) : g(t.command), l());
-  }, Ht = (e) => {
+    if (c || i) return;
+    (n = r.current) == null || n.focus();
+    const t = De[e];
+    t && (t.value ? k(t.command, t.value) : k(t.command), l());
+  }, Pt = (e) => {
     var t;
-    s || a || ((t = o.current) == null || t.focus(), g("formatBlock", e), ae(e), l());
-  }, yt = () => {
+    c || i || ((t = r.current) == null || t.focus(), k("formatBlock", e), me(e), l());
+  }, xt = () => {
     var t;
-    if (s || a) return;
+    if (c || i) return;
     const e = window.prompt("Enter URL:", "https://");
-    e && ((t = o.current) == null || t.focus(), An(e), l());
-  }, Ce = async (e) => Ze && se ? se(e) : Ln(e), Nt = async () => {
-    if (s || a) return;
+    e && ((t = r.current) == null || t.focus(), xn(e), l());
+  }, He = async (e) => at && ae ? ae(e) : Bn(e), Bt = async () => {
+    if (c || i) return;
     const e = document.createElement("input");
     e.type = "file", e.accept = "image/*", e.onchange = async () => {
-      var r, c;
-      const t = (r = e.files) == null ? void 0 : r[0];
+      var o, s;
+      const t = (o = e.files) == null ? void 0 : o[0];
       if (!t) return;
-      const n = await Ce(t);
-      (c = o.current) == null || c.focus(), Re(n, t.name), l();
+      const n = await He(t);
+      (s = r.current) == null || s.focus(), te(n, t.name), l();
     }, e.click();
-  }, ke = () => {
+  }, ye = () => {
     var t;
-    if (s || a || !u.table) return;
-    (t = o.current) == null || t.focus();
-    const e = nn(Ve, je);
-    if (L && u.trackChanges) {
-      const n = Z("insert", e, w);
-      x([...k, n]), I(Ee(e, n.id));
+    if (c || i || !u.table) return;
+    (t = r.current) == null || t.focus();
+    const e = dn(Ye, Ze);
+    if (y && u.trackChanges) {
+      const n = J("insert", e, w);
+      P([...I, n]), A(Ve(e, n.id));
     } else
-      I(e);
+      A(e);
     l();
-  }, Te = () => {
-    const e = P.current.undo();
-    if (e === null || !o.current) {
-      g("undo"), l();
+  }, _e = () => {
+    const e = O.current.undo();
+    if (e === null || !r.current) {
+      k("undo"), l();
       return;
     }
-    H(e);
-  }, be = () => {
-    const e = P.current.redo();
-    if (e === null || !o.current) {
-      g("redo"), l();
+    L(e);
+  }, Ne = () => {
+    const e = O.current.redo();
+    if (e === null || !r.current) {
+      k("redo"), l();
       return;
     }
-    H(e);
-  }, St = () => {
-    var c;
-    if (s || a || !u.comments) return;
+    L(e);
+  }, Ut = () => {
+    var s;
+    if (c || i || !u.comments) return;
     const e = window.prompt("Comment:");
     if (!(e != null && e.trim())) return;
-    const t = ve("hl");
-    if ((c = o.current) == null || c.focus(), !un(t)) return;
-    const r = mn(w, e.trim(), t);
-    Y([r, ...E]), J(!0), l();
-  }, Ie = (e) => {
-    if (!o.current) return;
-    const t = sn(o.current.innerHTML, e);
-    H(t), x(
-      k.map((n) => n.id === e ? { ...n, accepted: !0 } : n)
+    const t = Ke("hl");
+    if ((s = r.current) == null || s.focus(), !Tn(t)) return;
+    const o = In(w, e.trim(), t);
+    Y([o, ...E]), Z(!0), l();
+  }, Se = (e) => {
+    if (!r.current) return;
+    const t = gn(r.current.innerHTML, e);
+    L(t), P(
+      I.map((n) => n.id === e ? { ...n, accepted: !0 } : n)
     );
-  }, we = (e) => {
-    if (!o.current) return;
-    const t = cn(o.current.innerHTML, e);
-    H(t), x(
-      k.map((n) => n.id === e ? { ...n, rejected: !0 } : n)
+  }, Re = (e) => {
+    if (!r.current) return;
+    const t = hn(r.current.innerHTML, e);
+    L(t), P(
+      I.map((n) => n.id === e ? { ...n, rejected: !0 } : n)
     );
-  }, Ae = async (e) => {
-    const t = await Ce(e), n = `<img src="${t}" alt="" style="max-width:100%;height:auto;" />`;
-    if (L && u.trackChanges) {
-      const r = Z("insert", n, w);
-      x([...k, r]), I(Ee(n, r.id));
+  }, ve = async (e) => {
+    const t = await He(e), n = `<img src="${t}" alt="" style="max-width:100%;height:auto;" />`;
+    if (y && u.trackChanges) {
+      const o = J("insert", n, w);
+      P([...I, o]), A(Ve(n, o.id));
     } else
-      Re(t);
+      te(t);
     l();
-  }, vt = async (e) => {
-    if (s || a) return;
+  }, Dt = async (e) => {
+    if (c || i) return;
     const t = e.clipboardData;
     if (!t) return;
-    if (nt) {
-      const r = gn(t);
-      if (r) {
+    if (mt) {
+      const o = Hn(t);
+      if (o) {
         e.preventDefault();
-        const f = Cn(r);
-        f && (I(f), l());
-        const T = t.items;
-        if (ne && T)
-          for (const R of Array.from(T)) {
-            if (!R.type.startsWith("image/")) continue;
-            const B = R.getAsFile();
-            B && await Ae(B);
+        const p = yn(o);
+        p && (A(p), l());
+        const b = t.items;
+        if (oe && b)
+          for (const x of Array.from(b)) {
+            if (!x.type.startsWith("image/")) continue;
+            const B = x.getAsFile();
+            B && await ve(B);
           }
         return;
       }
-      const c = kn(t);
-      if (c) {
-        e.preventDefault(), I(c.replace(/\n/g, "<br />")), l();
+      const s = _n(t);
+      if (s) {
+        e.preventDefault(), A(s.replace(/\n/g, "<br />")), l();
         return;
       }
     }
-    if (!ne) return;
+    if (!oe) return;
     const n = t.items;
     if (n)
-      for (const r of Array.from(n)) {
-        if (!r.type.startsWith("image/")) continue;
+      for (const o of Array.from(n)) {
+        if (!o.type.startsWith("image/")) continue;
         e.preventDefault();
-        const c = r.getAsFile();
-        c && await Ae(c);
+        const s = o.getAsFile();
+        s && await ve(s);
       }
-  }, _t = (e) => {
-    e.key === "Escape" && U([]), (e.metaKey || e.ctrlKey) && e.key === "z" && (e.preventDefault(), e.shiftKey ? be() : Te());
-  }, Et = (e) => {
-    var n, r;
-    (n = o.current) == null || n.focus();
+  }, Ft = (e) => {
+    e.key === "Escape" && F([]), (e.metaKey || e.ctrlKey) && e.key === "z" && (e.preventDefault(), e.shiftKey ? Ne() : _e());
+  }, Kt = (e) => {
+    var n, o;
+    (n = r.current) == null || n.focus();
     const t = window.getSelection();
-    if ((r = t == null ? void 0 : t.anchorNode) != null && r.textContent) {
-      const f = t.anchorNode.textContent.replace(/(?:^|\s)\/[^\s]*$/, " ");
-      t.anchorNode.nodeType === Node.TEXT_NODE && (t.anchorNode.textContent = f);
+    if ((o = t == null ? void 0 : t.anchorNode) != null && o.textContent) {
+      const p = t.anchorNode.textContent.replace(/(?:^|\s)\/[^\s]*$/, " ");
+      t.anchorNode.nodeType === Node.TEXT_NODE && (t.anchorNode.textContent = p);
     }
-    switch (U([]), e.insert) {
+    switch (F([]), e.insert) {
       case "heading1":
-        g("formatBlock", "h1");
+        k("formatBlock", "h1");
         break;
       case "heading2":
-        g("formatBlock", "h2");
+        k("formatBlock", "h2");
         break;
       case "bulletList":
-        g("insertUnorderedList");
+        k("insertUnorderedList");
         break;
       case "orderedList":
-        g("insertOrderedList");
+        k("insertOrderedList");
         break;
       case "table":
-        ke();
+        ye();
         return;
       case "ai":
-        z(!0);
+        q(!0);
         break;
     }
     l();
-  }, Le = (e) => {
-    if (!o.current) return;
-    const t = window.getSelection(), n = _e((t == null ? void 0 : t.anchorNode) ?? null, o.current);
-    n && on(n, e) && (l(), K());
-  }, xt = (e, t) => {
+  }, Oe = (e) => {
+    if (!r.current) return;
+    const t = window.getSelection(), n = Me((t == null ? void 0 : t.anchorNode) ?? null, r.current);
+    n && fn(n, e) && (l(), K());
+  }, Mt = (e, t) => {
     if (e === "divider")
-      return /* @__PURE__ */ i("span", { className: Yt }, `divider-${t}`);
+      return /* @__PURE__ */ a("span", { className: sn }, `divider-${t}`);
     if (e === "headingDropdown")
-      return /* @__PURE__ */ i(
-        Hn,
+      return /* @__PURE__ */ a(
+        Un,
         {
           title: "Heading",
-          options: Jt,
-          value: ct || "p",
-          disabled: s || a,
-          onChange: Ht
+          options: an,
+          value: pt || "p",
+          disabled: c || i,
+          onChange: Pt
         },
         "heading"
       );
     if (e === "textColor")
-      return /* @__PURE__ */ i(
-        Be,
+      return /* @__PURE__ */ a(
+        je,
         {
           title: "Text color",
           type: "text",
-          value: it,
-          disabled: s || a,
-          onChange: (r) => {
-            var c;
-            (c = o.current) == null || c.focus(), Tn(r), lt(r), l();
+          value: Ct,
+          disabled: c || i,
+          onChange: (o) => {
+            var s;
+            (s = r.current) == null || s.focus(), vn(o), kt(o), l();
           }
         },
         "textColor"
       );
     if (e === "highlightColor")
-      return /* @__PURE__ */ i(
-        Be,
+      return /* @__PURE__ */ a(
+        je,
         {
           title: "Highlight color",
           type: "highlight",
-          value: ut,
-          disabled: s || a,
-          onChange: (r) => {
-            var c;
-            (c = o.current) == null || c.focus(), bn(r), mt(r), l();
+          value: Tt,
+          disabled: c || i,
+          onChange: (o) => {
+            var s;
+            (s = r.current) == null || s.focus(), On(o), It(o), l();
           }
         },
         "highlightColor"
       );
     if (e === "link")
-      return /* @__PURE__ */ i(
-        C,
+      return /* @__PURE__ */ a(
+        h,
         {
-          icon: p.link,
+          icon: f.link,
           title: "Insert link",
-          disabled: s || a,
-          onClick: yt
+          disabled: c || i,
+          onClick: xt
         },
         "link"
       );
     if (e === "image")
-      return /* @__PURE__ */ i(
-        C,
+      return /* @__PURE__ */ a(
+        h,
         {
-          icon: p.image,
+          icon: f.image,
           title: "Insert image",
-          disabled: s || a,
+          disabled: c || i,
           onClick: () => {
-            Nt();
+            Bt();
           }
         },
         "image"
       );
     if (e === "table")
-      return u.table ? /* @__PURE__ */ i(
-        C,
+      return u.table ? /* @__PURE__ */ a(
+        h,
         {
-          icon: p.table,
+          icon: f.table,
           title: "Insert table",
-          disabled: s || a,
-          onClick: ke
+          disabled: c || i,
+          onClick: ye
         },
         "table"
       ) : null;
+    if (e === xe)
+      return u.signature ? /* @__PURE__ */ a(
+        h,
+        {
+          icon: f.signature,
+          title: "Sign pad",
+          active: Ie,
+          disabled: c || i,
+          onClick: () => be(!0)
+        },
+        xe
+      ) : null;
+    if (e === Be)
+      return u.findReplace ? /* @__PURE__ */ a(
+        h,
+        {
+          icon: f.findReplace,
+          title: "Find and replace",
+          active: Ae,
+          disabled: c || i,
+          onClick: () => Le((o) => !o)
+        },
+        Be
+      ) : null;
+    if (e === Ue)
+      return u.horizontalRule ? /* @__PURE__ */ a(
+        h,
+        {
+          icon: f.horizontalRule,
+          title: "Horizontal rule",
+          disabled: c || i,
+          onClick: () => {
+            var o;
+            (o = r.current) == null || o.focus(), A("<hr />"), l();
+          }
+        },
+        Ue
+      ) : null;
     if (e === "undo")
-      return /* @__PURE__ */ i(
-        C,
+      return /* @__PURE__ */ a(
+        h,
         {
-          icon: p.undo,
+          icon: f.undo,
           title: "Undo",
-          disabled: s || a,
-          onClick: Te
+          disabled: c || i,
+          onClick: _e
         },
         "undo"
       );
     if (e === "redo")
-      return /* @__PURE__ */ i(
-        C,
+      return /* @__PURE__ */ a(
+        h,
         {
-          icon: p.redo,
+          icon: f.redo,
           title: "Redo",
-          disabled: s || a,
-          onClick: be
+          disabled: c || i,
+          onClick: Ne
         },
         "redo"
       );
     if (e === "trackChanges")
-      return u.trackChanges ? /* @__PURE__ */ i(
-        C,
+      return u.trackChanges ? /* @__PURE__ */ a(
+        h,
         {
-          icon: p.trackChanges,
+          icon: f.trackChanges,
           title: "Track changes",
-          active: L,
-          disabled: s || a,
-          onClick: () => It(!L)
+          active: y,
+          disabled: c || i,
+          onClick: () => Rt(!y)
         },
         "trackChanges"
       ) : null;
     if (e === "comments")
-      return u.comments ? /* @__PURE__ */ i(
-        C,
+      return u.comments ? /* @__PURE__ */ a(
+        h,
         {
-          icon: p.comments,
+          icon: f.comments,
           title: "Comments",
           active: X,
-          disabled: s || a,
+          disabled: c || i,
           onClick: () => {
-            X ? J(!1) : St();
+            X ? Z(!1) : Ut();
           }
         },
         "comments"
       ) : null;
     if (e === "ai")
-      return !u.ai || !(d != null && d.enabled) ? null : /* @__PURE__ */ i(
-        C,
+      return !u.ai || !(d != null && d.enabled) ? null : /* @__PURE__ */ a(
+        h,
         {
-          icon: p.ai,
+          icon: f.ai,
           title: "Ink AI",
-          active: de,
-          disabled: s || a,
-          onClick: () => z((r) => !r)
+          active: ge,
+          disabled: c || i,
+          onClick: () => q((o) => !o)
         },
         "ai"
       );
-    const n = Ne[e];
-    return n ? /* @__PURE__ */ i(
-      C,
+    const n = De[e];
+    return n ? /* @__PURE__ */ a(
+      h,
       {
-        icon: p[e] ?? e.slice(0, 1).toUpperCase(),
+        icon: f[e] ?? e.slice(0, 1).toUpperCase(),
         title: n.title,
-        active: ot.has(e),
-        disabled: s || a,
-        onClick: () => Lt(e)
+        active: dt.has(e),
+        disabled: c || i,
+        onClick: () => Et(e)
       },
       e
     ) : null;
-  }, Rt = typeof V == "number" ? `${V}px` : V, Bt = typeof j == "number" ? `${j}px` : j, Dt = !!(d != null && d.enabled && de);
-  return /* @__PURE__ */ F(
+  }, Vt = typeof V == "number" ? `${V}px` : V, jt = typeof j == "number" ? `${j}px` : j, Gt = !!(d != null && d.enabled && ge);
+  return /* @__PURE__ */ M(
     "div",
     {
-      className: en(Zt, Oe),
-      "data-testid": Pe,
-      "data-disabled": s || void 0,
-      "data-variant": Ke,
-      "data-premium": A.active || void 0,
-      "data-wysiwyg": et || void 0,
-      style: { ...tt, ...ze },
-      ...Xe,
+      className: un(ln, We),
+      "data-testid": $e,
+      "data-disabled": c || void 0,
+      "data-variant": qe,
+      "data-premium": H.active || void 0,
+      "data-wysiwyg": lt || void 0,
+      style: { ...ut, ...rt },
+      ...ot,
       children: [
-        /* @__PURE__ */ i("div", { className: Gt, role: "toolbar", "aria-label": "Ink formatting toolbar", children: De.map(xt) }),
-        L && u.trackChanges ? /* @__PURE__ */ i(
-          _n,
+        /* @__PURE__ */ a("div", { className: tn, role: "toolbar", "aria-label": "Ink formatting toolbar", children: Ge.map(Mt) }),
+        /* @__PURE__ */ a(
+          jn,
+          {
+            open: Ie,
+            onClose: () => be(!1),
+            onConfirm: (e) => {
+              var t;
+              (t = r.current) == null || t.focus(), te(e), l();
+            }
+          }
+        ),
+        /* @__PURE__ */ a(
+          Gn,
+          {
+            open: Ae,
+            onClose: () => Le(!1),
+            onReplace: (e, t, n) => {
+              if (!r.current) return;
+              const o = Rn(r.current.innerHTML, e, t, n);
+              L(o);
+            }
+          }
+        ),
+        y && u.trackChanges ? /* @__PURE__ */ a(
+          Vn,
           {
-            changes: k,
-            onAccept: Ie,
-            onReject: we,
-            onAcceptAll: () => k.forEach((e) => Ie(e.id)),
-            onRejectAll: () => k.forEach((e) => we(e.id))
+            changes: I,
+            onAccept: Se,
+            onReject: Re,
+            onAcceptAll: () => I.forEach((e) => Se(e.id)),
+            onRejectAll: () => I.forEach((e) => Re(e.id))
           }
         ) : null,
-        /* @__PURE__ */ F("div", { className: qt, children: [
-          /* @__PURE__ */ F("div", { className: zt, children: [
-            u.blocks ? /* @__PURE__ */ i(
-              Sn,
+        /* @__PURE__ */ M("div", { className: nn, children: [
+          /* @__PURE__ */ M("div", { className: rn, children: [
+            u.blocks ? /* @__PURE__ */ a(
+              Kn,
               {
-                visible: kt && !s && !a,
-                top: gt,
-                onMoveUp: () => Le("up"),
-                onMoveDown: () => Le("down")
+                visible: _t && !c && !i,
+                top: Ht,
+                onMoveUp: () => Oe("up"),
+                onMoveDown: () => Oe("down")
               }
             ) : null,
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ a(
               "div",
               {
-                ref: o,
-                className: Xt,
-                contentEditable: !s && !a,
+                ref: r,
+                className: on,
+                contentEditable: !c && !i,
                 role: "textbox",
                 "aria-multiline": "true",
-                "aria-placeholder": te,
-                "data-placeholder": te,
+                "aria-placeholder": re,
+                "data-placeholder": re,
                 suppressContentEditableWarning: !0,
-                style: { minHeight: Rt, maxHeight: Bt },
+                style: { minHeight: Vt, maxHeight: jt },
                 onInput: l,
-                onBlur: At,
+                onBlur: Ot,
                 onKeyUp: K,
-                onKeyDown: _t,
+                onKeyDown: Ft,
                 onMouseUp: K,
                 onPaste: (e) => {
-                  vt(e);
+                  Dt(e);
                 }
               }
             ),
-            ge ? /* @__PURE__ */ i(
-              vn,
+            we ? /* @__PURE__ */ a(
+              Mn,
               {
-                items: Tt,
-                top: pe.top,
-                left: pe.left,
-                onSelect: Et
+                items: Nt,
+                top: Te.top,
+                left: Te.left,
+                onSelect: Kt
               }
             ) : null
           ] }),
-          X && u.comments ? /* @__PURE__ */ i(
-            yn,
+          X && u.comments ? /* @__PURE__ */ a(
+            Dn,
             {
               comments: E,
               author: w,
-              onClose: () => J(!1),
+              onClose: () => Z(!1),
               onResolve: (e) => {
                 const t = E.find((n) => n.id === e);
                 Y(
                   E.map(
                     (n) => n.id === e ? { ...n, resolved: !0 } : n
                   )
-                ), t && o.current && H(ln(o.current.innerHTML, t.highlightId));
+                ), t && r.current && L(kn(r.current.innerHTML, t.highlightId));
               },
               onAddReply: (e, t) => {
                 Y(
@@ -532,7 +606,7 @@ const ee = () => {
                       replies: [
                         ...n.replies,
                         {
-                          id: ve("reply"),
+                          id: Ke("reply"),
                           author: w,
                           body: t,
                           timestamp: Date.now()
@@ -544,19 +618,19 @@ const ee = () => {
               }
             }
           ) : null,
-          Dt && d ? /* @__PURE__ */ i(
-            Nn,
+          Gt && d ? /* @__PURE__ */ a(
+            Fn,
             {
               config: d,
-              documentHtml: ((He = o.current) == null ? void 0 : He.innerHTML) ?? h ?? "",
-              selectionHtml: fe,
-              onClose: () => z(!1),
+              documentHtml: ((Ee = r.current) == null ? void 0 : Ee.innerHTML) ?? g ?? "",
+              selectionHtml: Ce,
+              onClose: () => q(!1),
               onApplyHtml: (e) => {
                 var t;
-                if ((t = o.current) == null || t.focus(), fe)
-                  I(e);
+                if ((t = r.current) == null || t.focus(), Ce)
+                  A(e);
                 else {
-                  H(e);
+                  L(e);
                   return;
                 }
                 l();
@@ -564,14 +638,14 @@ const ee = () => {
             }
           ) : null
         ] }),
-        oe ? /* @__PURE__ */ F("div", { className: Qt, children: [
-          st,
-          re ? ` / ${re}` : ""
+        ce ? /* @__PURE__ */ M("div", { className: cn, children: [
+          ht,
+          ie ? ` / ${ie}` : ""
         ] }) : null
       ]
     }
   );
 };
 export {
-  no as InkEditor
+  br as InkEditor
 };