@code0-tech/pictor 0.0.0-mvp.31 → 0.0.0-mvp.32

package/dist/components/form/InputContentEditable.hook.js

@@ -1,9 +1,6 @@
-import { jsx as ee, Fragment as te } from "react/jsx-runtime";
-import { c as ne } from "../../_virtual/compiler-runtime.js";
-import re from "react";
-import { s as oe } from "../../_virtual/server.browser.js";
-import { buildDefaultSyntax as se } from "./Input.syntax.hook.js";
-const I = "input__token", j = "input__token--selected", Q = "title", k = "​", O = (t) => (t ?? "").split(k).join(""), L = (t) => !!t && t.nodeType === Node.TEXT_NODE && (t.textContent ?? "") === k, U = (t) => {
+import { c as Y } from "../../_virtual/compiler-runtime.js";
+import Z from "react";
+const F = "input__token", K = "input__token--selected", q = "aria-data", O = "​", k = (t) => (t ?? "").split(O).join(""), D = (t) => !!t && t.nodeType === Node.TEXT_NODE && (t.textContent ?? "") === O, U = (t) => {
   try {
     return JSON.stringify(t);
   } catch {
@@ -11,461 +8,443 @@ const I = "input__token", j = "input__token--selected", Q = "title", k = "​",
       value: String(t ?? "")
     });
   }
-}, ie = (t) => {
+}, ee = (t) => {
   if (!t) return null;
   try {
     return JSON.parse(t);
   } catch {
     return null;
   }
-}, X = (t) => t == null ? "" : typeof t == "string" ? t : U(t), H = (t) => {
+}, te = (t) => t == null ? "" : typeof t == "string" ? t : U(t), j = (t) => {
   const e = (t.innerHTML ?? "").trim().toLowerCase();
   (e === "<br>" || e === "<br/>" || e === "<br />") && (t.innerHTML = ""), t.childNodes.length === 1 && t.childNodes[0]?.tagName === "BR" && (t.innerHTML = "");
-}, S = (t) => t instanceof HTMLElement && t.classList.contains(I), ae = (t) => {
+}, C = (t) => t instanceof HTMLElement && t.classList.contains(F), ne = (t) => {
   let e = t;
   for (; e; ) {
-    if (S(e)) return !0;
+    if (C(e)) return !0;
     e = e.parentNode;
   }
   return !1;
-}, ce = (t) => {
+}, re = (t) => {
   if (t && typeof t == "object") {
     const {
       children: e,
-      __contentHtml: n,
-      ...r
+      __contentHtml: r,
+      ...n
     } = t;
-    return r;
+    return n;
   }
   return {
     value: t
   };
-}, P = (t) => ie(t.getAttribute(Q)) ?? {
+}, P = (t) => ee(t.getAttribute(q)) ?? {
   value: t.textContent ?? ""
-}, G = (t, e) => {
-  const n = document.createElement("span");
-  n.setAttribute("contenteditable", "false"), n.className = I;
-  const r = ce(t);
-  if (n.setAttribute(Q, U(r)), e !== void 0)
-    n.innerHTML = e;
-  else {
-    const i = r?.label ?? r?.value ?? "";
-    n.textContent = String(i ?? "");
-  }
-  return n.style.display = "inline-flex", n.style.alignItems = "center", n.style.verticalAlign = "middle", n.style.userSelect = "text", n.style.webkitUserSelect = "text", n;
-}, K = (t) => {
+}, oe = (t) => {
+  const e = document.createElement("span");
+  e.setAttribute("contenteditable", "false"), e.className = F;
+  const r = re(t);
+  e.setAttribute(q, U(r));
+  const n = r?.label ?? r?.value ?? "";
+  return e.textContent = String(n ?? ""), e.style.display = "inline-flex", e.style.alignItems = "center", e.style.verticalAlign = "middle", e.style.userSelect = "text", e.style.webkitUserSelect = "text", e;
+}, se = (t) => {
   const e = window.getSelection();
   if (e && e.rangeCount > 0) {
-    const i = e.getRangeAt(0);
-    if (t.contains(i.startContainer)) return i;
+    const o = e.getRangeAt(0);
+    if (t.contains(o.startContainer)) return o;
   }
-  const n = document.createRange();
-  n.selectNodeContents(t), n.collapse(!1);
-  const r = window.getSelection();
-  return r?.removeAllRanges(), r?.addRange(n), n;
-}, le = (t, e) => {
-  if (!t) return;
+  const r = document.createRange();
+  r.selectNodeContents(t), r.collapse(!1);
   const n = window.getSelection();
-  if (!n || n.rangeCount === 0) return;
-  const r = n.getRangeAt(0);
-  if (!t.contains(r.startContainer)) return;
-  r.deleteContents();
-  const i = document.createTextNode(e);
-  r.insertNode(i);
-  const u = document.createRange();
-  u.setStartAfter(i), u.collapse(!0), n.removeAllRanges(), n.addRange(u);
-}, de = (t) => {
+  return n?.removeAllRanges(), n?.addRange(r), r;
+}, ae = (t, e) => {
+  if (!t) return;
+  const r = window.getSelection();
+  if (!r || r.rangeCount === 0) return;
+  const n = r.getRangeAt(0);
+  if (!t.contains(n.startContainer)) return;
+  n.deleteContents();
+  const o = document.createTextNode(e);
+  n.insertNode(o);
+  const l = document.createRange();
+  l.setStartAfter(o), l.collapse(!0), r.removeAllRanges(), r.addRange(l);
+}, ce = (t) => {
   if (!t) return [""];
-  const e = [], n = (r) => {
-    if (r.nodeType === Node.TEXT_NODE) {
-      const u = O(r.textContent ?? "");
-      u.length && e.push(u);
+  const e = [], r = (n) => {
+    if (n.nodeType === Node.TEXT_NODE) {
+      const l = k(n.textContent ?? "");
+      l.length && e.push(l);
       return;
     }
-    if (r.nodeType !== Node.ELEMENT_NODE) return;
-    const i = r;
-    if (S(i)) {
-      e.push(P(i));
+    if (n.nodeType !== Node.ELEMENT_NODE) return;
+    const o = n;
+    if (C(o)) {
+      e.push(P(o));
       return;
     }
-    Array.from(r.childNodes).forEach(n);
+    Array.from(n.childNodes).forEach(r);
   };
-  return Array.from(t.childNodes).forEach(n), e.length ? e.reduce((r, i) => (typeof i == "string" && typeof r[r.length - 1] == "string" ? r[r.length - 1] = `${r[r.length - 1]}${i}` : r.push(i), r), []) : [""];
-}, ue = (t) => t.map((e) => {
+  return Array.from(t.childNodes).forEach(r), e.length ? e.reduce((n, o) => (typeof o == "string" && typeof n[n.length - 1] == "string" ? n[n.length - 1] = `${n[n.length - 1]}${o}` : n.push(o), n), []) : [""];
+}, ie = (t) => t.map((e) => {
   if (typeof e == "string") return e;
-  const n = e?.value ?? e;
-  return X(n);
-}).join(""), fe = (t) => {
+  const r = e?.value ?? e;
+  return te(r);
+}).join(""), le = (t) => {
   const {
     children: e,
-    __contentHtml: n,
-    ...r
+    __contentHtml: r,
+    ...n
   } = t;
-  return r;
+  return n;
 }, z = (t) => {
   if (!t) return null;
   const e = window.getSelection();
   if (!e || e.rangeCount === 0) return null;
-  const n = e.getRangeAt(0);
-  if (!t.contains(n.startContainer)) return null;
-  const r = n.startContainer, i = n.startOffset;
-  let u = null;
-  r.nodeType === Node.ELEMENT_NODE && (u = r.childNodes[i] ?? null);
-  const N = document.createTreeWalker(t, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, {
-    acceptNode: (o) => o.nodeType === Node.TEXT_NODE ? ae(o) || (o.textContent ?? "") === k ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT : o.nodeType === Node.ELEMENT_NODE && S(o) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
+  const r = e.getRangeAt(0);
+  if (!t.contains(r.startContainer)) return null;
+  const n = r.startContainer, o = r.startOffset;
+  let l = null;
+  n.nodeType === Node.ELEMENT_NODE && (l = n.childNodes[o] ?? null);
+  const m = document.createTreeWalker(t, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, {
+    acceptNode: (c) => c.nodeType === Node.TEXT_NODE ? ne(c) || (c.textContent ?? "") === O ? NodeFilter.FILTER_REJECT : NodeFilter.FILTER_ACCEPT : c.nodeType === Node.ELEMENT_NODE && C(c) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
   });
-  let f = null, d = N.nextNode();
-  for (; d && !(u && d === u); ) {
-    if (d === r && d.nodeType === Node.TEXT_NODE) {
-      const o = d.textContent?.slice(0, i) ?? "", s = [...O(o).matchAll(/\S+/g)], a = s[s.length - 1];
-      if (a && a.index !== void 0) {
-        const m = a.index, g = m + a[0].length, h = document.createRange();
-        h.setStart(d, Math.min(m, o.length)), h.setEnd(d, Math.min(g, o.length)), f = {
-          token: a[0],
+  let f = null, d = m.nextNode();
+  for (; d && !(l && d === l); ) {
+    if (d === n && d.nodeType === Node.TEXT_NODE) {
+      const c = d.textContent?.slice(0, o) ?? "", a = [...k(c).matchAll(/\S+/g)], s = a[a.length - 1];
+      if (s && s.index !== void 0) {
+        const N = s.index, p = N + s[0].length, h = document.createRange();
+        h.setStart(d, Math.min(N, c.length)), h.setEnd(d, Math.min(p, c.length)), f = {
+          token: s[0],
           range: h
         };
       }
       break;
     }
-    if (S(d)) {
-      f = null, d = N.nextNode();
+    if (C(d)) {
+      f = null, d = m.nextNode();
       continue;
     }
     if (d.nodeType === Node.TEXT_NODE) {
-      const o = d.textContent ?? "", s = [...O(o).matchAll(/\S+/g)], a = s[s.length - 1];
-      if (a && a.index !== void 0) {
-        const m = a.index, g = m + a[0].length, h = document.createRange();
-        h.setStart(d, Math.min(m, o.length)), h.setEnd(d, Math.min(g, o.length)), f = {
-          token: a[0],
+      const c = d.textContent ?? "", a = [...k(c).matchAll(/\S+/g)], s = a[a.length - 1];
+      if (s && s.index !== void 0) {
+        const N = s.index, p = N + s[0].length, h = document.createRange();
+        h.setStart(d, Math.min(N, c.length)), h.setEnd(d, Math.min(p, c.length)), f = {
+          token: s[0],
           range: h
         };
       }
     }
-    d = N.nextNode();
+    d = m.nextNode();
   }
   return f;
-}, ge = (t) => {
+}, de = (t) => {
   const e = window.getSelection();
   if (!e || e.rangeCount === 0) return null;
-  const n = e.getRangeAt(0);
-  if (!t.contains(n.startContainer) || !t.contains(n.endContainer)) return null;
-  const r = (f) => {
-    if (f.nodeType === Node.TEXT_NODE) return O(f.textContent ?? "").length;
+  const r = e.getRangeAt(0);
+  if (!t.contains(r.startContainer) || !t.contains(r.endContainer)) return null;
+  const n = (f) => {
+    if (f.nodeType === Node.TEXT_NODE) return k(f.textContent ?? "").length;
     if (f.nodeType === Node.ELEMENT_NODE) {
       const d = f;
-      if (S(d)) {
-        const c = P(d);
-        return String(c?.value ?? "").length;
+      if (C(d)) {
+        const u = P(d);
+        return String(u?.value ?? "").length;
       }
-      let o = 0;
-      return Array.from(f.childNodes).forEach((c) => o += r(c)), o;
+      let c = 0;
+      return Array.from(f.childNodes).forEach((u) => c += n(u)), c;
     }
     return 0;
-  }, i = (f, d) => {
-    let o = 0;
-    const c = (s) => {
-      if (s === f) {
-        if (s.nodeType === Node.TEXT_NODE)
-          return o += O(s.textContent ?? "").slice(0, d).length, !0;
-        if (s.nodeType === Node.ELEMENT_NODE) {
-          const a = Array.from(s.childNodes), m = Math.max(0, Math.min(d, a.length));
-          for (let g = 0; g < m; g++) o += r(a[g]);
+  }, o = (f, d) => {
+    let c = 0;
+    const u = (a) => {
+      if (a === f) {
+        if (a.nodeType === Node.TEXT_NODE)
+          return c += k(a.textContent ?? "").slice(0, d).length, !0;
+        if (a.nodeType === Node.ELEMENT_NODE) {
+          const s = Array.from(a.childNodes), N = Math.max(0, Math.min(d, s.length));
+          for (let p = 0; p < N; p++) c += n(s[p]);
           return !0;
         }
         return !0;
       }
-      if (s.nodeType === Node.TEXT_NODE)
-        return o += O(s.textContent ?? "").length, !1;
-      if (s.nodeType === Node.ELEMENT_NODE) {
-        const a = s;
-        if (S(a)) {
-          const m = P(a);
-          return o += String(m?.value ?? "").length, !1;
+      if (a.nodeType === Node.TEXT_NODE)
+        return c += k(a.textContent ?? "").length, !1;
+      if (a.nodeType === Node.ELEMENT_NODE) {
+        const s = a;
+        if (C(s)) {
+          const N = P(s);
+          return c += String(N?.value ?? "").length, !1;
         }
-        for (const m of Array.from(s.childNodes))
-          if (c(m)) return !0;
+        for (const N of Array.from(a.childNodes))
+          if (u(N)) return !0;
       }
       return !1;
     };
-    return c(t), o;
-  }, u = i(n.startContainer, n.startOffset), N = i(n.endContainer, n.endOffset);
+    return u(t), c;
+  }, l = o(r.startContainer, r.startOffset), m = o(r.endContainer, r.endOffset);
   return {
-    start: Math.min(u, N),
-    end: Math.max(u, N)
+    start: Math.min(l, m),
+    end: Math.max(l, m)
   };
-}, pe = (t, e, n) => {
-  const r = (s) => Math.max(0, s), i = r(e), u = r(n), N = (s) => {
-    let a = s;
-    const m = (g) => {
-      if (g.nodeType === Node.TEXT_NODE) {
-        const h = g.textContent ?? "", y = O(h).length;
-        return a <= y ? {
-          node: g,
-          offset: Math.min(a, h.length)
-        } : (a -= y, null);
+}, ye = (t, e, r) => {
+  const n = (a) => Math.max(0, a), o = n(e), l = n(r), m = (a) => {
+    let s = a;
+    const N = (p) => {
+      if (p.nodeType === Node.TEXT_NODE) {
+        const h = p.textContent ?? "", y = k(h).length;
+        return s <= y ? {
+          node: p,
+          offset: Math.min(s, h.length)
+        } : (s -= y, null);
       }
-      if (g.nodeType === Node.ELEMENT_NODE) {
-        const h = g;
-        if (S(h)) {
-          const y = P(h), x = String(y?.value ?? "").length, w = h.parentNode ?? t, D = Array.from(w.childNodes).indexOf(h);
-          return a <= 0 ? {
-            node: w,
-            offset: D
-          } : a < x ? {
-            node: w,
-            offset: D + 1
-          } : (a -= x, null);
+      if (p.nodeType === Node.ELEMENT_NODE) {
+        const h = p;
+        if (C(h)) {
+          const y = P(h), x = String(y?.value ?? "").length, S = h.parentNode ?? t, w = Array.from(S.childNodes).indexOf(h);
+          return s <= 0 ? {
+            node: S,
+            offset: w
+          } : s < x ? {
+            node: S,
+            offset: w + 1
+          } : (s -= x, null);
         }
-        for (const y of Array.from(g.childNodes)) {
-          const x = m(y);
+        for (const y of Array.from(p.childNodes)) {
+          const x = N(y);
           if (x) return x;
         }
       }
       return null;
     };
-    return m(t) ?? {
+    return N(t) ?? {
       node: t,
       offset: t.childNodes.length
     };
-  }, f = N(i), d = N(u), o = window.getSelection();
-  if (!o) return;
-  const c = document.createRange();
+  }, f = m(o), d = m(l), c = window.getSelection();
+  if (!c) return;
+  const u = document.createRange();
   try {
-    c.setStart(f.node, f.offset), c.setEnd(d.node, d.offset);
+    u.setStart(f.node, f.offset), u.setEnd(d.node, d.offset);
   } catch {
-    c.selectNodeContents(t), c.collapse(!1);
+    u.selectNodeContents(t), u.collapse(!1);
   }
-  o.removeAllRanges(), o.addRange(c);
-}, he = (t, e, n) => {
-  const r = window.getSelection();
-  if (!r || typeof r.modify != "function" || !t.contains(r.focusNode) || !t.contains(r.anchorNode)) return !1;
-  const i = n === "right" ? "forward" : "backward";
+  c.removeAllRanges(), c.addRange(u);
+}, ue = (t, e, r) => {
+  const n = window.getSelection();
+  if (!n || typeof n.modify != "function" || !t.contains(n.focusNode) || !t.contains(n.anchorNode)) return !1;
+  const o = r === "right" ? "forward" : "backward";
   try {
-    return r.modify(e, i, "character"), L(r.focusNode) && r.modify(e, i, "character"), !0;
+    return n.modify(e, o, "character"), D(n.focusNode) && n.modify(e, o, "character"), !0;
   } catch {
     return !1;
   }
-}, me = (t) => {
+}, fe = (t) => {
   const e = window.getSelection();
   if (!e || e.rangeCount === 0) return null;
-  const n = e.getRangeAt(0);
-  return !t.contains(n.startContainer) || !t.contains(n.endContainer) ? null : n;
-}, Ne = (t) => {
+  const r = e.getRangeAt(0);
+  return !t.contains(r.startContainer) || !t.contains(r.endContainer) ? null : r;
+}, ge = (t) => {
   const e = t.parentNode;
   return e ? Array.from(e.childNodes).indexOf(t) : -1;
-}, Te = (t) => {
-  const e = t.startContainer, n = t.startOffset;
+}, he = (t) => {
+  const e = t.startContainer, r = t.startOffset;
   if (e.nodeType === Node.ELEMENT_NODE) return {
     parent: e,
-    index: n
+    index: r
   };
   if (e.nodeType === Node.TEXT_NODE) {
-    const r = e, i = r.textContent ?? "", u = Ne(r);
-    return u < 0 || !r.parentNode ? null : i === k ? {
-      parent: r.parentNode,
-      index: u + (n > 0 ? 1 : 0)
-    } : n === 0 ? {
-      parent: r.parentNode,
-      index: u
-    } : n === i.length ? {
-      parent: r.parentNode,
-      index: u + 1
+    const n = e, o = n.textContent ?? "", l = ge(n);
+    return l < 0 || !n.parentNode ? null : o === O ? {
+      parent: n.parentNode,
+      index: l + (r > 0 ? 1 : 0)
+    } : r === 0 ? {
+      parent: n.parentNode,
+      index: l
+    } : r === o.length ? {
+      parent: n.parentNode,
+      index: l + 1
     } : null;
   }
   return null;
 }, J = (t, e) => {
-  const n = window.getSelection();
-  if (!n) return;
-  const r = document.createRange();
-  r.setStart(t, e), r.collapse(!0), n.removeAllRanges(), n.addRange(r);
+  const r = window.getSelection();
+  if (!r) return;
+  const n = document.createRange();
+  n.setStart(t, e), n.collapse(!0), r.removeAllRanges(), r.addRange(n);
 }, W = (t, e) => {
-  const n = t.childNodes[e - 1];
-  n && L(n) && t.removeChild(n);
-  const r = Math.max(0, Math.min(e, t.childNodes.length - 1)), i = t.childNodes[r + 1];
-  i && L(i) && t.removeChild(i);
-}, ye = (t, e) => {
-  const n = me(t);
-  if (!n || !n.collapsed) return !1;
-  const r = Te(n);
-  if (!r) return !1;
-  const i = r.parent, u = i.childNodes, N = (c) => {
-    let s = c;
-    for (; s > 0 && L(u[s - 1]); ) s--;
-    return s;
-  }, f = (c) => {
-    let s = c;
-    for (; s < u.length && L(u[s]); ) s++;
-    return s;
+  const r = t.childNodes[e - 1];
+  r && D(r) && r.parentNode === t && t.removeChild(r);
+  const n = Math.max(0, Math.min(e, t.childNodes.length - 1)), o = t.childNodes[n + 1];
+  o && D(o) && o.parentNode === t && t.removeChild(o);
+}, Ne = (t, e) => {
+  const r = fe(t);
+  if (!r || !r.collapsed) return !1;
+  const n = he(r);
+  if (!n) return !1;
+  const o = n.parent, l = o.childNodes, m = (u) => {
+    let a = u;
+    for (; a > 0 && D(l[a - 1]); ) a--;
+    return a;
+  }, f = (u) => {
+    let a = u;
+    for (; a < l.length && D(l[a]); ) a++;
+    return a;
   };
   if (e === "backspace") {
-    const c = N(r.index), s = c > 0 ? u[c - 1] : null;
-    if (s && S(s)) {
-      const a = c - 1;
-      return i.removeChild(s), W(i, a), J(i, Math.max(0, Math.min(a, i.childNodes.length))), !0;
+    const u = m(n.index), a = u > 0 ? l[u - 1] : null;
+    if (a && C(a)) {
+      if (a.parentNode !== o) return !1;
+      const s = u - 1;
+      return o.removeChild(a), W(o, s), J(o, Math.max(0, Math.min(s, o.childNodes.length))), !0;
     }
     return !1;
   }
-  const d = f(r.index), o = u[d] ?? null;
-  if (o && S(o)) {
-    const c = d;
-    return i.removeChild(o), W(i, c), J(i, Math.max(0, Math.min(c, i.childNodes.length))), !0;
+  const d = f(n.index), c = l[d] ?? null;
+  if (c && C(c)) {
+    if (c.parentNode !== o) return !1;
+    const u = d;
+    return o.removeChild(c), W(o, u), J(o, Math.max(0, Math.min(u, o.childNodes.length))), !0;
   }
   return !1;
 }, $ = (t) => {
-  t.querySelectorAll(`.${I}`).forEach((r) => r.classList.remove(j));
+  t.querySelectorAll(`.${F}`).forEach((n) => n.classList.remove(K));
   const e = window.getSelection();
   if (!e || e.rangeCount === 0) return;
-  const n = e.getRangeAt(0);
-  !t.contains(n.startContainer) || !t.contains(n.endContainer) || t.querySelectorAll(`.${I}`).forEach((r) => {
+  const r = e.getRangeAt(0);
+  !t.contains(r.startContainer) || !t.contains(r.endContainer) || t.querySelectorAll(`.${F}`).forEach((n) => {
     try {
-      n.intersectsNode(r) && r.classList.add(j);
+      r.intersectsNode(n) && n.classList.add(K);
     } catch {
     }
   });
-}, q = (t, e, n, r) => {
-  H(t);
-  const i = (n ?? []).filter(Boolean).filter((o) => o && (o.type === "text" || o.type === "block") && Number.isFinite(o.start) && Number.isFinite(o.end) && o.start <= o.end), u = i.length ? i : se(e), N = r.filter((o) => typeof o != "string"), f = document.createDocumentFragment(), d = () => {
-    const o = f.lastChild;
-    o?.nodeType === Node.TEXT_NODE && (o.textContent ?? "") === k || f.appendChild(document.createTextNode(k));
-  };
-  u.forEach((o) => {
-    if (!o || !o.type) return;
-    const c = o.value ?? e.slice(o.start, o.end);
-    if (o.type === "text") {
-      const g = typeof o.content == "string" ? o.content : typeof c == "string" ? c : e.slice(o.start, o.end);
-      g?.length && f.appendChild(document.createTextNode(g));
-      return;
-    }
-    const s = X(c);
-    let a;
-    if (N.length) {
-      const g = N[0], h = X(g?.value ?? g);
-      (s === "" || h === s) && (a = g, N.shift());
-    }
-    a || (a = {
-      value: c
-    });
-    const m = o.content && typeof o.content != "string" ? oe.renderToStaticMarkup(/* @__PURE__ */ ee(te, { children: o.content })) : void 0;
-    d(), f.appendChild(G(a, m)), d();
-  }), t.innerHTML = "", t.appendChild(f), H(t);
-}, Ae = (t) => {
-  const e = ne.c(28), {
-    editorRef: n,
-    transformSyntax: r,
-    filterSuggestionsByLastToken: i,
-    onLastTokenChange: u,
-    onStateChange: N
-  } = t, f = i === void 0 ? !1 : i, [d, o] = re.useState("");
-  let c;
-  e[0] !== f || e[1] !== u || e[2] !== N || e[3] !== r ? (c = (l) => {
-    if (!l)
+}, xe = (t) => {
+  const e = Y.c(30), {
+    editorRef: r,
+    transformSyntax: n,
+    filterSuggestionsByLastToken: o,
+    onLastTokenChange: l,
+    onStateChange: m
+  } = t, f = o === void 0 ? !1 : o, [d, c] = Z.useState(""), u = Z.useRef(null);
+  let a;
+  e[0] !== f || e[1] !== l || e[2] !== m || e[3] !== n ? (a = (i) => {
+    if (!i)
       return;
-    H(l);
-    const p = ge(l), T = de(l), R = ue(T), C = T.filter(Ee);
-    f && u?.(z(l)?.token ?? null);
-    let M = null;
-    r && (M = r(R, T), q(l, R, M, T)), p ? pe(l, p.start, p.end) : K(l), $(l);
-    const A = l.innerHTML ?? "";
-    o((v) => v === A ? v : A), N?.({
+    j(i);
+    const g = de(i);
+    u.current = g;
+    const T = ce(i), R = ie(T), A = T.filter(pe);
+    f && l?.(z(i)?.token ?? null);
+    let b = null;
+    n && (b = n(R, T)), $(i), m?.({
       value: R,
-      tokens: C,
-      segments: M
+      tokens: A,
+      segments: b
     });
-  }, e[0] = f, e[1] = u, e[2] = N, e[3] = r, e[4] = c) : c = e[4];
-  const s = c;
-  let a;
-  e[5] !== r ? (a = (l) => {
-    const p = document.createElement("div"), T = [], R = r ? r(l, T) : null;
-    q(p, l, R, T);
-    const C = p.innerHTML ?? "";
-    return o(C), C;
-  }, e[5] = r, e[6] = a) : a = e[6];
-  const m = a;
-  let g;
-  e[7] !== n || e[8] !== f || e[9] !== s ? (g = (l) => {
-    const p = n.current;
-    if (!p)
+  }, e[0] = f, e[1] = l, e[2] = m, e[3] = n, e[4] = a) : a = e[4];
+  const s = a;
+  let N;
+  e[5] !== m || e[6] !== n ? (N = (i) => {
+    const g = [], T = i ?? "", R = n ? n(T, g) : null;
+    return m?.({
+      value: T,
+      tokens: [],
+      segments: R
+    }), c(""), T;
+  }, e[5] = m, e[6] = n, e[7] = N) : N = e[7];
+  const p = N;
+  let h;
+  e[8] !== r || e[9] !== f || e[10] !== s ? (h = (i) => {
+    const g = r.current;
+    if (!g)
       return;
-    H(p), p.focus({
+    j(g), g.focus({
       preventScroll: !0
     });
-    const T = l.insertMode ?? "replace", C = (() => {
+    const T = i.insertMode ?? "replace", A = (() => {
       const E = document.createRange();
       switch (T) {
         case "append":
-          return E.selectNodeContents(p), E.collapse(!1), E;
+          return E.selectNodeContents(g), E.collapse(!1), E;
         case "prepend":
-          return E.selectNodeContents(p), E.collapse(!0), E;
+          return E.selectNodeContents(g), E.collapse(!0), E;
         case "replace":
-          return E.selectNodeContents(p), E;
+          return E.selectNodeContents(g), E;
         case "insert":
         default:
-          return K(p);
+          return se(g);
       }
-    })(), M = fe(l);
+    })(), b = le(i);
     if (f && T !== "replace") {
-      const E = z(p);
-      E ? E.range.deleteContents() : C.deleteContents();
+      const E = z(g);
+      E ? E.range.deleteContents() : A.deleteContents();
     } else
-      C.deleteContents();
-    const A = G(M), v = document.createTextNode(k), B = document.createTextNode(k);
-    C.insertNode(v), C.insertNode(A), A.parentNode?.insertBefore(B, A.nextSibling ?? null);
-    const Z = window.getSelection(), F = document.createRange();
+      A.deleteContents();
+    const v = oe(b), Q = document.createTextNode(O), H = document.createTextNode(O);
+    A.insertNode(Q), A.insertNode(v), v.parentNode?.insertBefore(H, v.nextSibling ?? null);
+    const B = window.getSelection(), I = document.createRange();
     try {
-      F.setStart(B, 1);
+      I.setStart(H, 1);
     } catch {
-      F.setStartAfter(A);
+      I.setStartAfter(v);
     }
-    F.collapse(!0), Z?.removeAllRanges(), Z?.addRange(F), s(p);
-  }, e[7] = n, e[8] = f, e[9] = s, e[10] = g) : g = e[10];
-  const h = g;
-  let y;
-  e[11] !== n || e[12] !== s ? (y = (l) => {
-    l.preventDefault();
-    const p = l.clipboardData.getData("text/plain");
-    le(n.current, p), s(n.current);
-  }, e[11] = n, e[12] = s, e[13] = y) : y = e[13];
-  const x = y;
+    I.collapse(!0), B?.removeAllRanges(), B?.addRange(I), s(g);
+  }, e[8] = r, e[9] = f, e[10] = s, e[11] = h) : h = e[11];
+  const y = h;
+  let x;
+  e[12] !== r || e[13] !== s ? (x = (i) => {
+    i.preventDefault();
+    const g = i.clipboardData.getData("text/plain");
+    ae(r.current, g), s(r.current);
+  }, e[12] = r, e[13] = s, e[14] = x) : x = e[14];
+  const S = x;
   let w;
-  e[14] !== n || e[15] !== s ? (w = (l) => {
-    s(n.current);
-  }, e[14] = n, e[15] = s, e[16] = w) : w = e[16];
-  const D = w, Y = xe;
-  let _;
-  e[17] !== n || e[18] !== s ? (_ = (l) => {
-    const p = n.current;
-    if (!p || document.activeElement !== p)
+  e[15] !== r || e[16] !== s ? (w = (i) => {
+    s(r.current);
+  }, e[15] = r, e[16] = s, e[17] = w) : w = e[17];
+  const V = w, G = me;
+  let L;
+  e[18] !== r || e[19] !== s ? (L = (i) => {
+    const g = r.current;
+    if (!g || document.activeElement !== g)
       return !1;
-    if ((l.key === "Backspace" || l.key === "Delete") && ye(p, l.key === "Backspace" ? "backspace" : "delete"))
-      return l.preventDefault(), l.stopPropagation(), s(p), !0;
-    if (l.key === "ArrowLeft" || l.key === "ArrowRight") {
-      const T = l.key === "ArrowLeft" ? "left" : "right";
-      if (he(p, l.shiftKey ? "extend" : "move", T))
-        return l.preventDefault(), l.stopPropagation(), $(p), !0;
+    if ((i.key === "Backspace" || i.key === "Delete") && Ne(g, i.key === "Backspace" ? "backspace" : "delete"))
+      return i.preventDefault(), i.stopPropagation(), s(g), !0;
+    if (i.key === "ArrowLeft" || i.key === "ArrowRight") {
+      const T = i.key === "ArrowLeft" ? "left" : "right";
+      if (ue(g, i.shiftKey ? "extend" : "move", T))
+        return i.preventDefault(), i.stopPropagation(), $(g), !0;
     }
-    return l.key === "Enter" ? (l.preventDefault(), !0) : !1;
-  }, e[17] = n, e[18] = s, e[19] = _) : _ = e[19];
-  const V = _;
-  let b;
-  return e[20] !== h || e[21] !== d || e[22] !== D || e[23] !== V || e[24] !== x || e[25] !== m || e[26] !== s ? (b = {
+    return i.key === "Enter" ? (i.preventDefault(), !0) : !1;
+  }, e[18] = r, e[19] = s, e[20] = L) : L = e[20];
+  const X = L;
+  let M;
+  e[21] === Symbol.for("react.memo_cache_sentinel") ? (M = () => {
+    const i = u.current;
+    return u.current = null, i;
+  }, e[21] = M) : M = e[21];
+  let _;
+  return e[22] !== y || e[23] !== d || e[24] !== V || e[25] !== X || e[26] !== S || e[27] !== p || e[28] !== s ? (_ = {
     editorHtml: d,
-    setEditorHtml: o,
-    initializeFromExternalValue: m,
+    setEditorHtml: c,
+    initializeFromExternalValue: p,
     updateEditorState: s,
-    applySuggestionValueSyntax: h,
-    handlePaste: x,
-    handleChange: D,
-    handleKeyDownCapture: Y,
-    handleKeyDown: V
-  }, e[20] = h, e[21] = d, e[22] = D, e[23] = V, e[24] = x, e[25] = m, e[26] = s, e[27] = b) : b = e[27], b;
+    takePendingSelection: M,
+    applySuggestionValueSyntax: y,
+    handlePaste: S,
+    handleChange: V,
+    handleKeyDownCapture: G,
+    handleKeyDown: X
+  }, e[22] = y, e[23] = d, e[24] = V, e[25] = X, e[26] = S, e[27] = p, e[28] = s, e[29] = _) : _ = e[29], _;
 };
-function Ee(t) {
+function pe(t) {
   return typeof t != "string";
 }
-function xe(t) {
+function me(t) {
   (t.key === " " || t.code === "Space") && (t.stopPropagation(), t.nativeEvent?.stopImmediatePropagation?.());
 }
 export {
-  de as serializeEditorParts,
-  Ae as useContentEditableController
+  de as getSelectionOffsetsInValue,
+  ce as serializeEditorParts,
+  ye as setSelectionOffsetsInValue,
+  xe as useContentEditableController
 };