@ryzeup/richtexteditor 1.0.7 → 1.0.9

package/dist/index.es.js

@@ -1,172 +1,173 @@
-var Ke = Object.defineProperty, Xe = Object.defineProperties;
-var Ye = Object.getOwnPropertyDescriptors;
-var ve = Object.getOwnPropertySymbols;
-var Ze = Object.prototype.hasOwnProperty, Qe = Object.prototype.propertyIsEnumerable;
-var Ee = (t, c, i) => c in t ? Ke(t, c, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[c] = i, G = (t, c) => {
-  for (var i in c || (c = {}))
-    Ze.call(c, i) && Ee(t, i, c[i]);
-  if (ve)
-    for (var i of ve(c))
-      Qe.call(c, i) && Ee(t, i, c[i]);
-  return t;
-}, ee = (t, c) => Xe(t, Ye(c));
-import * as Je from "react";
-import r, { useRef as _, useState as A, useEffect as I } from "react";
-window.React = Je;
-var be = {
+var rt = Object.defineProperty, at = Object.defineProperties;
+var ot = Object.getOwnPropertyDescriptors;
+var be = Object.getOwnPropertySymbols;
+var lt = Object.prototype.hasOwnProperty, ct = Object.prototype.propertyIsEnumerable;
+var xe = (n, c, s) => c in n ? rt(n, c, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[c] = s, re = (n, c) => {
+  for (var s in c || (c = {}))
+    lt.call(c, s) && xe(n, s, c[s]);
+  if (be)
+    for (var s of be(c))
+      ct.call(c, s) && xe(n, s, c[s]);
+  return n;
+}, ae = (n, c) => at(n, ot(c));
+import * as it from "react";
+import o, { useRef as I, useState as z, useEffect as B } from "react";
+import { createPortal as st } from "react-dom";
+window.React = it;
+var ze = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, we = r.createContext && /* @__PURE__ */ r.createContext(be), Ge = ["attr", "size", "title"];
-function et(t, c) {
-  if (t == null) return {};
-  var i = tt(t, c), d, v;
+}, Le = o.createContext && /* @__PURE__ */ o.createContext(ze), dt = ["attr", "size", "title"];
+function ut(n, c) {
+  if (n == null) return {};
+  var s = mt(n, c), u, m;
   if (Object.getOwnPropertySymbols) {
-    var w = Object.getOwnPropertySymbols(t);
-    for (v = 0; v < w.length; v++)
-      d = w[v], !(c.indexOf(d) >= 0) && Object.prototype.propertyIsEnumerable.call(t, d) && (i[d] = t[d]);
+    var w = Object.getOwnPropertySymbols(n);
+    for (m = 0; m < w.length; m++)
+      u = w[m], !(c.indexOf(u) >= 0) && Object.prototype.propertyIsEnumerable.call(n, u) && (s[u] = n[u]);
   }
-  return i;
+  return s;
 }
-function tt(t, c) {
-  if (t == null) return {};
-  var i = {};
-  for (var d in t)
-    if (Object.prototype.hasOwnProperty.call(t, d)) {
-      if (c.indexOf(d) >= 0) continue;
-      i[d] = t[d];
+function mt(n, c) {
+  if (n == null) return {};
+  var s = {};
+  for (var u in n)
+    if (Object.prototype.hasOwnProperty.call(n, u)) {
+      if (c.indexOf(u) >= 0) continue;
+      s[u] = n[u];
     }
-  return i;
+  return s;
 }
-function X() {
-  return X = Object.assign ? Object.assign.bind() : function(t) {
+function Z() {
+  return Z = Object.assign ? Object.assign.bind() : function(n) {
     for (var c = 1; c < arguments.length; c++) {
-      var i = arguments[c];
-      for (var d in i)
-        Object.prototype.hasOwnProperty.call(i, d) && (t[d] = i[d]);
+      var s = arguments[c];
+      for (var u in s)
+        Object.prototype.hasOwnProperty.call(s, u) && (n[u] = s[u]);
     }
-    return t;
-  }, X.apply(this, arguments);
+    return n;
+  }, Z.apply(this, arguments);
 }
-function ye(t, c) {
-  var i = Object.keys(t);
+function Re(n, c) {
+  var s = Object.keys(n);
   if (Object.getOwnPropertySymbols) {
-    var d = Object.getOwnPropertySymbols(t);
-    c && (d = d.filter(function(v) {
-      return Object.getOwnPropertyDescriptor(t, v).enumerable;
-    })), i.push.apply(i, d);
+    var u = Object.getOwnPropertySymbols(n);
+    c && (u = u.filter(function(m) {
+      return Object.getOwnPropertyDescriptor(n, m).enumerable;
+    })), s.push.apply(s, u);
   }
-  return i;
+  return s;
 }
-function Y(t) {
+function Q(n) {
   for (var c = 1; c < arguments.length; c++) {
-    var i = arguments[c] != null ? arguments[c] : {};
-    c % 2 ? ye(Object(i), !0).forEach(function(d) {
-      nt(t, d, i[d]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(i)) : ye(Object(i)).forEach(function(d) {
-      Object.defineProperty(t, d, Object.getOwnPropertyDescriptor(i, d));
+    var s = arguments[c] != null ? arguments[c] : {};
+    c % 2 ? Re(Object(s), !0).forEach(function(u) {
+      gt(n, u, s[u]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(n, Object.getOwnPropertyDescriptors(s)) : Re(Object(s)).forEach(function(u) {
+      Object.defineProperty(n, u, Object.getOwnPropertyDescriptor(s, u));
     });
   }
-  return t;
+  return n;
 }
-function nt(t, c, i) {
-  return c = rt(c), c in t ? Object.defineProperty(t, c, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : t[c] = i, t;
+function gt(n, c, s) {
+  return c = ft(c), c in n ? Object.defineProperty(n, c, { value: s, enumerable: !0, configurable: !0, writable: !0 }) : n[c] = s, n;
 }
-function rt(t) {
-  var c = at(t, "string");
+function ft(n) {
+  var c = ht(n, "string");
   return typeof c == "symbol" ? c : c + "";
 }
-function at(t, c) {
-  if (typeof t != "object" || !t) return t;
-  var i = t[Symbol.toPrimitive];
-  if (i !== void 0) {
-    var d = i.call(t, c);
-    if (typeof d != "object") return d;
+function ht(n, c) {
+  if (typeof n != "object" || !n) return n;
+  var s = n[Symbol.toPrimitive];
+  if (s !== void 0) {
+    var u = s.call(n, c);
+    if (typeof u != "object") return u;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (c === "string" ? String : Number)(t);
+  return (c === "string" ? String : Number)(n);
 }
-function xe(t) {
-  return t && t.map((c, i) => /* @__PURE__ */ r.createElement(c.tag, Y({
-    key: i
-  }, c.attr), xe(c.child)));
+function ke(n) {
+  return n && n.map((c, s) => /* @__PURE__ */ o.createElement(c.tag, Q({
+    key: s
+  }, c.attr), ke(c.child)));
 }
-function S(t) {
-  return (c) => /* @__PURE__ */ r.createElement(ot, X({
-    attr: Y({}, t.attr)
-  }, c), xe(t.child));
+function S(n) {
+  return (c) => /* @__PURE__ */ o.createElement(pt, Z({
+    attr: Q({}, n.attr)
+  }, c), ke(n.child));
 }
-function ot(t) {
-  var c = (i) => {
+function pt(n) {
+  var c = (s) => {
     var {
-      attr: d,
-      size: v,
+      attr: u,
+      size: m,
       title: w
-    } = t, R = et(t, Ge), L = v || i.size || "1em", E;
-    return i.className && (E = i.className), t.className && (E = (E ? E + " " : "") + t.className), /* @__PURE__ */ r.createElement("svg", X({
+    } = n, R = ut(n, dt), x = m || s.size || "1em", E;
+    return s.className && (E = s.className), n.className && (E = (E ? E + " " : "") + n.className), /* @__PURE__ */ o.createElement("svg", Z({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, i.attr, d, R, {
+    }, s.attr, u, R, {
       className: E,
-      style: Y(Y({
-        color: t.color || i.color
-      }, i.style), t.style),
-      height: L,
-      width: L,
+      style: Q(Q({
+        color: n.color || s.color
+      }, s.style), n.style),
+      height: x,
+      width: x,
       xmlns: "http://www.w3.org/2000/svg"
-    }), w && /* @__PURE__ */ r.createElement("title", null, w), t.children);
+    }), w && /* @__PURE__ */ o.createElement("title", null, w), n.children);
   };
-  return we !== void 0 ? /* @__PURE__ */ r.createElement(we.Consumer, null, (i) => c(i)) : c(be);
+  return Le !== void 0 ? /* @__PURE__ */ o.createElement(Le.Consumer, null, (s) => c(s)) : c(ze);
 }
-function lt(t) {
-  return S({ 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: [] }] })(t);
+function vt(n) {
+  return S({ 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: [] }] })(n);
 }
-function ct(t) {
-  return S({ 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: [] }] })(t);
+function Et(n) {
+  return S({ 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: [] }] })(n);
 }
-function it(t) {
-  return S({ 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: [] }] })(t);
+function yt(n) {
+  return S({ 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: [] }] })(n);
 }
-function st(t) {
-  return S({ 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: [] }] })(t);
+function wt(n) {
+  return S({ 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: [] }] })(n);
 }
-function dt(t) {
-  return S({ 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: [] }] })(t);
+function Ct(n) {
+  return S({ 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: [] }] })(n);
 }
-function ut(t) {
-  return S({ 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: [] }] })(t);
+function bt(n) {
+  return S({ 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: [] }] })(n);
 }
-function mt(t) {
-  return S({ 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: [] }] })(t);
+function xt(n) {
+  return S({ 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: [] }] })(n);
 }
-function gt(t) {
-  return S({ 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: [] }] })(t);
+function Lt(n) {
+  return S({ 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: [] }] })(n);
 }
-function ht(t) {
-  return S({ 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: [] }] })(t);
+function Rt(n) {
+  return S({ 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: [] }] })(n);
 }
-function ft(t) {
-  return S({ 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: [] }] })(t);
+function St(n) {
+  return S({ 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: [] }] })(n);
 }
-function pt(t) {
-  return S({ 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: [] }] })(t);
+function Mt(n) {
+  return S({ 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: [] }] })(n);
 }
-function vt(t) {
-  return S({ 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: [] }] })(t);
+function zt(n) {
+  return S({ 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: [] }] })(n);
 }
-function Et(t) {
-  return S({ 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: [] }] })(t);
+function kt(n) {
+  return S({ 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: [] }] })(n);
 }
-function wt(t) {
-  return S({ 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: [] }] })(t);
+function At(n) {
+  return S({ 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: [] }] })(n);
 }
-function yt(t) {
-  return S({ 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: [] }] })(t);
+function Nt(n) {
+  return S({ 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: [] }] })(n);
 }
-const Ct = [
+const Tt = [
   "😀",
   "😁",
   "😂",
@@ -278,54 +279,57 @@ const Ct = [
   "👏",
   "🫶",
   "👐"
-], bt = ({
-  exec: t,
+], Dt = ({
+  exec: n,
   saveSelection: c,
-  handleFileChange: i,
-  handleFontSizeChange: d,
-  handleFontFamilyChange: v,
+  handleFileChange: s,
+  handleFontSizeChange: u,
+  handleFontFamilyChange: m,
   //   insertListBlock,
   insertEmoji: w,
   handleLink: R,
-  removeFormatting: L,
+  removeFormatting: x,
   visibleActions: E,
   className: T,
-  style: j
+  style: H
 }) => {
-  var $, F;
-  const M = _(null), N = _(null), x = _(null), [Z, P] = A(!1);
-  I(() => {
-    const g = (C) => {
-      !C.target.closest(".rte-emoji-popup") && !C.target.closest("button[title='Emoji']") && P(!1);
+  var q, K;
+  const k = I(null), N = I(null), b = I(null), [$, j] = z(!1), [W, J] = z({
+    x: 0,
+    y: 0
+  });
+  B(() => {
+    const f = (y) => {
+      !y.target.closest(".rte-emoji-popup") && !y.target.closest("button[title='Emoji']") && j(!1);
     };
-    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
+    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
   }, []);
-  const D = (g) => {
-    var V;
-    g.preventDefault();
-    const C = g.currentTarget.dataset.command;
-    if (C)
-      switch (C) {
+  const F = (f) => {
+    var P;
+    f.preventDefault();
+    const y = f.currentTarget.dataset.command;
+    if (y)
+      switch (y) {
         case "bold":
         case "italic":
         case "underline":
         case "insertUnorderedList":
         case "insertOrderedList":
         case "removeFormat":
-          t(C);
+          n(y);
           break;
         case "insertImage": {
-          (V = M.current) == null || V.click();
+          (P = k.current) == null || P.click();
           break;
         }
         default:
-          console.warn("Unknown command:", C);
+          console.warn("Unknown command:", y);
       }
-  }, O = (g) => {
-    t("foreColor", g.target.value);
-  }, B = (g) => {
-    t("backColor", g.target.value);
-  }, [y, q] = A({
+  }, U = (f) => {
+    n("foreColor", f.target.value);
+  }, _ = (f) => {
+    n("backColor", f.target.value);
+  }, [L, D] = z({
     bold: !1,
     italic: !1,
     underline: !1,
@@ -342,9 +346,9 @@ const Ct = [
     color: !1,
     highlight: !1
   });
-  return I(() => {
-    const g = () => {
-      q({
+  return B(() => {
+    const f = () => {
+      D({
         bold: document.queryCommandState("bold"),
         italic: document.queryCommandState("italic"),
         underline: document.queryCommandState("underline"),
@@ -362,107 +366,117 @@ const Ct = [
         highlight: document.queryCommandState("backColor")
       });
     };
-    return document.addEventListener("selectionchange", g), () => document.removeEventListener("selectionchange", g);
-  }, []), /* @__PURE__ */ r.createElement("div", {
+    return document.addEventListener("selectionchange", f), () => document.removeEventListener("selectionchange", f);
+  }, []), /* @__PURE__ */ o.createElement("div", {
     className: `rte-toolbar ${T || ""}`,
-    style: j
-  }, E.bold && /* @__PURE__ */ r.createElement("button", {
+    style: H
+  }, E.bold && /* @__PURE__ */ o.createElement("button", {
     "data-command": "bold",
     title: "Bold",
-    onMouseDown: D,
-    className: y.bold ? "rte-active" : ""
-  }, /* @__PURE__ */ r.createElement(ut, null)), E.italic && /* @__PURE__ */ r.createElement("button", {
+    onMouseDown: F,
+    className: L.bold ? "rte-active" : ""
+  }, /* @__PURE__ */ o.createElement(bt, null)), E.italic && /* @__PURE__ */ o.createElement("button", {
     "data-command": "italic",
     title: "Italic",
-    onMouseDown: D,
-    className: y.italic ? "rte-active" : ""
-  }, /* @__PURE__ */ r.createElement(gt, null)), E.underline && /* @__PURE__ */ r.createElement("button", {
+    onMouseDown: F,
+    className: L.italic ? "rte-active" : ""
+  }, /* @__PURE__ */ o.createElement(Lt, null)), E.underline && /* @__PURE__ */ o.createElement("button", {
     "data-command": "underline",
     title: "Underline",
-    onMouseDown: D,
-    className: y.underline ? "rte-active" : ""
-  }, /* @__PURE__ */ r.createElement(Et, null)), E.unorderedList && /* @__PURE__ */ r.createElement("button", {
+    onMouseDown: F,
+    className: L.underline ? "rte-active" : ""
+  }, /* @__PURE__ */ o.createElement(kt, null)), E.unorderedList && /* @__PURE__ */ o.createElement("button", {
     "data-command": "insertUnorderedList",
-    onMouseDown: D,
+    onMouseDown: F,
     title: "UnorderedList",
-    className: y.unorderedList ? "rte-active" : ""
-  }, /* @__PURE__ */ r.createElement(ft, null)), E.orderedList && /* @__PURE__ */ r.createElement("button", {
+    className: L.unorderedList ? "rte-active" : ""
+  }, /* @__PURE__ */ o.createElement(St, null)), E.orderedList && /* @__PURE__ */ o.createElement("button", {
     "data-command": "insertOrderedList",
     title: "OrderedList",
-    onMouseDown: D,
-    className: y.orderedList ? "rte-active" : ""
-  }, /* @__PURE__ */ r.createElement(st, null)), E.link && /* @__PURE__ */ r.createElement("button", {
+    onMouseDown: F,
+    className: L.orderedList ? "rte-active" : ""
+  }, /* @__PURE__ */ o.createElement(wt, null)), E.link && /* @__PURE__ */ o.createElement("button", {
     "data-command": "createLink",
     title: "Link",
     onClick: R,
-    className: y.link ? "rte-active" : ""
-  }, /* @__PURE__ */ r.createElement(ht, null)), E.removeFormat && /* @__PURE__ */ r.createElement("button", {
+    className: L.link ? "rte-active" : ""
+  }, /* @__PURE__ */ o.createElement(Rt, null)), E.removeFormat && /* @__PURE__ */ o.createElement("button", {
     "data-command": "Remove format",
     title: "removeFormat",
-    onMouseDown: (g) => {
-      g.preventDefault(), c(), L();
+    onMouseDown: (f) => {
+      f.preventDefault(), c(), x();
     },
-    className: y.removeFormat ? "rte-active" : ""
-  }, /* @__PURE__ */ r.createElement(yt, null)), E.image && /* @__PURE__ */ r.createElement("button", {
+    className: L.removeFormat ? "rte-active" : ""
+  }, /* @__PURE__ */ o.createElement(Nt, null)), E.image && /* @__PURE__ */ o.createElement("button", {
     "data-command": "insertImage",
     title: "Image",
-    onMouseDown: D,
-    className: y.image ? "rte-active" : ""
-  }, /* @__PURE__ */ r.createElement(it, null)), /* @__PURE__ */ r.createElement("input", {
+    onMouseDown: F,
+    className: L.image ? "rte-active" : ""
+  }, /* @__PURE__ */ o.createElement(yt, null)), /* @__PURE__ */ o.createElement("input", {
     type: "file",
     accept: "image/*",
-    ref: M,
+    ref: k,
     style: {
       display: "none"
     },
-    onChange: i
-  }), E.emoji && /* @__PURE__ */ r.createElement("div", {
+    onChange: s
+  }), E.emoji && /* @__PURE__ */ o.createElement("div", {
     style: {
       position: "relative"
     }
-  }, /* @__PURE__ */ r.createElement("button", {
+  }, /* @__PURE__ */ o.createElement("button", {
     title: "Emoji",
-    onMouseDown: (g) => {
-      g.preventDefault(), c(), P((C) => !C);
+    onMouseDown: (f) => {
+      f.preventDefault(), c();
+      const y = f.currentTarget.getBoundingClientRect();
+      J({
+        x: y.left,
+        y: y.bottom + 8
+        // small spacing
+      }), j((P) => !P);
     },
-    className: y.emoji ? "rte-active" : ""
-  }, /* @__PURE__ */ r.createElement(pt, null)), Z && /* @__PURE__ */ r.createElement("div", {
-    className: "rte-emoji-popup"
-  }, Ct.map((g) => /* @__PURE__ */ r.createElement("span", {
-    key: g,
+    className: L.emoji ? "rte-active" : ""
+  }, /* @__PURE__ */ o.createElement(Mt, null)), $ && /* @__PURE__ */ st(/* @__PURE__ */ o.createElement("div", {
+    className: "rte-emoji-popup",
+    style: {
+      top: W.y,
+      left: W.x
+    }
+  }, Tt.map((f, y) => /* @__PURE__ */ o.createElement("span", {
+    key: y,
     style: {
       fontSize: "20px",
       cursor: "pointer",
       textAlign: "center"
     },
-    onMouseDown: (C) => {
-      C.preventDefault(), w(g), P(!1);
+    onMouseDown: (P) => {
+      P.preventDefault(), w(f), j(!1);
     }
-  }, g)))), E.color && /* @__PURE__ */ r.createElement("div", {
+  }, f))), document.body)), E.color && /* @__PURE__ */ o.createElement("div", {
     style: {
       position: "relative"
     }
-  }, /* @__PURE__ */ r.createElement("button", {
+  }, /* @__PURE__ */ o.createElement("button", {
     title: "Text Color",
-    onMouseDown: (g) => {
-      var C;
-      g.preventDefault(), c(), (C = N.current) == null || C.click();
+    onMouseDown: (f) => {
+      var y;
+      f.preventDefault(), c(), (y = N.current) == null || y.click();
     },
     style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      color: (($ = N.current) == null ? void 0 : $.value) || "#000",
+      color: ((q = N.current) == null ? void 0 : q.value) || "#000",
       fontSize: "18px"
     },
-    className: y.color ? "rte-active" : ""
-  }, /* @__PURE__ */ r.createElement(wt, null)), /* @__PURE__ */ r.createElement("input", {
+    className: L.color ? "rte-active" : ""
+  }, /* @__PURE__ */ o.createElement(At, null)), /* @__PURE__ */ o.createElement("input", {
     ref: N,
     type: "color",
     defaultValue: "#000000",
-    onChange: (g) => {
-      var C;
-      O(g), ((C = g.target.parentElement) == null ? void 0 : C.querySelector("button")).style.color = g.target.value;
+    onChange: (f) => {
+      var y;
+      U(f), ((y = f.target.parentElement) == null ? void 0 : y.querySelector("button")).style.color = f.target.value;
     },
     style: {
       position: "absolute",
@@ -471,30 +485,30 @@ const Ct = [
       height: 0,
       pointerEvents: "none"
     }
-  })), E.highlight && /* @__PURE__ */ r.createElement("div", {
+  })), E.highlight && /* @__PURE__ */ o.createElement("div", {
     style: {
       position: "relative"
     }
-  }, /* @__PURE__ */ r.createElement("button", {
+  }, /* @__PURE__ */ o.createElement("button", {
     title: "Highlight",
-    onMouseDown: (g) => {
-      var C;
-      g.preventDefault(), c(), (C = x.current) == null || C.click();
+    onMouseDown: (f) => {
+      var y;
+      f.preventDefault(), c(), (y = b.current) == null || y.click();
     },
     style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      color: ((F = x.current) == null ? void 0 : F.value) || "#000",
+      color: ((K = b.current) == null ? void 0 : K.value) || "#000",
       fontSize: "18px"
     },
-    className: y.highlight ? "rte-active" : ""
-  }, /* @__PURE__ */ r.createElement(mt, null)), /* @__PURE__ */ r.createElement("input", {
-    ref: x,
+    className: L.highlight ? "rte-active" : ""
+  }, /* @__PURE__ */ o.createElement(xt, null)), /* @__PURE__ */ o.createElement("input", {
+    ref: b,
     type: "color",
-    onChange: (g) => {
-      var C;
-      B(g), ((C = g.target.parentElement) == null ? void 0 : C.querySelector("button")).style.color = g.target.value;
+    onChange: (f) => {
+      var y;
+      _(f), ((y = f.target.parentElement) == null ? void 0 : y.querySelector("button")).style.color = f.target.value;
     },
     defaultValue: "#000000",
     style: {
@@ -504,99 +518,99 @@ const Ct = [
       height: 0,
       pointerEvents: "none"
     }
-  })), E.align && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("button", {
+  })), E.align && /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("button", {
     title: "Align Left",
-    onMouseDown: (g) => g.preventDefault(),
-    onClick: () => t("justifyLeft"),
-    className: y.alignLeft ? "rte-active" : ""
-  }, /* @__PURE__ */ r.createElement(dt, null)), /* @__PURE__ */ r.createElement("button", {
+    onMouseDown: (f) => f.preventDefault(),
+    onClick: () => n("justifyLeft"),
+    className: L.alignLeft ? "rte-active" : ""
+  }, /* @__PURE__ */ o.createElement(Ct, null)), /* @__PURE__ */ o.createElement("button", {
     title: "Align Center",
-    onMouseDown: (g) => g.preventDefault(),
-    onClick: () => t("justifyCenter"),
-    className: y.alignCenter ? "rte-active" : ""
-  }, /* @__PURE__ */ r.createElement(lt, null)), /* @__PURE__ */ r.createElement("button", {
+    onMouseDown: (f) => f.preventDefault(),
+    onClick: () => n("justifyCenter"),
+    className: L.alignCenter ? "rte-active" : ""
+  }, /* @__PURE__ */ o.createElement(vt, null)), /* @__PURE__ */ o.createElement("button", {
     title: "Align Right",
-    onMouseDown: (g) => g.preventDefault(),
-    onClick: () => t("justifyRight"),
-    className: y.alignRight ? "rte-active" : ""
-  }, /* @__PURE__ */ r.createElement(ct, null))), E.table && /* @__PURE__ */ r.createElement("button", {
+    onMouseDown: (f) => f.preventDefault(),
+    onClick: () => n("justifyRight"),
+    className: L.alignRight ? "rte-active" : ""
+  }, /* @__PURE__ */ o.createElement(Et, null))), E.table && /* @__PURE__ */ o.createElement("button", {
     title: "Insert Table",
-    onMouseDown: (g) => g.preventDefault(),
-    onClick: () => t("insertTable"),
-    className: y.table ? "rte-active" : ""
-  }, /* @__PURE__ */ r.createElement(vt, null)), E.fontFamily && /* @__PURE__ */ r.createElement("select", {
+    onMouseDown: (f) => f.preventDefault(),
+    onClick: () => n("insertTable"),
+    className: L.table ? "rte-active" : ""
+  }, /* @__PURE__ */ o.createElement(zt, null)), E.fontFamily && /* @__PURE__ */ o.createElement("select", {
     className: "rte-dropdown",
     defaultValue: "",
     onMouseDown: () => c(),
-    onChange: v
-  }, /* @__PURE__ */ r.createElement("option", {
+    onChange: m
+  }, /* @__PURE__ */ o.createElement("option", {
     value: "",
     disabled: !0
-  }, "Font Family"), /* @__PURE__ */ r.createElement("option", {
+  }, "Font Family"), /* @__PURE__ */ o.createElement("option", {
     value: "Arial"
-  }, "Arial"), /* @__PURE__ */ r.createElement("option", {
+  }, "Arial"), /* @__PURE__ */ o.createElement("option", {
     value: "Georgia"
-  }, "Georgia"), /* @__PURE__ */ r.createElement("option", {
+  }, "Georgia"), /* @__PURE__ */ o.createElement("option", {
     value: "Times New Roman"
-  }, "Times New Roman"), /* @__PURE__ */ r.createElement("option", {
+  }, "Times New Roman"), /* @__PURE__ */ o.createElement("option", {
     value: "Courier New"
-  }, "Courier New"), /* @__PURE__ */ r.createElement("option", {
+  }, "Courier New"), /* @__PURE__ */ o.createElement("option", {
     value: "Verdana"
-  }, "Verdana")), E.fontSize && /* @__PURE__ */ r.createElement("select", {
+  }, "Verdana")), E.fontSize && /* @__PURE__ */ o.createElement("select", {
     className: "rte-dropdown",
     defaultValue: "",
     onMouseDown: () => c(),
-    onChange: d
-  }, /* @__PURE__ */ r.createElement("option", {
+    onChange: u
+  }, /* @__PURE__ */ o.createElement("option", {
     value: "",
     disabled: !0
-  }, "Font Size"), /* @__PURE__ */ r.createElement("option", {
+  }, "Font Size"), /* @__PURE__ */ o.createElement("option", {
     value: "2"
-  }, "Small "), /* @__PURE__ */ r.createElement("option", {
+  }, "Small "), /* @__PURE__ */ o.createElement("option", {
     value: "3"
-  }, "Normal"), /* @__PURE__ */ r.createElement("option", {
+  }, "Normal"), /* @__PURE__ */ o.createElement("option", {
     value: "4"
-  }, "Medium"), /* @__PURE__ */ r.createElement("option", {
+  }, "Medium"), /* @__PURE__ */ o.createElement("option", {
     value: "5"
   }, "Large")));
-}, xt = ({
-  show: t,
+}, Ot = ({
+  show: n,
   position: c,
-  filtered: i,
-  insertMention: d,
-  onClose: v,
+  filtered: s,
+  insertMention: u,
+  onClose: m,
   query: w
 }) => {
-  const R = _(null);
-  return I(() => {
-    const L = (E) => {
-      R.current && !R.current.contains(E.target) && v();
+  const R = I(null);
+  return B(() => {
+    const x = (E) => {
+      R.current && !R.current.contains(E.target) && m();
     };
-    return t && document.addEventListener("mousedown", L), () => {
-      document.removeEventListener("mousedown", L);
+    return n && document.addEventListener("mousedown", x), () => {
+      document.removeEventListener("mousedown", x);
     };
-  }, [t, v]), t ? /* @__PURE__ */ r.createElement("ul", {
+  }, [n, m]), n ? /* @__PURE__ */ o.createElement("ul", {
     ref: R,
     className: "rte-popup",
     style: {
       top: c.y,
       left: c.x
     }
-  }, i.length > 0 ? i.map(({
-    key: L,
+  }, s.length > 0 ? s.map(({
+    name: x,
     value: E
   }) => {
-    const T = L.toLowerCase(), j = w.toLowerCase(), M = T.indexOf(j);
-    let N = L;
-    if (M !== -1 && w.length > 0) {
-      const x = M + w.length;
-      N = L.substring(0, M) + `<span class="rte-highlight">${L.substring(M, x)}</span>` + L.substring(x);
+    const T = x.toLowerCase(), H = w.toLowerCase(), k = T.indexOf(H);
+    let N = x;
+    if (k !== -1 && w.length > 0) {
+      const b = k + w.length;
+      N = x.substring(0, k) + `<span class="rte-highlight">${x.substring(k, b)}</span>` + x.substring(b);
     }
-    return /* @__PURE__ */ r.createElement("li", {
+    return /* @__PURE__ */ o.createElement("li", {
       key: E,
-      onMouseDown: (x) => {
-        x.preventDefault(), d({
-          key: L,
+      onMouseDown: (b) => {
+        b.preventDefault(), u({
+          name: x,
           value: E
         });
       },
@@ -608,137 +622,141 @@ const Ct = [
       dangerouslySetInnerHTML: {
         __html: N
       },
-      onMouseEnter: (x) => x.currentTarget.style.background = "#f0f0f0",
-      onMouseLeave: (x) => x.currentTarget.style.background = "#fff"
+      onMouseEnter: (b) => b.currentTarget.style.background = "#f0f0f0",
+      onMouseLeave: (b) => b.currentTarget.style.background = "#fff"
     });
-  }) : /* @__PURE__ */ r.createElement("li", {
+  }) : /* @__PURE__ */ o.createElement("li", {
     style: {
       padding: "6px 12px",
       color: "#999"
     }
   }, "No matches")) : null;
 };
-function Ce(t) {
-  return S({ 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: [] }] }] }] })(t);
+function Se(n) {
+  return S({ 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: [] }] }] }] })(n);
 }
-function K(t) {
-  return S({ 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: [] }] }] }] })(t);
+function Y(n) {
+  return S({ 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: [] }] }] }] })(n);
 }
-const Lt = ({
-  visible: t,
+const Ht = ({
+  visible: n,
   x: c,
-  y: i,
-  onAction: d,
-  onClose: v
+  y: s,
+  onAction: u,
+  onClose: m
 }) => {
-  if (!t) return null;
+  if (!n) return null;
   const w = {
-    top: i,
+    top: s,
     left: c
   };
-  return /* @__PURE__ */ r.createElement("div", {
+  return /* @__PURE__ */ o.createElement("div", {
     style: w,
     className: "rte-table-menu",
-    onMouseLeave: v
-  }, /* @__PURE__ */ r.createElement("button", {
-    onClick: () => d("insertRowAbove")
-  }, /* @__PURE__ */ r.createElement(K, null), " Insert row above"), /* @__PURE__ */ r.createElement("button", {
-    onClick: () => d("insertRowBelow")
-  }, /* @__PURE__ */ r.createElement(K, null), " Insert row below"), /* @__PURE__ */ r.createElement("button", {
-    onClick: () => d("insertColLeft")
-  }, /* @__PURE__ */ r.createElement(K, null), " Insert col left"), /* @__PURE__ */ r.createElement("button", {
-    onClick: () => d("insertColRight")
-  }, /* @__PURE__ */ r.createElement(K, null), " Insert col right"), /* @__PURE__ */ r.createElement("button", {
-    onClick: () => d("deleteRow")
-  }, /* @__PURE__ */ r.createElement(Ce, null), " Delete row"), /* @__PURE__ */ r.createElement("button", {
-    onClick: () => d("deleteCol")
-  }, /* @__PURE__ */ r.createElement(Ce, null), " Delete column"));
-}, Rt = ({
-  html: t,
+    onMouseLeave: m
+  }, /* @__PURE__ */ o.createElement("button", {
+    onClick: () => u("insertRowAbove")
+  }, /* @__PURE__ */ o.createElement(Y, null), " Insert row above"), /* @__PURE__ */ o.createElement("button", {
+    onClick: () => u("insertRowBelow")
+  }, /* @__PURE__ */ o.createElement(Y, null), " Insert row below"), /* @__PURE__ */ o.createElement("button", {
+    onClick: () => u("insertColLeft")
+  }, /* @__PURE__ */ o.createElement(Y, null), " Insert col left"), /* @__PURE__ */ o.createElement("button", {
+    onClick: () => u("insertColRight")
+  }, /* @__PURE__ */ o.createElement(Y, null), " Insert col right"), /* @__PURE__ */ o.createElement("button", {
+    onClick: () => u("deleteRow")
+  }, /* @__PURE__ */ o.createElement(Se, null), " Delete row"), /* @__PURE__ */ o.createElement("button", {
+    onClick: () => u("deleteCol")
+  }, /* @__PURE__ */ o.createElement(Se, null), " Delete column"));
+}, jt = ({
+  html: n,
   className: c,
-  style: i
+  style: s
 }) => {
-  const d = (v) => {
-    const w = v.target;
+  const u = (m) => {
+    const w = m.target;
     if (w.tagName === "A") {
-      v.preventDefault();
+      m.preventDefault();
       const R = w.href;
       R && window.open(R, "_blank", "noopener,noreferrer");
     }
   };
-  return /* @__PURE__ */ r.createElement("div", {
+  return /* @__PURE__ */ o.createElement("div", {
     className: `rte-preview ${c || ""}`,
-    style: i,
-    onClick: d,
+    style: s,
+    onClick: u,
     dangerouslySetInnerHTML: {
-      __html: t
+      __html: n
     }
   });
-}, St = ({
-  visible: t,
+}, _t = ({
+  visible: n,
   linkData: c,
-  onClose: i,
-  onInsert: d
+  onClose: s,
+  onInsert: u
 }) => {
-  const [v, w] = A(""), [R, L] = A(""), [E, T] = A(""), [j, M] = A("_self");
-  if (I(() => {
-    t ? (w(c.url || ""), L(c.text || ""), T(c.title || ""), M(c.target || "_self")) : (w(""), L(""), T(""), M("_self"));
-  }, [t, c]), !t) return null;
+  const [m, w] = z(""), [R, x] = z(""), [E, T] = z(""), [H, k] = z("_self");
+  if (B(() => {
+    n ? (w(c.url || ""), x(c.text || ""), T(c.title || ""), k(c.target || "_self")) : (w(""), x(""), T(""), k("_self"));
+  }, [n, c]), !n) return null;
   const N = () => {
-    d({
-      url: v,
+    u({
+      url: m,
       text: R,
       title: E,
-      target: j
+      target: H
     });
   };
-  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("div", {
+  return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement("div", {
     className: "rte-link-modal-overlay",
-    onClick: i
-  }), /* @__PURE__ */ r.createElement("div", {
+    onClick: s
+  }), /* @__PURE__ */ o.createElement("div", {
     className: "rte-link-modal"
-  }, /* @__PURE__ */ r.createElement("h4", {
+  }, /* @__PURE__ */ o.createElement("h4", {
     className: "rte-link-modal__title"
-  }, v ? "Edit Link" : "Insert Link"), /* @__PURE__ */ r.createElement("input", {
+  }, m ? "Edit Link" : "Insert Link"), /* @__PURE__ */ o.createElement("input", {
     type: "text",
     className: "rte-link-modal__input",
     placeholder: "URL",
-    value: v,
-    onChange: (x) => w(x.target.value)
-  }), /* @__PURE__ */ r.createElement("input", {
+    value: m,
+    onChange: (b) => w(b.target.value)
+  }), /* @__PURE__ */ o.createElement("input", {
     type: "text",
     className: "rte-link-modal__input",
     placeholder: "Text to Display",
     value: R,
-    onChange: (x) => L(x.target.value)
-  }), /* @__PURE__ */ r.createElement("input", {
+    onChange: (b) => x(b.target.value)
+  }), /* @__PURE__ */ o.createElement("input", {
     type: "text",
     className: "rte-link-modal__input",
     placeholder: "Title",
     value: E,
-    onChange: (x) => T(x.target.value)
-  }), /* @__PURE__ */ r.createElement("select", {
+    onChange: (b) => T(b.target.value)
+  }), /* @__PURE__ */ o.createElement("select", {
     className: "rte-link-modal__select",
-    value: j,
-    onChange: (x) => M(x.target.value)
-  }, /* @__PURE__ */ r.createElement("option", {
+    value: H,
+    onChange: (b) => k(b.target.value)
+  }, /* @__PURE__ */ o.createElement("option", {
     value: "_self"
-  }, "Same tab"), /* @__PURE__ */ r.createElement("option", {
+  }, "Same tab"), /* @__PURE__ */ o.createElement("option", {
     value: "_blank"
-  }, "New tab")), /* @__PURE__ */ r.createElement("div", {
+  }, "New tab")), /* @__PURE__ */ o.createElement("div", {
     className: "rte-link-modal__actions"
-  }, /* @__PURE__ */ r.createElement("button", {
+  }, /* @__PURE__ */ o.createElement("button", {
     className: "rte-link-modal__btn",
-    onClick: i
-  }, "Cancel"), /* @__PURE__ */ r.createElement("button", {
+    onClick: s
+  }, "Cancel"), /* @__PURE__ */ o.createElement("button", {
     className: "rte-link-modal__btn rte-link-modal__btn--ok",
     onClick: N
   }, "OK"))));
-}, Nt = ({
-  atSuggestions: t = [],
+};
+function Me(n) {
+  return Array.from(new Map(n.map((c) => [c.key, c])).values());
+}
+const Bt = ({
+  atSuggestions: n = [],
   showOutput: c = !1,
-  showPreview: i = !1,
-  toolbarConfig: d = {
+  showPreview: s = !1,
+  toolbarConfig: u = {
     link: !1,
     image: !1,
     emoji: !1,
@@ -748,27 +766,32 @@ const Lt = ({
     fontSize: !1,
     highlight: !1
   },
-  classNames: v = {},
+  classNames: m = {},
   styles: w = {},
   handleGetHtml: R = () => {
   },
-  onChange: L = () => {
+  onChange: x = () => {
+  },
+  value: E,
+  onMentionSelect: T = () => {
+  },
+  handleAddAttributes: H = () => {
   }
 }) => {
-  var ie, se, de, ue, me, ge, he, fe;
-  const E = _(null), [T, j] = A("<p>Hello!</p>"), [M, N] = A(!1), [x, Z] = A({
+  var ge, fe, he, pe, ve, Ee, ye, we;
+  const k = I(null), [N, b] = z(E != null && E.length ? E : " "), [$, j] = z(!1), [W, J] = z({
     x: 0,
     y: 0
-  }), [P, D] = A([]), O = _(null), B = _(null), [y, q] = A({
+  }), [F, U] = z([]), _ = I(null), L = I(null), [D, q] = z({
     visible: !1,
     x: 0,
     y: 0
-  }), [$, F] = A(!1), g = _(null), [C, V] = A({
+  }), [K, f] = z(!1), y = I(null), [P, oe] = z({
     url: "",
     text: "",
     title: "",
     target: "_self"
-  }), Le = {
+  }), Ae = {
     bold: !0,
     italic: !0,
     underline: !0,
@@ -776,227 +799,278 @@ const Lt = ({
     unorderedList: !0,
     orderedList: !0,
     align: !0,
-    link: (ie = d.link) != null ? ie : !1,
-    image: (se = d.image) != null ? se : !1,
-    emoji: (de = d.emoji) != null ? de : !1,
-    table: (ue = d.table) != null ? ue : !1,
-    color: (me = d.color) != null ? me : !1,
-    fontFamily: (ge = d.fontFamily) != null ? ge : !1,
-    fontSize: (he = d.fontSize) != null ? he : !1,
-    highlight: (fe = d.fontSize) != null ? fe : !1
-  }, [Re, te] = A(""), H = () => E.current, z = () => {
-    const e = ce();
-    j(e), R == null || R(e);
-    const n = We(e);
-    L(n);
-  }, ne = () => {
+    link: (ge = u.link) != null ? ge : !1,
+    image: (fe = u.image) != null ? fe : !1,
+    emoji: (he = u.emoji) != null ? he : !1,
+    table: (pe = u.table) != null ? pe : !1,
+    color: (ve = u.color) != null ? ve : !1,
+    fontFamily: (Ee = u.fontFamily) != null ? Ee : !1,
+    fontSize: (ye = u.fontSize) != null ? ye : !1,
+    highlight: (we = u.fontSize) != null ? we : !1
+  }, [Ne, le] = z(""), [G, ee] = z([]), O = () => k.current, M = () => {
+    const e = me();
+    b(e), R == null || R(e);
+    const t = nt(e);
+    x(t);
+    const r = Ie(), a = Me(r);
+    JSON.stringify(a) !== JSON.stringify(G) && (ee(a), T(a));
+  }, ce = () => {
     const e = window.getSelection();
-    e != null && e.rangeCount && (O.current = e.getRangeAt(0));
-  }, U = () => {
+    e != null && e.rangeCount && (_.current = e.getRangeAt(0));
+  }, V = () => {
     const e = window.getSelection();
-    e && O.current && (e.removeAllRanges(), e.addRange(O.current));
-  }, Se = (e, n) => {
-    const a = window.getSelection();
-    a && a.rangeCount > 0 && (O.current = a.getRangeAt(0)), U(), document.execCommand(e, !1, n), z();
+    e && _.current && (e.removeAllRanges(), e.addRange(_.current));
+  }, Te = (e, t) => {
+    const r = window.getSelection();
+    r && r.rangeCount > 0 && (_.current = r.getRangeAt(0)), V(), document.execCommand(e, !1, t), M();
   };
-  I(() => {
-    const e = H();
-    e && !e.innerHTML && (e.innerHTML = T), z();
-  }, []), I(() => () => {
+  B(() => {
+    const e = O();
+    e && !e.innerHTML && (e.innerHTML = N), M();
+  }, []), B(() => () => {
     document.removeEventListener("mousemove", null), document.removeEventListener("mouseup", null);
+  }, []), B(() => {
+    H && H((e) => {
+      Pe(e);
+    });
   }, []);
-  const re = (e) => {
+  const ie = (e) => {
     for (; e && e.nodeName !== "LI"; )
       e = e.parentNode;
     return e;
-  }, Me = (e) => {
-    let n = 0, a = e.parentElement;
-    for (; a; )
-      (a.tagName === "UL" || a.tagName === "OL") && n++, a = a.parentElement;
-    return n;
-  }, ze = (e) => {
-    const n = e.querySelector("li"), a = n ? Me(n) : 1;
+  }, De = (e) => {
+    let t = 0, r = e.parentElement;
+    for (; r; )
+      (r.tagName === "UL" || r.tagName === "OL") && t++, r = r.parentElement;
+    return t;
+  }, Oe = (e) => {
+    const t = e.querySelector("li"), r = t ? De(t) : 1;
     if (e.querySelector("[data-hidden-array-start]")) return;
-    const o = `{{#arrayData${a > 1 ? a : ""}}}`, u = `{{/arrayData${a > 1 ? a : ""}}}`, l = document.createElement("span");
-    l.textContent = o, l.style.display = "none", l.setAttribute("data-hidden-array-start", "true"), e.insertBefore(l, e.firstChild);
-    const s = document.createElement("span");
-    s.textContent = u, s.style.display = "none", s.setAttribute("data-hidden-array-end", "true"), e.appendChild(s);
-  }, ae = (e) => {
-    var f;
-    const n = window.getSelection();
-    if (!(n != null && n.rangeCount)) return;
-    const a = n.getRangeAt(0), o = re(a.startContainer);
-    let u, l;
-    if (o) {
-      let m = o.querySelector(e);
-      m || (m = document.createElement(e), m.style.margin = "0", m.style.paddingLeft = "20px", o.appendChild(m)), l = m, u = document.createElement("li"), u.textContent = "​", l.appendChild(u);
+    const a = `{{#arrayData${r > 1 ? r : ""}}}`, d = `{{/arrayData${r > 1 ? r : ""}}}`, l = document.createElement("span");
+    l.textContent = a, l.style.display = "none", l.setAttribute("data-hidden-array-start", "true"), e.insertBefore(l, e.firstChild);
+    const i = document.createElement("span");
+    i.textContent = d, i.style.display = "none", i.setAttribute("data-hidden-array-end", "true"), e.appendChild(i);
+  }, se = (e) => {
+    var v;
+    const t = window.getSelection();
+    if (!(t != null && t.rangeCount)) return;
+    const r = t.getRangeAt(0), a = ie(r.startContainer);
+    let d, l;
+    if (a) {
+      let g = a.querySelector(e);
+      g || (g = document.createElement(e), g.style.margin = "0", g.style.paddingLeft = "20px", a.appendChild(g)), l = g, d = document.createElement("li"), d.textContent = "​", l.appendChild(d);
     } else {
       document.execCommand(e === "ul" ? "insertUnorderedList" : "insertOrderedList");
-      const m = H();
-      if (l = m == null ? void 0 : m.querySelector(`${e}:last-child`), !l) return;
-      u = l.querySelector("li:last-child");
+      const g = O();
+      if (l = g == null ? void 0 : g.querySelector(`${e}:last-child`), !l) return;
+      d = l.querySelector("li:last-child");
     }
-    ze(l);
-    const s = document.createRange();
-    s.setStart(u, 0), s.collapse(!0), n.removeAllRanges(), n.addRange(s), (f = H()) == null || f.focus(), z();
-  }, W = (e, n) => {
-    e === "insertOrderedList" ? ae("ol") : e === "insertUnorderedList" ? ae("ul") : Se(e, n), e === "insertTable" && je();
-  }, Ne = (e) => {
-    const n = document.createElement("span");
-    n.textContent = "​", e.insertNode(n), e.setStartAfter(n), e.collapse(!0);
-    const a = n.getBoundingClientRect();
-    n.remove(), Z({
-      x: a.left,
-      y: a.bottom + window.scrollY
-    }), D(t || []), N(!0), B.current = e.cloneRange();
-  }, ke = () => {
+    Oe(l);
+    const i = document.createRange();
+    i.setStart(d, 0), i.collapse(!0), t.removeAllRanges(), t.addRange(i), (v = O()) == null || v.focus(), M();
+  }, X = (e, t) => {
+    e === "insertOrderedList" ? se("ol") : e === "insertUnorderedList" ? se("ul") : Te(e, t), e === "insertTable" && We();
+  }, He = (e) => {
+    const t = document.createElement("span");
+    t.textContent = "​", e.insertNode(t), e.setStartAfter(t), e.collapse(!0);
+    const r = t.getBoundingClientRect();
+    t.remove(), J({
+      x: r.left,
+      y: r.bottom + window.scrollY
+    }), U(n || []), j(!0), L.current = e.cloneRange();
+  }, je = () => {
     const e = window.getSelection();
     if (!e || e.rangeCount === 0) return null;
-    const n = e.anchorNode;
-    let a = e.anchorOffset;
-    if (!n) return null;
-    let o = n;
-    for (o.nodeType !== Node.TEXT_NODE && (o.childNodes && o.childNodes[a] ? o = o.childNodes[a] : o = n.previousSibling); o; ) {
-      if (o.nodeType === Node.TEXT_NODE) {
-        const u = o.textContent || "", l = o === n ? a : u.length, s = u.lastIndexOf("@", l - 1);
-        if (s !== -1) {
-          const f = document.createRange();
-          return f.setStart(o, s), f.setEnd(o, l), f;
+    const t = e.anchorNode;
+    let r = e.anchorOffset;
+    if (!t) return null;
+    let a = t;
+    for (a.nodeType !== Node.TEXT_NODE && (a.childNodes && a.childNodes[r] ? a = a.childNodes[r] : a = t.previousSibling); a; ) {
+      if (a.nodeType === Node.TEXT_NODE) {
+        const d = a.textContent || "", l = a === t ? r : d.length, i = d.lastIndexOf("@", l - 1);
+        if (i !== -1) {
+          const v = document.createRange();
+          return v.setStart(a, i), v.setEnd(a, l), v;
         }
       }
-      o = o.previousSibling;
+      a = a.previousSibling;
     }
     return null;
-  }, Ae = (e) => {
-    var u;
-    const n = window.getSelection();
-    if (!n) return;
-    const a = ke();
-    a ? (n.removeAllRanges(), n.addRange(a)) : B.current && (n.removeAllRanges(), n.addRange(B.current));
-    const o = document.createElement("span");
-    o.textContent = `{{${e.key}}}`, o.style.color = "#007bff", o.style.display = "inline", o.contentEditable = "false", o.setAttribute("data-mention", e.value || e.key || "");
+  }, _e = (e) => {
+    var l;
+    const t = window.getSelection();
+    if (!t) return;
+    const r = je();
+    r ? (t.removeAllRanges(), t.addRange(r)) : L.current && (t.removeAllRanges(), t.addRange(L.current));
+    const a = document.createElement("span");
+    a.textContent = `{{${e.name}}}`, a.style.color = "#007bff", a.style.display = "inline", a.contentEditable = "false", a.setAttribute("data-mention", e.value || e.name || "");
     try {
-      const l = n.rangeCount ? n.getRangeAt(0) : null;
-      if (l)
-        l.deleteContents(), l.insertNode(o);
+      const i = t.rangeCount ? t.getRangeAt(0) : null;
+      if (i)
+        i.deleteContents(), i.insertNode(a);
       else {
-        const m = document.createRange(), p = H();
-        m.selectNodeContents(p), m.collapse(!1), m.insertNode(o);
+        const p = document.createRange(), h = O();
+        p.selectNodeContents(h), p.collapse(!1), p.insertNode(a);
       }
-      const s = document.createTextNode(" ");
-      o.after(s);
-      const f = document.createRange();
-      f.setStartAfter(s), f.collapse(!0), n.removeAllRanges(), n.addRange(f);
-    } catch (l) {
-      console.error("insertMention error:", l);
+      const v = document.createTextNode(" ");
+      a.after(v);
+      const g = document.createRange();
+      g.setStartAfter(v), g.collapse(!0), t.removeAllRanges(), t.addRange(g);
+    } catch (i) {
+      console.error("insertMention error:", i);
     }
-    N(!1), (u = H()) == null || u.focus(), z();
-  }, Te = (e) => {
-    var a, o, u;
-    const n = e.key.toLowerCase();
-    if ((e.ctrlKey || e.metaKey) && ["b", "i", "u"].includes(n) && (e.preventDefault(), W(n === "b" ? "bold" : n === "i" ? "italic" : n === "u" ? "underline" : "")), e.shiftKey && e.key === "2" && e.preventDefault(), e.key === "Enter") {
-      const l = window.getSelection(), s = l != null && l.anchorNode ? re(l.anchorNode) : null;
-      if (!s) return;
-      if (((a = s.textContent) == null ? void 0 : a.replace(/\u200B/g, "").trim()) === "") {
+    let d = Me([...G, e]);
+    ee(d), T(d), j(!1), (l = O()) == null || l.focus(), M();
+  }, Fe = (e) => {
+    var i;
+    V();
+    const t = window.getSelection();
+    if (!t || !t.rangeCount) return;
+    const r = t.getRangeAt(0), a = document.createElement("span");
+    a.textContent = `{{${e.name}}}`, a.style.color = "#007bff", a.style.display = "inline", a.contentEditable = "false", a.setAttribute("data-mention", e.value || e.name), r.insertNode(a);
+    const d = document.createTextNode(" ");
+    a.after(d);
+    const l = document.createRange();
+    l.setStartAfter(d), l.collapse(!0), t.removeAllRanges(), t.addRange(l), (i = O()) == null || i.focus();
+  }, Pe = (e) => {
+    e.forEach((a) => Fe(a));
+    const t = [...G, ...e], r = Array.from(new Map(t.map((a) => [a.name, a])).values());
+    ee(r), T(r), M();
+  }, Ie = () => {
+    const e = O();
+    if (!e) return [];
+    const t = e.querySelectorAll("span[data-mention]"), r = [];
+    return t.forEach((a) => {
+      const d = a.getAttribute("data-mention") || "", i = (a.textContent || "").match(/{{(.+?)}}/);
+      i && r.push({
+        name: i[1],
+        value: d
+      });
+    }), r;
+  }, Be = (e) => {
+    var r, a, d;
+    const t = e.key.toLowerCase();
+    if ((e.ctrlKey || e.metaKey) && ["b", "i", "u"].includes(t) && (e.preventDefault(), X(t === "b" ? "bold" : t === "i" ? "italic" : t === "u" ? "underline" : "")), e.shiftKey && e.key === "2" && e.preventDefault(), e.key === "Enter") {
+      const l = window.getSelection(), i = l != null && l.anchorNode ? ie(l.anchorNode) : null;
+      if (!i) return;
+      if (((r = i.textContent) == null ? void 0 : r.replace(/\u200B/g, "").trim()) === "") {
         e.preventDefault();
-        const m = s.parentElement, p = m == null ? void 0 : m.closest("li");
+        const g = i.parentElement, p = g == null ? void 0 : g.closest("li");
         if (p) {
-          m == null || m.removeChild(s);
+          g == null || g.removeChild(i);
           const h = document.createElement("p");
-          h.innerHTML = "<br />", (o = p.parentElement) == null || o.insertBefore(h, p.nextSibling);
-          const b = document.createRange();
-          b.setStart(h, 0), b.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(b);
+          h.innerHTML = "<br />", (a = p.parentElement) == null || a.insertBefore(h, p.nextSibling);
+          const C = document.createRange();
+          C.setStart(h, 0), C.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(C);
         } else {
-          const h = s.closest("ul, ol");
+          const h = i.closest("ul, ol");
           if (h) {
-            const b = document.createElement("p");
-            b.innerHTML = "<br />", (u = h.parentElement) == null || u.insertBefore(b, h.nextSibling), h.removeChild(s);
-            const k = document.createRange();
-            k.setStart(b, 0), k.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(k);
+            const C = document.createElement("p");
+            C.innerHTML = "<br />", (d = h.parentElement) == null || d.insertBefore(C, h.nextSibling), h.removeChild(i);
+            const A = document.createRange();
+            A.setStart(C, 0), A.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(A);
           }
         }
-        z();
+        M();
       }
     }
-  }, De = (e) => {
+  }, qe = (e) => {
     if (e.data === "@") {
-      const a = window.getSelection();
-      if (!(a != null && a.rangeCount)) return;
+      const r = window.getSelection();
+      if (!(r != null && r.rangeCount)) return;
+      const a = r.anchorNode;
+      if (Ve(a))
+        return;
       setTimeout(() => {
-        Ne(a.getRangeAt(0)), te(""), D(t), N(!0);
+        He(r.getRangeAt(0)), le(""), U(n), j(!0);
       }, 0);
       return;
     }
-    if (M) {
-      setTimeout(() => oe(), 0);
+    if ($) {
+      setTimeout(() => de(), 0);
       return;
     }
-  }, oe = () => {
-    if (z(), !M) return;
+  }, Ve = (e) => {
+    if (!e) return !1;
+    let t = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
+    for (; t; ) {
+      if (t.tagName === "TH") return !0;
+      t = t.parentElement;
+    }
+    return !1;
+  }, de = () => {
+    if (M(), !$) return;
     const e = window.getSelection();
     if (!e || !e.anchorNode) return;
-    const a = (e.anchorNode.textContent || "").match(/@([a-zA-Z0-9_]*)$/);
-    if (!a) {
-      N(!1);
+    const r = (e.anchorNode.textContent || "").match(/@([a-zA-Z0-9_]*)$/);
+    if (!r) {
+      j(!1);
       return;
     }
-    const o = a[1].toLowerCase();
-    te(o);
-    const u = t.filter((l) => l.key.toLowerCase().includes(o));
-    D(u);
-  }, Oe = (e) => {
-    var o;
-    const n = (o = e.target.files) == null ? void 0 : o[0];
-    if (!n) return;
-    const a = new FileReader();
-    a.onload = (u) => {
-      var k;
-      const l = (k = u.target) == null ? void 0 : k.result;
-      U();
-      const s = window.getSelection();
-      let f = s && s.rangeCount ? s.getRangeAt(0) : null;
-      const m = document.createElement("img");
-      m.src = l, m.alt = n.name || "image", m.className = "rte-inserted-image", m.contentEditable = "true";
-      const p = H();
-      if (!f || !p) {
-        p == null || p.appendChild(m);
-        const pe = document.createTextNode(" ");
-        p == null || p.appendChild(pe);
-        const J = document.createRange();
-        J.setStartAfter(pe), J.collapse(!0), s == null || s.removeAllRanges(), s == null || s.addRange(J), p == null || p.focus(), z(), e.target.value = "";
+    const a = r[1].toLowerCase();
+    le(a);
+    const d = n.filter((l) => l.name.toLowerCase().includes(a));
+    U(d);
+  }, $e = (e) => {
+    var a;
+    const t = (a = e.target.files) == null ? void 0 : a[0];
+    if (!t) return;
+    const r = new FileReader();
+    r.onload = (d) => {
+      var A;
+      const l = (A = d.target) == null ? void 0 : A.result;
+      V();
+      const i = window.getSelection();
+      let v = i && i.rangeCount ? i.getRangeAt(0) : null;
+      const g = document.createElement("img");
+      g.src = l, g.alt = t.name || "image", g.className = "rte-inserted-image", g.contentEditable = "true";
+      const p = O();
+      if (!v || !p) {
+        p == null || p.appendChild(g);
+        const Ce = document.createTextNode(" ");
+        p == null || p.appendChild(Ce);
+        const ne = document.createRange();
+        ne.setStartAfter(Ce), ne.collapse(!0), i == null || i.removeAllRanges(), i == null || i.addRange(ne), p == null || p.focus(), M(), e.target.value = "";
         return;
       }
-      f.deleteContents(), f.insertNode(m);
+      v.deleteContents(), v.insertNode(g);
       const h = document.createTextNode(" ");
-      m.after(h);
-      const b = document.createRange();
-      b.setStartAfter(h), b.collapse(!0), s.removeAllRanges(), s.addRange(b), p.focus(), z(), e.target.value = "";
-    }, a.readAsDataURL(n);
-  }, He = (e) => {
-    var u;
-    U();
-    const n = window.getSelection();
-    if (!(n != null && n.rangeCount)) return;
-    const a = n.getRangeAt(0), o = document.createTextNode(e);
-    a.insertNode(o), a.setStartAfter(o), a.collapse(!0), n.removeAllRanges(), n.addRange(a), (u = H()) == null || u.focus(), z();
-  }, je = () => {
-    U();
+      g.after(h);
+      const C = document.createRange();
+      C.setStartAfter(h), C.collapse(!0), i.removeAllRanges(), i.addRange(C), p.focus(), M(), e.target.value = "";
+    }, r.readAsDataURL(t);
+  }, Ue = (e) => {
+    var d;
+    V();
+    const t = window.getSelection();
+    if (!(t != null && t.rangeCount)) return;
+    const r = t.getRangeAt(0), a = document.createTextNode(e);
+    r.insertNode(a), r.setStartAfter(a), r.collapse(!0), t.removeAllRanges(), t.addRange(r), (d = O()) == null || d.focus(), M();
+  }, We = () => {
+    V();
     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";
-    const n = document.createElement("thead"), a = document.createElement("tbody"), o = document.createElement("tr"), u = document.createElement("tr");
-    for (let f = 0; f < 2; f++) {
-      const m = document.createElement("th");
-      m.textContent = `Header ${f + 1}`, m.style.border = "1px solid #999", m.style.padding = "8px", m.style.position = "relative", m.style.backgroundColor = "lightgray";
+    e.style.borderCollapse = "collapse", e.style.width = "100%", e.style.border = "1px solid #ccc", e.style.margin = "8px 0", e.style.position = "relative", m.table && e.classList.add(m.table);
+    const t = document.createElement("thead");
+    m.thead && t.classList.add(m.thead);
+    const r = document.createElement("tbody");
+    m.tbody && r.classList.add(m.tbody);
+    const a = document.createElement("tr");
+    m.tr && a.classList.add(m.tr);
+    const d = document.createElement("tr");
+    m.tr && d.classList.add(m.tr);
+    for (let v = 0; v < 2; v++) {
+      const g = document.createElement("th");
+      g.textContent = `Header ${v + 1}`, g.style.border = "1px solid #999", g.style.padding = "8px", g.style.position = "relative", g.style.backgroundColor = "lightgray", m.th && g.classList.add(m.th);
       const p = document.createElement("td");
-      p.textContent = `Row 1 Col ${f + 1}`, p.style.border = "1px solid #999", p.style.padding = "8px", p.style.position = "relative", p.style.backgroundColor = "#fff", Q(m), Q(p), o.appendChild(m), u.appendChild(p);
+      p.textContent = `Row 1 Col ${v + 1}`, p.style.border = "1px solid #999", p.style.padding = "8px", p.style.position = "relative", p.style.backgroundColor = "#fff", m.td && p.classList.add(m.td), te(g), te(p), a.appendChild(g), d.appendChild(p);
     }
-    n.appendChild(o), a.appendChild(u), e.appendChild(n), e.appendChild(a), Be(e), _e(e);
+    t.appendChild(a), r.appendChild(d), e.appendChild(t), e.appendChild(r), Qe(e), Ke(e);
     const l = window.getSelection();
     if (!(l != null && l.rangeCount)) return;
-    l.getRangeAt(0).insertNode(e), z();
-  }, _e = (e) => {
-    const n = document.createElement("div");
-    Object.assign(n.style, {
+    l.getRangeAt(0).insertNode(e), M();
+  }, Ke = (e) => {
+    const t = document.createElement("div");
+    Object.assign(t.style, {
       position: "absolute",
       width: "14px",
       height: "14px",
@@ -1007,22 +1081,22 @@ const Lt = ({
       zIndex: "20",
       borderRadius: "2px"
     });
-    let a = 0, o = 0, u = 0, l = 0;
-    n.addEventListener("mousedown", (s) => {
-      s.preventDefault(), a = s.clientX, o = s.clientY;
-      const f = e.getBoundingClientRect();
-      u = f.width, l = f.height;
-      const m = (h) => {
-        const b = Math.max(100, u + (h.clientX - a)), k = Math.max(60, l + (h.clientY - o));
-        e.style.width = `${b}px`, e.style.height = `${k}px`, z();
+    let r = 0, a = 0, d = 0, l = 0;
+    t.addEventListener("mousedown", (i) => {
+      i.preventDefault(), r = i.clientX, a = i.clientY;
+      const v = e.getBoundingClientRect();
+      d = v.width, l = v.height;
+      const g = (h) => {
+        const C = Math.max(100, d + (h.clientX - r)), A = Math.max(60, l + (h.clientY - a));
+        e.style.width = `${C}px`, e.style.height = `${A}px`, M();
       }, p = () => {
-        document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", p), z();
+        document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", p), M();
       };
-      document.addEventListener("mousemove", m), document.addEventListener("mouseup", p);
-    }), e.appendChild(n);
-  }, Q = (e) => {
-    const n = document.createElement("div"), a = document.createElement("div");
-    Object.assign(n.style, {
+      document.addEventListener("mousemove", g), document.addEventListener("mouseup", p);
+    }), e.appendChild(t);
+  }, te = (e) => {
+    const t = document.createElement("div"), r = document.createElement("div");
+    Object.assign(t.style, {
       position: "absolute",
       right: "0",
       top: "0",
@@ -1031,7 +1105,7 @@ const Lt = ({
       cursor: "col-resize",
       background: "rgba(0,0,0,0.15)",
       zIndex: "10"
-    }), Object.assign(a.style, {
+    }), Object.assign(r.style, {
       position: "absolute",
       bottom: "0",
       left: "0",
@@ -1040,243 +1114,245 @@ const Lt = ({
       cursor: "row-resize",
       background: "rgba(0,0,0,0.15)",
       zIndex: "10"
-    }), Fe(e, n, a), e.appendChild(n), e.appendChild(a);
-  }, Fe = (e, n, a) => {
-    let o = 0, u = 0, l = 0, s = 0;
-    n.addEventListener("mousedown", (h) => {
-      h.preventDefault(), o = h.clientX, l = e.offsetWidth, document.addEventListener("mousemove", f), document.addEventListener("mouseup", p);
-    }), a.addEventListener("mousedown", (h) => {
-      h.preventDefault(), u = h.clientY, s = e.offsetHeight, document.addEventListener("mousemove", m), document.addEventListener("mouseup", p);
+    }), Xe(e, t, r), e.appendChild(t), e.appendChild(r);
+  }, Xe = (e, t, r) => {
+    let a = 0, d = 0, l = 0, i = 0;
+    t.addEventListener("mousedown", (h) => {
+      h.preventDefault(), a = h.clientX, l = e.offsetWidth, document.addEventListener("mousemove", v), document.addEventListener("mouseup", p);
+    }), r.addEventListener("mousedown", (h) => {
+      h.preventDefault(), d = h.clientY, i = e.offsetHeight, document.addEventListener("mousemove", g), document.addEventListener("mouseup", p);
     });
-    const f = (h) => {
-      const b = l + (h.clientX - o);
-      e.style.width = `${Math.max(30, b)}px`;
-    }, m = (h) => {
-      const b = s + (h.clientY - u);
-      e.style.height = `${Math.max(20, b)}px`;
+    const v = (h) => {
+      const C = l + (h.clientX - a);
+      e.style.width = `${Math.max(30, C)}px`;
+    }, g = (h) => {
+      const C = i + (h.clientY - d);
+      e.style.height = `${Math.max(20, C)}px`;
     }, p = () => {
-      document.removeEventListener("mousemove", f), document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", p);
+      document.removeEventListener("mousemove", v), document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", p);
     };
-  }, Ie = (e) => {
-    const a = e.target.closest("td, th");
-    a && (e.preventDefault(), document.querySelectorAll(".rte-cell-highlight").forEach((o) => o.classList.remove("rte-cell-highlight")), a.classList.add("rte-cell-highlight"), q({
+  }, Ye = (e) => {
+    const r = e.target.closest("td, th");
+    r && (e.preventDefault(), document.querySelectorAll(".rte-cell-highlight").forEach((a) => a.classList.remove("rte-cell-highlight")), r.classList.add("rte-cell-highlight"), q({
       visible: !0,
       x: e.clientX,
       y: e.clientY,
-      cell: a
+      cell: r
     }));
-  }, le = () => {
+  }, ue = () => {
     document.querySelectorAll(".rte-cell-highlight").forEach((e) => e.classList.remove("rte-cell-highlight"));
-  }, Pe = (e) => {
-    if (!y.cell) return;
-    const n = y.cell.closest("table"), a = y.cell.cellIndex, o = y.cell.parentElement.rowIndex, u = (l) => {
-      const s = l.tagName.toLowerCase(), f = document.createElement(s);
-      return f.textContent = l.textContent || "", f.style.cssText = l.style.cssText, Q(f), f;
+  }, Ze = (e) => {
+    if (!D.cell) return;
+    const t = D.cell.closest("table"), r = D.cell.cellIndex, a = D.cell.parentElement.rowIndex, d = (l) => {
+      const i = l.tagName.toLowerCase(), v = document.createElement(i);
+      return v.textContent = l.textContent || "", v.style.cssText = l.style.cssText, te(v), v;
     };
     switch (e) {
       case "insertRowAbove": {
-        const l = n.rows[o], s = n.insertRow(o);
-        Array.from(l.cells).forEach((f) => {
-          s.appendChild(u(f));
+        const l = t.rows[a], i = t.insertRow(a);
+        Array.from(l.cells).forEach((v) => {
+          i.appendChild(d(v));
         });
         break;
       }
       case "insertRowBelow": {
-        const l = n.rows[o], s = n.insertRow(o + 1);
-        Array.from(l.cells).forEach((f) => {
-          s.appendChild(u(f));
+        const l = t.rows[a], i = t.insertRow(a + 1);
+        Array.from(l.cells).forEach((v) => {
+          i.appendChild(d(v));
         });
         break;
       }
       case "insertColLeft": {
-        Array.from(n.rows).forEach((l) => {
-          const s = l.cells[a];
-          l.insertBefore(u(s), s);
+        Array.from(t.rows).forEach((l) => {
+          const i = l.cells[r];
+          l.insertBefore(d(i), i);
         });
         break;
       }
       case "insertColRight": {
-        Array.from(n.rows).forEach((l) => {
-          const s = l.cells[a];
-          l.insertBefore(u(s), s.nextSibling);
+        Array.from(t.rows).forEach((l) => {
+          const i = l.cells[r];
+          l.insertBefore(d(i), i.nextSibling);
         });
         break;
       }
       case "deleteRow":
-        n.rows.length > 1 && n.deleteRow(o);
+        t.rows.length > 1 && t.deleteRow(a);
         break;
       case "deleteCol":
-        Array.from(n.rows).forEach((l) => {
-          l.cells[a] && l.deleteCell(a);
+        Array.from(t.rows).forEach((l) => {
+          l.cells[r] && l.deleteCell(r);
         });
         break;
     }
-    z(), q(ee(G({}, y), {
+    M(), q(ae(re({}, D), {
       visible: !1
-    })), le();
-  }, Be = (e) => {
-    const n = e.querySelector("tbody");
-    if (!n || n.querySelector("[data-hidden-table-start]")) return;
+    })), ue();
+  }, Qe = (e) => {
+    const t = e.querySelector("tbody");
+    if (!t || t.querySelector("[data-hidden-table-start]")) return;
+    const r = document.createElement("span");
+    r.textContent = "{{#arrayData}}", r.style.display = "none", r.setAttribute("data-hidden-table-start", "true"), t.insertBefore(r, t.firstChild);
     const a = document.createElement("span");
-    a.textContent = "{{#arrayData}}", a.style.display = "none", a.setAttribute("data-hidden-table-start", "true"), n.insertBefore(a, n.firstChild);
-    const o = document.createElement("span");
-    o.textContent = "{{/arrayData}}", o.style.display = "none", o.setAttribute("data-hidden-table-end", "true"), n.appendChild(o);
-  }, ce = () => {
-    const e = H();
-    if (!e) return T;
-    const n = e.cloneNode(!0);
-    return n.querySelectorAll("table div").forEach((a) => a.remove()), n.querySelectorAll(".rte-cell-highlight").forEach((a) => a.classList.remove("rte-cell-highlight")), n.innerHTML;
-  }, qe = () => {
-    ne(), g.current = O.current, V({
+    a.textContent = "{{/arrayData}}", a.style.display = "none", a.setAttribute("data-hidden-table-end", "true"), t.appendChild(a);
+  }, me = () => {
+    const e = O();
+    if (!e) return N;
+    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"));
+    let r = t.innerHTML;
+    return r = r.replace(/{{\s*(.*?)\s*}}/g, "$1"), r;
+  }, Je = () => {
+    ce(), y.current = _.current, oe({
       url: "",
       text: "",
       title: "",
       target: "_self"
-    }), F(!0);
-  }, Ve = (e) => {
-    const n = window.getSelection();
-    if (!n || !g.current) return;
-    n.removeAllRanges(), n.addRange(g.current);
-    let a = e.url.trim();
-    /^https?:\/\//i.test(a) || (a = "https://" + a);
-    const o = document.createElement("a");
-    o.href = a, o.style.cursor = "pointer", o.style.outline = "none", o.textContent = e.text || a, o.title = e.title, o.target = e.target, o.contentEditable = "true";
-    const u = n.getRangeAt(0);
-    u.deleteContents(), u.insertNode(o);
+    }), f(!0);
+  }, Ge = (e) => {
+    const t = window.getSelection();
+    if (!t || !y.current) return;
+    t.removeAllRanges(), t.addRange(y.current);
+    let r = e.url.trim();
+    /^https?:\/\//i.test(r) || (r = "https://" + r);
+    const a = document.createElement("a");
+    a.href = r, a.style.cursor = "pointer", a.style.outline = "none", a.textContent = e.text || r, a.title = e.title, a.target = e.target, a.contentEditable = "true";
+    const d = t.getRangeAt(0);
+    d.deleteContents(), d.insertNode(a);
     const l = document.createTextNode(" ");
-    o.after(l);
-    const s = document.createRange();
-    s.setStartAfter(l), s.collapse(!0), n.removeAllRanges(), n.addRange(s), F(!1), z();
-  }, Ue = (e) => {
-    const n = e.target;
-    if (n.tagName === "A") {
-      const a = n;
+    a.after(l);
+    const i = document.createRange();
+    i.setStartAfter(l), i.collapse(!0), t.removeAllRanges(), t.addRange(i), f(!1), M();
+  }, et = (e) => {
+    const t = e.target;
+    if (t.tagName === "A") {
+      const r = t;
       if (e.ctrlKey || e.metaKey) {
-        window.open(a.href, "_blank", "noopener,noreferrer");
+        window.open(r.href, "_blank", "noopener,noreferrer");
         return;
       }
       e.preventDefault();
-      const o = document.createRange();
-      o.selectNode(a), g.current = o, V({
-        url: a.href,
-        text: a.textContent || a.href,
-        title: a.title,
-        target: a.target
-      }), F(!0);
+      const a = document.createRange();
+      a.selectNode(r), y.current = a, oe({
+        url: r.href,
+        text: r.textContent || r.href,
+        title: r.title,
+        target: r.target
+      }), f(!0);
     }
-  }, $e = () => {
-    const e = H();
+  }, tt = () => {
+    const e = O();
     if (!e) return;
-    const n = window.getSelection();
-    if ((!n || n.rangeCount === 0) && O.current) {
+    const t = window.getSelection();
+    if ((!t || t.rangeCount === 0) && _.current) {
       const h = window.getSelection();
-      h == null || h.removeAllRanges(), h == null || h.addRange(O.current);
+      h == null || h.removeAllRanges(), h == null || h.addRange(_.current);
     }
-    const a = window.getSelection();
-    if (!a || a.rangeCount === 0) return;
-    const o = a.getRangeAt(0);
-    U(), document.execCommand("removeFormat", !1);
-    const u = o.cloneContents(), l = document.createElement("div");
-    l.appendChild(u);
-    const s = document.createTreeWalker(l, NodeFilter.SHOW_ELEMENT, null), f = [];
-    for (; s.nextNode(); ) {
-      const h = s.currentNode, b = h.tagName.toUpperCase(), k = h.getAttribute && h.getAttribute("data-mention") !== null;
-      b !== "A" && !k && f.push(h);
+    const r = window.getSelection();
+    if (!r || r.rangeCount === 0) return;
+    const a = r.getRangeAt(0);
+    V(), document.execCommand("removeFormat", !1);
+    const d = a.cloneContents(), l = document.createElement("div");
+    l.appendChild(d);
+    const i = document.createTreeWalker(l, NodeFilter.SHOW_ELEMENT, null), v = [];
+    for (; i.nextNode(); ) {
+      const h = i.currentNode, C = h.tagName.toUpperCase(), A = h.getAttribute && h.getAttribute("data-mention") !== null;
+      C !== "A" && !A && v.push(h);
     }
-    for (let h = f.length - 1; h >= 0; h--) {
-      const b = f[h], k = b.parentNode;
-      if (k) {
-        for (; b.firstChild; ) k.insertBefore(b.firstChild, b);
-        k.removeChild(b);
+    for (let h = v.length - 1; h >= 0; h--) {
+      const C = v[h], A = C.parentNode;
+      if (A) {
+        for (; C.firstChild; ) A.insertBefore(C.firstChild, C);
+        A.removeChild(C);
       }
     }
-    l.querySelectorAll("[style]").forEach((h) => h.removeAttribute("style")), o.deleteContents();
-    const m = document.createDocumentFragment();
-    for (; l.firstChild; ) m.appendChild(l.firstChild);
-    o.insertNode(m);
+    l.querySelectorAll("[style]").forEach((h) => h.removeAttribute("style")), a.deleteContents();
+    const g = document.createDocumentFragment();
+    for (; l.firstChild; ) g.appendChild(l.firstChild);
+    a.insertNode(g);
     const p = document.createRange();
-    p.setStartAfter(o.endContainer.nodeType === Node.TEXT_NODE ? o.endContainer : o.startContainer), p.collapse(!0), a.removeAllRanges(), a.addRange(p), e.normalize(), z();
-  }, We = (e) => {
-    var o;
-    let n = e;
-    n = n.replace(/{{#arrayData\d*}}/g, ""), n = n.replace(/{{\/arrayData\d*}}/g, "");
-    const a = document.createElement("div");
-    return a.innerHTML = n, a.querySelectorAll("br").forEach((u) => {
-      u.replaceWith(`
+    p.setStartAfter(a.endContainer.nodeType === Node.TEXT_NODE ? a.endContainer : a.startContainer), p.collapse(!0), r.removeAllRanges(), r.addRange(p), e.normalize(), M();
+  }, nt = (e) => {
+    var a;
+    let t = e;
+    t = t.replace(/{{#arrayData\d*}}/g, ""), t = t.replace(/{{\/arrayData\d*}}/g, "");
+    const r = document.createElement("div");
+    return r.innerHTML = t, r.querySelectorAll("br").forEach((d) => {
+      d.replaceWith(`
 `);
-    }), a.querySelectorAll("p, div, tr").forEach((u) => {
-      u.insertAdjacentText("afterend", `
+    }), r.querySelectorAll("p, div, tr").forEach((d) => {
+      d.insertAdjacentText("afterend", `
 `);
-    }), a.querySelectorAll("table").forEach((u) => {
-      u.insertAdjacentText("afterend", `
+    }), r.querySelectorAll("table").forEach((d) => {
+      d.insertAdjacentText("afterend", `
 `);
-    }), ((o = a.textContent) == null ? void 0 : o.replace(/\n{3,}/g, `
+    }), ((a = r.textContent) == null ? void 0 : a.replace(/\n{3,}/g, `
 
 `).trim()) || "";
   };
-  return /* @__PURE__ */ r.createElement("div", {
-    className: `rte-wrapper ${(v == null ? void 0 : v.wrapper) || ""}`,
+  return /* @__PURE__ */ o.createElement("div", {
+    className: `rte-wrapper ${(m == null ? void 0 : m.wrapper) || ""}`,
     style: w.wrapper
-  }, /* @__PURE__ */ r.createElement("div", {
+  }, /* @__PURE__ */ o.createElement("div", {
     style: {
       flex: 1
     }
-  }, /* @__PURE__ */ r.createElement(bt, {
-    exec: W,
-    saveSelection: ne,
-    handleFileChange: Oe,
-    handleFontSizeChange: (e) => W("fontSize", e.target.value),
-    handleFontFamilyChange: (e) => W("fontName", e.target.value),
-    insertEmoji: He,
-    handleLink: qe,
-    removeFormatting: $e,
-    visibleActions: Le,
-    className: v.toolbar,
+  }, /* @__PURE__ */ o.createElement(Dt, {
+    exec: X,
+    saveSelection: ce,
+    handleFileChange: $e,
+    handleFontSizeChange: (e) => X("fontSize", e.target.value),
+    handleFontFamilyChange: (e) => X("fontName", e.target.value),
+    insertEmoji: Ue,
+    handleLink: Je,
+    removeFormatting: tt,
+    visibleActions: Ae,
+    className: m.toolbar,
     style: w.toolbar
-  }), /* @__PURE__ */ r.createElement("div", {
-    ref: E,
-    className: `rte-editor ${(v == null ? void 0 : v.editor) || ""}`,
+  }), /* @__PURE__ */ o.createElement("div", {
+    ref: k,
+    className: `rte-editor ${(m == null ? void 0 : m.editor) || ""}`,
     style: w.editor,
     contentEditable: !0,
     suppressContentEditableWarning: !0,
-    onInput: oe,
-    onKeyDown: Te,
-    onBeforeInput: De,
-    onContextMenu: Ie,
-    onClick: Ue
-  }), /* @__PURE__ */ r.createElement(xt, {
-    show: M,
-    position: x,
-    filtered: P,
-    insertMention: Ae,
-    onClose: () => N(!1),
-    query: Re
-  }), c && /* @__PURE__ */ r.createElement("div", {
-    className: `rte-output ${(v == null ? void 0 : v.output) || ""}`,
+    onInput: de,
+    onKeyDown: Be,
+    onBeforeInput: qe,
+    onContextMenu: Ye,
+    onClick: et
+  }), /* @__PURE__ */ o.createElement(Ot, {
+    show: $,
+    position: W,
+    filtered: F,
+    insertMention: _e,
+    onClose: () => j(!1),
+    query: Ne
+  }), c && /* @__PURE__ */ o.createElement("div", {
+    className: `rte-output ${(m == null ? void 0 : m.output) || ""}`,
     style: w.output
-  }, /* @__PURE__ */ r.createElement("h4", null, "Output HTML:"), /* @__PURE__ */ r.createElement("p", null, T)), /* @__PURE__ */ r.createElement(Lt, {
-    visible: y.visible,
-    x: y.x,
-    y: y.y,
-    onAction: Pe,
+  }, /* @__PURE__ */ o.createElement("h4", null, "Output HTML:"), /* @__PURE__ */ o.createElement("p", null, N)), /* @__PURE__ */ o.createElement(Ht, {
+    visible: D.visible,
+    x: D.x,
+    y: D.y,
+    onAction: Ze,
     onClose: () => {
-      q(ee(G({}, y), {
+      q(ae(re({}, D), {
         visible: !1
-      })), le();
+      })), ue();
     }
-  }), /* @__PURE__ */ r.createElement(St, {
-    visible: $,
-    linkData: C,
-    onClose: () => F(!1),
-    onInsert: Ve
-  })), i ? /* @__PURE__ */ r.createElement(Rt, {
-    className: v.preview,
+  }), /* @__PURE__ */ o.createElement(_t, {
+    visible: K,
+    linkData: P,
+    onClose: () => f(!1),
+    onInsert: Ge
+  })), s ? /* @__PURE__ */ o.createElement(jt, {
+    className: m.preview,
     style: w.preview,
-    html: ce()
+    html: me()
   }) : null);
 };
 export {
-  Nt as RichTextEditor,
-  Rt as RtePreview,
-  bt as RteToolbar
+  Bt as RichTextEditor,
+  jt as RtePreview,
+  Dt as RteToolbar
 };