@forgedevstack/ink 1.1.0 → 1.1.2

package/dist/components/InkEditor/InkEditor.js

@@ -1,525 +1,608 @@
-import { jsxs as K, jsx as i } from "react/jsx-runtime";
-import { useRef as Te, useState as d, useEffect as H } from "react";
-import { INK_MIN_HEIGHT as kt, INK_DEFAULT_TEXT_COLOR as Tt, INK_DEFAULT_HIGHLIGHT_COLOR as bt } from "../../constants/numbers.const.js";
-import { INK_PLACEHOLDER_DEFAULT as Lt, INK_DEFAULT_TOOLBAR as It, INK_DEFAULT_VARIANT as At, INK_DEFAULT_AUTHOR as Ht, INK_TABLE_DEFAULT_ROWS as wt, INK_TABLE_DEFAULT_COLS as Nt, INK_DEFAULT_FEATURES as St, INK_CLASS_TOOLBAR as _t, INK_CLASS_SHELL as Et, INK_CLASS_BODY as vt, INK_CLASS_CONTENT as yt, INK_CLASS_FOOTER as Rt, INK_CLASS_DIVIDER as Bt, INK_HEADING_OPTIONS as xt, INK_BUTTON_CONFIG as be, INK_CLASS_ROOT as Ot } from "../../constants/defaults.const.js";
-import { cn as Dt } from "../../utils/cn.utils.js";
-import { applyTypoAutoFix as Kt } from "../../utils/typo.utils.js";
-import { createInkId as Le } from "../../utils/id.utils.js";
-import { buildTableHtml as Ut } from "../../utils/table.utils.js";
-import { getBlockElement as Ie, moveBlock as Ft, markActiveBlock as Mt } from "../../utils/blocks.utils.js";
-import { rejectTrackChangeInHtml as Pt, acceptTrackChangeInHtml as Vt, createTrackChange as J, wrapInsertHtml as Ae, wrapDeleteHtml as jt } from "../../utils/trackChanges.utils.js";
-import { removeCommentMark as $t, wrapSelectionAsComment as Gt, createCommentThread as Wt } from "../../utils/comments.utils.js";
-import { InkHistoryStack as He } from "../../utils/history.utils.js";
-import { extractSlashQuery as qt, filterSlashCommands as Xt } from "../../utils/slash.utils.js";
-import { insertHTML as R, setTextColor as zt, setHighlightColor as Jt, getActiveFormats as Qt, queryCommandValue as Yt, fileToDataUrl as we, insertImage as Ne, execCommand as p, insertLink as Zt } from "./helpers/format.utils.js";
-import { ToolbarButton as g } from "./components/ToolbarButton/ToolbarButton.js";
-import { ToolbarDropdown as en } from "./components/ToolbarDropdown/ToolbarDropdown.js";
-import { ToolbarColorPicker as Se } from "./components/ToolbarColorPicker/ToolbarColorPicker.js";
-import { CommentsPanel as tn } from "./components/CommentsPanel/CommentsPanel.js";
-import { AiPanel as nn } from "./components/AiPanel/AiPanel.js";
-import { BlockHandles as on } from "./components/BlockHandles/BlockHandles.js";
-import { SlashMenu as rn } from "./components/SlashMenu/SlashMenu.js";
-import { TrackChangesBar as cn } from "./components/TrackChangesBar/TrackChangesBar.js";
-const C = {
-  bold: "B",
-  italic: "I",
-  underline: "U",
-  strikethrough: "S",
-  bulletList: "•",
-  orderedList: "1.",
-  link: "🔗",
-  image: "🖼",
-  table: "▦",
-  undo: "↶",
-  redo: "↷",
-  trackChanges: "±",
-  comments: "💬",
-  ai: "✦",
-  clearFormat: "⌫",
-  alignLeft: "⫷",
-  alignCenter: "☰",
-  alignRight: "⫸",
-  alignJustify: "≡",
-  indent: "→",
-  outdent: "←",
-  blockquote: "“",
-  code: "</>"
-}, Q = () => {
-  const w = window.getSelection();
-  if (!w || w.rangeCount === 0) return "";
-  const h = w.getRangeAt(0), b = document.createElement("div");
-  return b.appendChild(h.cloneContents()), b.innerHTML;
-}, En = (w) => {
-  var Ce;
+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: U,
-    placeholder: Y = Lt,
+    value: g,
+    defaultValue: N = "",
+    onChange: A,
+    placeholder: ne = qt,
     disabled: c = !1,
-    readOnly: l = !1,
-    minHeight: F = kt,
-    maxHeight: M,
-    toolbar: _e = It,
-    className: Ee = "",
-    testId: ve,
-    allowImagePaste: ye = !0,
-    showCharCount: Z = !1,
-    charCountMax: ee,
-    typoAutoFix: Re = !0,
-    variant: Be = At,
-    features: xe,
-    author: L = Ht,
-    trackChanges: N,
-    onTrackChangesChange: P,
-    trackChangesEnabled: B,
-    onTrackChangesEnabledChange: V,
-    comments: S,
-    onCommentsChange: j,
-    showCommentsPanel: _,
-    onShowCommentsPanelChange: $,
-    ai: m,
-    slashCommands: Oe,
-    tableRows: De = wt,
-    tableCols: Ke = Nt,
-    ...Ue
-  } = w, s = { ...St, ...xe }, o = Te(null), x = Te(new He(h ?? b)), [Fe, Me] = d(/* @__PURE__ */ new Set()), [Pe, te] = d("p"), [Ve, je] = d(0), [$e, Ge] = d(Tt), [We, qe] = d(bt), [I, ne] = d(B ?? !1), [Xe, oe] = d(N ?? []), [ze, re] = d(S ?? []), [Je, ce] = d(_ ?? !1), [le, G] = d(!!(m != null && m.enabled && m.openOnInit)), [ae, Qe] = d(""), [Ye, Ze] = d(0), [et, ie] = d(!1), [tt, O] = d([]), [se, nt] = d({ top: 0, left: 0 }), k = N ?? Xe, E = S ?? ze, W = _ ?? Je, ue = Oe ?? s.slash;
+    readOnly: i = !1,
+    minHeight: V = Wt,
+    maxHeight: j,
+    toolbar: Ge = Xt,
+    className: We = "",
+    testId: $e,
+    allowImagePaste: re = !0,
+    showCharCount: oe = !1,
+    charCountMax: ce,
+    typoAutoFix: ze = !0,
+    variant: qe = Qt,
+    features: Xe,
+    author: L = Yt,
+    trackChanges: S,
+    onTrackChangesChange: G,
+    trackChangesEnabled: U,
+    onTrackChangesEnabledChange: W,
+    comments: R,
+    onCommentsChange: $,
+    showCommentsPanel: v,
+    onShowCommentsPanelChange: z,
+    ai: d,
+    slashCommands: Qe,
+    tableRows: Ye = Zt,
+    tableCols: Ze = Jt,
+    premium: Je,
+    theme: et,
+    icons: ie,
+    pasteMode: tt = "plain",
+    onImageUpload: se,
+    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(() => {
-    B !== void 0 && ne(B);
-  }, [B]), H(() => {
-    N && oe(N);
-  }, [N]), H(() => {
-    S && re(S);
+    U !== void 0 && me(U);
+  }, [U]), H(() => {
+    S && de(S);
   }, [S]), H(() => {
-    _ !== void 0 && ce(_);
-  }, [_]), H(() => {
-    !o.current || h === void 0 || o.current.innerHTML !== h && (o.current.innerHTML = h);
-  }, [h]), H(() => {
-    !o.current || h || !b || (o.current.innerHTML = b, x.current = new He(b));
+    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) => {
+  const Q = (e) => {
     var t;
-    x.current.push(e), U == null || U(e), Z && o.current && je(((t = o.current.textContent) == null ? void 0 : t.length) ?? 0);
-  }, A = (e) => {
-    o.current && (o.current.innerHTML = e, q(e));
-  }, v = (e) => {
-    oe(e), P == null || P(e);
-  }, X = (e) => {
-    re(e), j == null || j(e);
-  }, z = (e) => {
-    ce(e), $ == null || $(e);
-  }, ot = (e) => {
-    ne(e), V == null || V(e);
-  }, D = () => {
-    Me(Qt());
-    const e = Yt("formatBlock");
-    if (e && te(e.toLowerCase().replace(/[<>]/g, "")), Qe(Q()), !o.current || !s.blocks) return;
-    const t = window.getSelection(), n = (t == null ? void 0 : t.anchorNode) ?? null, r = Ie(n, o.current);
-    if (Mt(o.current, r), r) {
-      const a = o.current.getBoundingClientRect(), f = r.getBoundingClientRect();
-      Ze(f.top - a.top + o.current.scrollTop), ie(!0);
+    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) => {
+    fe(e), $ == null || $(e);
+  }, Z = (e) => {
+    pe(e), z == null || z(e);
+  }, Rt = (e) => {
+    me(e), W == null || W(e);
+  }, K = () => {
+    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
-      ie(!1);
-  }, u = () => {
-    var t, n, r;
-    if (!o.current) return;
-    let e = o.current.innerHTML;
-    if (I && s.trackChanges) {
-      const a = window.getSelection();
-      if (a && !a.isCollapsed) {
-        const f = Q();
-        if (f) {
-          const T = J("delete", f, L);
-          v([...k, T]), rt(T.id), e = o.current.innerHTML;
+      Ce(!1);
+  }, l = () => {
+    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), D(), ue && o.current) {
-      const a = ((n = (t = window.getSelection()) == null ? void 0 : t.anchorNode) == null ? void 0 : n.textContent) ?? "", f = qt(a);
-      if (f !== null) {
-        O(Xt(f));
-        const T = (r = window.getSelection()) == null ? void 0 : r.getRangeAt(0);
-        if (T && o.current) {
-          const y = T.getBoundingClientRect(), ke = o.current.getBoundingClientRect();
-          nt({
-            top: y.bottom - ke.top + 8,
-            left: y.left - ke.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
-        O([]);
+        F([]);
     }
-  }, rt = (e) => {
+  }, vt = (e) => {
     const t = window.getSelection();
     if (!t || t.rangeCount === 0) return;
-    const n = Q();
-    n && R(jt(n, e));
-  }, ct = () => {
-    if (!o.current || !Re || !s.typoAutoFix || c || l) return;
-    const e = o.current.innerHTML, t = Kt(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 (c || l) return;
-    (n = o.current) == null || n.focus();
-    const t = be[e];
-    t && (t.value ? p(t.command, t.value) : p(t.command), u());
-  }, at = (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;
-    c || l || ((t = o.current) == null || t.focus(), p("formatBlock", e), te(e), u());
-  }, it = () => {
+    c || i || ((t = r.current) == null || t.focus(), C("formatBlock", e), ue(e), l());
+  }, xt = () => {
     var t;
-    if (c || l) return;
+    if (c || i) return;
     const e = window.prompt("Enter URL:", "https://");
-    e && ((t = o.current) == null || t.focus(), Zt(e), u());
-  }, st = async () => {
-    if (c || l) 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, a;
-      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 we(t);
-      (a = o.current) == null || a.focus(), Ne(n, t.name), u();
+      (s = r.current) == null || s.focus(), ee(n, t.name), l();
     }, e.click();
-  }, de = () => {
+  }, ye = () => {
     var t;
-    if (c || l || !s.table) return;
-    (t = o.current) == null || t.focus();
-    const e = Ut(De, Ke);
-    if (I && s.trackChanges) {
+    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);
-      v([...k, n]), R(Ae(e, n.id));
+      E([...k, n]), I(Me(e, n.id));
     } else
-      R(e);
-    u();
-  }, me = () => {
-    const e = x.current.undo();
-    if (e === null || !o.current) {
-      p("undo"), u();
+      I(e);
+    l();
+  }, He = () => {
+    const e = D.current.undo();
+    if (e === null || !r.current) {
+      C("undo"), l();
       return;
     }
-    A(e);
-  }, fe = () => {
-    const e = x.current.redo();
-    if (e === null || !o.current) {
-      p("redo"), u();
+    b(e);
+  }, _e = () => {
+    const e = D.current.redo();
+    if (e === null || !r.current) {
+      C("redo"), l();
       return;
     }
-    A(e);
-  }, ut = () => {
-    var a;
-    if (c || l || !s.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 = Le("hl");
-    if ((a = o.current) == null || a.focus(), !Gt(t)) return;
-    const r = Wt(L, e.trim(), t);
-    X([r, ...E]), z(!0), u();
-  }, he = (e) => {
-    if (!o.current) return;
-    const t = Vt(o.current.innerHTML, e);
-    A(t), v(
+    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)
     );
-  }, pe = (e) => {
-    if (!o.current) return;
-    const t = Pt(o.current.innerHTML, e);
-    A(t), v(
+  }, 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)
     );
-  }, dt = async (e) => {
-    var n;
-    if (!ye || c || l) return;
-    const t = (n = e.clipboardData) == null ? void 0 : n.items;
-    if (t)
-      for (const r of Array.from(t)) {
-        if (!r.type.startsWith("image/")) continue;
+  }, 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
+      ee(t);
+    l();
+  }, Dt = async (e) => {
+    if (c || i) return;
+    const t = e.clipboardData;
+    if (!t) return;
+    if (mt) {
+      const o = yn(t);
+      if (o) {
         e.preventDefault();
-        const a = r.getAsFile();
-        if (!a) continue;
-        const f = await we(a);
-        if (I && s.trackChanges) {
-          const T = `<img src="${f}" alt="" style="max-width:100%;height:auto;" />`, y = J("insert", T, L);
-          v([...k, y]), R(Ae(T, y.id));
-        } else
-          Ne(f);
-        u();
+        const p = Hn(o);
+        p && (I(p), l());
+        const T = t.items;
+        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;
       }
-  }, mt = (e) => {
-    e.key === "Escape" && O([]), (e.metaKey || e.ctrlKey) && e.key === "z" && (e.preventDefault(), e.shiftKey ? fe() : me());
-  }, ft = (e) => {
-    var n, r;
-    (n = o.current) == null || n.focus();
+      const s = _n(t);
+      if (s) {
+        e.preventDefault(), I(s.replace(/\n/g, "<br />")), l();
+        return;
+      }
+    }
+    if (!re) return;
+    const n = t.items;
+    if (n)
+      for (const o of Array.from(n)) {
+        if (!o.type.startsWith("image/")) continue;
+        e.preventDefault();
+        const s = o.getAsFile();
+        s && await Re(s);
+      }
+  }, 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 (O([]), e.insert) {
+    switch (F([]), e.insert) {
       case "heading1":
-        p("formatBlock", "h1");
+        C("formatBlock", "h1");
         break;
       case "heading2":
-        p("formatBlock", "h2");
+        C("formatBlock", "h2");
         break;
       case "bulletList":
-        p("insertUnorderedList");
+        C("insertUnorderedList");
         break;
       case "orderedList":
-        p("insertOrderedList");
+        C("insertOrderedList");
         break;
       case "table":
-        de();
+        ye();
         return;
       case "ai":
-        G(!0);
+        q(!0);
         break;
     }
-    u();
-  }, ge = (e) => {
-    if (!o.current) return;
-    const t = window.getSelection(), n = Ie((t == null ? void 0 : t.anchorNode) ?? null, o.current);
-    n && Ft(n, e) && (u(), D());
-  }, ht = (e, t) => {
+    l();
+  }, 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: Bt }, `divider-${t}`);
+      return /* @__PURE__ */ a("span", { className: sn }, `divider-${t}`);
     if (e === "headingDropdown")
-      return /* @__PURE__ */ i(
-        en,
+      return /* @__PURE__ */ a(
+        Un,
         {
           title: "Heading",
-          options: xt,
-          value: Pe || "p",
-          disabled: c || l,
-          onChange: at
+          options: an,
+          value: pt || "p",
+          disabled: c || i,
+          onChange: Pt
         },
         "heading"
       );
     if (e === "textColor")
-      return /* @__PURE__ */ i(
-        Se,
+      return /* @__PURE__ */ a(
+        je,
         {
           title: "Text color",
           type: "text",
-          value: $e,
-          disabled: c || l,
-          onChange: (r) => {
-            var a;
-            (a = o.current) == null || a.focus(), zt(r), Ge(r), u();
+          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(
-        Se,
+      return /* @__PURE__ */ a(
+        je,
         {
           title: "Highlight color",
           type: "highlight",
-          value: We,
-          disabled: c || l,
-          onChange: (r) => {
-            var a;
-            (a = o.current) == null || a.focus(), Jt(r), qe(r), u();
+          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(
-        g,
+      return /* @__PURE__ */ a(
+        h,
         {
-          icon: C.link,
+          icon: f.link,
           title: "Insert link",
-          disabled: c || l,
-          onClick: it
+          disabled: c || i,
+          onClick: xt
         },
         "link"
       );
     if (e === "image")
-      return /* @__PURE__ */ i(
-        g,
+      return /* @__PURE__ */ a(
+        h,
         {
-          icon: C.image,
+          icon: f.image,
           title: "Insert image",
-          disabled: c || l,
+          disabled: c || i,
           onClick: () => {
-            st();
+            Bt();
           }
         },
         "image"
       );
     if (e === "table")
-      return s.table ? /* @__PURE__ */ i(
-        g,
+      return u.table ? /* @__PURE__ */ a(
+        h,
         {
-          icon: C.table,
+          icon: f.table,
           title: "Insert table",
-          disabled: c || l,
-          onClick: de
+          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(
-        g,
+      return /* @__PURE__ */ a(
+        h,
         {
-          icon: C.undo,
+          icon: f.undo,
           title: "Undo",
-          disabled: c || l,
-          onClick: me
+          disabled: c || i,
+          onClick: He
         },
         "undo"
       );
     if (e === "redo")
-      return /* @__PURE__ */ i(
-        g,
+      return /* @__PURE__ */ a(
+        h,
         {
-          icon: C.redo,
+          icon: f.redo,
           title: "Redo",
-          disabled: c || l,
-          onClick: fe
+          disabled: c || i,
+          onClick: _e
         },
         "redo"
       );
     if (e === "trackChanges")
-      return s.trackChanges ? /* @__PURE__ */ i(
-        g,
+      return u.trackChanges ? /* @__PURE__ */ a(
+        h,
         {
-          icon: C.trackChanges,
+          icon: f.trackChanges,
           title: "Track changes",
-          active: I,
-          disabled: c || l,
-          onClick: () => ot(!I)
+          active: y,
+          disabled: c || i,
+          onClick: () => Rt(!y)
         },
         "trackChanges"
       ) : null;
     if (e === "comments")
-      return s.comments ? /* @__PURE__ */ i(
-        g,
+      return u.comments ? /* @__PURE__ */ a(
+        h,
         {
-          icon: C.comments,
+          icon: f.comments,
           title: "Comments",
-          active: W,
-          disabled: c || l,
+          active: X,
+          disabled: c || i,
           onClick: () => {
-            W ? z(!1) : ut();
+            X ? Z(!1) : Ut();
           }
         },
         "comments"
       ) : null;
     if (e === "ai")
-      return !s.ai || !(m != null && m.enabled) ? null : /* @__PURE__ */ i(
-        g,
+      return !u.ai || !(d != null && d.enabled) ? null : /* @__PURE__ */ a(
+        h,
         {
-          icon: C.ai,
+          icon: f.ai,
           title: "Ink AI",
-          active: le,
-          disabled: c || l,
-          onClick: () => G((r) => !r)
+          active: he,
+          disabled: c || i,
+          onClick: () => q((o) => !o)
         },
         "ai"
       );
-    const n = be[e];
-    return n ? /* @__PURE__ */ i(
-      g,
+    const n = Ue[e];
+    return n ? /* @__PURE__ */ a(
+      h,
       {
-        icon: C[e] ?? e.slice(0, 1).toUpperCase(),
+        icon: f[e] ?? e.slice(0, 1).toUpperCase(),
         title: n.title,
-        active: Fe.has(e),
-        disabled: c || l,
-        onClick: () => lt(e)
+        active: dt.has(e),
+        disabled: c || i,
+        onClick: () => Et(e)
       },
       e
     ) : null;
-  }, pt = typeof F == "number" ? `${F}px` : F, gt = typeof M == "number" ? `${M}px` : M, Ct = !!(m != null && m.enabled && le);
-  return /* @__PURE__ */ K(
+  }, 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: Dt(Ot, Ee),
-      "data-testid": ve,
+      className: un(ln, We),
+      "data-testid": $e,
       "data-disabled": c || void 0,
-      "data-variant": Be,
-      ...Ue,
+      "data-variant": qe,
+      "data-premium": w.active || void 0,
+      "data-wysiwyg": lt || void 0,
+      style: { ...ut, ...rt },
+      ...ot,
       children: [
-        /* @__PURE__ */ i("div", { className: _t, role: "toolbar", "aria-label": "Ink formatting toolbar", children: _e.map(ht) }),
-        I && s.trackChanges ? /* @__PURE__ */ i(
-          cn,
+        /* @__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: he,
-            onReject: pe,
-            onAcceptAll: () => k.forEach((e) => he(e.id)),
-            onRejectAll: () => k.forEach((e) => pe(e.id))
+            onAccept: Ne,
+            onReject: Se,
+            onAcceptAll: () => k.forEach((e) => Ne(e.id)),
+            onRejectAll: () => k.forEach((e) => Se(e.id))
           }
         ) : null,
-        /* @__PURE__ */ K("div", { className: Et, children: [
-          /* @__PURE__ */ K("div", { className: vt, children: [
-            s.blocks ? /* @__PURE__ */ i(
-              on,
+        /* @__PURE__ */ M("div", { className: nn, children: [
+          /* @__PURE__ */ M("div", { className: rn, children: [
+            u.blocks ? /* @__PURE__ */ a(
+              Kn,
               {
-                visible: et && !c && !l,
-                top: Ye,
-                onMoveUp: () => ge("up"),
-                onMoveDown: () => ge("down")
+                visible: _t && !c && !i,
+                top: yt,
+                onMoveUp: () => ve("up"),
+                onMoveDown: () => ve("down")
               }
             ) : null,
-            /* @__PURE__ */ i(
+            /* @__PURE__ */ a(
               "div",
               {
-                ref: o,
-                className: yt,
-                contentEditable: !c && !l,
+                ref: r,
+                className: on,
+                contentEditable: !c && !i,
                 role: "textbox",
                 "aria-multiline": "true",
-                "aria-placeholder": Y,
-                "data-placeholder": Y,
+                "aria-placeholder": ne,
+                "data-placeholder": ne,
                 suppressContentEditableWarning: !0,
-                style: { minHeight: pt, maxHeight: gt },
-                onInput: u,
-                onBlur: ct,
-                onKeyUp: D,
-                onKeyDown: mt,
-                onMouseUp: D,
+                style: { minHeight: Vt, maxHeight: jt },
+                onInput: l,
+                onBlur: Ot,
+                onKeyUp: K,
+                onKeyDown: Ft,
+                onMouseUp: K,
                 onPaste: (e) => {
-                  dt(e);
+                  Dt(e);
                 }
               }
             ),
-            ue ? /* @__PURE__ */ i(
-              rn,
+            Le ? /* @__PURE__ */ a(
+              Mn,
               {
-                items: tt,
-                top: se.top,
-                left: se.left,
-                onSelect: ft
+                items: Nt,
+                top: ke.top,
+                left: ke.left,
+                onSelect: Kt
               }
             ) : null
           ] }),
-          W && s.comments ? /* @__PURE__ */ i(
-            tn,
+          X && u.comments ? /* @__PURE__ */ a(
+            Dn,
             {
-              comments: E,
+              comments: O,
               author: L,
-              onClose: () => z(!1),
+              onClose: () => Z(!1),
               onResolve: (e) => {
-                const t = E.find((n) => n.id === e);
-                X(
-                  E.map(
+                const t = O.find((n) => n.id === e);
+                Y(
+                  O.map(
                     (n) => n.id === e ? { ...n, resolved: !0 } : n
                   )
-                ), t && o.current && A($t(o.current.innerHTML, t.highlightId));
+                ), t && r.current && b(kn(r.current.innerHTML, t.highlightId));
               },
               onAddReply: (e, t) => {
-                X(
-                  E.map(
+                Y(
+                  O.map(
                     (n) => n.id === e ? {
                       ...n,
                       replies: [
                         ...n.replies,
                         {
-                          id: Le("reply"),
+                          id: Fe("reply"),
                           author: L,
                           body: t,
                           timestamp: Date.now()
@@ -531,34 +614,34 @@ const C = {
               }
             }
           ) : null,
-          Ct && m ? /* @__PURE__ */ i(
-            nn,
+          Gt && d ? /* @__PURE__ */ a(
+            Fn,
             {
-              config: m,
-              documentHtml: ((Ce = o.current) == null ? void 0 : Ce.innerHTML) ?? h ?? "",
-              selectionHtml: ae,
-              onClose: () => G(!1),
+              config: d,
+              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(), ae)
-                  R(e);
+                if ((t = r.current) == null || t.focus(), ge)
+                  I(e);
                 else {
-                  A(e);
+                  b(e);
                   return;
                 }
-                u();
+                l();
               }
             }
           ) : null
         ] }),
-        Z ? /* @__PURE__ */ K("div", { className: Rt, children: [
-          Ve,
-          ee ? ` / ${ee}` : ""
+        oe ? /* @__PURE__ */ M("div", { className: cn, children: [
+          ht,
+          ce ? ` / ${ce}` : ""
         ] }) : null
       ]
     }
   );
 };
 export {
-  En as InkEditor
+  br as InkEditor
 };