@forgedevstack/ink 1.1.0 → 1.1.1

package/dist/components/InkEditor/InkEditor.js

@@ -1,254 +1,264 @@
-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");
+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;
-}, En = (w) => {
-  var Ce;
+}, no = (N) => {
+  var He;
   const {
     value: h,
     defaultValue: b = "",
-    onChange: U,
-    placeholder: Y = Lt,
-    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,
+    onChange: M,
+    placeholder: te = Kt,
+    disabled: s = !1,
+    readOnly: a = !1,
+    minHeight: V = Ot,
+    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,
+    trackChanges: S,
+    onTrackChangesChange: W,
+    trackChangesEnabled: O,
+    onTrackChangesEnabledChange: $,
+    comments: v,
+    onCommentsChange: G,
     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;
-  H(() => {
-    B !== void 0 && ne(B);
-  }, [B]), H(() => {
-    N && oe(N);
-  }, [N]), H(() => {
-    S && re(S);
-  }, [S]), H(() => {
-    _ !== void 0 && ce(_);
-  }, [_]), H(() => {
+    onShowCommentsPanelChange: q,
+    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]), H(() => {
-    !o.current || h || !b || (o.current.innerHTML = b, x.current = new He(b));
+  }, [h]), y(() => {
+    !o.current || h || !b || (o.current.innerHTML = b, P.current = new xe(b));
   }, []);
-  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);
+    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);
+  }, Y = (e) => {
+    ue(e), G == null || G(e);
+  }, J = (e) => {
+    me(e), q == null || q(e);
+  }, It = (e) => {
+    ie(e), $ == null || $(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);
     } else
-      ie(!1);
-  }, u = () => {
+      he(!1);
+  }, l = () => {
     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 (L && u.trackChanges) {
+      const c = window.getSelection();
+      if (c && !c.isCollapsed) {
+        const f = ee();
         if (f) {
-          const T = J("delete", f, L);
-          v([...k, T]), rt(T.id), e = o.current.innerHTML;
+          const T = Z("delete", f, w);
+          x([...k, T]), wt(T.id), e = o.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 (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) {
-        O(Xt(f));
+        U(fn(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
+          const R = T.getBoundingClientRect(), B = o.current.getBoundingClientRect();
+          bt({
+            top: R.bottom - B.top + 8,
+            left: R.left - B.left
           });
         }
       } else
-        O([]);
+        U([]);
     }
-  }, rt = (e) => {
+  }, wt = (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 = 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) => {
     var n;
-    if (c || l) return;
+    if (s || a) 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) => {
+    const t = Ne[e];
+    t && (t.value ? g(t.command, t.value) : g(t.command), l());
+  }, Ht = (e) => {
     var t;
-    c || l || ((t = o.current) == null || t.focus(), p("formatBlock", e), te(e), u());
-  }, it = () => {
+    s || a || ((t = o.current) == null || t.focus(), g("formatBlock", e), ae(e), l());
+  }, yt = () => {
     var t;
-    if (c || l) return;
+    if (s || a) 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 = o.current) == null || t.focus(), An(e), l());
+  }, Ce = async (e) => Ze && se ? se(e) : Ln(e), Nt = async () => {
+    if (s || a) return;
     const e = document.createElement("input");
     e.type = "file", e.accept = "image/*", e.onchange = async () => {
-      var r, a;
+      var r, c;
       const t = (r = e.files) == null ? void 0 : r[0];
       if (!t) return;
-      const n = await we(t);
-      (a = o.current) == null || a.focus(), Ne(n, t.name), u();
+      const n = await Ce(t);
+      (c = o.current) == null || c.focus(), Re(n, t.name), l();
     }, e.click();
-  }, de = () => {
+  }, ke = () => {
     var t;
-    if (c || l || !s.table) return;
+    if (s || a || !u.table) return;
     (t = o.current) == null || t.focus();
-    const e = Ut(De, Ke);
-    if (I && s.trackChanges) {
-      const n = J("insert", e, L);
-      v([...k, n]), R(Ae(e, n.id));
+    const e = nn(Ve, je);
+    if (L && u.trackChanges) {
+      const n = Z("insert", e, w);
+      x([...k, n]), I(Ee(e, n.id));
     } else
-      R(e);
-    u();
-  }, me = () => {
-    const e = x.current.undo();
+      I(e);
+    l();
+  }, Te = () => {
+    const e = P.current.undo();
     if (e === null || !o.current) {
-      p("undo"), u();
+      g("undo"), l();
       return;
     }
-    A(e);
-  }, fe = () => {
-    const e = x.current.redo();
+    H(e);
+  }, be = () => {
+    const e = P.current.redo();
     if (e === null || !o.current) {
-      p("redo"), u();
+      g("redo"), l();
       return;
     }
-    A(e);
-  }, ut = () => {
-    var a;
-    if (c || l || !s.comments) return;
+    H(e);
+  }, St = () => {
+    var c;
+    if (s || a || !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) => {
+    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 = Vt(o.current.innerHTML, e);
-    A(t), v(
+    const t = sn(o.current.innerHTML, e);
+    H(t), x(
       k.map((n) => n.id === e ? { ...n, accepted: !0 } : n)
     );
-  }, pe = (e) => {
+  }, we = (e) => {
     if (!o.current) return;
-    const t = Pt(o.current.innerHTML, e);
-    A(t), v(
+    const t = cn(o.current.innerHTML, e);
+    H(t), x(
       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)) {
+  }, 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));
+    } else
+      Re(t);
+    l();
+  }, vt = async (e) => {
+    if (s || a) return;
+    const t = e.clipboardData;
+    if (!t) return;
+    if (nt) {
+      const r = gn(t);
+      if (r) {
+        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);
+          }
+        return;
+      }
+      const c = kn(t);
+      if (c) {
+        e.preventDefault(), I(c.replace(/\n/g, "<br />")), l();
+        return;
+      }
+    }
+    if (!ne) return;
+    const n = t.items;
+    if (n)
+      for (const r of Array.from(n)) {
         if (!r.type.startsWith("image/")) continue;
         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 c = r.getAsFile();
+        c && await Ae(c);
       }
-  }, mt = (e) => {
-    e.key === "Escape" && O([]), (e.metaKey || e.ctrlKey) && e.key === "z" && (e.preventDefault(), e.shiftKey ? fe() : me());
-  }, ft = (e) => {
+  }, _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();
     const t = window.getSelection();
@@ -256,271 +266,274 @@ const C = {
       const f = t.anchorNode.textContent.replace(/(?:^|\s)\/[^\s]*$/, " ");
       t.anchorNode.nodeType === Node.TEXT_NODE && (t.anchorNode.textContent = f);
     }
-    switch (O([]), e.insert) {
+    switch (U([]), e.insert) {
       case "heading1":
-        p("formatBlock", "h1");
+        g("formatBlock", "h1");
         break;
       case "heading2":
-        p("formatBlock", "h2");
+        g("formatBlock", "h2");
         break;
       case "bulletList":
-        p("insertUnorderedList");
+        g("insertUnorderedList");
         break;
       case "orderedList":
-        p("insertOrderedList");
+        g("insertOrderedList");
         break;
       case "table":
-        de();
+        ke();
         return;
       case "ai":
-        G(!0);
+        z(!0);
         break;
     }
-    u();
-  }, ge = (e) => {
+    l();
+  }, Le = (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) => {
+    const t = window.getSelection(), n = _e((t == null ? void 0 : t.anchorNode) ?? null, o.current);
+    n && on(n, e) && (l(), K());
+  }, xt = (e, t) => {
     if (e === "divider")
-      return /* @__PURE__ */ i("span", { className: Bt }, `divider-${t}`);
+      return /* @__PURE__ */ i("span", { className: Yt }, `divider-${t}`);
     if (e === "headingDropdown")
       return /* @__PURE__ */ i(
-        en,
+        Hn,
         {
           title: "Heading",
-          options: xt,
-          value: Pe || "p",
-          disabled: c || l,
-          onChange: at
+          options: Jt,
+          value: ct || "p",
+          disabled: s || a,
+          onChange: Ht
         },
         "heading"
       );
     if (e === "textColor")
       return /* @__PURE__ */ i(
-        Se,
+        Be,
         {
           title: "Text color",
           type: "text",
-          value: $e,
-          disabled: c || l,
+          value: it,
+          disabled: s || a,
           onChange: (r) => {
-            var a;
-            (a = o.current) == null || a.focus(), zt(r), Ge(r), u();
+            var c;
+            (c = o.current) == null || c.focus(), Tn(r), lt(r), l();
           }
         },
         "textColor"
       );
     if (e === "highlightColor")
       return /* @__PURE__ */ i(
-        Se,
+        Be,
         {
           title: "Highlight color",
           type: "highlight",
-          value: We,
-          disabled: c || l,
+          value: ut,
+          disabled: s || a,
           onChange: (r) => {
-            var a;
-            (a = o.current) == null || a.focus(), Jt(r), qe(r), u();
+            var c;
+            (c = o.current) == null || c.focus(), bn(r), mt(r), l();
           }
         },
         "highlightColor"
       );
     if (e === "link")
       return /* @__PURE__ */ i(
-        g,
+        C,
         {
-          icon: C.link,
+          icon: p.link,
           title: "Insert link",
-          disabled: c || l,
-          onClick: it
+          disabled: s || a,
+          onClick: yt
         },
         "link"
       );
     if (e === "image")
       return /* @__PURE__ */ i(
-        g,
+        C,
         {
-          icon: C.image,
+          icon: p.image,
           title: "Insert image",
-          disabled: c || l,
+          disabled: s || a,
           onClick: () => {
-            st();
+            Nt();
           }
         },
         "image"
       );
     if (e === "table")
-      return s.table ? /* @__PURE__ */ i(
-        g,
+      return u.table ? /* @__PURE__ */ i(
+        C,
         {
-          icon: C.table,
+          icon: p.table,
           title: "Insert table",
-          disabled: c || l,
-          onClick: de
+          disabled: s || a,
+          onClick: ke
         },
         "table"
       ) : null;
     if (e === "undo")
       return /* @__PURE__ */ i(
-        g,
+        C,
         {
-          icon: C.undo,
+          icon: p.undo,
           title: "Undo",
-          disabled: c || l,
-          onClick: me
+          disabled: s || a,
+          onClick: Te
         },
         "undo"
       );
     if (e === "redo")
       return /* @__PURE__ */ i(
-        g,
+        C,
         {
-          icon: C.redo,
+          icon: p.redo,
           title: "Redo",
-          disabled: c || l,
-          onClick: fe
+          disabled: s || a,
+          onClick: be
         },
         "redo"
       );
     if (e === "trackChanges")
-      return s.trackChanges ? /* @__PURE__ */ i(
-        g,
+      return u.trackChanges ? /* @__PURE__ */ i(
+        C,
         {
-          icon: C.trackChanges,
+          icon: p.trackChanges,
           title: "Track changes",
-          active: I,
-          disabled: c || l,
-          onClick: () => ot(!I)
+          active: L,
+          disabled: s || a,
+          onClick: () => It(!L)
         },
         "trackChanges"
       ) : null;
     if (e === "comments")
-      return s.comments ? /* @__PURE__ */ i(
-        g,
+      return u.comments ? /* @__PURE__ */ i(
+        C,
         {
-          icon: C.comments,
+          icon: p.comments,
           title: "Comments",
-          active: W,
-          disabled: c || l,
+          active: X,
+          disabled: s || a,
           onClick: () => {
-            W ? z(!1) : ut();
+            X ? J(!1) : St();
           }
         },
         "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__ */ i(
+        C,
         {
-          icon: C.ai,
+          icon: p.ai,
           title: "Ink AI",
-          active: le,
-          disabled: c || l,
-          onClick: () => G((r) => !r)
+          active: de,
+          disabled: s || a,
+          onClick: () => z((r) => !r)
         },
         "ai"
       );
-    const n = be[e];
+    const n = Ne[e];
     return n ? /* @__PURE__ */ i(
-      g,
+      C,
       {
-        icon: C[e] ?? e.slice(0, 1).toUpperCase(),
+        icon: p[e] ?? e.slice(0, 1).toUpperCase(),
         title: n.title,
-        active: Fe.has(e),
-        disabled: c || l,
-        onClick: () => lt(e)
+        active: ot.has(e),
+        disabled: s || a,
+        onClick: () => Lt(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(
+  }, Rt = typeof V == "number" ? `${V}px` : V, Bt = typeof j == "number" ? `${j}px` : j, Dt = !!(d != null && d.enabled && de);
+  return /* @__PURE__ */ F(
     "div",
     {
-      className: Dt(Ot, Ee),
-      "data-testid": ve,
-      "data-disabled": c || void 0,
-      "data-variant": Be,
-      ...Ue,
+      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,
       children: [
-        /* @__PURE__ */ i("div", { className: _t, role: "toolbar", "aria-label": "Ink formatting toolbar", children: _e.map(ht) }),
-        I && s.trackChanges ? /* @__PURE__ */ i(
-          cn,
+        /* @__PURE__ */ i("div", { className: Gt, role: "toolbar", "aria-label": "Ink formatting toolbar", children: De.map(xt) }),
+        L && u.trackChanges ? /* @__PURE__ */ i(
+          _n,
           {
             changes: k,
-            onAccept: he,
-            onReject: pe,
-            onAcceptAll: () => k.forEach((e) => he(e.id)),
-            onRejectAll: () => k.forEach((e) => pe(e.id))
+            onAccept: Ie,
+            onReject: we,
+            onAcceptAll: () => k.forEach((e) => Ie(e.id)),
+            onRejectAll: () => k.forEach((e) => we(e.id))
           }
         ) : null,
-        /* @__PURE__ */ K("div", { className: Et, children: [
-          /* @__PURE__ */ K("div", { className: vt, children: [
-            s.blocks ? /* @__PURE__ */ i(
-              on,
+        /* @__PURE__ */ F("div", { className: qt, children: [
+          /* @__PURE__ */ F("div", { className: zt, children: [
+            u.blocks ? /* @__PURE__ */ i(
+              Sn,
               {
-                visible: et && !c && !l,
-                top: Ye,
-                onMoveUp: () => ge("up"),
-                onMoveDown: () => ge("down")
+                visible: kt && !s && !a,
+                top: gt,
+                onMoveUp: () => Le("up"),
+                onMoveDown: () => Le("down")
               }
             ) : null,
             /* @__PURE__ */ i(
               "div",
               {
                 ref: o,
-                className: yt,
-                contentEditable: !c && !l,
+                className: Xt,
+                contentEditable: !s && !a,
                 role: "textbox",
                 "aria-multiline": "true",
-                "aria-placeholder": Y,
-                "data-placeholder": Y,
+                "aria-placeholder": te,
+                "data-placeholder": te,
                 suppressContentEditableWarning: !0,
-                style: { minHeight: pt, maxHeight: gt },
-                onInput: u,
-                onBlur: ct,
-                onKeyUp: D,
-                onKeyDown: mt,
-                onMouseUp: D,
+                style: { minHeight: Rt, maxHeight: Bt },
+                onInput: l,
+                onBlur: At,
+                onKeyUp: K,
+                onKeyDown: _t,
+                onMouseUp: K,
                 onPaste: (e) => {
-                  dt(e);
+                  vt(e);
                 }
               }
             ),
-            ue ? /* @__PURE__ */ i(
-              rn,
+            ge ? /* @__PURE__ */ i(
+              vn,
               {
-                items: tt,
-                top: se.top,
-                left: se.left,
-                onSelect: ft
+                items: Tt,
+                top: pe.top,
+                left: pe.left,
+                onSelect: Et
               }
             ) : null
           ] }),
-          W && s.comments ? /* @__PURE__ */ i(
-            tn,
+          X && u.comments ? /* @__PURE__ */ i(
+            yn,
             {
               comments: E,
-              author: L,
-              onClose: () => z(!1),
+              author: w,
+              onClose: () => J(!1),
               onResolve: (e) => {
                 const t = E.find((n) => n.id === e);
-                X(
+                Y(
                   E.map(
                     (n) => n.id === e ? { ...n, resolved: !0 } : n
                   )
-                ), t && o.current && A($t(o.current.innerHTML, t.highlightId));
+                ), t && o.current && H(ln(o.current.innerHTML, t.highlightId));
               },
               onAddReply: (e, t) => {
-                X(
+                Y(
                   E.map(
                     (n) => n.id === e ? {
                       ...n,
                       replies: [
                         ...n.replies,
                         {
-                          id: Le("reply"),
-                          author: L,
+                          id: ve("reply"),
+                          author: w,
                           body: t,
                           timestamp: Date.now()
                         }
@@ -531,34 +544,34 @@ const C = {
               }
             }
           ) : null,
-          Ct && m ? /* @__PURE__ */ i(
-            nn,
+          Dt && d ? /* @__PURE__ */ i(
+            Nn,
             {
-              config: m,
-              documentHtml: ((Ce = o.current) == null ? void 0 : Ce.innerHTML) ?? h ?? "",
-              selectionHtml: ae,
-              onClose: () => G(!1),
+              config: d,
+              documentHtml: ((He = o.current) == null ? void 0 : He.innerHTML) ?? h ?? "",
+              selectionHtml: fe,
+              onClose: () => z(!1),
               onApplyHtml: (e) => {
                 var t;
-                if ((t = o.current) == null || t.focus(), ae)
-                  R(e);
+                if ((t = o.current) == null || t.focus(), fe)
+                  I(e);
                 else {
-                  A(e);
+                  H(e);
                   return;
                 }
-                u();
+                l();
               }
             }
           ) : null
         ] }),
-        Z ? /* @__PURE__ */ K("div", { className: Rt, children: [
-          Ve,
-          ee ? ` / ${ee}` : ""
+        oe ? /* @__PURE__ */ F("div", { className: Qt, children: [
+          st,
+          re ? ` / ${re}` : ""
         ] }) : null
       ]
     }
   );
 };
 export {
-  En as InkEditor
+  no as InkEditor
 };