@forgedevstack/ink 1.1.1 → 1.1.2

package/dist/components/InkEditor/InkEditor.js

@@ -1,539 +1,609 @@
-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 = () => {
-  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;
+import { jsxs as M, jsx as a } from "react/jsx-runtime";
+import { useRef as Ee, useState as m, useEffect as H } 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 Pe, TOOLBAR_OPTION_FIND_REPLACE as xe, TOOLBAR_OPTION_HORIZONTAL_RULE as Be } 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 Ue, INK_CLASS_ROOT as ln } from "../../constants/defaults.const.js";
+import { INK_DEFAULT_ICONS as De } 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 Fe } from "../../utils/id.utils.js";
+import { buildTableHtml as dn } from "../../utils/table.utils.js";
+import { getBlockElement as Ke, moveBlock as fn, markActiveBlock as pn } from "../../utils/blocks.utils.js";
+import { createTrackChange as J, rejectTrackChangeInHtml as hn, acceptTrackChangeInHtml as gn, wrapInsertHtml as Me, 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 Ve } from "../../utils/history.utils.js";
+import { extractSlashQuery as bn, filterSlashCommands as An } from "../../utils/slash.utils.js";
+import { resolveInkPremium as Ln, hasInkPremiumFeature as B, themeTokensToStyle as wn } from "../../utils/premium.utils.js";
+import { extractClipboardHtml as yn, sanitizePastedHtml as Hn, 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 ee, insertHTML as I, setTextColor as vn, setHighlightColor as On, getActiveFormats as En, queryCommandValue as Pn, execCommand as C, 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 te = () => {
+  const _ = window.getSelection();
+  if (!_ || _.rangeCount === 0) return "";
+  const g = _.getRangeAt(0), N = document.createElement("div");
+  return N.appendChild(g.cloneContents()), N.innerHTML;
+}, br = (_) => {
+  var Oe;
   const {
-    value: h,
-    defaultValue: b = "",
-    onChange: M,
-    placeholder: te = Kt,
-    disabled: s = !1,
-    readOnly: a = !1,
-    minHeight: V = Ot,
+    value: g,
+    defaultValue: N = "",
+    onChange: A,
+    placeholder: ne = qt,
+    disabled: c = !1,
+    readOnly: i = !1,
+    minHeight: V = Wt,
     maxHeight: j,
-    toolbar: De = Ft,
-    className: Oe = "",
-    testId: Pe,
-    allowImagePaste: ne = !0,
+    toolbar: Ge = Xt,
+    className: We = "",
+    testId: $e,
+    allowImagePaste: re = !0,
     showCharCount: oe = !1,
-    charCountMax: re,
-    typoAutoFix: Ue = !0,
-    variant: Ke = Mt,
-    features: Fe,
-    author: w = Vt,
+    charCountMax: ce,
+    typoAutoFix: ze = !0,
+    variant: qe = Qt,
+    features: Xe,
+    author: L = Yt,
     trackChanges: S,
-    onTrackChangesChange: W,
-    trackChangesEnabled: O,
-    onTrackChangesEnabledChange: $,
-    comments: v,
-    onCommentsChange: G,
-    showCommentsPanel: _,
-    onShowCommentsPanelChange: q,
+    onTrackChangesChange: G,
+    trackChangesEnabled: U,
+    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",
+    slashCommands: Qe,
+    tableRows: Ye = Zt,
+    tableCols: Ze = Jt,
+    premium: Je,
+    theme: et,
+    icons: ie,
+    pasteMode: tt = "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));
+    wysiwyg: nt = !1,
+    keepInMemory: ae = !1,
+    memoryKey: le,
+    style: rt,
+    ...ot
+  } = _, u = { ...en, ...Xe }, w = Ln(Je), ct = B(w, "icons"), it = B(w, "theme"), st = B(w, "richPaste"), at = B(w, "imageUpload"), lt = B(w, "wysiwyg") && nt, f = ct && ie ? { ...De, ...ie } : De, ut = it ? wn(et) : {}, mt = st && tt === "rich", r = Ee(null), D = Ee(new Ve(g ?? N)), [dt, ft] = m(/* @__PURE__ */ new Set()), [pt, ue] = m("p"), [ht, gt] = m(0), [Ct, kt] = m($t), [Tt, It] = m(zt), [y, me] = m(U ?? !1), [bt, de] = m(S ?? []), [At, fe] = m(R ?? []), [Lt, pe] = m(v ?? !1), [he, q] = m(!!(d != null && d.enabled && d.openOnInit)), [ge, wt] = m(""), [yt, Ht] = m(0), [_t, Ce] = m(!1), [Nt, F] = m([]), [ke, St] = m({ top: 0, left: 0 }), [Te, Ie] = m(!1), [be, Ae] = m(!1), k = S ?? bt, O = R ?? At, X = v ?? Lt, Le = Qe ?? u.slash;
+  H(() => {
+    U !== void 0 && me(U);
+  }, [U]), H(() => {
+    S && de(S);
+  }, [S]), H(() => {
+    R && fe(R);
+  }, [R]), H(() => {
+    v !== void 0 && pe(v);
+  }, [v]), H(() => {
+    !r.current || g === void 0 || r.current.innerHTML !== g && (r.current.innerHTML = g);
+  }, [g]), H(() => {
+    if (!r.current || g !== void 0) return;
+    const t = (ae ? Nn(le) : "") || N;
+    t && (r.current.innerHTML = t, D.current = new Ve(t), A == null || A(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);
+    D.current.push(e), A == null || A(e), ae && Sn(e, le), oe && r.current && gt(((t = r.current.textContent) == null ? void 0 : t.length) ?? 0);
+  }, b = (e) => {
+    r.current && (r.current.innerHTML = e, Q(e));
+  }, E = (e) => {
+    de(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);
+    fe(e), $ == null || $(e);
+  }, Z = (e) => {
+    pe(e), z == null || z(e);
+  }, Rt = (e) => {
+    me(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 && ue(e.toLowerCase().replace(/[<>]/g, "")), wt(te()), !r.current || !u.blocks) return;
+    const t = window.getSelection(), n = (t == null ? void 0 : t.anchorNode) ?? null, o = Ke(n, r.current);
+    if (pn(r.current, o), o) {
+      const s = r.current.getBoundingClientRect(), p = o.getBoundingClientRect();
+      Ht(p.top - s.top + r.current.scrollTop), Ce(!0);
     } else
-      he(!1);
+      Ce(!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 = te();
+        if (p) {
+          const T = J("delete", p, L);
+          E([...k, T]), vt(T.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(), Le && 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 T = (o = window.getSelection()) == null ? void 0 : o.getRangeAt(0);
+        if (T && r.current) {
+          const P = T.getBoundingClientRect(), x = r.current.getBoundingClientRect();
+          St({
+            top: P.bottom - x.top + 8,
+            left: P.left - x.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 = te();
+    n && I(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 = Ue[e];
+    t && (t.value ? C(t.command, t.value) : C(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(), C("formatBlock", e), ue(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());
+  }, we = async (e) => at && se ? se(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 we(t);
+      (s = r.current) == null || s.focus(), ee(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, L);
+      E([...k, n]), I(Me(e, n.id));
     } else
       I(e);
     l();
-  }, Te = () => {
-    const e = P.current.undo();
-    if (e === null || !o.current) {
-      g("undo"), l();
+  }, He = () => {
+    const e = D.current.undo();
+    if (e === null || !r.current) {
+      C("undo"), l();
       return;
     }
-    H(e);
-  }, be = () => {
-    const e = P.current.redo();
-    if (e === null || !o.current) {
-      g("redo"), l();
+    b(e);
+  }, _e = () => {
+    const e = D.current.redo();
+    if (e === null || !r.current) {
+      C("redo"), l();
       return;
     }
-    H(e);
-  }, St = () => {
-    var c;
-    if (s || a || !u.comments) return;
+    b(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(
+    const t = Fe("hl");
+    if ((s = r.current) == null || s.focus(), !Tn(t)) return;
+    const o = In(L, e.trim(), t);
+    Y([o, ...O]), Z(!0), l();
+  }, Ne = (e) => {
+    if (!r.current) return;
+    const t = gn(r.current.innerHTML, e);
+    b(t), E(
       k.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(
+  }, Se = (e) => {
+    if (!r.current) return;
+    const t = hn(r.current.innerHTML, e);
+    b(t), E(
       k.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));
+  }, Re = async (e) => {
+    const t = await we(e), n = `<img src="${t}" alt="" style="max-width:100%;height:auto;" />`;
+    if (y && u.trackChanges) {
+      const o = J("insert", n, L);
+      E([...k, o]), I(Me(n, o.id));
     } else
-      Re(t);
+      ee(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 = yn(t);
+      if (o) {
         e.preventDefault();
-        const f = Cn(r);
-        f && (I(f), l());
+        const p = Hn(o);
+        p && (I(p), 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);
+        if (re && T)
+          for (const P of Array.from(T)) {
+            if (!P.type.startsWith("image/")) continue;
+            const x = P.getAsFile();
+            x && await Re(x);
           }
         return;
       }
-      const c = kn(t);
-      if (c) {
-        e.preventDefault(), I(c.replace(/\n/g, "<br />")), l();
+      const s = _n(t);
+      if (s) {
+        e.preventDefault(), I(s.replace(/\n/g, "<br />")), l();
         return;
       }
     }
-    if (!ne) return;
+    if (!re) 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 Re(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 ? _e() : He());
+  }, 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");
+        C("formatBlock", "h1");
         break;
       case "heading2":
-        g("formatBlock", "h2");
+        C("formatBlock", "h2");
         break;
       case "bulletList":
-        g("insertUnorderedList");
+        C("insertUnorderedList");
         break;
       case "orderedList":
-        g("insertOrderedList");
+        C("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) => {
+  }, ve = (e) => {
+    if (!r.current) return;
+    const t = window.getSelection(), n = Ke((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 === Pe)
+      return u.signature ? /* @__PURE__ */ a(
+        h,
+        {
+          icon: f.signature,
+          title: "Sign pad",
+          active: Te,
+          disabled: c || i,
+          onClick: () => Ie(!0)
+        },
+        Pe
+      ) : null;
+    if (e === xe)
+      return u.findReplace ? /* @__PURE__ */ a(
+        h,
+        {
+          icon: f.findReplace,
+          title: "Find and replace",
+          active: be,
+          disabled: c || i,
+          onClick: () => Ae((o) => !o)
+        },
+        xe
+      ) : null;
+    if (e === Be)
+      return u.horizontalRule ? /* @__PURE__ */ a(
+        h,
+        {
+          icon: f.horizontalRule,
+          title: "Horizontal rule",
+          disabled: c || i,
+          onClick: () => {
+            var o;
+            (o = r.current) == null || o.focus(), I("<hr />"), l();
+          }
+        },
+        Be
+      ) : 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: He
         },
         "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: _e
         },
         "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: he,
+          disabled: c || i,
+          onClick: () => q((o) => !o)
         },
         "ai"
       );
-    const n = Ne[e];
-    return n ? /* @__PURE__ */ i(
-      C,
+    const n = Ue[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 && he);
+  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": w.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: Te,
+            onClose: () => Ie(!1),
+            onConfirm: (e) => {
+              var t;
+              (t = r.current) == null || t.focus(), ee(e), l();
+            }
+          }
+        ),
+        /* @__PURE__ */ a(
+          Gn,
+          {
+            open: be,
+            onClose: () => Ae(!1),
+            onReplace: (e, t, n) => {
+              if (!r.current) return;
+              const o = Rn(r.current.innerHTML, e, t, n);
+              b(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))
+            onAccept: Ne,
+            onReject: Se,
+            onAcceptAll: () => k.forEach((e) => Ne(e.id)),
+            onRejectAll: () => k.forEach((e) => Se(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: yt,
+                onMoveUp: () => ve("up"),
+                onMoveDown: () => ve("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": ne,
+                "data-placeholder": ne,
                 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,
+            Le ? /* @__PURE__ */ a(
+              Mn,
               {
-                items: Tt,
-                top: pe.top,
-                left: pe.left,
-                onSelect: Et
+                items: Nt,
+                top: ke.top,
+                left: ke.left,
+                onSelect: Kt
               }
             ) : null
           ] }),
-          X && u.comments ? /* @__PURE__ */ i(
-            yn,
+          X && u.comments ? /* @__PURE__ */ a(
+            Dn,
             {
-              comments: E,
-              author: w,
-              onClose: () => J(!1),
+              comments: O,
+              author: L,
+              onClose: () => Z(!1),
               onResolve: (e) => {
-                const t = E.find((n) => n.id === e);
+                const t = O.find((n) => n.id === e);
                 Y(
-                  E.map(
+                  O.map(
                     (n) => n.id === e ? { ...n, resolved: !0 } : n
                   )
-                ), t && o.current && H(ln(o.current.innerHTML, t.highlightId));
+                ), t && r.current && b(kn(r.current.innerHTML, t.highlightId));
               },
               onAddReply: (e, t) => {
                 Y(
-                  E.map(
+                  O.map(
                     (n) => n.id === e ? {
                       ...n,
                       replies: [
                         ...n.replies,
                         {
-                          id: ve("reply"),
-                          author: w,
+                          id: Fe("reply"),
+                          author: L,
                           body: t,
                           timestamp: Date.now()
                         }
@@ -544,19 +614,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: ((Oe = r.current) == null ? void 0 : Oe.innerHTML) ?? g ?? "",
+              selectionHtml: ge,
+              onClose: () => q(!1),
               onApplyHtml: (e) => {
                 var t;
-                if ((t = o.current) == null || t.focus(), fe)
+                if ((t = r.current) == null || t.focus(), ge)
                   I(e);
                 else {
-                  H(e);
+                  b(e);
                   return;
                 }
                 l();
@@ -564,14 +634,14 @@ const ee = () => {
             }
           ) : null
         ] }),
-        oe ? /* @__PURE__ */ F("div", { className: Qt, children: [
-          st,
-          re ? ` / ${re}` : ""
+        oe ? /* @__PURE__ */ M("div", { className: cn, children: [
+          ht,
+          ce ? ` / ${ce}` : ""
         ] }) : null
       ]
     }
   );
 };
 export {
-  no as InkEditor
+  br as InkEditor
 };