@connectedxm/entity-editor 0.0.4 → 0.0.8

package/dist/index.es.js

@@ -1,713 +1,789 @@
-import A, { useState as $e, useRef as me, useEffect as Ye } from "react";
-var X = { exports: {} }, x = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ae;
-function Fe() {
-  if (Ae) return x;
-  Ae = 1;
-  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function n(s, o, i) {
+import a from "react";
+var ue = { exports: {} }, ee = {};
+var Me;
+function qe() {
+  if (Me) return ee;
+  Me = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
+  function s(o, r, i) {
     var c = null;
-    if (i !== void 0 && (c = "" + i), o.key !== void 0 && (c = "" + o.key), "key" in o) {
+    if (i !== void 0 && (c = "" + i), r.key !== void 0 && (c = "" + r.key), "key" in r) {
       i = {};
-      for (var u in o)
-        u !== "key" && (i[u] = o[u]);
-    } else i = o;
-    return o = i.ref, {
+      for (var l in r)
+        l !== "key" && (i[l] = r[l]);
+    } else i = r;
+    return r = i.ref, {
       $$typeof: e,
-      type: s,
+      type: o,
       key: c,
-      ref: o !== void 0 ? o : null,
+      ref: r !== void 0 ? r : null,
       props: i
     };
   }
-  return x.Fragment = t, x.jsx = n, x.jsxs = n, x;
+  return ee.Fragment = n, ee.jsx = s, ee.jsxs = s, ee;
 }
-var D = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Oe;
-function We() {
-  return Oe || (Oe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(r) {
-      if (r == null) return null;
-      if (typeof r == "function")
-        return r.$$typeof === V ? null : r.displayName || r.name || null;
-      if (typeof r == "string") return r;
-      switch (r) {
-        case O:
+var te = {};
+var Le;
+function He() {
+  return Le || (Le = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === N ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case U:
           return "Fragment";
-        case F:
+        case J:
           return "Profiler";
-        case le:
+        case O:
           return "StrictMode";
-        case ae:
+        case W:
           return "Suspense";
-        case U:
+        case X:
           return "SuspenseList";
-        case z:
+        case ce:
           return "Activity";
       }
-      if (typeof r == "object")
-        switch (typeof r.tag == "number" && console.error(
+      if (typeof t == "object")
+        switch (typeof t.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), r.$$typeof) {
-          case v:
+        ), t.$$typeof) {
+          case M:
             return "Portal";
-          case K:
-            return (r.displayName || "Context") + ".Provider";
-          case W:
-            return (r._context.displayName || "Context") + ".Consumer";
-          case ue:
-            var l = r.render;
-            return r = r.displayName, r || (r = l.displayName || l.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case S:
-            return l = r.displayName || null, l !== null ? l : e(r.type) || "Memo";
-          case I:
-            l = r._payload, r = r._init;
+          case be:
+            return t.displayName || "Context";
+          case ie:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case T:
+            var u = t.render;
+            return t = t.displayName, t || (t = u.displayName || u.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case we:
+            return u = t.displayName || null, u !== null ? u : e(t.type) || "Memo";
+          case q:
+            u = t._payload, t = t._init;
             try {
-              return e(r(l));
+              return e(t(u));
             } catch {
             }
         }
       return null;
     }
-    function t(r) {
-      return "" + r;
+    function n(t) {
+      return "" + t;
     }
-    function n(r) {
+    function s(t) {
       try {
-        t(r);
-        var l = !1;
+        n(t);
+        var u = !1;
       } catch {
-        l = !0;
+        u = !0;
       }
-      if (l) {
-        l = console;
-        var d = l.error, g = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return d.call(
-          l,
+      if (u) {
+        u = console;
+        var m = u.error, S = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return m.call(
+          u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          g
-        ), t(r);
+          S
+        ), n(t);
       }
     }
-    function s(r) {
-      if (r === O) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === I)
+    function o(t) {
+      if (t === U) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === q)
         return "<...>";
       try {
-        var l = e(r);
-        return l ? "<" + l + ">" : "<...>";
+        var u = e(t);
+        return u ? "<" + u + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var r = M.A;
-      return r === null ? null : r.getOwner();
+    function r() {
+      var t = P.A;
+      return t === null ? null : t.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
-    function c(r) {
-      if (G.call(r, "key")) {
-        var l = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (l && l.isReactWarning) return !1;
+    function c(t) {
+      if (C.call(t, "key")) {
+        var u = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (u && u.isReactWarning) return !1;
       }
-      return r.key !== void 0;
+      return t.key !== void 0;
     }
-    function u(r, l) {
-      function d() {
-        J || (J = !0, console.error(
+    function l(t, u) {
+      function m() {
+        Z || (Z = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          l
+          u
         ));
       }
-      d.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: d,
+      m.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: m,
         configurable: !0
       });
     }
     function f() {
-      var r = e(this.type);
-      return a[r] || (a[r] = !0, console.error(
+      var t = e(this.type);
+      return V[t] || (V[t] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), r = this.props.ref, r !== void 0 ? r : null;
+      )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function m(r, l, d, g, R, w, de, Ee) {
-      return d = w.ref, r = {
-        $$typeof: j,
-        type: r,
-        key: l,
-        props: w,
-        _owner: R
-      }, (d !== void 0 ? d : null) !== null ? Object.defineProperty(r, "ref", {
+    function R(t, u, m, S, $, F) {
+      var k = m.ref;
+      return t = {
+        $$typeof: Y,
+        type: t,
+        key: u,
+        props: m,
+        _owner: S
+      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
         get: f
-      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(r, "_debugInfo", {
+      }), Object.defineProperty(t, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(r, "_debugStack", {
+      }), Object.defineProperty(t, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: de
-      }), Object.defineProperty(r, "_debugTask", {
+        value: $
+      }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Ee
-      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
+        value: F
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function N(r, l, d, g, R, w, de, Ee) {
-      var k = l.children;
+    function y(t, u, m, S, $, F) {
+      var k = u.children;
       if (k !== void 0)
-        if (g)
-          if (fe(k)) {
-            for (g = 0; g < k.length; g++)
-              p(k[g]);
+        if (S)
+          if (H(k)) {
+            for (S = 0; S < k.length; S++)
+              K(k[S]);
             Object.freeze && Object.freeze(k);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else p(k);
-      if (G.call(l, "key")) {
-        k = e(r);
-        var P = Object.keys(l).filter(function(Le) {
-          return Le !== "key";
+        else K(k);
+      if (C.call(u, "key")) {
+        k = e(t);
+        var B = Object.keys(u).filter(function(xe) {
+          return xe !== "key";
         });
-        g = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", h[k + g] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
+        S = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", G[k + S] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          g,
+          S,
           k,
-          P,
+          B,
           k
-        ), h[k + g] = !0);
+        ), G[k + S] = !0);
       }
-      if (k = null, d !== void 0 && (n(d), k = "" + d), c(l) && (n(l.key), k = "" + l.key), "key" in l) {
-        d = {};
-        for (var he in l)
-          he !== "key" && (d[he] = l[he]);
-      } else d = l;
-      return k && u(
-        d,
-        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), m(
-        r,
+      if (k = null, m !== void 0 && (s(m), k = "" + m), c(u) && (s(u.key), k = "" + u.key), "key" in u) {
+        m = {};
+        for (var Q in u)
+          Q !== "key" && (m[Q] = u[Q]);
+      } else m = u;
+      return k && l(
+        m,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), R(
+        t,
         k,
-        w,
-        R,
-        o(),
-        d,
-        de,
-        Ee
+        m,
+        r(),
+        $,
+        F
       );
     }
-    function p(r) {
-      typeof r == "object" && r !== null && r.$$typeof === j && r._store && (r._store.validated = 1);
+    function K(t) {
+      x(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === q && (t._payload.status === "fulfilled" ? x(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    }
+    function x(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === Y;
     }
-    var C = A, j = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), le = Symbol.for("react.strict_mode"), F = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), K = Symbol.for("react.context"), ue = Symbol.for("react.forward_ref"), ae = Symbol.for("react.suspense"), U = Symbol.for("react.suspense_list"), S = Symbol.for("react.memo"), I = Symbol.for("react.lazy"), z = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), M = C.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, fe = Array.isArray, T = console.createTask ? console.createTask : function() {
+    var w = a, Y = /* @__PURE__ */ Symbol.for("react.transitional.element"), M = /* @__PURE__ */ Symbol.for("react.portal"), U = /* @__PURE__ */ Symbol.for("react.fragment"), O = /* @__PURE__ */ Symbol.for("react.strict_mode"), J = /* @__PURE__ */ Symbol.for("react.profiler"), ie = /* @__PURE__ */ Symbol.for("react.consumer"), be = /* @__PURE__ */ Symbol.for("react.context"), T = /* @__PURE__ */ Symbol.for("react.forward_ref"), W = /* @__PURE__ */ Symbol.for("react.suspense"), X = /* @__PURE__ */ Symbol.for("react.suspense_list"), we = /* @__PURE__ */ Symbol.for("react.memo"), q = /* @__PURE__ */ Symbol.for("react.lazy"), ce = /* @__PURE__ */ Symbol.for("react.activity"), N = /* @__PURE__ */ Symbol.for("react.client.reference"), P = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, H = Array.isArray, z = console.createTask ? console.createTask : function() {
       return null;
     };
-    C = {
-      react_stack_bottom_frame: function(r) {
-        return r();
+    w = {
+      react_stack_bottom_frame: function(t) {
+        return t();
       }
     };
-    var J, a = {}, _ = C.react_stack_bottom_frame.bind(
-      C,
+    var Z, V = {}, j = w.react_stack_bottom_frame.bind(
+      w,
       i
-    )(), E = T(s(i)), h = {};
-    D.Fragment = O, D.jsx = function(r, l, d, g, R) {
-      var w = 1e4 > M.recentlyCreatedOwnerStacks++;
-      return N(
-        r,
-        l,
-        d,
+    )(), L = z(o(i)), G = {};
+    te.Fragment = U, te.jsx = function(t, u, m) {
+      var S = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return y(
+        t,
+        u,
+        m,
         !1,
-        g,
-        R,
-        w ? Error("react-stack-top-frame") : _,
-        w ? T(s(r)) : E
+        S ? Error("react-stack-top-frame") : j,
+        S ? z(o(t)) : L
       );
-    }, D.jsxs = function(r, l, d, g, R) {
-      var w = 1e4 > M.recentlyCreatedOwnerStacks++;
-      return N(
-        r,
-        l,
-        d,
+    }, te.jsxs = function(t, u, m) {
+      var S = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return y(
+        t,
+        u,
+        m,
         !0,
-        g,
-        R,
-        w ? Error("react-stack-top-frame") : _,
-        w ? T(s(r)) : E
+        S ? Error("react-stack-top-frame") : j,
+        S ? z(o(t)) : L
       );
     };
-  })()), D;
+  })()), te;
 }
-var Ie;
-function Ke() {
-  return Ie || (Ie = 1, process.env.NODE_ENV === "production" ? X.exports = Fe() : X.exports = We()), X.exports;
+var $e;
+function Ze() {
+  return $e || ($e = 1, process.env.NODE_ENV === "production" ? ue.exports = qe() : ue.exports = He()), ue.exports;
 }
-var y = Ke();
-const ye = () => {
-  const e = window.getSelection(), t = document.getElementById("entity-editor");
-  if (!e || !t) return { start: 0, end: 0 };
-  if (e.anchorNode && t.contains(e.anchorNode)) {
-    const n = e.getRangeAt(0), s = n.cloneRange();
-    s.selectNodeContents(t), s.setEnd(n.startContainer, n.startOffset);
-    const o = s.toString().length, i = n.cloneRange();
-    i.selectNodeContents(t), i.setEnd(n.endContainer, n.endOffset);
+var D = Ze();
+const Be = (e) => {
+  const n = window.getSelection();
+  if (!n || !e) return { start: 0, end: 0 };
+  if (n.anchorNode && e.contains(n.anchorNode)) {
+    const s = n.getRangeAt(0), o = s.cloneRange();
+    o.selectNodeContents(e), o.setEnd(s.startContainer, s.startOffset);
+    const r = o.toString().length, i = s.cloneRange();
+    i.selectNodeContents(e), i.setEnd(s.endContainer, s.endOffset);
     const c = i.toString().length;
-    return { start: o, end: c };
+    return { start: r, end: c };
   } else
     return null;
-}, Ue = (e, t) => {
-  const n = document.createTreeWalker(e, NodeFilter.SHOW_TEXT);
-  let s = 0, o = n.nextNode(), i = null, c = null, u = 0, f = 0;
-  for (; o; ) {
-    const m = s + (o.textContent?.length || 0);
-    if (!i && m >= t.start && (i = o, u = t.start - s), !c && m >= t.end) {
-      c = o, f = t.end - s;
+}, Qe = (e, n) => {
+  const s = document.createTreeWalker(e, NodeFilter.SHOW_TEXT);
+  let o = 0, r = s.nextNode(), i = null, c = null, l = 0, f = 0;
+  for (; r; ) {
+    const R = o + (r.textContent?.length || 0);
+    if (!i && R >= n.start && (i = r, l = n.start - o), !c && R >= n.end) {
+      c = r, f = n.end - o;
       break;
     }
-    s = m, o = n.nextNode();
+    o = R, r = s.nextNode();
   }
   if (i && c) {
-    const m = document.createRange();
-    m.setStart(
+    const R = document.createRange();
+    R.setStart(
       i,
-      Math.min(u, i.textContent?.length || 0)
-    ), m.setEnd(
+      Math.min(l, i.textContent?.length || 0)
+    ), R.setEnd(
       c,
       Math.min(f, c.textContent?.length || 0)
     );
-    const N = window.getSelection();
-    N?.removeAllRanges(), N?.addRange(m);
+    const y = window.getSelection();
+    y?.removeAllRanges(), y?.addRange(R);
   }
-}, ze = (e, t, n) => {
-  let s = "", o = "", i = "", c = "";
-  t.includes("bold") && (o = "bold"), t.includes("italic") && (i = "italic"), (t.includes("underline") || e === "link") && (c += "underline"), t.includes("strike") && (c += " line-through"), e !== "segment" && (s = "#1da1f2", e === "mention" && n.mentionColor ? s = n.mentionColor : e === "interest" && n.interestColor ? s = n.interestColor : e === "link" && n.linkColor && (s = n.linkColor));
-  let u = "";
-  return s && (u += `color: ${s}; `), o && (u += `font-weight: ${o}; `), i && (u += `font-style: ${i}; `), c && (u += `text-decoration: ${c}; `), u;
-}, Ce = (e, t, n) => {
-  if (t.length === 0)
+}, et = (e, n, s) => {
+  let o = "", r = "", i = "", c = "";
+  n.includes("bold") && (r = "bold"), n.includes("italic") && (i = "italic"), (n.includes("underline") || e === "link") && (c += "underline"), n.includes("strike") && (c += " line-through"), e !== "segment" && (o = "#1da1f2", e === "mention" && s.mentionColor ? o = s.mentionColor : e === "interest" && s.interestColor ? o = s.interestColor : e === "link" && s.linkColor && (o = s.linkColor));
+  let l = "";
+  return o && (l += `color: ${o}; `), r && (l += `font-weight: ${r}; `), i && (l += `font-style: ${i}; `), c && (l += `text-decoration: ${c}; `), l;
+}, De = (e, n, s) => {
+  if (n.length === 0)
     return e;
-  let s = "", o = 0;
-  return t.forEach((i) => {
-    o < i.startIndex && (s += e.slice(o, i.startIndex));
-    const c = e.slice(i.startIndex, i.endIndex), u = ze(i.type, i.marks, n);
-    s += `<span style="${u}">${c}</span>`, o = i.endIndex;
-  }), s += e.slice(o), s;
-}, Ve = (e, t) => {
-  let n = !1;
-  e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), document.execCommand("insertLineBreak"), n = !0) : (e.metaKey || e.ctrlKey) && (e.key === "b" ? (t("bold"), n = !0) : e.key === "i" ? (t("italic"), n = !0) : e.key === "u" ? (t("underline"), n = !0) : e.key === "s" && (t("strike"), n = !0)), n && e.preventDefault();
-}, ee = 128, Ge = "()[]{}", Te = "", Je = new RegExp(
+  let o = "", r = 0;
+  return n.forEach((i) => {
+    r < i.startIndex && (o += e.slice(r, i.startIndex));
+    const c = e.slice(i.startIndex, i.endIndex), l = et(i.type, i.marks, s);
+    o += `<span style="${l}">${c}</span>`, r = i.endIndex;
+  }), o += e.slice(r), o;
+}, tt = (e, n) => {
+  let s = !1;
+  e.key === "Enter" && !e.shiftKey ? (e.preventDefault(), document.execCommand("insertLineBreak"), s = !0) : (e.metaKey || e.ctrlKey) && (e.key === "b" ? (n("bold"), s = !0) : e.key === "i" ? (n("italic"), s = !0) : e.key === "u" ? (n("underline"), s = !0) : e.key === "s" && (n("strike"), s = !0)), s && e.preventDefault();
+}, he = 128, nt = "()[]{}", We = "", rt = new RegExp(
   "^(?:(?:(?:https?|ftp):)?\\/\\/)(?:\\S+(?::\\S*)?@)?(?:(?!(?:10|127)(?:\\.\\d{1,3}){3})(?!(?:169\\.254|192\\.168)(?:\\.\\d{1,3}){2})(?!172\\.(?:1[6-9]|2\\d|3[0-1])(?:\\.\\d{1,3}){2})(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[1-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z0-9\\u00a1-\\uffff][a-z0-9\\u00a1-\\uffff_-]{0,62})?[a-z0-9\\u00a1-\\uffff]\\.)+(?:[a-z\\u00a1-\\uffff]{2,}\\.?))(?::\\d{2,5})?(?:[/?#]\\S*)?$",
   "i"
-), xe = (e, t) => {
-  const n = ve(
+), ze = (e, n) => {
+  const s = Ce(
     e,
-    t,
-    Ge,
-    Te
+    n,
+    nt,
+    We
   );
-  return n?.search.match(Je) ? {
-    type: "link",
-    ...n
-  } : null;
-}, te = (e) => (e & ee) !== 0, Re = (e, t) => t ? e | ee : e & ~ee, re = 32, Xe = /^@[a-zA-Z0-9_'-]+$/, qe = `.,!?;()[]{}"'<>#`, ne = "@", De = (e, t) => {
-  const n = ve(
+  return s?.search.match(rt) ? s : null;
+}, me = (e) => (e & he) !== 0, pe = (e, n) => n ? e | he : e & ~he, Re = 32, st = /^@[a-zA-Z0-9_'-]+$/, ot = `.,!?;()[]{}"'<>#`, ge = "@", Ve = (e, n) => {
+  const s = Ce(
     e,
-    t,
-    qe,
-    ne
+    n,
+    ot,
+    ge
   );
-  return n?.search.match(Xe) ? {
+  return s?.search.match(st) ? {
     type: "mention",
-    ...n
+    ...s
   } : null;
-}, oe = (e) => (e & re) !== 0, _e = (e, t) => t ? e | re : e & ~re, B = 2, q = (e) => (e & B) !== 0, ke = (e, t) => t ? e | B : e & ~B, L = 4, H = (e) => (e & L) !== 0, be = (e, t) => t ? e | L : e & ~L, $ = 16, Z = (e) => (e & $) !== 0, Se = (e, t) => t ? e | $ : e & ~$, Y = 8, Q = (e) => (e & Y) !== 0, we = (e, t) => t ? e | Y : e & ~Y, je = (e, t) => {
-  if (e === t) return null;
-  let n = 0;
-  for (; n < e.length && n < t.length && e[n] === t[n]; )
-    n++;
-  let s = e.length, o = t.length;
-  for (; s > n && o > n && e[s - 1] === t[o - 1]; )
-    s--, o--;
+}, ke = (e) => (e & Re) !== 0, Ae = (e, n) => n ? e | Re : e & ~Re, ne = 2, ae = (e) => (e & ne) !== 0, ye = (e, n) => n ? e | ne : e & ~ne, re = 4, fe = (e) => (e & re) !== 0, Oe = (e, n) => n ? e | re : e & ~re, se = 16, de = (e) => (e & se) !== 0, Te = (e, n) => n ? e | se : e & ~se, oe = 8, Ee = (e) => (e & oe) !== 0, Pe = (e, n) => n ? e | oe : e & ~oe, Ye = (e, n) => {
+  if (e === n) return null;
+  let s = 0;
+  for (; s < e.length && s < n.length && e[s] === n[s]; )
+    s++;
+  let o = e.length, r = n.length;
+  for (; o > s && r > s && e[o - 1] === n[r - 1]; )
+    o--, r--;
   return {
-    position: n,
-    deletedLength: s - n,
-    insertedText: t.slice(n, o)
+    position: s,
+    deletedLength: o - s,
+    insertedText: n.slice(s, r)
   };
-}, ge = (e, t, n, s) => {
-  let o = t;
-  for (; o < e.length; ) {
-    const c = b(e, o);
-    if (n(c))
-      e[o] = s(c, !1);
+}, ve = (e, n, s, o) => {
+  let r = n;
+  for (; r < e.length; ) {
+    const c = p(e, r);
+    if (s(c))
+      e[r] = o(c, !1);
     else
       break;
-    o++;
+    r++;
   }
-  let i = t - 1;
+  let i = n - 1;
   for (; i >= 0; ) {
-    const c = b(e, i);
-    if (n(c))
-      e[i] = s(c, !1);
+    const c = p(e, i);
+    if (s(c))
+      e[i] = o(c, !1);
     else
       break;
     i--;
   }
   return e;
-}, Pe = (e, t, n) => {
-  if (!t) return e;
-  const { position: s, deletedLength: o, insertedText: i } = t, c = i.length;
-  let u = [...e];
-  const f = b(u, s);
-  if (oe(f) ? u = ge(u, s, oe, _e) : ce(f) ? u = ge(u, s, ce, Ne) : te(f) && (u = ge(u, s, te, Re)), o > 0 && u.splice(s, o), c > 0) {
-    let m = 0;
-    n.bold && (m = ke(m, !0)), n.italic && (m = be(m, !0)), n.underline && (m = we(m, !0)), n.strike && (m = Se(m, !0));
-    const N = new Array(c).fill(m);
-    u.splice(s, 0, ...N);
+}, Fe = (e, n, s) => {
+  if (!n) return e;
+  const { position: o, deletedLength: r, insertedText: i } = n, c = i.length;
+  let l = [...e];
+  const f = p(l, o);
+  if (ke(f) ? l = ve(l, o, ke, Ae) : Ie(f) ? l = ve(l, o, Ie, je) : me(f) && (l = ve(l, o, me, pe)), r > 0 && l.splice(o, r), c > 0) {
+    let R = 0;
+    s.bold && (R = ye(R, !0)), s.italic && (R = Oe(R, !0)), s.underline && (R = Pe(R, !0)), s.strike && (R = Te(R, !0));
+    const y = new Array(c).fill(R);
+    l.splice(o, 0, ...y);
   }
-  return u;
-}, He = (e) => /\s/.test(e) || /[\u2000-\u200B\u2028\u2029\u3000]/.test(e), ve = (e, t, n, s) => {
-  if (t <= 0 || t > e.length)
+  return l;
+}, it = (e) => /\s/.test(e) || /[\u2000-\u200B\u2028\u2029\u3000]/.test(e), Ce = (e, n, s, o) => {
+  if (n <= 0 || n > e.length)
     return null;
-  let o = "", i = t - 1, c = t;
-  const u = (f) => He(f) || n.includes(f);
+  let r = "", i = n - 1, c = n;
+  const l = (f) => it(f) || s.includes(f);
   for (let f = i; f >= 0; f--) {
-    if (u(e[f])) {
+    if (l(e[f])) {
       i = f + 1;
       break;
     }
-    f === 0 && (i = 0), o = e[f] + o;
+    f === 0 && (i = 0), r = e[f] + r;
   }
   for (let f = c; f < e.length; f++) {
-    if (u(e[f])) {
+    if (l(e[f])) {
       c = f;
       break;
     }
-    if (s && e[f] === s) {
+    if (o && e[f] === o) {
       c = f;
       break;
     }
-    f === e.length - 1 && (c = e.length), o = o + e[f];
+    f === e.length - 1 && (c = e.length), r = r + e[f];
   }
   return {
     search: e.slice(i, c),
     startIndex: i,
     endIndex: c
   };
-}, se = 64, Ze = `.,!?;()[]{}"'<>@`, Qe = /^#[\w-]+$/, ie = "#", Be = (e, t) => {
-  const n = ve(
+}, _e = 64, ct = `.,!?;()[]{}"'<>@`, lt = /^#[\w-]+$/, Se = "#", Ge = (e, n) => {
+  const s = Ce(
     e,
-    t,
-    Ze,
-    ie
+    n,
+    ct,
+    Se
   );
-  return n?.search.match(Qe) ? {
-    type: "interest",
-    ...n
-  } : null;
-}, ce = (e) => (e & se) !== 0, Ne = (e, t) => t ? e | se : e & ~se, et = (e, t) => e.find(
-  (n) => n.startIndex <= t && n.endIndex > t
-), tt = (e, t, n) => {
-  const s = [];
-  let o = 0;
-  for (; o < t.length; ) {
-    const i = b(t, o);
+  return s?.search.match(lt) ? s : null;
+}, Ie = (e) => (e & _e) !== 0, je = (e, n) => n ? e | _e : e & ~_e, ut = (e, n) => e.find(
+  (s) => s.startIndex <= n && s.endIndex > n
+), at = (e, n, s) => {
+  const o = [];
+  let r = 0;
+  for (; r < n.length; ) {
+    const i = p(n, r);
     if (i === 0 || i === 1) {
-      o++;
+      r++;
       continue;
     }
-    const c = o;
-    let u = o;
-    for (; u + 1 < t.length && b(t, u + 1) === i; )
-      u++;
-    const f = rt(i, n), m = nt(i), N = {
+    const c = r;
+    let l = r;
+    for (; l + 1 < n.length && p(n, l + 1) === i; )
+      l++;
+    const f = ft(i, s), R = dt(i), y = {
       type: f,
       startIndex: c,
-      endIndex: u + 1,
-      marks: m,
-      username: f === "mention" ? De(e, u)?.search.replace(ne, "") : void 0,
-      interest: f === "interest" ? Be(e, u)?.search.replace(
-        ie,
+      endIndex: l + 1,
+      marks: R,
+      username: f === "mention" ? Ve(e, l)?.search.replace(ge, "") : void 0,
+      interest: f === "interest" ? Ge(e, l)?.search.replace(
+        Se,
         ""
       ) : void 0,
-      href: f === "link" ? xe(e, u)?.search : void 0
+      href: f === "link" ? ze(e, l)?.search : void 0
     };
-    s.push(N), o = u + 1;
+    o.push(y), r = l + 1;
   }
-  return s;
-}, rt = (e, t) => e & re && t.mentions ? "mention" : e & se && t.interests ? "interest" : e & ee && t.links ? "link" : (e & (B | L | Y | $), "segment"), nt = (e) => {
-  const t = [];
-  return e & B && t.push("bold"), e & L && t.push("italic"), e & Y && t.push("underline"), e & $ && t.push("strike"), t;
-}, b = (e, t) => {
-  const n = e[t];
-  return typeof n != "number" ? 0 : n;
-}, ot = (e, t, n) => {
-  const s = b(e, t);
-  switch (n) {
+  return o;
+}, ft = (e, n) => e & Re && n.mentions ? "mention" : e & _e && n.interests ? "interest" : e & he && n.links ? "link" : (e & (ne | re | oe | se), "segment"), dt = (e) => {
+  const n = [];
+  return e & ne && n.push("bold"), e & re && n.push("italic"), e & oe && n.push("underline"), e & se && n.push("strike"), n;
+}, p = (e, n) => {
+  const s = e[n];
+  return typeof s != "number" ? 0 : s;
+}, Ne = (e, n, s) => {
+  const o = p(e, n);
+  switch (s) {
     case "mention":
-      return _e(s, !0);
+      return Ae(o, !0);
     case "interest":
-      return Ne(s, !0);
+      return je(o, !0);
     case "link":
-      return Re(s, !0);
+      return pe(o, !0);
   }
-  return s;
-}, st = (e, t, n, s) => {
-  let o = b(e, t);
-  switch (n) {
+  return o;
+}, Et = (e, n, s, o) => {
+  let r = p(e, n);
+  switch (s) {
     case "bold":
-      o = ke(o, s);
+      r = ye(r, o);
       break;
     case "italic":
-      o = be(o, s);
+      r = Oe(r, o);
       break;
     case "underline":
-      o = we(o, s);
+      r = Pe(r, o);
       break;
     case "strike":
-      o = Se(o, s);
+      r = Te(r, o);
       break;
     default:
       return e;
   }
-  return e[t] = o, e;
-}, it = (e, t, n) => {
-  const s = b(e, t);
-  switch (n) {
+  return e[n] = r, e;
+}, ht = (e, n, s) => {
+  const o = p(e, n);
+  switch (s) {
     case "bold":
-      return q(s);
+      return ae(o);
     case "italic":
-      return H(s);
+      return fe(o);
     case "underline":
-      return Q(s);
+      return Ee(o);
     case "strike":
-      return Z(s);
+      return de(o);
     default:
-      throw Error(`Invalid mark type: ${n}`);
+      throw Error(`Invalid mark type: ${s}`);
   }
-}, ct = (e, t, n, s) => {
-  for (let o = e; o < t; o++)
-    if (!it(s, o, n)) return !1;
+}, mt = (e, n, s, o) => {
+  for (let r = e; r < n; r++)
+    if (!ht(o, r, s)) return !1;
   return !0;
-}, pe = (e) => oe(e) || ce(e) || te(e), lt = (e, t, n, s) => {
-  let o = [...e];
-  for (; pe(b(e, t - 1)) && t > 0; )
-    t--;
-  for (; pe(b(e, n)) && n < e.length; )
-    n++;
+}, Ke = (e) => ke(e) || Ie(e) || me(e), Rt = (e, n, s, o) => {
+  let r = [...e];
+  for (; Ke(p(e, n - 1)) && n > 0; )
+    n--;
+  for (; Ke(p(e, s)) && s < e.length; )
+    s++;
   let i = !0;
-  ct(t, n, s, o) && (i = !1);
-  for (let c = t; c < n; c++)
-    o = st(o, c, s, i);
-  return o;
-}, Me = (e, t) => {
-  const n = new Array(e.length).fill(0);
-  for (let s = 0; s < e.length; s++) {
-    let o = 0;
-    const i = et(t, s);
+  mt(n, s, o, r) && (i = !1);
+  for (let c = n; c < s; c++)
+    r = Et(r, c, o, i);
+  return r;
+}, Ue = (e, n) => {
+  const s = new Array(e.length).fill(0);
+  for (let o = 0; o < e.length; o++) {
+    let r = 0;
+    const i = ut(n, o);
     if (i) {
-      i.type === "mention" ? o = _e(o, !0) : i.type === "interest" ? o = Ne(o, !0) : i.type === "link" && (o = Re(o, !0));
+      i.type === "mention" ? r = Ae(r, !0) : i.type === "interest" ? r = je(r, !0) : i.type === "link" && (r = pe(r, !0));
       for (const c of i.marks)
-        c === "bold" ? o = ke(o, !0) : c === "italic" ? o = be(o, !0) : c === "underline" ? o = we(o, !0) : c === "strike" && (o = Se(o, !0));
+        c === "bold" ? r = ye(r, !0) : c === "italic" ? r = Oe(r, !0) : c === "underline" ? r = Pe(r, !0) : c === "strike" && (r = Te(r, !0));
     }
-    n[s] = o;
+    s[o] = r;
   }
-  return n;
-}, ut = (e, t, n) => {
-  const [s, o] = $e(e), i = me(Date.now()), c = me(null), u = me(null);
-  return Ye(() => (c.current && clearTimeout(c.current), u.current && clearTimeout(u.current), Date.now() - i.current, c.current = setTimeout(() => {
-    o(e), i.current = Date.now();
-  }, t), () => {
-    c.current && clearTimeout(c.current), u.current && clearTimeout(u.current);
-  }), [e, t, n]), s;
-}, ft = ({
+  return s;
+}, gt = {}, kt = {}, St = ({
   ref: e,
-  plainText: t = "",
-  setPlainText: n,
-  entities: s = [],
-  setEntities: o,
-  markState: i,
-  setMarkState: c,
-  search: u,
-  setSearch: f,
-  options: m = {},
-  entityStyles: N = {},
-  placeholder: p = "",
-  debug: C = !1,
-  ...j
+  initialPlainText: n = "",
+  initialEntities: s = [],
+  onMentionSearch: o,
+  onMarkStateChange: r,
+  onLinkCreated: i,
+  onInterestCreated: c,
+  options: l = gt,
+  entityStyles: f = kt,
+  placeholder: R = "",
+  debug: y = !1,
+  ...K
 }) => {
-  const v = A.useRef(null), [O, le] = A.useState({ start: 0, end: 0 }), [F, W] = A.useState(!1), [K, ue] = A.useState(!1), [ae, U] = A.useState(!1), [S, I] = A.useState(
-    Me(t, s)
-  );
-  e.current = {
-    selectEntity: (a, _, E, h) => {
-      if (!v.current) return;
-      let r = [...S];
-      a === "mention" ? h = ne + h : a === "interest" ? h = ie + h : a === "link" && (h = Te + h);
-      const l = t.slice(0, _) + h + t.slice(E), d = je(t, l);
-      d ? r = Pe(S, d, i) : r = Me(l, s);
-      for (let g = _; g < _ + h.length; g++)
-        r[g] = ot(r, g, a);
-      n(l), I(r), f(null);
-    },
-    toggleMark: (a) => {
-      V(a);
+  const x = a.useRef(null), [w, Y] = a.useState(n), [M, U] = a.useState({
+    bold: !1,
+    italic: !1,
+    underline: !1,
+    strike: !1
+  }), [O, J] = a.useState(null), [ie, be] = a.useState({ start: 0, end: 0 }), [T, W] = a.useState(!1), [X, we] = a.useState(!1), [q, ce] = a.useState(!1), [N, P] = a.useState(
+    Ue(n, s)
+  ), C = a.useMemo(() => at(w, N, l), [w, N, l]), H = a.useRef(o), z = a.useRef(r), Z = a.useRef(T), V = a.useRef(!1), j = a.useRef({
+    start: 0,
+    end: 0
+  }), L = a.useRef(null), G = a.useRef(!1), t = a.useRef(null), u = a.useRef(!1), m = a.useRef(null), S = a.useRef(null), $ = a.useRef(i), F = a.useRef(c);
+  a.useEffect(() => {
+    H.current = o;
+  }, [o]), a.useEffect(() => {
+    z.current = r;
+  }, [r]), a.useEffect(() => {
+    $.current = i;
+  }, [i]), a.useEffect(() => {
+    F.current = c;
+  }, [c]), a.useEffect(() => {
+    Z.current = T;
+  }, [T]), a.useEffect(() => {
+    if (t.current && clearTimeout(t.current), O === null) {
+      H.current?.(null);
+      return;
+    }
+    return t.current = setTimeout(() => {
+      H.current?.(O);
+    }, 300), () => {
+      t.current && clearTimeout(t.current);
+    };
+  }, [O]), a.useEffect(() => {
+    z.current?.(M);
+  }, [M]);
+  const k = a.useCallback(
+    (h) => {
+      if (W(!0), !x.current)
+        return;
+      const { start: I, end: b } = j.current;
+      if (I !== b) {
+        const d = Rt(N, I, b, h);
+        P(d);
+      }
+      U((d) => {
+        const g = { ...d };
+        return h === "bold" ? g.bold = !d.bold : h === "italic" ? g.italic = !d.italic : h === "underline" ? g.underline = !d.underline : h === "strike" && (g.strike = !d.strike), g;
+      });
     },
-    clear: () => {
-      n(""), I([]), o([]);
+    [N]
+  );
+  a.useImperativeHandle(
+    e,
+    () => ({
+      selectEntity: (h, I, b, d) => {
+        if (!x.current) return;
+        let g = [...N];
+        h === "mention" ? d = ge + d : h === "interest" ? d = Se + d : h === "link" && (d = We + d);
+        const E = w.slice(0, I) + d + w.slice(b), A = Ye(w, E);
+        A ? g = Fe(N, A, M) : g = Ue(E, C);
+        for (let _ = I; _ < I + d.length; _++)
+          g[_] = Ne(g, _, h);
+        const v = I + d.length;
+        j.current = {
+          start: v,
+          end: v
+        }, u.current = !0, Y(E), P(g), J(null);
+      },
+      toggleMark: k,
+      clear: () => {
+        Y(""), P([]);
+      },
+      focus: () => {
+        x.current?.focus();
+      },
+      getState: () => ({
+        plainText: w,
+        entities: C,
+        markState: M
+      })
+    }),
+    [N, w, C, M, k]
+  ), a.useEffect(() => {
+    if (x.current && !X) {
+      x.current.textContent = w;
+      const h = De(w, C, f);
+      x.current.innerHTML = h, we(!0);
     }
-  }, A.useEffect(() => {
-    if (v.current) {
-      v.current.textContent = t;
-      const a = Ce(t, s, N);
-      v.current.innerHTML = a, K || ue(!0);
+  }, []), a.useLayoutEffect(() => {
+    if (!x.current || !X) return;
+    const h = u.current ? j.current : Be(x.current) ?? j.current;
+    u.current = !1;
+    const I = De(w, C, f);
+    G.current = !0, x.current.innerHTML = I, Qe(x.current, h), queueMicrotask(() => {
+      G.current = !1;
+    });
+  }, [C, f, X]), a.useEffect(() => {
+    let { start: h, end: I } = ie, b = null;
+    if (!ke(p(N, h - 1))) {
+      const _ = Ve(w, h);
+      _ && (b = {
+        type: "mention",
+        search: _.search.replace(ge, ""),
+        startIndex: _.startIndex,
+        endIndex: _.endIndex
+      });
     }
-  }, []), A.useEffect(() => {
-    if (!v.current) return;
-    const a = tt(t, S, m), _ = ye() ?? O, E = Ce(t, a, N);
-    v.current.innerHTML = E, o(a), K && Ue(v.current, _);
-  }, [S]);
-  const z = ut(O, 500);
-  A.useEffect(() => {
-    let { start: a, end: _ } = z, E = null;
-    if (!E && !oe(b(S, a - 1)) && (E = De(t, a), E && (E.search = E.search.replace(ne, ""))), !E && !ce(b(S, a - 1)) && (E = Be(t, a), E && (E.search = E.search.replace(ie, ""))), !E && !te(b(S, a - 1)) && (E = xe(t, a)), E ? f(E) : u && f(null), F) return;
-    let h = !0, r = !0, l = !0, d = !0;
-    if (a === _)
-      if (a > 0) {
-        const R = b(S, a - 1);
-        h = q(R), r = H(R), l = Q(R), d = Z(R);
+    if (b ? (!O || b.startIndex !== O.startIndex || b.endIndex !== O.endIndex || b.search !== O.search) && J(b) : O && J(null), T) return;
+    let d = !0, g = !0, E = !0, A = !0;
+    if (h === I)
+      if (h > 0) {
+        const _ = p(N, h - 1);
+        d = ae(_), g = fe(_), E = Ee(_), A = de(_);
       } else {
-        const R = b(S, a);
-        h = q(R), r = H(R), l = Q(R), d = Z(R);
+        const _ = p(N, h);
+        d = ae(_), g = fe(_), E = Ee(_), A = de(_);
       }
     else
-      for (let R = a; R < _; R++) {
-        const w = b(S, R);
-        h = q(w) ? h : !1, r = H(w) ? r : !1, l = Q(w) ? l : !1, d = Z(w) ? d : !1;
+      for (let _ = h; _ < I; _++) {
+        const le = p(N, _);
+        d = ae(le) ? d : !1, g = fe(le) ? g : !1, E = Ee(le) ? E : !1, A = de(le) ? A : !1;
       }
-    c({
-      bold: h,
-      italic: r,
-      underline: l,
-      strike: d
+    U({
+      bold: d,
+      italic: g,
+      underline: E,
+      strike: A
     });
-  }, [z]);
-  const V = (a) => {
-    if (W(!0), !v.current)
-      return;
-    const { start: _, end: E } = O;
-    if (_ !== E) {
-      const r = lt(S, _, E, a);
-      I(r);
-    }
-    const h = { ...i };
-    a === "bold" ? h.bold = !i.bold : a === "italic" ? h.italic = !i.italic : a === "underline" ? h.underline = !i.underline : a === "strike" && (h.strike = !i.strike), c(h);
-  }, M = (a) => {
-    if (!v.current) return;
-    if (F && W(!1), a.target.textContent.length === 0) {
-      n(""), I([]), o([]);
+  }, [ie, N, w, T]);
+  const B = (h) => {
+    if (!x.current) return;
+    if (h.target.textContent.length === 0) {
+      Y(""), P([]), T && W(!1);
       return;
     }
-    const _ = a.target.innerText || "", E = je(t, _);
-    if (E) {
-      const h = Pe(
-        S,
-        E,
-        i
-      );
-      I(h);
-    }
-    n(_);
-  }, G = (a) => {
-    v.current && Ve(a, V);
-  }, fe = () => {
-    U(!0);
-  }, T = () => {
-    U(!1);
+    const I = h.target.innerText || "", b = Ye(w, I);
+    if (b) {
+      let d = Fe(N, b, M);
+      if (b.deletedLength === 0 && b.insertedText === " " && b.position > 0) {
+        const g = b.position;
+        if (!me(p(d, g - 1))) {
+          const E = ze(I, g);
+          if (E && E.endIndex === g) {
+            const A = `${E.startIndex}:${E.endIndex}:${E.search}`;
+            if (m.current !== A) {
+              for (let v = E.startIndex; v < E.endIndex; v++)
+                d[v] = Ne(d, v, "link");
+              if (m.current = A, $.current) {
+                const v = {
+                  type: "link",
+                  startIndex: E.startIndex,
+                  endIndex: E.endIndex,
+                  marks: [],
+                  href: E.search
+                };
+                $.current(v);
+              }
+            }
+          }
+        }
+        if (!Ie(p(d, g - 1))) {
+          const E = Ge(I, g);
+          if (E && E.endIndex === g) {
+            const A = `${E.startIndex}:${E.endIndex}:${E.search}`;
+            if (S.current !== A) {
+              for (let v = E.startIndex; v < E.endIndex; v++)
+                d[v] = Ne(d, v, "interest");
+              if (S.current = A, F.current) {
+                const v = {
+                  type: "interest",
+                  startIndex: E.startIndex,
+                  endIndex: E.endIndex,
+                  marks: [],
+                  interest: E.search.replace(Se, "")
+                };
+                F.current(v);
+              }
+            }
+          }
+        }
+      }
+      P(d), V.current = !0, setTimeout(() => {
+        V.current = !1;
+      }, 50);
+    } else T && W(!1);
+    Y(I);
+  }, Q = (h) => {
+    x.current && tt(h, k);
+  }, xe = () => {
+    ce(!0);
+  }, Je = () => {
+    ce(!1);
   };
-  A.useEffect(() => {
-    const a = () => {
-      const _ = ye() ?? { start: 0, end: 0 };
-      (_.start !== O.start || _.end !== O.end) && le(_);
+  a.useEffect(() => {
+    const h = () => {
+      if (G.current) return;
+      const I = Be(x.current) ?? {
+        start: 0,
+        end: 0
+      }, b = j.current;
+      (I.start !== b.start || I.end !== b.end) && (j.current = I, Z.current && !V.current && W(!1), L.current && clearTimeout(L.current), L.current = setTimeout(() => {
+        be(I);
+      }, 500));
     };
-    return document.addEventListener("selectionchange", a), () => {
-      document.removeEventListener("selectionchange", a);
+    return document.addEventListener("selectionchange", h), () => {
+      document.removeEventListener("selectionchange", h), L.current && clearTimeout(L.current);
     };
   }, []);
-  const J = t.length === 0 && p && !ae;
-  return /* @__PURE__ */ y.jsxs(y.Fragment, { children: [
-    /* @__PURE__ */ y.jsxs("div", { style: { position: "relative" }, children: [
-      /* @__PURE__ */ y.jsx(
+  const Xe = w.length === 0 && R && !q;
+  return /* @__PURE__ */ D.jsxs(D.Fragment, { children: [
+    /* @__PURE__ */ D.jsxs("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ D.jsx(
         "div",
         {
-          id: "entity-editor",
-          ref: v,
-          style: { ...j.style, position: "relative", zIndex: 2 },
-          className: j.className,
+          ref: x,
+          style: { ...K.style, position: "relative", zIndex: 2 },
+          className: K.className,
           contentEditable: !0,
-          onKeyDown: G,
-          onInput: M,
-          onFocus: fe,
-          onBlur: T,
+          onKeyDown: Q,
+          onInput: B,
+          onFocus: xe,
+          onBlur: Je,
           role: "textbox",
-          "aria-multiline": "true"
+          "aria-multiline": "true",
+          autoCapitalize: "off",
+          autoFocus: !1
         }
       ),
-      J && /* @__PURE__ */ y.jsx(
+      Xe && /* @__PURE__ */ D.jsx(
         "div",
         {
           style: {
-            ...j.style,
+            ...K.style,
             position: "absolute",
             top: 0,
             left: 0,
             right: 0,
             bottom: 0,
-            color: "#9ca3af"
+            color: "#9ca3af",
+            pointerEvents: "none"
           },
           "aria-hidden": "true",
-          children: /* @__PURE__ */ y.jsx("p", { children: p })
+          children: /* @__PURE__ */ D.jsx("p", { style: { margin: 0 }, children: R })
         }
       )
     ] }),
-    C && /* @__PURE__ */ y.jsx("div", { style: {}, children: /* @__PURE__ */ y.jsx("pre", { children: JSON.stringify(S) }) })
+    y && /* @__PURE__ */ D.jsx("div", { style: {}, children: /* @__PURE__ */ D.jsx("pre", { children: JSON.stringify(N) }) })
   ] });
 };
 export {
-  ft as Editor
+  St as Editor
 };