@ryzeup/richtexteditor 1.0.20 → 1.0.21

package/dist/index.es.js

@@ -1,171 +1,171 @@
-var dt = Object.defineProperty, ut = Object.defineProperties;
-var mt = Object.getOwnPropertyDescriptors;
-var xe = Object.getOwnPropertySymbols;
-var gt = Object.prototype.hasOwnProperty, ft = Object.prototype.propertyIsEnumerable;
-var Le = (r, i, d) => i in r ? dt(r, i, { enumerable: !0, configurable: !0, writable: !0, value: d }) : r[i] = d, ae = (r, i) => {
-  for (var d in i || (i = {}))
-    gt.call(i, d) && Le(r, d, i[d]);
-  if (xe)
-    for (var d of xe(i))
-      ft.call(i, d) && Le(r, d, i[d]);
+var ut = Object.defineProperty, mt = Object.defineProperties;
+var gt = Object.getOwnPropertyDescriptors;
+var Se = Object.getOwnPropertySymbols;
+var ft = Object.prototype.hasOwnProperty, ht = Object.prototype.propertyIsEnumerable;
+var Ae = (r, s, d) => s in r ? ut(r, s, { enumerable: !0, configurable: !0, writable: !0, value: d }) : r[s] = d, ce = (r, s) => {
+  for (var d in s || (s = {}))
+    ft.call(s, d) && Ae(r, d, s[d]);
+  if (Se)
+    for (var d of Se(s))
+      ht.call(s, d) && Ae(r, d, s[d]);
   return r;
-}, oe = (r, i) => ut(r, mt(i));
-import * as ht from "react";
-import o, { useRef as P, useState as A, useEffect as I } from "react";
-import { createPortal as pt } from "react-dom";
-window.React = ht;
-var ke = {
+}, ie = (r, s) => mt(r, gt(s));
+import * as pt from "react";
+import a, { useRef as V, useState as z, useEffect as I } from "react";
+import { createPortal as vt } from "react-dom";
+window.React = pt;
+var Te = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, Se = o.createContext && /* @__PURE__ */ o.createContext(ke), vt = ["attr", "size", "title"];
-function yt(r, i) {
+}, Me = a.createContext && /* @__PURE__ */ a.createContext(Te), yt = ["attr", "size", "title"];
+function Et(r, s) {
   if (r == null) return {};
-  var d = Et(r, i), u, f;
+  var d = wt(r, s), m, p;
   if (Object.getOwnPropertySymbols) {
     var w = Object.getOwnPropertySymbols(r);
-    for (f = 0; f < w.length; f++)
-      u = w[f], !(i.indexOf(u) >= 0) && Object.prototype.propertyIsEnumerable.call(r, u) && (d[u] = r[u]);
+    for (p = 0; p < w.length; p++)
+      m = w[p], !(s.indexOf(m) >= 0) && Object.prototype.propertyIsEnumerable.call(r, m) && (d[m] = r[m]);
   }
   return d;
 }
-function Et(r, i) {
+function wt(r, s) {
   if (r == null) return {};
   var d = {};
-  for (var u in r)
-    if (Object.prototype.hasOwnProperty.call(r, u)) {
-      if (i.indexOf(u) >= 0) continue;
-      d[u] = r[u];
+  for (var m in r)
+    if (Object.prototype.hasOwnProperty.call(r, m)) {
+      if (s.indexOf(m) >= 0) continue;
+      d[m] = r[m];
     }
   return d;
 }
-function Q() {
-  return Q = Object.assign ? Object.assign.bind() : function(r) {
-    for (var i = 1; i < arguments.length; i++) {
-      var d = arguments[i];
-      for (var u in d)
-        Object.prototype.hasOwnProperty.call(d, u) && (r[u] = d[u]);
+function J() {
+  return J = Object.assign ? Object.assign.bind() : function(r) {
+    for (var s = 1; s < arguments.length; s++) {
+      var d = arguments[s];
+      for (var m in d)
+        Object.prototype.hasOwnProperty.call(d, m) && (r[m] = d[m]);
     }
     return r;
-  }, Q.apply(this, arguments);
+  }, J.apply(this, arguments);
 }
-function Me(r, i) {
+function ke(r, s) {
   var d = Object.keys(r);
   if (Object.getOwnPropertySymbols) {
-    var u = Object.getOwnPropertySymbols(r);
-    i && (u = u.filter(function(f) {
-      return Object.getOwnPropertyDescriptor(r, f).enumerable;
-    })), d.push.apply(d, u);
+    var m = Object.getOwnPropertySymbols(r);
+    s && (m = m.filter(function(p) {
+      return Object.getOwnPropertyDescriptor(r, p).enumerable;
+    })), d.push.apply(d, m);
   }
   return d;
 }
-function J(r) {
-  for (var i = 1; i < arguments.length; i++) {
-    var d = arguments[i] != null ? arguments[i] : {};
-    i % 2 ? Me(Object(d), !0).forEach(function(u) {
-      wt(r, u, d[u]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(d)) : Me(Object(d)).forEach(function(u) {
-      Object.defineProperty(r, u, Object.getOwnPropertyDescriptor(d, u));
+function G(r) {
+  for (var s = 1; s < arguments.length; s++) {
+    var d = arguments[s] != null ? arguments[s] : {};
+    s % 2 ? ke(Object(d), !0).forEach(function(m) {
+      Ct(r, m, d[m]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(d)) : ke(Object(d)).forEach(function(m) {
+      Object.defineProperty(r, m, Object.getOwnPropertyDescriptor(d, m));
     });
   }
   return r;
 }
-function wt(r, i, d) {
-  return i = Ct(i), i in r ? Object.defineProperty(r, i, { value: d, enumerable: !0, configurable: !0, writable: !0 }) : r[i] = d, r;
+function Ct(r, s, d) {
+  return s = bt(s), s in r ? Object.defineProperty(r, s, { value: d, enumerable: !0, configurable: !0, writable: !0 }) : r[s] = d, r;
 }
-function Ct(r) {
-  var i = bt(r, "string");
-  return typeof i == "symbol" ? i : i + "";
+function bt(r) {
+  var s = Rt(r, "string");
+  return typeof s == "symbol" ? s : s + "";
 }
-function bt(r, i) {
+function Rt(r, s) {
   if (typeof r != "object" || !r) return r;
   var d = r[Symbol.toPrimitive];
   if (d !== void 0) {
-    var u = d.call(r, i);
-    if (typeof u != "object") return u;
+    var m = d.call(r, s);
+    if (typeof m != "object") return m;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (i === "string" ? String : Number)(r);
+  return (s === "string" ? String : Number)(r);
 }
-function Ne(r) {
-  return r && r.map((i, d) => /* @__PURE__ */ o.createElement(i.tag, J({
+function De(r) {
+  return r && r.map((s, d) => /* @__PURE__ */ a.createElement(s.tag, G({
     key: d
-  }, i.attr), Ne(i.child)));
+  }, s.attr), De(s.child)));
 }
-function z(r) {
-  return (i) => /* @__PURE__ */ o.createElement(Rt, Q({
-    attr: J({}, r.attr)
-  }, i), Ne(r.child));
+function N(r) {
+  return (s) => /* @__PURE__ */ a.createElement(xt, J({
+    attr: G({}, r.attr)
+  }, s), De(r.child));
 }
-function Rt(r) {
-  var i = (d) => {
+function xt(r) {
+  var s = (d) => {
     var {
-      attr: u,
-      size: f,
+      attr: m,
+      size: p,
       title: w
-    } = r, R = yt(r, vt), b = f || d.size || "1em", p;
-    return d.className && (p = d.className), r.className && (p = (p ? p + " " : "") + r.className), /* @__PURE__ */ o.createElement("svg", Q({
+    } = r, R = Et(r, yt), M = p || d.size || "1em", E;
+    return d.className && (E = d.className), r.className && (E = (E ? E + " " : "") + r.className), /* @__PURE__ */ a.createElement("svg", J({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, d.attr, u, R, {
-      className: p,
-      style: J(J({
+    }, d.attr, m, R, {
+      className: E,
+      style: G(G({
         color: r.color || d.color
       }, d.style), r.style),
-      height: b,
-      width: b,
+      height: M,
+      width: M,
       xmlns: "http://www.w3.org/2000/svg"
-    }), w && /* @__PURE__ */ o.createElement("title", null, w), r.children);
+    }), w && /* @__PURE__ */ a.createElement("title", null, w), r.children);
   };
-  return Se !== void 0 ? /* @__PURE__ */ o.createElement(Se.Consumer, null, (d) => i(d)) : i(ke);
-}
-function xt(r) {
-  return z({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M352 64c0-17.7-14.3-32-32-32L128 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32L32 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32zM0 448c0 17.7 14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 416c-17.7 0-32 14.3-32 32zM352 320c0-17.7-14.3-32-32-32l-192 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32z" }, child: [] }] })(r);
+  return Me !== void 0 ? /* @__PURE__ */ a.createElement(Me.Consumer, null, (d) => s(d)) : s(Te);
 }
 function Lt(r) {
-  return z({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M448 64c0 17.7-14.3 32-32 32L192 96c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 224c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z" }, child: [] }] })(r);
+  return N({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M352 64c0-17.7-14.3-32-32-32L128 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32L32 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32zM0 448c0 17.7 14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 416c-17.7 0-32 14.3-32 32zM352 320c0-17.7-14.3-32-32-32l-192 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32z" }, child: [] }] })(r);
 }
 function St(r) {
-  return z({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l96 0 32 0 208 0c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z" }, child: [] }] })(r);
-}
-function Mt(r) {
-  return z({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M24 56c0-13.3 10.7-24 24-24l32 0c13.3 0 24 10.7 24 24l0 120 16 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l16 0 0-96-8 0C34.7 80 24 69.3 24 56zM86.7 341.2c-6.5-7.4-18.3-6.9-24 1.2L51.5 357.9c-7.7 10.8-22.7 13.3-33.5 5.6s-13.3-22.7-5.6-33.5l11.1-15.6c23.7-33.2 72.3-35.6 99.2-4.9c21.3 24.4 20.8 60.9-1.1 84.7L86.8 432l33.2 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-88 0c-9.5 0-18.2-5.6-22-14.4s-2.1-18.9 4.3-25.9l72-78c5.3-5.8 5.4-14.6 .3-20.5zM224 64l256 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-256 0c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160l256 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-256 0c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160l256 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-256 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z" }, child: [] }] })(r);
+  return N({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M448 64c0 17.7-14.3 32-32 32L192 96c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 224c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z" }, child: [] }] })(r);
 }
 function At(r) {
-  return z({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M12.83 352h262.34A12.82 12.82 0 0 0 288 339.17v-38.34A12.82 12.82 0 0 0 275.17 288H12.83A12.82 12.82 0 0 0 0 300.83v38.34A12.82 12.82 0 0 0 12.83 352zm0-256h262.34A12.82 12.82 0 0 0 288 83.17V44.83A12.82 12.82 0 0 0 275.17 32H12.83A12.82 12.82 0 0 0 0 44.83v38.34A12.82 12.82 0 0 0 12.83 96zM432 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 256H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z" }, child: [] }] })(r);
+  return N({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M0 96C0 60.7 28.7 32 64 32l384 0c35.3 0 64 28.7 64 64l0 320c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6l96 0 32 0 208 0c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z" }, child: [] }] })(r);
 }
-function zt(r) {
-  return z({ attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M333.49 238a122 122 0 0 0 27-65.21C367.87 96.49 308 32 233.42 32H34a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h31.87v288H34a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h209.32c70.8 0 134.14-51.75 141-122.4 4.74-48.45-16.39-92.06-50.83-119.6zM145.66 112h87.76a48 48 0 0 1 0 96h-87.76zm87.76 288h-87.76V288h87.76a56 56 0 0 1 0 112z" }, child: [] }] })(r);
+function Mt(r) {
+  return N({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M24 56c0-13.3 10.7-24 24-24l32 0c13.3 0 24 10.7 24 24l0 120 16 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l16 0 0-96-8 0C34.7 80 24 69.3 24 56zM86.7 341.2c-6.5-7.4-18.3-6.9-24 1.2L51.5 357.9c-7.7 10.8-22.7 13.3-33.5 5.6s-13.3-22.7-5.6-33.5l11.1-15.6c23.7-33.2 72.3-35.6 99.2-4.9c21.3 24.4 20.8 60.9-1.1 84.7L86.8 432l33.2 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-88 0c-9.5 0-18.2-5.6-22-14.4s-2.1-18.9 4.3-25.9l72-78c5.3-5.8 5.4-14.6 .3-20.5zM224 64l256 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-256 0c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160l256 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-256 0c-17.7 0-32-14.3-32-32s14.3-32 32-32zm0 160l256 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-256 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z" }, child: [] }] })(r);
 }
 function kt(r) {
-  return z({ attr: { viewBox: "0 0 544 512" }, child: [{ tag: "path", attr: { d: "M0 479.98L99.92 512l35.45-35.45-67.04-67.04L0 479.98zm124.61-240.01a36.592 36.592 0 0 0-10.79 38.1l13.05 42.83-50.93 50.94 96.23 96.23 50.86-50.86 42.74 13.08c13.73 4.2 28.65-.01 38.15-10.78l35.55-41.64-173.34-173.34-41.52 35.44zm403.31-160.7l-63.2-63.2c-20.49-20.49-53.38-21.52-75.12-2.35L190.55 183.68l169.77 169.78L530.27 154.4c19.18-21.74 18.15-54.63-2.35-75.13z" }, child: [] }] })(r);
+  return N({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M12.83 352h262.34A12.82 12.82 0 0 0 288 339.17v-38.34A12.82 12.82 0 0 0 275.17 288H12.83A12.82 12.82 0 0 0 0 300.83v38.34A12.82 12.82 0 0 0 12.83 352zm0-256h262.34A12.82 12.82 0 0 0 288 83.17V44.83A12.82 12.82 0 0 0 275.17 32H12.83A12.82 12.82 0 0 0 0 44.83v38.34A12.82 12.82 0 0 0 12.83 96zM432 160H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0 256H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z" }, child: [] }] })(r);
+}
+function zt(r) {
+  return N({ attr: { viewBox: "0 0 384 512" }, child: [{ tag: "path", attr: { d: "M333.49 238a122 122 0 0 0 27-65.21C367.87 96.49 308 32 233.42 32H34a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h31.87v288H34a16 16 0 0 0-16 16v48a16 16 0 0 0 16 16h209.32c70.8 0 134.14-51.75 141-122.4 4.74-48.45-16.39-92.06-50.83-119.6zM145.66 112h87.76a48 48 0 0 1 0 96h-87.76zm87.76 288h-87.76V288h87.76a56 56 0 0 1 0 112z" }, child: [] }] })(r);
 }
 function Nt(r) {
-  return z({ attr: { viewBox: "0 0 320 512" }, child: [{ tag: "path", attr: { d: "M320 48v32a16 16 0 0 1-16 16h-62.76l-80 320H208a16 16 0 0 1 16 16v32a16 16 0 0 1-16 16H16a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h62.76l80-320H112a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h192a16 16 0 0 1 16 16z" }, child: [] }] })(r);
+  return N({ attr: { viewBox: "0 0 544 512" }, child: [{ tag: "path", attr: { d: "M0 479.98L99.92 512l35.45-35.45-67.04-67.04L0 479.98zm124.61-240.01a36.592 36.592 0 0 0-10.79 38.1l13.05 42.83-50.93 50.94 96.23 96.23 50.86-50.86 42.74 13.08c13.73 4.2 28.65-.01 38.15-10.78l35.55-41.64-173.34-173.34-41.52 35.44zm403.31-160.7l-63.2-63.2c-20.49-20.49-53.38-21.52-75.12-2.35L190.55 183.68l169.77 169.78L530.27 154.4c19.18-21.74 18.15-54.63-2.35-75.13z" }, child: [] }] })(r);
 }
 function Tt(r) {
-  return z({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z" }, child: [] }] })(r);
+  return N({ attr: { viewBox: "0 0 320 512" }, child: [{ tag: "path", attr: { d: "M320 48v32a16 16 0 0 1-16 16h-62.76l-80 320H208a16 16 0 0 1 16 16v32a16 16 0 0 1-16 16H16a16 16 0 0 1-16-16v-32a16 16 0 0 1 16-16h62.76l80-320H112a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h192a16 16 0 0 1 16 16z" }, child: [] }] })(r);
 }
 function Dt(r) {
-  return z({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M80 368H16a16 16 0 0 0-16 16v64a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-64a16 16 0 0 0-16-16zm0-320H16A16 16 0 0 0 0 64v64a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16zm0 160H16a16 16 0 0 0-16 16v64a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-64a16 16 0 0 0-16-16zm416 176H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-320H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16zm0 160H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z" }, child: [] }] })(r);
-}
-function Ot(r) {
-  return z({ attr: { viewBox: "0 0 496 512" }, child: [{ tag: "path", attr: { d: "M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm80 168c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm194.8 170.2C334.3 380.4 292.5 400 248 400s-86.3-19.6-114.8-53.8c-13.6-16.3 11-36.7 24.6-20.5 22.4 26.9 55.2 42.2 90.2 42.2s67.8-15.4 90.2-42.2c13.4-16.2 38.1 4.2 24.6 20.5z" }, child: [] }] })(r);
+  return N({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z" }, child: [] }] })(r);
 }
 function Ht(r) {
-  return z({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M464 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM224 416H64v-96h160v96zm0-160H64v-96h160v96zm224 160H288v-96h160v96zm0-160H288v-96h160v96z" }, child: [] }] })(r);
+  return N({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M80 368H16a16 16 0 0 0-16 16v64a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-64a16 16 0 0 0-16-16zm0-320H16A16 16 0 0 0 0 64v64a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16zm0 160H16a16 16 0 0 0-16 16v64a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-64a16 16 0 0 0-16-16zm416 176H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-320H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16zm0 160H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z" }, child: [] }] })(r);
+}
+function Ot(r) {
+  return N({ attr: { viewBox: "0 0 496 512" }, child: [{ tag: "path", attr: { d: "M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm80 168c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm-160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32-32-14.3-32-32 14.3-32 32-32zm194.8 170.2C334.3 380.4 292.5 400 248 400s-86.3-19.6-114.8-53.8c-13.6-16.3 11-36.7 24.6-20.5 22.4 26.9 55.2 42.2 90.2 42.2s67.8-15.4 90.2-42.2c13.4-16.2 38.1 4.2 24.6 20.5z" }, child: [] }] })(r);
 }
 function _t(r) {
-  return z({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M32 64h32v160c0 88.22 71.78 160 160 160s160-71.78 160-160V64h32a16 16 0 0 0 16-16V16a16 16 0 0 0-16-16H272a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32v160a80 80 0 0 1-160 0V64h32a16 16 0 0 0 16-16V16a16 16 0 0 0-16-16H32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16zm400 384H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z" }, child: [] }] })(r);
+  return N({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M464 32H48C21.49 32 0 53.49 0 80v352c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V80c0-26.51-21.49-48-48-48zM224 416H64v-96h160v96zm0-160H64v-96h160v96zm224 160H288v-96h160v96zm0-160H288v-96h160v96z" }, child: [] }] })(r);
 }
 function jt(r) {
-  return z({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M2 20h20v4H2v-4zm3.49-3h2.42l1.27-3.58h5.65L16.09 17h2.42L13.25 3h-2.5L5.49 17zm4.42-5.61 2.03-5.79h.12l2.03 5.79H9.91z" }, child: [] }] })(r);
+  return N({ attr: { viewBox: "0 0 448 512" }, child: [{ tag: "path", attr: { d: "M32 64h32v160c0 88.22 71.78 160 160 160s160-71.78 160-160V64h32a16 16 0 0 0 16-16V16a16 16 0 0 0-16-16H272a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h32v160a80 80 0 0 1-160 0V64h32a16 16 0 0 0 16-16V16a16 16 0 0 0-16-16H32a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16zm400 384H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z" }, child: [] }] })(r);
+}
+function It(r) {
+  return N({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" }, child: [] }, { tag: "path", attr: { d: "M2 20h20v4H2v-4zm3.49-3h2.42l1.27-3.58h5.65L16.09 17h2.42L13.25 3h-2.5L5.49 17zm4.42-5.61 2.03-5.79h.12l2.03 5.79H9.91z" }, child: [] }] })(r);
 }
 function Ft(r) {
-  return z({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0V0z" }, child: [] }, { tag: "path", attr: { d: "M20 8V5H6.39l3 3h1.83l-.55 1.28 2.09 2.1L14.21 8zM3.41 4.86 2 6.27l6.97 6.97L6.5 19h3l1.57-3.66L16.73 21l1.41-1.41z" }, child: [] }] })(r);
+  return N({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0V0z" }, child: [] }, { tag: "path", attr: { d: "M20 8V5H6.39l3 3h1.83l-.55 1.28 2.09 2.1L14.21 8zM3.41 4.86 2 6.27l6.97 6.97L6.5 19h3l1.57-3.66L16.73 21l1.41-1.41z" }, child: [] }] })(r);
 }
 const Pt = [
   "😀",
@@ -279,35 +279,35 @@ const Pt = [
   "👏",
   "🫶",
   "👐"
-], It = ({
+], qt = ({
   exec: r,
-  saveSelection: i,
+  saveSelection: s,
   handleFileChange: d,
-  handleFontSizeChange: u,
-  handleFontFamilyChange: f,
+  handleFontSizeChange: m,
+  handleFontFamilyChange: p,
   //   insertListBlock,
   insertEmoji: w,
   handleLink: R,
-  removeFormatting: b,
-  visibleActions: p,
-  className: O,
-  style: j
+  removeFormatting: M,
+  visibleActions: E,
+  className: x,
+  style: L
 }) => {
-  var U, D;
-  const k = P(null), _ = P(null), L = P(null), [K, W] = A(!1), [q, B] = A({
+  var $, O;
+  const A = V(null), P = V(null), T = V(null), [q, B] = z(!1), [F, _] = z({
     x: 0,
     y: 0
   });
   I(() => {
-    const m = (C) => {
-      !C.target.closest(".rte-emoji-popup") && !C.target.closest("button[title='Emoji']") && W(!1);
+    const h = (C) => {
+      !C.target.closest(".rte-emoji-popup") && !C.target.closest("button[title='Emoji']") && B(!1);
     };
-    return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
+    return document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
   }, []);
-  const F = (m) => {
-    var H;
-    m.preventDefault();
-    const C = m.currentTarget.dataset.command;
+  const U = (h) => {
+    var j;
+    h.preventDefault();
+    const C = h.currentTarget.dataset.command;
     if (C)
       switch (C) {
         case "bold":
@@ -319,17 +319,17 @@ const Pt = [
           r(C);
           break;
         case "insertImage": {
-          (H = k.current) == null || H.click();
+          (j = A.current) == null || j.click();
           break;
         }
         default:
           console.warn("Unknown command:", C);
       }
-  }, G = (m) => {
-    r("foreColor", m.target.value);
-  }, ee = (m) => {
-    r("backColor", m.target.value);
-  }, [M, N] = A({
+  }, Y = (h) => {
+    r("foreColor", h.target.value);
+  }, ee = (h) => {
+    r("backColor", h.target.value);
+  }, [k, D] = z({
     bold: !1,
     italic: !1,
     underline: !1,
@@ -347,8 +347,8 @@ const Pt = [
     highlight: !1
   });
   return I(() => {
-    const m = () => {
-      N({
+    const h = () => {
+      D({
         bold: document.queryCommandState("bold"),
         italic: document.queryCommandState("italic"),
         underline: document.queryCommandState("underline"),
@@ -366,117 +366,117 @@ const Pt = [
         highlight: document.queryCommandState("backColor")
       });
     };
-    return document.addEventListener("selectionchange", m), () => document.removeEventListener("selectionchange", m);
-  }, []), /* @__PURE__ */ o.createElement("div", {
-    className: `rte-toolbar ${O || ""}`,
-    style: j
-  }, p.bold && /* @__PURE__ */ o.createElement("button", {
+    return document.addEventListener("selectionchange", h), () => document.removeEventListener("selectionchange", h);
+  }, []), /* @__PURE__ */ a.createElement("div", {
+    className: `rte-toolbar ${x || ""}`,
+    style: L
+  }, E.bold && /* @__PURE__ */ a.createElement("button", {
     "data-command": "bold",
     title: "Bold",
-    onMouseDown: F,
-    className: M.bold ? "rte-active" : ""
-  }, /* @__PURE__ */ o.createElement(zt, null)), p.italic && /* @__PURE__ */ o.createElement("button", {
+    onMouseDown: U,
+    className: k.bold ? "rte-active" : ""
+  }, /* @__PURE__ */ a.createElement(zt, null)), E.italic && /* @__PURE__ */ a.createElement("button", {
     "data-command": "italic",
     title: "Italic",
-    onMouseDown: F,
-    className: M.italic ? "rte-active" : ""
-  }, /* @__PURE__ */ o.createElement(Nt, null)), p.underline && /* @__PURE__ */ o.createElement("button", {
+    onMouseDown: U,
+    className: k.italic ? "rte-active" : ""
+  }, /* @__PURE__ */ a.createElement(Tt, null)), E.underline && /* @__PURE__ */ a.createElement("button", {
     "data-command": "underline",
     title: "Underline",
-    onMouseDown: F,
-    className: M.underline ? "rte-active" : ""
-  }, /* @__PURE__ */ o.createElement(_t, null)), p.unorderedList && /* @__PURE__ */ o.createElement("button", {
+    onMouseDown: U,
+    className: k.underline ? "rte-active" : ""
+  }, /* @__PURE__ */ a.createElement(jt, null)), E.unorderedList && /* @__PURE__ */ a.createElement("button", {
     "data-command": "insertUnorderedList",
-    onMouseDown: F,
+    onMouseDown: U,
     title: "UnorderedList",
-    className: M.unorderedList ? "rte-active" : ""
-  }, /* @__PURE__ */ o.createElement(Dt, null)), p.orderedList && /* @__PURE__ */ o.createElement("button", {
+    className: k.unorderedList ? "rte-active" : ""
+  }, /* @__PURE__ */ a.createElement(Ht, null)), E.orderedList && /* @__PURE__ */ a.createElement("button", {
     "data-command": "insertOrderedList",
     title: "OrderedList",
-    onMouseDown: F,
-    className: M.orderedList ? "rte-active" : ""
-  }, /* @__PURE__ */ o.createElement(Mt, null)), p.link && /* @__PURE__ */ o.createElement("button", {
+    onMouseDown: U,
+    className: k.orderedList ? "rte-active" : ""
+  }, /* @__PURE__ */ a.createElement(Mt, null)), E.link && /* @__PURE__ */ a.createElement("button", {
     "data-command": "createLink",
     title: "Link",
     onClick: R,
-    className: M.link ? "rte-active" : ""
-  }, /* @__PURE__ */ o.createElement(Tt, null)), p.removeFormat && /* @__PURE__ */ o.createElement("button", {
+    className: k.link ? "rte-active" : ""
+  }, /* @__PURE__ */ a.createElement(Dt, null)), E.removeFormat && /* @__PURE__ */ a.createElement("button", {
     "data-command": "Remove format",
     title: "removeFormat",
-    onMouseDown: (m) => {
-      m.preventDefault(), i(), b();
+    onMouseDown: (h) => {
+      h.preventDefault(), s(), M();
     },
-    className: M.removeFormat ? "rte-active" : ""
-  }, /* @__PURE__ */ o.createElement(Ft, null)), p.image && /* @__PURE__ */ o.createElement("button", {
+    className: k.removeFormat ? "rte-active" : ""
+  }, /* @__PURE__ */ a.createElement(Ft, null)), E.image && /* @__PURE__ */ a.createElement("button", {
     "data-command": "insertImage",
     title: "Image",
-    onMouseDown: F,
-    className: M.image ? "rte-active" : ""
-  }, /* @__PURE__ */ o.createElement(St, null)), /* @__PURE__ */ o.createElement("input", {
+    onMouseDown: U,
+    className: k.image ? "rte-active" : ""
+  }, /* @__PURE__ */ a.createElement(At, null)), /* @__PURE__ */ a.createElement("input", {
     type: "file",
     accept: "image/*",
-    ref: k,
+    ref: A,
     style: {
       display: "none"
     },
     onChange: d
-  }), p.emoji && /* @__PURE__ */ o.createElement("div", {
+  }), E.emoji && /* @__PURE__ */ a.createElement("div", {
     style: {
       position: "relative"
     }
-  }, /* @__PURE__ */ o.createElement("button", {
+  }, /* @__PURE__ */ a.createElement("button", {
     title: "Emoji",
-    onMouseDown: (m) => {
-      m.preventDefault(), i();
-      const C = m.currentTarget.getBoundingClientRect();
-      B({
+    onMouseDown: (h) => {
+      h.preventDefault(), s();
+      const C = h.currentTarget.getBoundingClientRect();
+      _({
         x: C.left,
         y: C.bottom + 8
         // small spacing
-      }), W((H) => !H);
+      }), B((j) => !j);
     },
-    className: M.emoji ? "rte-active" : ""
-  }, /* @__PURE__ */ o.createElement(Ot, null)), K && /* @__PURE__ */ pt(/* @__PURE__ */ o.createElement("div", {
+    className: k.emoji ? "rte-active" : ""
+  }, /* @__PURE__ */ a.createElement(Ot, null)), q && /* @__PURE__ */ vt(/* @__PURE__ */ a.createElement("div", {
     className: "rte-emoji-popup",
     style: {
-      top: q.y,
-      left: q.x
+      top: F.y,
+      left: F.x
     }
-  }, Pt.map((m, C) => /* @__PURE__ */ o.createElement("span", {
+  }, Pt.map((h, C) => /* @__PURE__ */ a.createElement("span", {
     key: C,
     style: {
       fontSize: "20px",
       cursor: "pointer",
       textAlign: "center"
     },
-    onMouseDown: (H) => {
-      H.preventDefault(), w(m), W(!1);
+    onMouseDown: (j) => {
+      j.preventDefault(), w(h), B(!1);
     }
-  }, m))), document.body)), p.color && /* @__PURE__ */ o.createElement("div", {
+  }, h))), document.body)), E.color && /* @__PURE__ */ a.createElement("div", {
     style: {
       position: "relative"
     }
-  }, /* @__PURE__ */ o.createElement("button", {
+  }, /* @__PURE__ */ a.createElement("button", {
     title: "Text Color",
-    onMouseDown: (m) => {
+    onMouseDown: (h) => {
       var C;
-      m.preventDefault(), i(), (C = _.current) == null || C.click();
+      h.preventDefault(), s(), (C = P.current) == null || C.click();
     },
     style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      color: ((U = _.current) == null ? void 0 : U.value) || "#000",
+      color: (($ = P.current) == null ? void 0 : $.value) || "#000",
       fontSize: "18px"
     },
-    className: M.color ? "rte-active" : ""
-  }, /* @__PURE__ */ o.createElement(jt, null)), /* @__PURE__ */ o.createElement("input", {
-    ref: _,
+    className: k.color ? "rte-active" : ""
+  }, /* @__PURE__ */ a.createElement(It, null)), /* @__PURE__ */ a.createElement("input", {
+    ref: P,
     type: "color",
     defaultValue: "#000000",
-    onChange: (m) => {
+    onChange: (h) => {
       var C;
-      G(m), ((C = m.target.parentElement) == null ? void 0 : C.querySelector("button")).style.color = m.target.value;
+      Y(h), ((C = h.target.parentElement) == null ? void 0 : C.querySelector("button")).style.color = h.target.value;
     },
     style: {
       position: "absolute",
@@ -485,30 +485,30 @@ const Pt = [
       height: 0,
       pointerEvents: "none"
     }
-  })), p.highlight && /* @__PURE__ */ o.createElement("div", {
+  })), E.highlight && /* @__PURE__ */ a.createElement("div", {
     style: {
       position: "relative"
     }
-  }, /* @__PURE__ */ o.createElement("button", {
+  }, /* @__PURE__ */ a.createElement("button", {
     title: "Highlight",
-    onMouseDown: (m) => {
+    onMouseDown: (h) => {
       var C;
-      m.preventDefault(), i(), (C = L.current) == null || C.click();
+      h.preventDefault(), s(), (C = T.current) == null || C.click();
     },
     style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      color: ((D = L.current) == null ? void 0 : D.value) || "#000",
+      color: ((O = T.current) == null ? void 0 : O.value) || "#000",
       fontSize: "18px"
     },
-    className: M.highlight ? "rte-active" : ""
-  }, /* @__PURE__ */ o.createElement(kt, null)), /* @__PURE__ */ o.createElement("input", {
-    ref: L,
+    className: k.highlight ? "rte-active" : ""
+  }, /* @__PURE__ */ a.createElement(Nt, null)), /* @__PURE__ */ a.createElement("input", {
+    ref: T,
     type: "color",
-    onChange: (m) => {
+    onChange: (h) => {
       var C;
-      ee(m), ((C = m.target.parentElement) == null ? void 0 : C.querySelector("button")).style.color = m.target.value;
+      ee(h), ((C = h.target.parentElement) == null ? void 0 : C.querySelector("button")).style.color = h.target.value;
     },
     defaultValue: "#000000",
     style: {
@@ -518,245 +518,264 @@ const Pt = [
       height: 0,
       pointerEvents: "none"
     }
-  })), p.align && /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("button", {
+  })), E.align && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("button", {
     title: "Align Left",
-    onMouseDown: (m) => m.preventDefault(),
+    onMouseDown: (h) => h.preventDefault(),
     onClick: () => r("justifyLeft"),
-    className: M.alignLeft ? "rte-active" : ""
-  }, /* @__PURE__ */ o.createElement(At, null)), /* @__PURE__ */ o.createElement("button", {
+    className: k.alignLeft ? "rte-active" : ""
+  }, /* @__PURE__ */ a.createElement(kt, null)), /* @__PURE__ */ a.createElement("button", {
     title: "Align Center",
-    onMouseDown: (m) => m.preventDefault(),
+    onMouseDown: (h) => h.preventDefault(),
     onClick: () => r("justifyCenter"),
-    className: M.alignCenter ? "rte-active" : ""
-  }, /* @__PURE__ */ o.createElement(xt, null)), /* @__PURE__ */ o.createElement("button", {
+    className: k.alignCenter ? "rte-active" : ""
+  }, /* @__PURE__ */ a.createElement(Lt, null)), /* @__PURE__ */ a.createElement("button", {
     title: "Align Right",
-    onMouseDown: (m) => m.preventDefault(),
+    onMouseDown: (h) => h.preventDefault(),
     onClick: () => r("justifyRight"),
-    className: M.alignRight ? "rte-active" : ""
-  }, /* @__PURE__ */ o.createElement(Lt, null))), p.table && /* @__PURE__ */ o.createElement("button", {
+    className: k.alignRight ? "rte-active" : ""
+  }, /* @__PURE__ */ a.createElement(St, null))), E.table && /* @__PURE__ */ a.createElement("button", {
     title: "Insert Table",
-    onMouseDown: (m) => m.preventDefault(),
+    onMouseDown: (h) => h.preventDefault(),
     onClick: () => r("insertTable"),
-    className: M.table ? "rte-active" : ""
-  }, /* @__PURE__ */ o.createElement(Ht, null)), p.fontFamily && /* @__PURE__ */ o.createElement("select", {
+    className: k.table ? "rte-active" : ""
+  }, /* @__PURE__ */ a.createElement(_t, null)), E.fontFamily && /* @__PURE__ */ a.createElement("select", {
     className: "rte-dropdown",
     defaultValue: "",
-    onMouseDown: () => i(),
-    onChange: f
-  }, /* @__PURE__ */ o.createElement("option", {
+    onMouseDown: () => s(),
+    onChange: p
+  }, /* @__PURE__ */ a.createElement("option", {
     value: "",
     disabled: !0
-  }, "Font Family"), /* @__PURE__ */ o.createElement("option", {
+  }, "Font Family"), /* @__PURE__ */ a.createElement("option", {
     value: "Arial"
-  }, "Arial"), /* @__PURE__ */ o.createElement("option", {
+  }, "Arial"), /* @__PURE__ */ a.createElement("option", {
     value: "Georgia"
-  }, "Georgia"), /* @__PURE__ */ o.createElement("option", {
+  }, "Georgia"), /* @__PURE__ */ a.createElement("option", {
     value: "Times New Roman"
-  }, "Times New Roman"), /* @__PURE__ */ o.createElement("option", {
+  }, "Times New Roman"), /* @__PURE__ */ a.createElement("option", {
     value: "Courier New"
-  }, "Courier New"), /* @__PURE__ */ o.createElement("option", {
+  }, "Courier New"), /* @__PURE__ */ a.createElement("option", {
     value: "Verdana"
-  }, "Verdana")), p.fontSize && /* @__PURE__ */ o.createElement("select", {
+  }, "Verdana")), E.fontSize && /* @__PURE__ */ a.createElement("select", {
     className: "rte-dropdown rte-fontsize-dropdown",
     defaultValue: "",
-    onMouseDown: () => i(),
-    onChange: u
-  }, /* @__PURE__ */ o.createElement("option", {
+    onMouseDown: () => s(),
+    onChange: m
+  }, /* @__PURE__ */ a.createElement("option", {
     value: "",
     disabled: !0
   }, "Font Size"), Array.from({
     length: 16
-  }, (m, C) => 10 + C).map((m) => /* @__PURE__ */ o.createElement("option", {
-    key: m,
-    value: m
-  }, m, "px"))));
+  }, (h, C) => 10 + C).map((h) => /* @__PURE__ */ a.createElement("option", {
+    key: h,
+    value: h
+  }, h, "px"))));
 }, Bt = ({
   show: r,
-  position: i,
+  position: s,
   filtered: d,
-  insertMention: u,
-  onClose: f,
+  insertMention: m,
+  onClose: p,
   query: w
 }) => {
-  const R = P(null);
+  const R = V(null), [M, E] = z(0);
   return I(() => {
-    const b = (p) => {
-      R.current && !R.current.contains(p.target) && f();
+    r && E(0);
+  }, [r]), I(() => {
+    const x = (L) => {
+      R.current && !R.current.contains(L.target) && p();
     };
-    return r && document.addEventListener("mousedown", b), () => {
-      document.removeEventListener("mousedown", b);
+    return r && document.addEventListener("mousedown", x), () => {
+      document.removeEventListener("mousedown", x);
     };
-  }, [r, f]), r ? /* @__PURE__ */ o.createElement("ul", {
+  }, [r, p]), I(() => {
+    if (!r) return;
+    const x = (L) => {
+      if (!(!r || d.length === 0) && (L.key === "ArrowDown" && (L.preventDefault(), E((A) => Math.min(A + 1, d.length - 1))), L.key === "ArrowUp" && (L.preventDefault(), E((A) => Math.max(A - 1, 0))), L.key === "Enter")) {
+        L.preventDefault();
+        const A = d[M];
+        A && m(A);
+      }
+    };
+    return window.addEventListener("keydown", x), () => window.removeEventListener("keydown", x);
+  }, [r, d, M]), I(() => {
+    if (!R.current) return;
+    const L = R.current.querySelectorAll("li")[M];
+    L && L.scrollIntoView({
+      block: "nearest",
+      behavior: "smooth"
+    });
+  }, [M]), r ? /* @__PURE__ */ a.createElement("ul", {
     ref: R,
     className: "rte-popup",
     style: {
-      top: i.y,
-      left: i.x
+      top: s.y,
+      left: s.x
     }
   }, d.length > 0 ? d.map(({
-    name: b,
-    value: p
-  }) => {
-    const O = b.toLowerCase(), j = w.toLowerCase(), k = O.indexOf(j);
-    let _ = b;
-    if (k !== -1 && w.length > 0) {
-      const L = k + w.length;
-      _ = b.substring(0, k) + `<span class="rte-highlight">${b.substring(k, L)}</span>` + b.substring(L);
+    name: x,
+    value: L
+  }, A) => {
+    const P = x.toLowerCase(), T = w.toLowerCase(), q = P.indexOf(T);
+    let B = x;
+    if (q !== -1 && w.length > 0) {
+      const F = q + w.length;
+      B = x.substring(0, q) + `<span class="rte-highlight">${x.substring(q, F)}</span>` + x.substring(F);
     }
-    return /* @__PURE__ */ o.createElement("li", {
-      key: p,
-      onMouseDown: (L) => {
-        L.preventDefault(), u({
-          name: b,
-          value: p
+    return /* @__PURE__ */ a.createElement("li", {
+      key: L,
+      onMouseDown: (F) => {
+        F.preventDefault(), m({
+          name: x,
+          value: L
         });
       },
       style: {
         padding: "6px 12px",
         cursor: "pointer",
-        fontSize: "14px"
+        fontSize: "14px",
+        background: A === M ? "#dce8ff" : "white"
       },
       dangerouslySetInnerHTML: {
-        __html: _
+        __html: B
       },
-      onMouseEnter: (L) => L.currentTarget.style.background = "#f0f0f0",
-      onMouseLeave: (L) => L.currentTarget.style.background = "#fff"
+      onMouseEnter: () => E(A)
     });
-  }) : /* @__PURE__ */ o.createElement("li", {
+  }) : /* @__PURE__ */ a.createElement("li", {
     style: {
       padding: "6px 12px",
       color: "#999"
     }
   }, "No matches")) : null;
 };
-function Ae(r) {
-  return z({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: { id: "Circle_Minus" }, child: [{ tag: "g", attr: {}, child: [{ tag: "path", attr: { d: "M15,11.5h0a.5.5,0,0,1,0,1H9a.5.5,0,0,1,0-1Z" }, child: [] }, { tag: "path", attr: { d: "M12,21.934A9.933,9.933,0,1,1,21.932,12,9.945,9.945,0,0,1,12,21.934ZM12,3.068A8.933,8.933,0,1,0,20.932,12,8.944,8.944,0,0,0,12,3.068Z" }, child: [] }] }] }] })(r);
+function ze(r) {
+  return N({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: { id: "Circle_Minus" }, child: [{ tag: "g", attr: {}, child: [{ tag: "path", attr: { d: "M15,11.5h0a.5.5,0,0,1,0,1H9a.5.5,0,0,1,0-1Z" }, child: [] }, { tag: "path", attr: { d: "M12,21.934A9.933,9.933,0,1,1,21.932,12,9.945,9.945,0,0,1,12,21.934ZM12,3.068A8.933,8.933,0,1,0,20.932,12,8.944,8.944,0,0,0,12,3.068Z" }, child: [] }] }] }] })(r);
 }
-function Z(r) {
-  return z({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: { id: "Circle_Plus" }, child: [{ tag: "g", attr: {}, child: [{ tag: "path", attr: { d: "M15,12.5H12.5V15a.5.5,0,0,1-1,0V12.5H9a.5.5,0,0,1,0-1h2.5V9a.5.5,0,0,1,1,0v2.5H15A.5.5,0,0,1,15,12.5Z" }, child: [] }, { tag: "path", attr: { d: "M12,21.932A9.934,9.934,0,1,1,21.932,12,9.944,9.944,0,0,1,12,21.932ZM12,3.065A8.934,8.934,0,1,0,20.932,12,8.944,8.944,0,0,0,12,3.065Z" }, child: [] }] }] }] })(r);
+function Q(r) {
+  return N({ attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: { id: "Circle_Plus" }, child: [{ tag: "g", attr: {}, child: [{ tag: "path", attr: { d: "M15,12.5H12.5V15a.5.5,0,0,1-1,0V12.5H9a.5.5,0,0,1,0-1h2.5V9a.5.5,0,0,1,1,0v2.5H15A.5.5,0,0,1,15,12.5Z" }, child: [] }, { tag: "path", attr: { d: "M12,21.932A9.934,9.934,0,1,1,21.932,12,9.944,9.944,0,0,1,12,21.932ZM12,3.065A8.934,8.934,0,1,0,20.932,12,8.944,8.944,0,0,0,12,3.065Z" }, child: [] }] }] }] })(r);
 }
-const qt = ({
+const Ut = ({
   visible: r,
-  x: i,
+  x: s,
   y: d,
-  onAction: u,
-  onClose: f
+  onAction: m,
+  onClose: p
 }) => {
   if (!r) return null;
   const w = {
     top: d,
-    left: i
+    left: s
   };
-  return /* @__PURE__ */ o.createElement("div", {
+  return /* @__PURE__ */ a.createElement("div", {
     style: w,
     className: "rte-table-menu",
-    onMouseLeave: f
-  }, /* @__PURE__ */ o.createElement("button", {
-    onClick: () => u("insertRowAbove")
-  }, /* @__PURE__ */ o.createElement(Z, null), " Insert row above"), /* @__PURE__ */ o.createElement("button", {
-    onClick: () => u("insertRowBelow")
-  }, /* @__PURE__ */ o.createElement(Z, null), " Insert row below"), /* @__PURE__ */ o.createElement("button", {
-    onClick: () => u("insertColLeft")
-  }, /* @__PURE__ */ o.createElement(Z, null), " Insert col left"), /* @__PURE__ */ o.createElement("button", {
-    onClick: () => u("insertColRight")
-  }, /* @__PURE__ */ o.createElement(Z, null), " Insert col right"), /* @__PURE__ */ o.createElement("button", {
-    onClick: () => u("deleteRow")
-  }, /* @__PURE__ */ o.createElement(Ae, null), " Delete row"), /* @__PURE__ */ o.createElement("button", {
-    onClick: () => u("deleteCol")
-  }, /* @__PURE__ */ o.createElement(Ae, null), " Delete column"));
-}, Ut = ({
+    onMouseLeave: p
+  }, /* @__PURE__ */ a.createElement("button", {
+    onClick: () => m("insertRowAbove")
+  }, /* @__PURE__ */ a.createElement(Q, null), " Insert row above"), /* @__PURE__ */ a.createElement("button", {
+    onClick: () => m("insertRowBelow")
+  }, /* @__PURE__ */ a.createElement(Q, null), " Insert row below"), /* @__PURE__ */ a.createElement("button", {
+    onClick: () => m("insertColLeft")
+  }, /* @__PURE__ */ a.createElement(Q, null), " Insert col left"), /* @__PURE__ */ a.createElement("button", {
+    onClick: () => m("insertColRight")
+  }, /* @__PURE__ */ a.createElement(Q, null), " Insert col right"), /* @__PURE__ */ a.createElement("button", {
+    onClick: () => m("deleteRow")
+  }, /* @__PURE__ */ a.createElement(ze, null), " Delete row"), /* @__PURE__ */ a.createElement("button", {
+    onClick: () => m("deleteCol")
+  }, /* @__PURE__ */ a.createElement(ze, null), " Delete column"));
+}, Vt = ({
   html: r,
-  className: i,
+  className: s,
   style: d
 }) => {
-  const u = (w) => {
+  const m = (w) => {
     const R = w.target;
     if (R.tagName === "A") {
       w.preventDefault();
-      const b = R.href;
-      b && window.open(b, "_blank", "noopener,noreferrer");
+      const M = R.href;
+      M && window.open(M, "_blank", "noopener,noreferrer");
     }
-  }, f = (w) => {
-    let R = w.replace(/{{\s*(.*?)\s*}}/g, (b, p) => `<span style="color: blue">${p}</span>`);
+  }, p = (w) => {
+    let R = w.replace(/{{\s*(.*?)\s*}}/g, (M, E) => `<span style="color: blue">${E}</span>`);
     return R = R.replace(/#arrayData/g, ""), R = R.replace(/\/arrayData/g, ""), R;
   };
-  return /* @__PURE__ */ o.createElement("div", {
-    className: `rte-preview ${i || ""}`,
+  return /* @__PURE__ */ a.createElement("div", {
+    className: `rte-preview ${s || ""}`,
     style: d,
-    onClick: u,
+    onClick: m,
     dangerouslySetInnerHTML: {
-      __html: f(r)
+      __html: p(r)
     }
   });
-}, Vt = ({
+}, $t = ({
   visible: r,
-  linkData: i,
+  linkData: s,
   onClose: d,
-  onInsert: u
+  onInsert: m
 }) => {
-  const [f, w] = A(""), [R, b] = A(""), [p, O] = A(""), [j, k] = A("_self");
+  const [p, w] = z(""), [R, M] = z(""), [E, x] = z(""), [L, A] = z("_self");
   if (I(() => {
-    r ? (w(i.url || ""), b(i.text || ""), O(i.title || ""), k(i.target || "_self")) : (w(""), b(""), O(""), k("_self"));
-  }, [r, i]), !r) return null;
-  const _ = () => {
-    u({
-      url: f,
+    r ? (w(s.url || ""), M(s.text || ""), x(s.title || ""), A(s.target || "_self")) : (w(""), M(""), x(""), A("_self"));
+  }, [r, s]), !r) return null;
+  const P = () => {
+    m({
+      url: p,
       text: R,
-      title: p,
-      target: j
+      title: E,
+      target: L
     });
   };
-  return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("div", {
+  return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", {
     className: "rte-link-modal-overlay",
     onClick: d
-  }), /* @__PURE__ */ o.createElement("div", {
+  }), /* @__PURE__ */ a.createElement("div", {
     className: "rte-link-modal"
-  }, /* @__PURE__ */ o.createElement("h4", {
+  }, /* @__PURE__ */ a.createElement("h4", {
     className: "rte-link-modal__title"
-  }, f ? "Edit Link" : "Insert Link"), /* @__PURE__ */ o.createElement("input", {
+  }, p ? "Edit Link" : "Insert Link"), /* @__PURE__ */ a.createElement("input", {
     type: "text",
     className: "rte-link-modal__input",
     placeholder: "URL",
-    value: f,
-    onChange: (L) => w(L.target.value)
-  }), /* @__PURE__ */ o.createElement("input", {
+    value: p,
+    onChange: (T) => w(T.target.value)
+  }), /* @__PURE__ */ a.createElement("input", {
     type: "text",
     className: "rte-link-modal__input",
     placeholder: "Text to Display",
     value: R,
-    onChange: (L) => b(L.target.value)
-  }), /* @__PURE__ */ o.createElement("input", {
+    onChange: (T) => M(T.target.value)
+  }), /* @__PURE__ */ a.createElement("input", {
     type: "text",
     className: "rte-link-modal__input",
     placeholder: "Title",
-    value: p,
-    onChange: (L) => O(L.target.value)
-  }), /* @__PURE__ */ o.createElement("select", {
+    value: E,
+    onChange: (T) => x(T.target.value)
+  }), /* @__PURE__ */ a.createElement("select", {
     className: "rte-link-modal__select",
-    value: j,
-    onChange: (L) => k(L.target.value)
-  }, /* @__PURE__ */ o.createElement("option", {
+    value: L,
+    onChange: (T) => A(T.target.value)
+  }, /* @__PURE__ */ a.createElement("option", {
     value: "_self"
-  }, "Same tab"), /* @__PURE__ */ o.createElement("option", {
+  }, "Same tab"), /* @__PURE__ */ a.createElement("option", {
     value: "_blank"
-  }, "New tab")), /* @__PURE__ */ o.createElement("div", {
+  }, "New tab")), /* @__PURE__ */ a.createElement("div", {
     className: "rte-link-modal__actions"
-  }, /* @__PURE__ */ o.createElement("button", {
+  }, /* @__PURE__ */ a.createElement("button", {
     className: "rte-link-modal__btn",
     onClick: d
-  }, "Cancel"), /* @__PURE__ */ o.createElement("button", {
+  }, "Cancel"), /* @__PURE__ */ a.createElement("button", {
     className: "rte-link-modal__btn rte-link-modal__btn--ok",
-    onClick: _
+    onClick: P
   }, "OK"))));
 };
-function ze(r) {
-  return Array.from(new Map(r.map((i) => [i.value, i])).values());
+function Ne(r) {
+  return Array.from(new Map(r.map((s) => [s.value, s])).values());
 }
-const Xt = ({
+const Yt = ({
   atSuggestions: r = [],
-  showOutput: i = !1,
+  showOutput: s = !1,
   showPreview: d = !1,
-  toolbarConfig: u = {
+  toolbarConfig: m = {
     link: !1,
     image: !1,
     emoji: !1,
@@ -766,32 +785,32 @@ const Xt = ({
     fontSize: !1,
     highlight: !1
   },
-  classNames: f = {},
+  classNames: p = {},
   styles: w = {},
   handleGetHtml: R = () => {
   },
-  onChange: b = () => {
+  onChange: M = () => {
   },
-  value: p,
-  onMentionSelect: O = () => {
+  value: E,
+  onMentionSelect: x = () => {
   },
-  handleAddAttributes: j = () => {
+  handleAddAttributes: L = () => {
   }
 }) => {
-  var he, pe, ve, ye, Ee, we, Ce, be;
-  const k = P(null), [_, L] = A(p != null && p.length ? p : " "), [K, W] = A(""), [q, B] = A(!1), [F, G] = A({
+  var ve, ye, Ee, we, Ce, be, Re, xe;
+  const A = V(null), [P, T] = z(E != null && E.length ? E : " "), [q, B] = z(""), [F, _] = z(!1), [U, Y] = z({
     x: 0,
     y: 0
-  }), [ee, M] = A([]), N = P(null), U = P(null), [D, m] = A({
+  }), [ee, k] = z([]), D = V(null), $ = V(null), [O, h] = z({
     visible: !1,
     x: 0,
     y: 0
-  }), [C, H] = A(!1), X = P(null), [Te, le] = A({
+  }), [C, j] = z(!1), Z = V(null), [He, se] = z({
     url: "",
     text: "",
     title: "",
     target: "_self"
-  }), De = {
+  }), Oe = {
     bold: !0,
     italic: !0,
     underline: !0,
@@ -799,202 +818,190 @@ const Xt = ({
     unorderedList: !0,
     orderedList: !0,
     align: !0,
-    link: (he = u.link) != null ? he : !1,
-    image: (pe = u.image) != null ? pe : !1,
-    emoji: (ve = u.emoji) != null ? ve : !1,
-    table: (ye = u.table) != null ? ye : !1,
-    color: (Ee = u.color) != null ? Ee : !1,
-    fontFamily: (we = u.fontFamily) != null ? we : !1,
-    fontSize: (Ce = u.fontSize) != null ? Ce : !1,
-    highlight: (be = u.fontSize) != null ? be : !1
-  }, [Oe, ce] = A(""), [ie, te] = A([]), T = () => k.current, S = () => {
-    const e = He(), t = /^<div[^>]*style=["'][^"']*font-size\s*:\s*\d+px[^"']*["'][^>]*>/.test(e.trim());
+    link: (ve = m.link) != null ? ve : !1,
+    image: (ye = m.image) != null ? ye : !1,
+    emoji: (Ee = m.emoji) != null ? Ee : !1,
+    table: (we = m.table) != null ? we : !1,
+    color: (Ce = m.color) != null ? Ce : !1,
+    fontFamily: (be = m.fontFamily) != null ? be : !1,
+    fontSize: (Re = m.fontSize) != null ? Re : !1,
+    highlight: (xe = m.fontSize) != null ? xe : !1
+  }, [_e, te] = z(""), [de, ne] = z([]), H = () => A.current, S = () => {
+    const e = je(), t = /^<div[^>]*style=["'][^"']*font-size\s*:\s*\d+px[^"']*["'][^>]*>/.test(e.trim());
     let n = e;
-    t || (n = `<div style="font-size:12px">${e}</div>`), W(n), R == null || R(n);
-    const a = ot(e);
-    b(a);
-    const s = $e(), l = ze(s);
-    JSON.stringify(l) !== JSON.stringify(ie) && (te(l), O(l));
-  }, He = () => {
-    const e = T();
-    if (!e) return _;
+    t || (n = `<div style="font-size:12px">${e}</div>`), n = n.replace(/<(ul|ol)([^>]*)>/g, (c, v, y) => /data-hidden-array-start/.test(c) ? c : `<${v}${y}>
+      <span data-hidden-array-start="true" style="display:none">{{#arrayData}}</span>`), n = n.replace(/<\/(ul|ol)>/g, (c, v) => /data-hidden-array-end/.test(c) ? c : `<span data-hidden-array-end="true" style="display:none">{{/arrayData}}</span></${v}>`), B(n), R == null || R(n);
+    const o = ot(e);
+    M(o);
+    const i = $e(), l = Ne(i);
+    JSON.stringify(l) !== JSON.stringify(de) && (ne(l), x(l));
+  }, je = () => {
+    const e = H();
+    if (!e) return P;
     const t = e.cloneNode(!0);
-    t.querySelectorAll("table div").forEach((a) => a.remove()), t.querySelectorAll(".rte-cell-highlight").forEach((a) => a.classList.remove("rte-cell-highlight"));
+    t.querySelectorAll("table div").forEach((o) => o.remove()), t.querySelectorAll(".rte-cell-highlight").forEach((o) => o.classList.remove("rte-cell-highlight"));
     let n = t.innerHTML;
-    return n = _e(n), n;
-  }, _e = (e) => e.replace(/<tbody[^>]*>/g, "<tbody>{{#arrayData}}").replace(/<\/tbody>/g, "{{/arrayData}}</tbody>"), V = () => {
+    return n = Ie(n), n;
+  }, Ie = (e) => e.replace(/<tbody[^>]*>/g, "<tbody>{{#arrayData}}").replace(/<\/tbody>/g, "{{/arrayData}}</tbody>"), W = () => {
     const e = window.getSelection();
     if (!e || e.rangeCount === 0) return;
     const t = document.getElementById("rte-editor-body");
     if (!t) return;
     const n = e.getRangeAt(0);
-    t.contains(n.startContainer) && (N.current = n.cloneRange());
-  }, $ = () => {
+    t.contains(n.startContainer) && (D.current = n.cloneRange());
+  }, K = () => {
     const e = window.getSelection();
-    !e || !N.current || (e.removeAllRanges(), e.addRange(N.current));
-  }, se = (e, t) => {
+    !e || !D.current || (e.removeAllRanges(), e.addRange(D.current));
+  }, ue = (e, t) => {
     const n = window.getSelection();
-    n && n.rangeCount > 0 && (N.current = n.getRangeAt(0)), $(), document.execCommand(e, !1, t), S();
+    n && n.rangeCount > 0 && (D.current = n.getRangeAt(0)), K(), document.execCommand(e, !1, t), S();
   };
   I(() => {
-    const e = T();
-    if (!e || !p) return;
-    const t = je(p);
+    const e = H();
+    if (!e || !E) return;
+    const t = Fe(E);
     e.innerHTML = t, S();
   }, []);
-  const je = (e) => e.replace(/<span[^>]*data-hidden-table-start[^>]*>.*?<\/span>/g, "").replace(/<span[^>]*data-hidden-table-end[^>]*>.*?<\/span>/g, "").replace(/{{#arrayData}}/g, "").replace(/{{\/arrayData}}/g, "");
+  const Fe = (e) => e.replace(/<span[^>]*data-hidden-table-start[^>]*>.*?<\/span>/g, "").replace(/<span[^>]*data-hidden-table-end[^>]*>.*?<\/span>/g, "").replace(/{{#arrayData}}/g, "").replace(/{{\/arrayData}}/g, "");
   I(() => () => {
     document.removeEventListener("mousemove", null), document.removeEventListener("mouseup", null);
   }, []), I(() => {
-    j && j((e) => {
+    L && L((e) => {
       Ve(e);
     });
   }, []), I(() => {
-    const e = T();
+    const e = H();
     if (!e) return;
     e.querySelectorAll("table").forEach((n) => {
-      ge(n), n.querySelectorAll("th, td").forEach((s) => Y(s));
+      ae(n), n.querySelectorAll("th, td").forEach((i) => X(i));
     });
   }, []);
-  const de = (e) => {
+  const me = (e) => {
     for (; e && e.nodeName !== "LI"; )
       e = e.parentNode;
     return e;
-  }, Fe = (e) => {
-    let t = 0, n = e.parentElement;
-    for (; n; )
-      (n.tagName === "UL" || n.tagName === "OL") && t++, n = n.parentElement;
-    return t;
-  }, Pe = (e) => {
-    const t = e.querySelector("li"), n = t ? Fe(t) : 1;
-    if (e.querySelector("[data-hidden-array-start]")) return;
-    const a = `{{#arrayData${n > 1 ? n : ""}}}`, s = `{{/arrayData${n > 1 ? n : ""}}}`, l = document.createElement("span");
-    l.textContent = a, l.style.display = "none", l.setAttribute("data-hidden-array-start", "true"), e.insertBefore(l, e.firstChild);
-    const c = document.createElement("span");
-    c.textContent = s, c.style.display = "none", c.setAttribute("data-hidden-array-end", "true"), e.appendChild(c);
-  }, ue = (e) => {
+  }, ge = (e) => {
     var v;
     const t = window.getSelection();
     if (!(t != null && t.rangeCount)) return;
-    const n = t.getRangeAt(0), a = de(n.startContainer);
-    let s, l;
-    if (a) {
-      let h = a.querySelector(e);
-      h || (h = document.createElement(e), h.style.margin = "0", h.style.paddingLeft = "20px", a.appendChild(h)), l = h, s = document.createElement("li"), s.textContent = "​", l.appendChild(s);
+    const n = t.getRangeAt(0), o = me(n.startContainer);
+    let i, l;
+    if (o) {
+      let y = o.querySelector(e);
+      y || (y = document.createElement(e), y.style.margin = "0", y.style.paddingLeft = "20px", o.appendChild(y)), l = y, i = document.createElement("li"), i.textContent = "​", l.appendChild(i);
     } else {
       document.execCommand(e === "ul" ? "insertUnorderedList" : "insertOrderedList");
-      const h = T();
-      if (l = h == null ? void 0 : h.querySelector(`${e}:last-child`), !l) return;
-      s = l.querySelector("li:last-child");
+      const y = H();
+      if (l = y == null ? void 0 : y.querySelector(`${e}:last-child`), !l) return;
+      i = l.querySelector("li:last-child");
     }
-    Pe(l);
     const c = document.createRange();
-    c.setStart(s, 0), c.collapse(!0), t.removeAllRanges(), t.addRange(c), (v = T()) == null || v.focus(), S();
-  }, ne = (e, t) => {
-    e === "insertOrderedList" ? ue("ol") : e === "insertUnorderedList" ? ue("ul") : e.startsWith("justify") ? ct(e) : se(e, t), e === "insertTable" && Qe();
-  }, Ie = (e) => {
+    c.setStart(i, 0), c.collapse(!0), t.removeAllRanges(), t.addRange(c), (v = H()) == null || v.focus(), S();
+  }, re = (e, t) => {
+    e === "insertOrderedList" ? ge("ol") : e === "insertUnorderedList" ? ge("ul") : e.startsWith("justify") ? lt(e) : ue(e, t), e === "insertTable" && Ze();
+  }, Pe = (e) => {
     const t = document.createElement("span");
     t.textContent = "​", e.insertNode(t), e.setStartAfter(t), e.collapse(!0);
     const n = t.getBoundingClientRect();
-    t.remove(), G({
+    t.remove(), Y({
       x: n.left,
       y: n.bottom + window.scrollY
-    }), M(r || []), B(!0), U.current = e.cloneRange();
-  }, Be = () => {
+    }), k(r || []), _(!0), $.current = e.cloneRange();
+  }, qe = () => {
     const e = window.getSelection();
     if (!e || e.rangeCount === 0) return null;
     const t = e.anchorNode;
     let n = e.anchorOffset;
     if (!t) return null;
-    let a = t;
-    for (a.nodeType !== Node.TEXT_NODE && (a.childNodes && a.childNodes[n] ? a = a.childNodes[n] : a = t.previousSibling); a; ) {
-      if (a.nodeType === Node.TEXT_NODE) {
-        const s = a.textContent || "", l = a === t ? n : s.length, c = s.lastIndexOf("@", l - 1);
+    let o = t;
+    for (o.nodeType !== Node.TEXT_NODE && (o.childNodes && o.childNodes[n] ? o = o.childNodes[n] : o = t.previousSibling); o; ) {
+      if (o.nodeType === Node.TEXT_NODE) {
+        const i = o.textContent || "", l = o === t ? n : i.length, c = i.lastIndexOf("@", l - 1);
         if (c !== -1) {
           const v = document.createRange();
-          return v.setStart(a, c), v.setEnd(a, l), v;
+          return v.setStart(o, c), v.setEnd(o, l), v;
         }
       }
-      a = a.previousSibling;
+      o = o.previousSibling;
     }
     return null;
-  }, qe = (e) => {
+  }, Be = (e) => {
     var l;
     const t = window.getSelection();
     if (!t) return;
-    const n = Be();
-    n ? (t.removeAllRanges(), t.addRange(n)) : U.current && (t.removeAllRanges(), t.addRange(U.current));
-    const a = document.createElement("span");
-    a.textContent = `{{${e.name}}}`, a.style.display = "inline", a.setAttribute("data-mention", e.value || e.name || "");
+    const n = qe();
+    n ? (t.removeAllRanges(), t.addRange(n)) : $.current && (t.removeAllRanges(), t.addRange($.current));
+    const o = document.createElement("span");
+    o.textContent = `{{${e.name}}}`, o.style.display = "inline", o.setAttribute("data-mention", e.value || e.name || "");
     try {
       const c = t.rangeCount ? t.getRangeAt(0) : null;
       if (c)
-        c.deleteContents(), c.insertNode(a);
+        c.deleteContents(), c.insertNode(o);
       else {
-        const E = document.createRange(), g = T();
-        E.selectNodeContents(g), E.collapse(!1), E.insertNode(a);
+        const f = document.createRange(), u = H();
+        f.selectNodeContents(u), f.collapse(!1), f.insertNode(o);
       }
       const v = document.createTextNode(" ");
-      a.after(v);
-      const h = document.createRange();
-      h.setStartAfter(v), h.collapse(!0), t.removeAllRanges(), t.addRange(h);
+      o.after(v);
+      const y = document.createRange();
+      y.setStartAfter(v), y.collapse(!0), t.removeAllRanges(), t.addRange(y);
     } catch (c) {
       console.error("insertMention error:", c);
     }
-    let s = ze([...ie, e]);
-    te(s), O(s), B(!1), (l = T()) == null || l.focus(), S();
+    let i = Ne([...de, e]);
+    ne(i), x(i), _(!1), (l = H()) == null || l.focus(), S();
   }, Ue = (e) => {
-    const t = T();
+    const t = H();
     if (!t) return;
     let n = null;
-    N.current && t.contains(N.current.startContainer) ? n = N.current.cloneRange() : (n = document.createRange(), n.selectNodeContents(t), n.collapse(!1));
-    const a = window.getSelection();
-    if (!a) return;
-    a.removeAllRanges(), a.addRange(n);
-    const s = document.createElement("span");
-    s.textContent = `{{${e.name}}}`, s.style.display = "inline", s.setAttribute("data-mention", e.value || e.name), n.insertNode(s);
+    D.current && t.contains(D.current.startContainer) ? n = D.current.cloneRange() : (n = document.createRange(), n.selectNodeContents(t), n.collapse(!1));
+    const o = window.getSelection();
+    if (!o) return;
+    o.removeAllRanges(), o.addRange(n);
+    const i = document.createElement("span");
+    i.textContent = `{{${e.name}}}`, i.style.display = "inline", i.setAttribute("data-mention", e.value || e.name), n.insertNode(i);
     const l = document.createTextNode(" ");
-    s.after(l);
+    i.after(l);
     const c = document.createRange();
-    c.setStartAfter(l), c.collapse(!0), a.removeAllRanges(), a.addRange(c), N.current = c.cloneRange(), t.focus();
+    c.setStartAfter(l), c.collapse(!0), o.removeAllRanges(), o.addRange(c), D.current = c.cloneRange(), t.focus();
   }, Ve = (e) => {
-    e.forEach((t) => Ue(t)), te((t) => {
-      const n = [...t, ...e], a = Array.from(new Map(n.map((s) => [s.name, s])).values());
-      return O(a), a;
+    e.forEach((t) => Ue(t)), ne((t) => {
+      const n = [...t, ...e], o = Array.from(new Map(n.map((i) => [i.name, i])).values());
+      return x(o), o;
     }), S();
   }, $e = () => {
-    const e = T();
+    const e = H();
     if (!e) return [];
     const t = e.querySelectorAll("span[data-mention]"), n = [];
-    return t.forEach((a) => {
-      const s = a.getAttribute("data-mention") || "", c = (a.textContent || "").match(/{{(.+?)}}/);
+    return t.forEach((o) => {
+      const i = o.getAttribute("data-mention") || "", c = (o.textContent || "").match(/{{(.+?)}}/);
       c && n.push({
         name: c[1],
-        value: s
+        value: i
       });
     }), n;
   }, We = (e) => {
-    var n, a, s;
+    var n, o, i;
     const t = e.key.toLowerCase();
-    if ((e.ctrlKey || e.metaKey) && ["b", "i", "u"].includes(t) && (e.preventDefault(), ne(t === "b" ? "bold" : t === "i" ? "italic" : t === "u" ? "underline" : "")), e.shiftKey && e.key === "2" && e.preventDefault(), e.key === "Enter") {
-      const l = window.getSelection(), c = l != null && l.anchorNode ? de(l.anchorNode) : null;
+    if ((e.ctrlKey || e.metaKey) && ["b", "i", "u"].includes(t) && (e.preventDefault(), re(t === "b" ? "bold" : t === "i" ? "italic" : t === "u" ? "underline" : "")), e.shiftKey && e.key === "2" && e.preventDefault(), e.key === "Enter") {
+      const l = window.getSelection(), c = l != null && l.anchorNode ? me(l.anchorNode) : null;
       if (!c) return;
       if (((n = c.textContent) == null ? void 0 : n.replace(/\u200B/g, "").trim()) === "") {
         e.preventDefault();
-        const h = c.parentElement, E = h == null ? void 0 : h.closest("li");
-        if (E) {
-          h == null || h.removeChild(c);
-          const g = document.createElement("p");
-          g.innerHTML = "<br />", (a = E.parentElement) == null || a.insertBefore(g, E.nextSibling);
-          const y = document.createRange();
-          y.setStart(g, 0), y.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(y);
+        const y = c.parentElement, f = y == null ? void 0 : y.closest("li");
+        if (f) {
+          y == null || y.removeChild(c);
+          const u = document.createElement("p");
+          u.innerHTML = "<br />", (o = f.parentElement) == null || o.insertBefore(u, f.nextSibling);
+          const g = document.createRange();
+          g.setStart(u, 0), g.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(g);
         } else {
-          const g = c.closest("ul, ol");
-          if (g) {
-            const y = document.createElement("p");
-            y.innerHTML = "<br />", (s = g.parentElement) == null || s.insertBefore(y, g.nextSibling), g.removeChild(c);
-            const x = document.createRange();
-            x.setStart(y, 0), x.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(x);
+          const u = c.closest("ul, ol");
+          if (u) {
+            const g = document.createElement("p");
+            g.innerHTML = "<br />", (i = u.parentElement) == null || i.insertBefore(g, u.nextSibling), u.removeChild(c);
+            const b = document.createRange();
+            b.setStart(g, 0), b.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(b);
           }
         }
         S();
@@ -1004,19 +1011,19 @@ const Xt = ({
     if (e.data === "@") {
       const n = window.getSelection();
       if (!(n != null && n.rangeCount)) return;
-      const a = n.anchorNode;
-      if (Xe(a))
+      const o = n.anchorNode;
+      if (oe(o))
         return;
       setTimeout(() => {
-        Ie(n.getRangeAt(0)), ce(""), M(r), B(!0);
+        Pe(n.getRangeAt(0)), te(""), k(r), _(!0);
       }, 0);
       return;
     }
-    if (q) {
-      setTimeout(() => me(), 0);
+    if (F) {
+      setTimeout(() => fe(), 0);
       return;
     }
-  }, Xe = (e) => {
+  }, oe = (e) => {
     if (!e) return !1;
     let t = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
     for (; t; ) {
@@ -1024,83 +1031,89 @@ const Xt = ({
       t = t.parentElement;
     }
     return !1;
-  }, me = () => {
-    if (S(), !q) return;
+  }, fe = () => {
+    S();
     const e = window.getSelection();
     if (!e || !e.anchorNode) return;
-    const n = (e.anchorNode.textContent || "").match(/@([a-zA-Z0-9_]*)$/);
+    if (oe(e.anchorNode)) {
+      _(!1);
+      return;
+    }
+    let t = e.anchorNode.textContent || "";
+    t = t.replace(/\u00A0/g, " ");
+    const n = t.match(/@([^\n]*)$/);
     if (!n) {
-      B(!1);
+      _(!1);
       return;
     }
-    const a = n[1].toLowerCase();
-    ce(a);
-    const s = r.filter((l) => l.name.toLowerCase().includes(a));
-    M(s);
-  }, Ye = (e) => {
-    var a;
-    const t = (a = e.target.files) == null ? void 0 : a[0];
+    const o = n[1].trim().toLowerCase();
+    te(o);
+    const i = r.filter((l) => l.name.toLowerCase().includes(o));
+    i.length > 0 ? (k(i), _(!0)) : _(!1);
+  }, Xe = (e) => {
+    var o;
+    const t = (o = e.target.files) == null ? void 0 : o[0];
     if (!t) return;
     const n = new FileReader();
-    n.onload = (s) => {
-      var x;
-      const l = (x = s.target) == null ? void 0 : x.result;
-      $();
+    n.onload = (i) => {
+      var b;
+      const l = (b = i.target) == null ? void 0 : b.result;
+      K();
       const c = window.getSelection();
       let v = c && c.rangeCount ? c.getRangeAt(0) : null;
-      const h = document.createElement("img");
-      h.src = l, h.alt = t.name || "image", h.className = "rte-inserted-image", h.contentEditable = "true";
-      const E = T();
-      if (!v || !E) {
-        E == null || E.appendChild(h);
-        const Re = document.createTextNode(" ");
-        E == null || E.appendChild(Re);
-        const re = document.createRange();
-        re.setStartAfter(Re), re.collapse(!0), c == null || c.removeAllRanges(), c == null || c.addRange(re), E == null || E.focus(), S(), e.target.value = "";
+      const y = document.createElement("img");
+      y.src = l, y.alt = t.name || "image", y.className = "rte-inserted-image", y.contentEditable = "true";
+      const f = H();
+      if (!v || !f) {
+        f == null || f.appendChild(y);
+        const Le = document.createTextNode(" ");
+        f == null || f.appendChild(Le);
+        const le = document.createRange();
+        le.setStartAfter(Le), le.collapse(!0), c == null || c.removeAllRanges(), c == null || c.addRange(le), f == null || f.focus(), S(), e.target.value = "";
         return;
       }
-      v.deleteContents(), v.insertNode(h);
-      const g = document.createTextNode(" ");
-      h.after(g);
-      const y = document.createRange();
-      y.setStartAfter(g), y.collapse(!0), c.removeAllRanges(), c.addRange(y), E.focus(), S(), e.target.value = "";
+      v.deleteContents(), v.insertNode(y);
+      const u = document.createTextNode(" ");
+      y.after(u);
+      const g = document.createRange();
+      g.setStartAfter(u), g.collapse(!0), c.removeAllRanges(), c.addRange(g), f.focus(), S(), e.target.value = "";
     }, n.readAsDataURL(t);
-  }, Ze = (e) => {
-    var s;
-    $();
+  }, Ye = (e) => {
+    var i;
+    K();
     const t = window.getSelection();
     if (!(t != null && t.rangeCount)) return;
-    const n = t.getRangeAt(0), a = document.createTextNode(e);
-    n.insertNode(a), n.setStartAfter(a), n.collapse(!0), t.removeAllRanges(), t.addRange(n), (s = T()) == null || s.focus(), S();
-  }, Qe = () => {
-    var E;
-    $();
+    const n = t.getRangeAt(0), o = document.createTextNode(e);
+    n.insertNode(o), n.setStartAfter(o), n.collapse(!0), t.removeAllRanges(), t.addRange(n), (i = H()) == null || i.focus(), S();
+  }, Ze = () => {
+    var f;
+    dt(), K();
     const e = document.createElement("table");
-    e.style.borderCollapse = "collapse", e.style.width = "100%", e.style.border = "1px solid #ccc", e.style.margin = "8px 0", e.style.position = "relative", e.style.textAlign = "center", f.table && e.classList.add(f.table);
+    e.style.borderCollapse = "collapse", e.style.width = "100%", e.style.border = "1px solid #ccc", e.style.margin = "8px 0", e.style.position = "relative", e.style.textAlign = "center", p.table && e.classList.add(p.table);
     const t = document.createElement("thead");
-    f.thead && t.classList.add(f.thead);
+    p.thead && t.classList.add(p.thead);
     const n = document.createElement("tbody");
-    f.tbody && n.classList.add(f.tbody);
-    const a = document.createElement("tr");
-    f.tr && a.classList.add(f.tr);
-    const s = document.createElement("tr");
-    f.tr && s.classList.add(f.tr);
-    for (let g = 0; g < 2; g++) {
-      const y = document.createElement("th");
-      y.textContent = `Header ${g + 1}`, y.style.border = "1px solid #999", y.style.padding = "4px", y.style.position = "relative", y.style.backgroundColor = "lightgray", f.th && y.classList.add(f.th);
-      const x = document.createElement("td");
-      x.textContent = `Row 1 Col ${g + 1}`, x.style.border = "1px solid #999", x.style.padding = "4px", x.style.position = "relative", x.style.backgroundColor = "#fff", f.td && x.classList.add(f.td), Y(y), Y(x), a.appendChild(y), s.appendChild(x);
+    p.tbody && n.classList.add(p.tbody);
+    const o = document.createElement("tr");
+    p.tr && o.classList.add(p.tr);
+    const i = document.createElement("tr");
+    p.tr && i.classList.add(p.tr);
+    for (let u = 0; u < 2; u++) {
+      const g = document.createElement("th");
+      g.textContent = "", g.style.border = "1px solid #999", g.style.padding = "4px", g.style.position = "relative", g.style.backgroundColor = "lightgray", g.style.height = "20px", p.th && g.classList.add(p.th);
+      const b = document.createElement("td");
+      b.textContent = "", b.style.border = "1px solid #999", b.style.padding = "4px", b.style.position = "relative", b.style.backgroundColor = "#fff", b.style.height = "20px", p.td && b.classList.add(p.td), X(g), X(b), o.appendChild(g), i.appendChild(b);
     }
-    t.appendChild(a), n.appendChild(s), e.appendChild(t), e.appendChild(n), ge(e);
+    t.appendChild(o), n.appendChild(i), e.appendChild(t), e.appendChild(n), ae(e);
     const l = window.getSelection();
     if (!(l != null && l.rangeCount)) return;
     const c = l.getRangeAt(0);
     c.collapse(!1), c.insertNode(e);
     const v = document.createElement("p");
     v.innerHTML = "<br/>", e.after(v);
-    const h = document.createRange();
-    h.setStart(v, 0), h.collapse(!0), l.removeAllRanges(), l.addRange(h), (E = T()) == null || E.focus(), S();
-  }, ge = (e) => {
+    const y = document.createRange();
+    y.setStart(v, 0), y.collapse(!0), l.removeAllRanges(), l.addRange(y), (f = H()) == null || f.focus(), S();
+  }, ae = (e) => {
     const t = document.createElement("div");
     Object.assign(t.style, {
       position: "absolute",
@@ -1113,26 +1126,26 @@ const Xt = ({
       zIndex: "20",
       borderRadius: "2px"
     }), t.style.userSelect = "none", t.contentEditable = "false";
-    let n = 0, a = 0, s = 0, l = 0;
+    let n = 0, o = 0, i = 0, l = 0;
     t.addEventListener("mousedown", (c) => {
-      c.preventDefault(), n = c.clientX, a = c.clientY;
+      c.preventDefault(), n = c.clientX, o = c.clientY;
       const v = e.getBoundingClientRect();
-      s = v.width, l = v.height;
-      const h = (g) => {
-        const y = Math.max(100, s + (g.clientX - n)), x = Math.max(60, l + (g.clientY - a));
-        e.style.width = `${y}px`, e.style.height = `${x}px`, S();
-      }, E = () => {
-        document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", E), S();
+      i = v.width, l = v.height;
+      const y = (u) => {
+        const g = Math.max(100, i + (u.clientX - n)), b = Math.max(20, l + (u.clientY - o));
+        e.style.width = `${g}px`, e.style.height = `${b}px`, S();
+      }, f = () => {
+        document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", f), S();
       };
-      document.addEventListener("mousemove", h), document.addEventListener("mouseup", E);
+      document.addEventListener("mousemove", y), document.addEventListener("mouseup", f);
     }), e.appendChild(t);
-  }, Y = (e) => {
+  }, X = (e) => {
     const t = document.createElement("div"), n = document.createElement("div");
     Object.assign(t.style, {
       position: "absolute",
       right: "0",
       top: "0",
-      width: "6px",
+      width: "4px",
       height: "100%",
       cursor: "col-resize",
       background: "rgba(0,0,0,0.15)",
@@ -1147,7 +1160,7 @@ const Xt = ({
       bottom: "0",
       left: "0",
       width: "100%",
-      height: "6px",
+      height: "4px",
       cursor: "row-resize",
       background: "rgba(0,0,0,0.15)",
       zIndex: "10",
@@ -1156,70 +1169,70 @@ const Xt = ({
       MozUserSelect: "none",
       msUserSelect: "none",
       pointerEvents: "auto"
-    }), n.contentEditable = "false", Je(e, t, n), e.appendChild(t), e.appendChild(n);
-  }, Je = (e, t, n) => {
-    let a = 0, s = 0, l = 0, c = 0;
-    t.addEventListener("mousedown", (g) => {
-      g.preventDefault(), a = g.clientX, l = e.offsetWidth, document.addEventListener("mousemove", v), document.addEventListener("mouseup", E);
-    }), n.addEventListener("mousedown", (g) => {
-      g.preventDefault(), s = g.clientY, c = e.offsetHeight, document.addEventListener("mousemove", h), document.addEventListener("mouseup", E);
+    }), n.contentEditable = "false", Qe(e, t, n), e.appendChild(t), e.appendChild(n);
+  }, Qe = (e, t, n) => {
+    let o = 0, i = 0, l = 0, c = 0;
+    t.addEventListener("mousedown", (u) => {
+      u.preventDefault(), o = u.clientX, l = e.offsetWidth, document.addEventListener("mousemove", v), document.addEventListener("mouseup", f);
+    }), n.addEventListener("mousedown", (u) => {
+      u.preventDefault(), i = u.clientY, c = e.offsetHeight, document.addEventListener("mousemove", y), document.addEventListener("mouseup", f);
     });
-    const v = (g) => {
-      const y = l + (g.clientX - a);
-      e.style.width = `${Math.max(30, y)}px`, S();
-    }, h = (g) => {
-      const y = c + (g.clientY - s);
-      e.style.height = `${Math.max(20, y)}px`, S();
-    }, E = () => {
-      document.removeEventListener("mousemove", v), document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", E), S();
+    const v = (u) => {
+      const g = l + (u.clientX - o);
+      e.style.width = `${Math.max(30, g)}px`, S();
+    }, y = (u) => {
+      const g = c + (u.clientY - i);
+      e.style.height = `${Math.max(20, g)}px`, S();
+    }, f = () => {
+      document.removeEventListener("mousemove", v), document.removeEventListener("mousemove", y), document.removeEventListener("mouseup", f), S();
     };
-  }, Ge = (e) => {
+  }, Je = (e) => {
     const n = e.target.closest("td, th");
-    n && (e.preventDefault(), document.querySelectorAll(".rte-cell-highlight").forEach((a) => a.classList.remove("rte-cell-highlight")), n.classList.add("rte-cell-highlight"), m({
+    n && (e.preventDefault(), document.querySelectorAll(".rte-cell-highlight").forEach((o) => o.classList.remove("rte-cell-highlight")), n.classList.add("rte-cell-highlight"), h({
       visible: !0,
       x: e.clientX,
       y: e.clientY,
       cell: n
     }));
-  }, fe = () => {
+  }, he = () => {
     document.querySelectorAll(".rte-cell-highlight").forEach((e) => e.classList.remove("rte-cell-highlight"));
-  }, et = (e) => {
-    if (!D.cell) return;
-    const t = D.cell.closest("table"), n = D.cell.cellIndex, a = D.cell.parentElement.rowIndex, s = (l) => {
+  }, Ge = (e) => {
+    if (!O.cell) return;
+    const t = O.cell.closest("table"), n = O.cell.cellIndex, o = O.cell.parentElement.rowIndex, i = (l) => {
       const c = l.tagName.toLowerCase(), v = document.createElement(c);
-      return v.textContent = l.textContent || "", v.style.cssText = l.style.cssText, Y(v), v;
+      return v.textContent = "", v.style.cssText = l.style.cssText, X(v), v;
     };
     switch (e) {
       case "insertRowAbove": {
-        const l = t.rows[a], c = t.insertRow(a);
+        const l = t.rows[o], c = t.insertRow(o);
         Array.from(l.cells).forEach((v) => {
-          c.appendChild(s(v));
+          c.appendChild(i(v));
         });
         break;
       }
       case "insertRowBelow": {
-        const l = t.rows[a], c = t.insertRow(a + 1);
+        const l = t.rows[o], c = t.insertRow(o + 1);
         Array.from(l.cells).forEach((v) => {
-          c.appendChild(s(v));
+          c.appendChild(i(v));
         });
         break;
       }
       case "insertColLeft": {
         Array.from(t.rows).forEach((l) => {
           const c = l.cells[n];
-          l.insertBefore(s(c), c);
+          l.insertBefore(i(c), c);
         });
         break;
       }
       case "insertColRight": {
         Array.from(t.rows).forEach((l) => {
           const c = l.cells[n];
-          l.insertBefore(s(c), c.nextSibling);
+          l.insertBefore(i(c), c.nextSibling);
         });
         break;
       }
       case "deleteRow":
-        t.rows.length > 1 && t.deleteRow(a);
+        t.rows.length > 1 && t.deleteRow(o);
         break;
       case "deleteCol":
         Array.from(t.rows).forEach((l) => {
@@ -1227,31 +1240,31 @@ const Xt = ({
         });
         break;
     }
-    S(), m(oe(ae({}, D), {
+    S(), h(ie(ce({}, O), {
       visible: !1
-    })), fe();
-  }, tt = () => {
-    V(), X.current = N.current, le({
+    })), he();
+  }, et = () => {
+    W(), Z.current = D.current, se({
       url: "",
       text: "",
       title: "",
       target: "_self"
-    }), H(!0);
-  }, nt = (e) => {
+    }), j(!0);
+  }, tt = (e) => {
     const t = window.getSelection();
-    if (!t || !X.current) return;
-    t.removeAllRanges(), t.addRange(X.current);
+    if (!t || !Z.current) return;
+    t.removeAllRanges(), t.addRange(Z.current);
     let n = e.url.trim();
     /^https?:\/\//i.test(n) || (n = "https://" + n);
-    const a = document.createElement("a");
-    a.href = n, a.style.cursor = "pointer", a.style.outline = "none", a.textContent = e.text || n, a.title = e.title, a.target = e.target, a.contentEditable = "true";
-    const s = t.getRangeAt(0);
-    s.deleteContents(), s.insertNode(a);
+    const o = document.createElement("a");
+    o.href = n, o.style.cursor = "pointer", o.style.outline = "none", o.textContent = e.text || n, o.title = e.title, o.target = e.target, o.contentEditable = "true";
+    const i = t.getRangeAt(0);
+    i.deleteContents(), i.insertNode(o);
     const l = document.createTextNode(" ");
-    a.after(l);
+    o.after(l);
     const c = document.createRange();
-    c.setStartAfter(l), c.collapse(!0), t.removeAllRanges(), t.addRange(c), H(!1), S();
-  }, rt = (e) => {
+    c.setStartAfter(l), c.collapse(!0), t.removeAllRanges(), t.addRange(c), j(!1), S();
+  }, nt = (e) => {
     const t = e.target;
     if (t.tagName === "A") {
       const n = t;
@@ -1260,176 +1273,250 @@ const Xt = ({
         return;
       }
       e.preventDefault();
-      const a = document.createRange();
-      a.selectNode(n), X.current = a, le({
+      const o = document.createRange();
+      o.selectNode(n), Z.current = o, se({
         url: n.href,
         text: n.textContent || n.href,
         title: n.title,
         target: n.target
-      }), H(!0);
+      }), j(!0);
     }
-  }, at = () => {
-    const e = T();
+  }, rt = () => {
+    const e = H();
     if (!e) return;
     const t = window.getSelection();
-    if ((!t || t.rangeCount === 0) && N.current) {
-      const g = window.getSelection();
-      g == null || g.removeAllRanges(), g == null || g.addRange(N.current);
+    if ((!t || t.rangeCount === 0) && D.current) {
+      const u = window.getSelection();
+      u == null || u.removeAllRanges(), u == null || u.addRange(D.current);
     }
     const n = window.getSelection();
     if (!n || n.rangeCount === 0) return;
-    const a = n.getRangeAt(0);
-    $(), document.execCommand("removeFormat", !1);
-    const s = a.cloneContents(), l = document.createElement("div");
-    l.appendChild(s);
+    const o = n.getRangeAt(0);
+    K(), document.execCommand("removeFormat", !1);
+    const i = o.cloneContents(), l = document.createElement("div");
+    l.appendChild(i);
     const c = document.createTreeWalker(l, NodeFilter.SHOW_ELEMENT, null), v = [];
     for (; c.nextNode(); ) {
-      const g = c.currentNode, y = g.tagName.toUpperCase(), x = g.getAttribute && g.getAttribute("data-mention") !== null;
-      y !== "A" && !x && v.push(g);
+      const u = c.currentNode, g = u.tagName.toUpperCase(), b = u.getAttribute && u.getAttribute("data-mention") !== null;
+      g !== "A" && !b && v.push(u);
     }
-    for (let g = v.length - 1; g >= 0; g--) {
-      const y = v[g], x = y.parentNode;
-      if (x) {
-        for (; y.firstChild; ) x.insertBefore(y.firstChild, y);
-        x.removeChild(y);
+    for (let u = v.length - 1; u >= 0; u--) {
+      const g = v[u], b = g.parentNode;
+      if (b) {
+        for (; g.firstChild; ) b.insertBefore(g.firstChild, g);
+        b.removeChild(g);
       }
     }
-    l.querySelectorAll("[style]").forEach((g) => g.removeAttribute("style")), a.deleteContents();
-    const h = document.createDocumentFragment();
-    for (; l.firstChild; ) h.appendChild(l.firstChild);
-    a.insertNode(h);
-    const E = document.createRange();
-    E.setStartAfter(a.endContainer.nodeType === Node.TEXT_NODE ? a.endContainer : a.startContainer), E.collapse(!0), n.removeAllRanges(), n.addRange(E), e.normalize(), S();
+    l.querySelectorAll("[style]").forEach((u) => u.removeAttribute("style")), o.deleteContents();
+    const y = document.createDocumentFragment();
+    for (; l.firstChild; ) y.appendChild(l.firstChild);
+    o.insertNode(y);
+    const f = document.createRange();
+    f.setStartAfter(o.endContainer.nodeType === Node.TEXT_NODE ? o.endContainer : o.startContainer), f.collapse(!0), n.removeAllRanges(), n.addRange(f), e.normalize(), S();
   }, ot = (e) => {
-    var a;
+    var o;
     let t = e;
     t = t.replace(/{{#arrayData\d*}}/g, ""), t = t.replace(/{{\/arrayData\d*}}/g, "");
     const n = document.createElement("div");
-    return n.innerHTML = t, n.querySelectorAll("br").forEach((s) => {
-      s.replaceWith(`
+    return n.innerHTML = t, n.querySelectorAll("br").forEach((i) => {
+      i.replaceWith(`
 `);
-    }), n.querySelectorAll("p, div, tr").forEach((s) => {
-      s.insertAdjacentText("afterend", `
+    }), n.querySelectorAll("p, div, tr").forEach((i) => {
+      i.insertAdjacentText("afterend", `
 `);
-    }), n.querySelectorAll("table").forEach((s) => {
-      s.insertAdjacentText("afterend", `
+    }), n.querySelectorAll("table").forEach((i) => {
+      i.insertAdjacentText("afterend", `
 `);
-    }), ((a = n.textContent) == null ? void 0 : a.replace(/\n{3,}/g, `
+    }), ((o = n.textContent) == null ? void 0 : o.replace(/\n{3,}/g, `
 
 `).trim()) || "";
   };
-  function lt() {
+  function at() {
     const e = window.getSelection();
     if (!e || e.rangeCount === 0) return [];
-    const t = e.getRangeAt(0), n = t.commonAncestorContainer, a = n.nodeType === Node.ELEMENT_NODE ? n : n.parentElement;
-    return Array.from(a.querySelectorAll("td, th")).filter((l) => {
+    const t = e.getRangeAt(0);
+    if (t.collapsed) {
+      let l = t.startContainer, c = l.nodeType === Node.ELEMENT_NODE ? l : l.parentElement;
+      const v = c == null ? void 0 : c.closest("td, th");
+      return v ? [v] : [];
+    }
+    const n = t.commonAncestorContainer, o = n.nodeType === Node.ELEMENT_NODE ? n : n.parentElement;
+    return Array.from(o.querySelectorAll("td, th")).filter((l) => {
       const c = document.createRange();
       return c.selectNodeContents(l), t.compareBoundaryPoints(Range.END_TO_START, c) < 0 && t.compareBoundaryPoints(Range.START_TO_END, c) > 0;
     });
   }
-  function ct(e) {
-    const t = lt();
+  function lt(e) {
+    const t = at();
     if (t.length === 0) {
-      se(e);
+      ue(e);
       return;
     }
     let n = "left";
-    e === "justifyCenter" && (n = "center"), e === "justifyRight" && (n = "right"), t.forEach((a) => {
-      a.style.textAlign = n;
+    e === "justifyCenter" && (n = "center"), e === "justifyRight" && (n = "right"), t.forEach((o) => {
+      o.style.textAlign = n;
     }), S();
   }
-  const it = (e) => {
+  const ct = (e) => {
+    e.preventDefault();
     const t = e.clipboardData.items;
-    for (let n = 0; n < t.length; n++) {
-      const a = t[n];
-      if (a.kind === "file" && a.type.startsWith("image/")) {
-        e.preventDefault();
+    for (let f = 0; f < t.length; f++) {
+      const u = t[f];
+      if (u.kind === "file" && u.type.startsWith("image/"))
         return;
-      }
-      a.kind === "string" && a.getAsString((s) => {
-        /<img\s/i.test(s) && e.preventDefault();
+      u.kind === "string" && u.getAsString((g) => {
+        /<img\s/i.test(g);
       });
     }
-  }, st = (e) => {
-    $();
+    const n = e.clipboardData.getData("text/html") || "";
+    if (!n) return;
+    const o = document.createElement("div");
+    o.innerHTML = n;
+    const i = (f) => {
+      f.style.borderCollapse = "collapse", f.style.width = "100%", f.style.border = "1px solid #ccc", f.style.margin = "8px 0", f.style.position = "relative", f.style.textAlign = "center", f.querySelectorAll("th").forEach((u) => {
+        const g = u;
+        g.style.border = "1px solid #999", g.style.padding = "4px", g.style.position = "relative", g.style.backgroundColor = "lightgray", g.style.height = "20px";
+      }), f.querySelectorAll("td").forEach((u) => {
+        const g = u;
+        g.style.border = "1px solid #999", g.style.padding = "4px", g.style.position = "relative", g.style.backgroundColor = "#fff", g.style.height = "20px";
+      });
+    };
+    o.querySelectorAll("table").forEach((f) => i(f));
+    const l = window.getSelection();
+    if (!l || !l.rangeCount) return;
+    const c = l.getRangeAt(0);
+    c.deleteContents();
+    const v = document.createDocumentFragment();
+    for (; o.firstChild; ) v.appendChild(o.firstChild);
+    c.insertNode(v), c.collapse(!1), l.removeAllRanges(), l.addRange(c);
+    const y = A.current;
+    y && (y.querySelectorAll("table").forEach((f) => {
+      const u = f;
+      u.dataset.hasResizeHandle || (ae(u), u.dataset.hasResizeHandle = "true"), u.querySelectorAll("th, td").forEach((g) => {
+        const b = g;
+        b.dataset.hasResizeHandles || (X(b), b.dataset.hasResizeHandles = "true");
+      });
+    }), S());
+  }, it = (e) => {
+    K();
     const t = window.getSelection();
     if (!t || !t.rangeCount) return;
-    const n = t.getRangeAt(0), a = document.createElement("span");
-    a.style.fontSize = `${e}px`, a.appendChild(n.extractContents()), n.insertNode(a);
-    const s = document.createRange();
-    s.setStartAfter(a), s.collapse(!0), t.removeAllRanges(), t.addRange(s), S();
+    const n = t.getRangeAt(0), o = document.createElement("span");
+    o.style.fontSize = `${e}px`, o.appendChild(n.extractContents()), n.insertNode(o);
+    const i = document.createRange();
+    i.setStartAfter(o), i.collapse(!0), t.removeAllRanges(), t.addRange(i), S();
+  }, st = () => {
+    const e = window.getSelection();
+    if (!e || !e.anchorNode) return null;
+    const t = e.anchorNode;
+    if (oe(t) || t.nodeType !== Node.TEXT_NODE) return null;
+    const n = t.textContent || "", o = e.anchorOffset, i = n.lastIndexOf("@", o - 1);
+    if (i === -1) return null;
+    const l = n.substring(i + 1, o);
+    if (l.includes(" ") || l.includes(" ")) return null;
+    const c = document.createRange();
+    return c.setStart(t, i), c.setEnd(t, o), {
+      range: c,
+      query: l
+    };
+  }, pe = () => {
+    const e = st();
+    if (!e) return;
+    const {
+      range: t,
+      query: n
+    } = e, o = document.createElement("span");
+    o.textContent = "​", t.insertNode(o);
+    const i = o.getBoundingClientRect();
+    o.remove(), Y({
+      x: i.left,
+      y: i.bottom + window.scrollY
+    }), te(n.toLowerCase());
+    const l = r.filter((c) => c.name.toLowerCase().includes(n.toLowerCase()));
+    k(l), _(!0), $.current = t.cloneRange();
   };
-  return /* @__PURE__ */ o.createElement("div", {
-    className: `rte-wrapper ${(f == null ? void 0 : f.wrapper) || ""}`,
+  function dt() {
+    const e = A.current;
+    if (!e) return;
+    const t = window.getSelection();
+    if (!t || t.rangeCount > 0 && e.contains(t.anchorNode))
+      return;
+    const n = document.createRange();
+    n.selectNodeContents(e), n.collapse(!1), t.removeAllRanges(), t.addRange(n), D.current = n.cloneRange();
+  }
+  return /* @__PURE__ */ a.createElement("div", {
+    className: `rte-wrapper ${(p == null ? void 0 : p.wrapper) || ""}`,
     style: w.wrapper
-  }, /* @__PURE__ */ o.createElement("div", {
+  }, /* @__PURE__ */ a.createElement("div", {
     style: {
       flex: 1
     }
-  }, /* @__PURE__ */ o.createElement(It, {
-    exec: ne,
-    saveSelection: V,
-    handleFileChange: Ye,
-    handleFontSizeChange: (e) => st(e.target.value),
-    handleFontFamilyChange: (e) => ne("fontName", e.target.value),
-    insertEmoji: Ze,
-    handleLink: tt,
-    removeFormatting: at,
-    visibleActions: De,
-    className: f.toolbar,
+  }, /* @__PURE__ */ a.createElement(qt, {
+    exec: re,
+    saveSelection: W,
+    handleFileChange: Xe,
+    handleFontSizeChange: (e) => it(e.target.value),
+    handleFontFamilyChange: (e) => re("fontName", e.target.value),
+    insertEmoji: Ye,
+    handleLink: et,
+    removeFormatting: rt,
+    visibleActions: Oe,
+    className: p.toolbar,
     style: w.toolbar
-  }), /* @__PURE__ */ o.createElement("div", {
-    ref: k,
+  }), /* @__PURE__ */ a.createElement("div", {
+    ref: A,
     id: "rte-editor-body",
-    className: `rte-editor ${(f == null ? void 0 : f.editor) || ""}`,
+    className: `rte-editor ${(p == null ? void 0 : p.editor) || ""}`,
     style: w.editor,
     contentEditable: !0,
     suppressContentEditableWarning: !0,
-    onPaste: it,
-    onKeyUp: V,
-    onMouseUp: V,
+    onPaste: ct,
+    onKeyUp: () => {
+      W(), pe();
+    },
+    onMouseUp: W,
     onInput: () => {
-      me(), V();
+      fe(), W();
     },
     onKeyDown: We,
     onBeforeInput: Ke,
-    onContextMenu: Ge,
+    onContextMenu: Je,
     onClick: (e) => {
-      rt(e), V();
+      nt(e), W(), pe();
     }
-  }), /* @__PURE__ */ o.createElement(Bt, {
-    show: q,
-    position: F,
+  }), /* @__PURE__ */ a.createElement(Bt, {
+    show: F,
+    position: U,
     filtered: ee,
-    insertMention: qe,
-    onClose: () => B(!1),
-    query: Oe
-  }), i && /* @__PURE__ */ o.createElement("div", {
-    className: `rte-output ${(f == null ? void 0 : f.output) || ""}`,
+    insertMention: Be,
+    onClose: () => _(!1),
+    query: _e
+  }), s && /* @__PURE__ */ a.createElement("div", {
+    className: `rte-output ${(p == null ? void 0 : p.output) || ""}`,
     style: w.output
-  }, /* @__PURE__ */ o.createElement("h4", null, "Output HTML:"), /* @__PURE__ */ o.createElement("p", null, K)), /* @__PURE__ */ o.createElement(qt, {
-    visible: D.visible,
-    x: D.x,
-    y: D.y,
-    onAction: et,
+  }, /* @__PURE__ */ a.createElement("h4", null, "Output HTML:"), /* @__PURE__ */ a.createElement("p", null, q)), /* @__PURE__ */ a.createElement(Ut, {
+    visible: O.visible,
+    x: O.x,
+    y: O.y,
+    onAction: Ge,
     onClose: () => {
-      m(oe(ae({}, D), {
+      h(ie(ce({}, O), {
         visible: !1
-      })), fe();
+      })), he();
     }
-  }), /* @__PURE__ */ o.createElement(Vt, {
+  }), /* @__PURE__ */ a.createElement($t, {
     visible: C,
-    linkData: Te,
-    onClose: () => H(!1),
-    onInsert: nt
-  })), d ? /* @__PURE__ */ o.createElement(Ut, {
-    className: f.preview,
+    linkData: He,
+    onClose: () => j(!1),
+    onInsert: tt
+  })), d ? /* @__PURE__ */ a.createElement(Vt, {
+    className: p.preview,
     style: w.preview,
-    html: K
+    html: q
   }) : null);
 };
 export {
-  Xt as RichTextEditor,
-  Ut as RtePreview,
-  It as RteToolbar
+  Yt as RichTextEditor,
+  Vt as RtePreview,
+  qt as RteToolbar
 };