npm - @ryzeup/richtexteditor - Versions diffs - 1.0.28 → 1.0.30 - Mend

@ryzeup/richtexteditor 1.0.28 → 1.0.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.es.js CHANGED Viewed

@@ -1,182 +1,182 @@
-var pt = Object.defineProperty, vt = Object.defineProperties;
-var yt = Object.getOwnPropertyDescriptors;
-var ke = Object.getOwnPropertySymbols;
-var Et = Object.prototype.hasOwnProperty, wt = Object.prototype.propertyIsEnumerable;
-var ze = (r, s, u) => s in r ? pt(r, s, { enumerable: !0, configurable: !0, writable: !0, value: u }) : r[s] = u, ce = (r, s) => {
-  for (var u in s || (s = {}))
-    Et.call(s, u) && ze(r, u, s[u]);
-  if (ke)
-    for (var u of ke(s))
-      wt.call(s, u) && ze(r, u, s[u]);
-  return r;
-}, se = (r, s) => vt(r, yt(s));
-import * as Ct from "react";
-import i, { useRef as W, useState as D, useEffect as U } from "react";
-import { createPortal as bt } from "react-dom";
-window.React = Ct;
-var je = {
+var Lt = Object.defineProperty, xt = Object.defineProperties;
+var St = Object.getOwnPropertyDescriptors;
+var Pe = Object.getOwnPropertySymbols;
+var Rt = Object.prototype.hasOwnProperty, Nt = Object.prototype.propertyIsEnumerable;
+var _e = (a, d, u) => d in a ? Lt(a, d, { enumerable: !0, configurable: !0, writable: !0, value: u }) : a[d] = u, re = (a, d) => {
+  for (var u in d || (d = {}))
+    Rt.call(d, u) && _e(a, u, d[u]);
+  if (Pe)
+    for (var u of Pe(d))
+      Nt.call(d, u) && _e(a, u, d[u]);
+  return a;
+}, ae = (a, d) => xt(a, St(d));
+import * as Mt from "react";
+import r, { useRef as Z, useState as H, useEffect as U } from "react";
+import { createPortal as At } from "react-dom";
+window.React = Mt;
+var Ue = {
   color: void 0,
   size: void 0,
   className: void 0,
   style: void 0,
   attr: void 0
-}, De = i.createContext && /* @__PURE__ */ i.createContext(je), Lt = ["attr", "size", "title"];
-function xt(r, s) {
-  if (r == null) return {};
-  var u = Rt(r, s), g, h;
+}, je = r.createContext && /* @__PURE__ */ r.createContext(Ue), Tt = ["attr", "size", "title"];
+function kt(a, d) {
+  if (a == null) return {};
+  var u = zt(a, d), h, v;
   if (Object.getOwnPropertySymbols) {
-    var M = Object.getOwnPropertySymbols(r);
-    for (h = 0; h < M.length; h++)
-      g = M[h], !(s.indexOf(g) >= 0) && Object.prototype.propertyIsEnumerable.call(r, g) && (u[g] = r[g]);
+    var L = Object.getOwnPropertySymbols(a);
+    for (v = 0; v < L.length; v++)
+      h = L[v], !(d.indexOf(h) >= 0) && Object.prototype.propertyIsEnumerable.call(a, h) && (u[h] = a[h]);
   }
   return u;
 }
-function Rt(r, s) {
-  if (r == null) return {};
+function zt(a, d) {
+  if (a == null) return {};
   var u = {};
-  for (var g in r)
-    if (Object.prototype.hasOwnProperty.call(r, g)) {
-      if (s.indexOf(g) >= 0) continue;
-      u[g] = r[g];
+  for (var h in a)
+    if (Object.prototype.hasOwnProperty.call(a, h)) {
+      if (d.indexOf(h) >= 0) continue;
+      u[h] = a[h];
     }
   return u;
 }
-function ee() {
-  return ee = Object.assign ? Object.assign.bind() : function(r) {
-    for (var s = 1; s < arguments.length; s++) {
-      var u = arguments[s];
-      for (var g in u)
-        Object.prototype.hasOwnProperty.call(u, g) && (r[g] = u[g]);
+function ce() {
+  return ce = Object.assign ? Object.assign.bind() : function(a) {
+    for (var d = 1; d < arguments.length; d++) {
+      var u = arguments[d];
+      for (var h in u)
+        Object.prototype.hasOwnProperty.call(u, h) && (a[h] = u[h]);
     }
-    return r;
-  }, ee.apply(this, arguments);
+    return a;
+  }, ce.apply(this, arguments);
 }
-function He(r, s) {
-  var u = Object.keys(r);
+function Fe(a, d) {
+  var u = Object.keys(a);
   if (Object.getOwnPropertySymbols) {
-    var g = Object.getOwnPropertySymbols(r);
-    s && (g = g.filter(function(h) {
-      return Object.getOwnPropertyDescriptor(r, h).enumerable;
-    })), u.push.apply(u, g);
+    var h = Object.getOwnPropertySymbols(a);
+    d && (h = h.filter(function(v) {
+      return Object.getOwnPropertyDescriptor(a, v).enumerable;
+    })), u.push.apply(u, h);
   }
   return u;
 }
-function te(r) {
-  for (var s = 1; s < arguments.length; s++) {
-    var u = arguments[s] != null ? arguments[s] : {};
-    s % 2 ? He(Object(u), !0).forEach(function(g) {
-      St(r, g, u[g]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(u)) : He(Object(u)).forEach(function(g) {
-      Object.defineProperty(r, g, Object.getOwnPropertyDescriptor(u, g));
+function se(a) {
+  for (var d = 1; d < arguments.length; d++) {
+    var u = arguments[d] != null ? arguments[d] : {};
+    d % 2 ? Fe(Object(u), !0).forEach(function(h) {
+      Dt(a, h, u[h]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(u)) : Fe(Object(u)).forEach(function(h) {
+      Object.defineProperty(a, h, Object.getOwnPropertyDescriptor(u, h));
     });
   }
-  return r;
+  return a;
 }
-function St(r, s, u) {
-  return s = Mt(s), s in r ? Object.defineProperty(r, s, { value: u, enumerable: !0, configurable: !0, writable: !0 }) : r[s] = u, r;
+function Dt(a, d, u) {
+  return d = Ht(d), d in a ? Object.defineProperty(a, d, { value: u, enumerable: !0, configurable: !0, writable: !0 }) : a[d] = u, a;
 }
-function Mt(r) {
-  var s = Tt(r, "string");
-  return typeof s == "symbol" ? s : s + "";
+function Ht(a) {
+  var d = Ot(a, "string");
+  return typeof d == "symbol" ? d : d + "";
 }
-function Tt(r, s) {
-  if (typeof r != "object" || !r) return r;
-  var u = r[Symbol.toPrimitive];
+function Ot(a, d) {
+  if (typeof a != "object" || !a) return a;
+  var u = a[Symbol.toPrimitive];
   if (u !== void 0) {
-    var g = u.call(r, s);
-    if (typeof g != "object") return g;
+    var h = u.call(a, d);
+    if (typeof h != "object") return h;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (s === "string" ? String : Number)(r);
+  return (d === "string" ? String : Number)(a);
 }
-function Fe(r) {
-  return r && r.map((s, u) => /* @__PURE__ */ i.createElement(s.tag, te({
+function $e(a) {
+  return a && a.map((d, u) => /* @__PURE__ */ r.createElement(d.tag, se({
     key: u
-  }, s.attr), Fe(s.child)));
+  }, d.attr), $e(d.child)));
 }
-function k(r) {
-  return (s) => /* @__PURE__ */ i.createElement(At, ee({
-    attr: te({}, r.attr)
-  }, s), Fe(r.child));
+function k(a) {
+  return (d) => /* @__PURE__ */ r.createElement(Pt, ce({
+    attr: se({}, a.attr)
+  }, d), $e(a.child));
 }
-function At(r) {
-  var s = (u) => {
+function Pt(a) {
+  var d = (u) => {
     var {
-      attr: g,
-      size: h,
-      title: M
-    } = r, L = xt(r, Lt), T = h || u.size || "1em", y;
-    return u.className && (y = u.className), r.className && (y = (y ? y + " " : "") + r.className), /* @__PURE__ */ i.createElement("svg", ee({
+      attr: h,
+      size: v,
+      title: L
+    } = a, P = kt(a, Tt), z = v || u.size || "1em", w;
+    return u.className && (w = u.className), a.className && (w = (w ? w + " " : "") + a.className), /* @__PURE__ */ r.createElement("svg", ce({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
-    }, u.attr, g, L, {
-      className: y,
-      style: te(te({
-        color: r.color || u.color
-      }, u.style), r.style),
-      height: T,
-      width: T,
+    }, u.attr, h, P, {
+      className: w,
+      style: se(se({
+        color: a.color || u.color
+      }, u.style), a.style),
+      height: z,
+      width: z,
       xmlns: "http://www.w3.org/2000/svg"
-    }), M && /* @__PURE__ */ i.createElement("title", null, M), r.children);
+    }), L && /* @__PURE__ */ r.createElement("title", null, L), a.children);
   };
-  return De !== void 0 ? /* @__PURE__ */ i.createElement(De.Consumer, null, (u) => s(u)) : s(je);
+  return je !== void 0 ? /* @__PURE__ */ r.createElement(je.Consumer, null, (u) => d(u)) : d(Ue);
 }
-function Nt(r) {
-  return k({ 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 _t(a) {
+  return k({ 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: [] }] })(a);
 }
-function kt(r) {
-  return k({ 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 jt(a) {
+  return k({ 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: [] }] })(a);
 }
-function zt(r) {
-  return k({ 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 Ft(a) {
+  return k({ 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: [] }] })(a);
 }
-function Dt(r) {
-  return k({ 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 It(a) {
+  return k({ 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: [] }] })(a);
 }
-function Ht(r) {
-  return k({ 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 qt(a) {
+  return k({ 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: [] }] })(a);
 }
-function Ot(r) {
-  return k({ 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 Bt(a) {
+  return k({ 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: [] }] })(a);
 }
-function _t(r) {
-  return k({ 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 Vt(a) {
+  return k({ 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: [] }] })(a);
 }
-function jt(r) {
-  return k({ 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 Ut(a) {
+  return k({ 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: [] }] })(a);
 }
-function Ft(r) {
-  return k({ 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 $t(a) {
+  return k({ 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: [] }] })(a);
 }
-function It(r) {
-  return k({ 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 Wt(a) {
+  return k({ 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: [] }] })(a);
 }
-function Pt(r) {
-  return k({ 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 Xt(a) {
+  return k({ 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: [] }] })(a);
 }
-function qt(r) {
-  return k({ 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 Zt(a) {
+  return k({ 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: [] }] })(a);
 }
-function Bt(r) {
-  return k({ attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM56.84,75.58a8,8,0,0,1,3.58-10.74l16-8A8,8,0,0,1,88,64v48a8,8,0,0,1-16,0V76.94l-4.42,2.22A8,8,0,0,1,56.84,75.58ZM92,180a8,8,0,0,1,0,16H68a8,8,0,0,1-6.4-12.8l21.67-28.89A3.92,3.92,0,0,0,84,152a4,4,0,0,0-7.77-1.33,8,8,0,0,1-15.09-5.34,20,20,0,1,1,35,18.53L84,180Zm100,4H120a8,8,0,0,1,0-16h72a8,8,0,0,1,0,16Zm0-48H120a8,8,0,0,1,0-16h72a8,8,0,0,1,0,16Zm0-48H120a8,8,0,0,1,0-16h72a8,8,0,0,1,0,16Z" }, child: [] }] })(r);
+function Kt(a) {
+  return k({ attr: { viewBox: "0 0 256 256", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM56.84,75.58a8,8,0,0,1,3.58-10.74l16-8A8,8,0,0,1,88,64v48a8,8,0,0,1-16,0V76.94l-4.42,2.22A8,8,0,0,1,56.84,75.58ZM92,180a8,8,0,0,1,0,16H68a8,8,0,0,1-6.4-12.8l21.67-28.89A3.92,3.92,0,0,0,84,152a4,4,0,0,0-7.77-1.33,8,8,0,0,1-15.09-5.34,20,20,0,1,1,35,18.53L84,180Zm100,4H120a8,8,0,0,1,0-16h72a8,8,0,0,1,0,16Zm0-48H120a8,8,0,0,1,0-16h72a8,8,0,0,1,0,16Zm0-48H120a8,8,0,0,1,0-16h72a8,8,0,0,1,0,16Z" }, child: [] }] })(a);
 }
-function Vt(r) {
-  return k({ attr: { viewBox: "0 0 24 24", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M2 18H9V20H2V18ZM2 11H11V13H2V11ZM2 4H22V6H2V4ZM20.674 13.0251L21.8301 12.634L22.8301 14.366L21.914 15.1711C21.9704 15.4386 22 15.7158 22 16C22 16.2842 21.9704 16.5614 21.914 16.8289L22.8301 17.634L21.8301 19.366L20.674 18.9749C20.2635 19.3441 19.7763 19.6295 19.2391 19.8044L19 21H17L16.7609 19.8044C16.2237 19.6295 15.7365 19.3441 15.326 18.9749L14.1699 19.366L13.1699 17.634L14.086 16.8289C14.0296 16.5614 14 16.2842 14 16C14 15.7158 14.0296 15.4386 14.086 15.1711L13.1699 14.366L14.1699 12.634L15.326 13.0251C15.7365 12.6559 16.2237 12.3705 16.7609 12.1956L17 11H19L19.2391 12.1956C19.7763 12.3705 20.2635 12.6559 20.674 13.0251ZM18 17C18.5523 17 19 16.5523 19 16C19 15.4477 18.5523 15 18 15C17.4477 15 17 15.4477 17 16C17 16.5523 17.4477 17 18 17Z" }, child: [] }] })(r);
+function Yt(a) {
+  return k({ attr: { viewBox: "0 0 24 24", fill: "currentColor" }, child: [{ tag: "path", attr: { d: "M2 18H9V20H2V18ZM2 11H11V13H2V11ZM2 4H22V6H2V4ZM20.674 13.0251L21.8301 12.634L22.8301 14.366L21.914 15.1711C21.9704 15.4386 22 15.7158 22 16C22 16.2842 21.9704 16.5614 21.914 16.8289L22.8301 17.634L21.8301 19.366L20.674 18.9749C20.2635 19.3441 19.7763 19.6295 19.2391 19.8044L19 21H17L16.7609 19.8044C16.2237 19.6295 15.7365 19.3441 15.326 18.9749L14.1699 19.366L13.1699 17.634L14.086 16.8289C14.0296 16.5614 14 16.2842 14 16C14 15.7158 14.0296 15.4386 14.086 15.1711L13.1699 14.366L14.1699 12.634L15.326 13.0251C15.7365 12.6559 16.2237 12.3705 16.7609 12.1956L17 11H19L19.2391 12.1956C19.7763 12.3705 20.2635 12.6559 20.674 13.0251ZM18 17C18.5523 17 19 16.5523 19 16C19 15.4477 18.5523 15 18 15C17.4477 15 17 15.4477 17 16C17 16.5523 17.4477 17 18 17Z" }, child: [] }] })(a);
 }
-function Ut(r) {
-  return k({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M12 21h-7a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7" }, child: [] }, { tag: "path", attr: { d: "M3 10h18" }, child: [] }, { tag: "path", attr: { d: "M10 3v18" }, child: [] }, { tag: "path", attr: { d: "M19.001 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, child: [] }, { tag: "path", attr: { d: "M19.001 15.5v1.5" }, child: [] }, { tag: "path", attr: { d: "M19.001 21v1.5" }, child: [] }, { tag: "path", attr: { d: "M22.032 17.25l-1.299 .75" }, child: [] }, { tag: "path", attr: { d: "M17.27 20l-1.3 .75" }, child: [] }, { tag: "path", attr: { d: "M15.97 17.25l1.3 .75" }, child: [] }, { tag: "path", attr: { d: "M20.733 20l1.3 .75" }, child: [] }] })(r);
+function Qt(a) {
+  return k({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M12 21h-7a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7" }, child: [] }, { tag: "path", attr: { d: "M3 10h18" }, child: [] }, { tag: "path", attr: { d: "M10 3v18" }, child: [] }, { tag: "path", attr: { d: "M19.001 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" }, child: [] }, { tag: "path", attr: { d: "M19.001 15.5v1.5" }, child: [] }, { tag: "path", attr: { d: "M19.001 21v1.5" }, child: [] }, { tag: "path", attr: { d: "M22.032 17.25l-1.299 .75" }, child: [] }, { tag: "path", attr: { d: "M17.27 20l-1.3 .75" }, child: [] }, { tag: "path", attr: { d: "M15.97 17.25l1.3 .75" }, child: [] }, { tag: "path", attr: { d: "M20.733 20l1.3 .75" }, child: [] }] })(a);
 }
-function $t(r) {
-  return k({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z" }, child: [] }, { tag: "path", attr: { d: "M3 10h18" }, child: [] }, { tag: "path", attr: { d: "M10 3v18" }, child: [] }] })(r);
+function Gt(a) {
+  return k({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z" }, child: [] }, { tag: "path", attr: { d: "M3 10h18" }, child: [] }, { tag: "path", attr: { d: "M10 3v18" }, child: [] }] })(a);
 }
-function Wt(r) {
-  return k({ 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 Jt(a) {
+  return k({ 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: [] }] })(a);
 }
-function Zt(r) {
-  return k({ 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);
+function en(a) {
+  return k({ 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: [] }] })(a);
 }
-const Xt = [
+const tn = [
   "😀",
   "😁",
   "😂",
@@ -288,37 +288,37 @@ const Xt = [
   "👏",
   "🫶",
   "👐"
-], Kt = ({
-  exec: r,
-  saveSelection: s,
+], nn = ({
+  exec: a,
+  saveSelection: d,
   handleFileChange: u,
-  handleFontSizeChange: g,
-  handleFontFamilyChange: h,
+  handleFontSizeChange: h,
+  handleFontFamilyChange: v,
   //   insertListBlock,
-  insertEmoji: M,
-  handleLink: L,
-  removeFormatting: T,
-  visibleActions: y,
+  insertEmoji: L,
+  handleLink: P,
+  removeFormatting: z,
+  visibleActions: w,
   className: S,
-  style: w
+  style: R
 }) => {
-  var X, B;
-  const x = W(null), P = W(null), A = W(null), [O, _] = D(!1), [H, j] = D({
+  var q, Y;
+  const N = Z(null), $ = Z(null), b = Z(null), [A, _] = H(!1), [B, O] = H({
     x: 0,
     y: 0
   });
   U(() => {
-    const f = (b) => {
-      !b.target.closest(".rte-emoji-popup") && !b.target.closest("button[title='Emoji']") && _(!1);
+    const g = (y) => {
+      !y.target.closest(".rte-emoji-popup") && !y.target.closest("button[title='Emoji']") && _(!1);
     };
-    return document.addEventListener("mousedown", f), () => document.removeEventListener("mousedown", f);
+    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
   }, []);
-  const z = (f) => {
-    var V;
-    f.preventDefault();
-    const b = f.currentTarget.dataset.command;
-    if (b)
-      switch (b) {
+  const F = (g) => {
+    var X;
+    g.preventDefault();
+    const y = g.currentTarget.dataset.command;
+    if (y)
+      switch (y) {
         case "bold":
         case "italic":
         case "underline":
@@ -327,20 +327,20 @@ const Xt = [
         case "insertOrderedList":
         case "insertStaticOrderedList":
         case "removeFormat":
-          r(b);
+          a(y);
           break;
         case "insertImage": {
-          (V = x.current) == null || V.click();
+          (X = N.current) == null || X.click();
           break;
         }
         default:
-          console.warn("Unknown command:", b);
+          console.warn("Unknown command:", y);
       }
-  }, $ = (f) => {
-    r("foreColor", f.target.value);
-  }, Z = (f) => {
-    r("backColor", f.target.value);
-  }, [R, F] = D({
+  }, K = (g) => {
+    a("foreColor", g.target.value);
+  }, W = (g) => {
+    a("backColor", g.target.value);
+  }, [x, D] = H({
     bold: !1,
     italic: !1,
     underline: !1,
@@ -356,10 +356,24 @@ const Xt = [
     table: !1,
     color: !1,
     highlight: !1
-  });
+  }), I = Z(null), j = Z(null);
   return U(() => {
-    const f = () => {
-      F({
+    const g = () => {
+      const y = window.getSelection();
+      if (!y || !y.anchorNode) return;
+      let X = y.anchorNode.nodeType === Node.ELEMENT_NODE ? y.anchorNode : y.anchorNode.parentElement;
+      if (!X) return;
+      const J = window.getComputedStyle(X), le = J.fontFamily.replace(/['"]/g, "").split(",")[0], de = parseInt(J.fontSize, 10);
+      if (I.current) {
+        const ee = Array.from(I.current.options).some((oe) => oe.value === le);
+        I.current.value = ee ? le : "";
+      }
+      j.current && (j.current.value = String(de));
+    };
+    return document.addEventListener("selectionchange", g), () => document.removeEventListener("selectionchange", g);
+  }, []), U(() => {
+    const g = () => {
+      D({
         bold: document.queryCommandState("bold"),
         italic: document.queryCommandState("italic"),
         underline: document.queryCommandState("underline"),
@@ -377,130 +391,130 @@ const Xt = [
         highlight: document.queryCommandState("backColor")
       });
     };
-    return document.addEventListener("selectionchange", f), () => document.removeEventListener("selectionchange", f);
-  }, []), /* @__PURE__ */ i.createElement("div", {
+    return document.addEventListener("selectionchange", g), () => document.removeEventListener("selectionchange", g);
+  }, []), /* @__PURE__ */ r.createElement("div", {
     className: `rte-toolbar ${S || ""}`,
-    style: w
-  }, y.bold && /* @__PURE__ */ i.createElement("button", {
+    style: R
+  }, w.bold && /* @__PURE__ */ r.createElement("button", {
     "data-command": "bold",
     title: "Bold",
-    onMouseDown: z,
-    className: R.bold ? "rte-active" : ""
-  }, /* @__PURE__ */ i.createElement(Ot, null)), y.italic && /* @__PURE__ */ i.createElement("button", {
+    onMouseDown: F,
+    className: x.bold ? "rte-active" : ""
+  }, /* @__PURE__ */ r.createElement(Bt, null)), w.italic && /* @__PURE__ */ r.createElement("button", {
     "data-command": "italic",
     title: "Italic",
-    onMouseDown: z,
-    className: R.italic ? "rte-active" : ""
-  }, /* @__PURE__ */ i.createElement(jt, null)), y.underline && /* @__PURE__ */ i.createElement("button", {
+    onMouseDown: F,
+    className: x.italic ? "rte-active" : ""
+  }, /* @__PURE__ */ r.createElement(Ut, null)), w.underline && /* @__PURE__ */ r.createElement("button", {
     "data-command": "underline",
     title: "Underline",
-    onMouseDown: z,
-    className: R.underline ? "rte-active" : ""
-  }, /* @__PURE__ */ i.createElement(qt, null)), y.unorderedList && /* @__PURE__ */ i.createElement("button", {
+    onMouseDown: F,
+    className: x.underline ? "rte-active" : ""
+  }, /* @__PURE__ */ r.createElement(Zt, null)), w.unorderedList && /* @__PURE__ */ r.createElement("button", {
     "data-command": "insertUnorderedList",
-    onMouseDown: z,
+    onMouseDown: F,
     title: "UnorderedList",
-    className: R.unorderedList ? "rte-active" : ""
-  }, /* @__PURE__ */ i.createElement(Vt, null)), y.staticUnorderedList && /* @__PURE__ */ i.createElement("button", {
+    className: x.unorderedList ? "rte-active" : ""
+  }, /* @__PURE__ */ r.createElement(Yt, null)), w.staticUnorderedList && /* @__PURE__ */ r.createElement("button", {
     "data-command": "insertStaticUnorderedList",
-    onMouseDown: z,
+    onMouseDown: F,
     title: "StaticUnorderedList",
-    className: R.unorderedList ? "rte-active" : ""
-  }, /* @__PURE__ */ i.createElement(It, null)), y.orderedList && /* @__PURE__ */ i.createElement("button", {
+    className: x.unorderedList ? "rte-active" : ""
+  }, /* @__PURE__ */ r.createElement(Wt, null)), w.orderedList && /* @__PURE__ */ r.createElement("button", {
     "data-command": "insertOrderedList",
     title: "OrderedList",
-    onMouseDown: z,
-    className: R.orderedList ? "rte-active" : "",
+    onMouseDown: F,
+    className: x.orderedList ? "rte-active" : "",
     style: {
       fontSize: "medium"
     }
-  }, /* @__PURE__ */ i.createElement(Bt, null)), y.staticOrderedList && /* @__PURE__ */ i.createElement("button", {
+  }, /* @__PURE__ */ r.createElement(Kt, null)), w.staticOrderedList && /* @__PURE__ */ r.createElement("button", {
     "data-command": "insertStaticOrderedList",
     title: "StaticOrderedList",
-    onMouseDown: z,
-    className: R.orderedList ? "rte-active" : ""
-  }, /* @__PURE__ */ i.createElement(Dt, null)), y.link && /* @__PURE__ */ i.createElement("button", {
+    onMouseDown: F,
+    className: x.orderedList ? "rte-active" : ""
+  }, /* @__PURE__ */ r.createElement(It, null)), w.link && /* @__PURE__ */ r.createElement("button", {
     "data-command": "createLink",
     title: "Link",
-    onClick: L,
-    className: R.link ? "rte-active" : ""
-  }, /* @__PURE__ */ i.createElement(Ft, null)), y.removeFormat && /* @__PURE__ */ i.createElement("button", {
+    onClick: P,
+    className: x.link ? "rte-active" : ""
+  }, /* @__PURE__ */ r.createElement($t, null)), w.removeFormat && /* @__PURE__ */ r.createElement("button", {
     "data-command": "Remove format",
     title: "removeFormat",
-    onMouseDown: (f) => {
-      f.preventDefault(), s(), T();
+    onMouseDown: (g) => {
+      g.preventDefault(), d(), z();
     },
-    className: R.removeFormat ? "rte-active" : ""
-  }, /* @__PURE__ */ i.createElement(Zt, null)), y.image && /* @__PURE__ */ i.createElement("button", {
+    className: x.removeFormat ? "rte-active" : ""
+  }, /* @__PURE__ */ r.createElement(en, null)), w.image && /* @__PURE__ */ r.createElement("button", {
     "data-command": "insertImage",
     title: "Image",
-    onMouseDown: z,
-    className: R.image ? "rte-active" : ""
-  }, /* @__PURE__ */ i.createElement(zt, null)), /* @__PURE__ */ i.createElement("input", {
+    onMouseDown: F,
+    className: x.image ? "rte-active" : ""
+  }, /* @__PURE__ */ r.createElement(Ft, null)), /* @__PURE__ */ r.createElement("input", {
     type: "file",
     accept: "image/*",
-    ref: x,
+    ref: N,
     style: {
       display: "none"
     },
     onChange: u
-  }), y.emoji && /* @__PURE__ */ i.createElement("div", {
+  }), w.emoji && /* @__PURE__ */ r.createElement("div", {
     style: {
       position: "relative"
     }
-  }, /* @__PURE__ */ i.createElement("button", {
+  }, /* @__PURE__ */ r.createElement("button", {
     title: "Emoji",
-    onMouseDown: (f) => {
-      f.preventDefault(), s();
-      const b = f.currentTarget.getBoundingClientRect();
-      j({
-        x: b.left,
-        y: b.bottom + 8
+    onMouseDown: (g) => {
+      g.preventDefault(), d();
+      const y = g.currentTarget.getBoundingClientRect();
+      O({
+        x: y.left,
+        y: y.bottom + 8
         // small spacing
-      }), _((V) => !V);
+      }), _((X) => !X);
     },
-    className: R.emoji ? "rte-active" : ""
-  }, /* @__PURE__ */ i.createElement(Pt, null)), O && /* @__PURE__ */ bt(/* @__PURE__ */ i.createElement("div", {
+    className: x.emoji ? "rte-active" : ""
+  }, /* @__PURE__ */ r.createElement(Xt, null)), A && /* @__PURE__ */ At(/* @__PURE__ */ r.createElement("div", {
     className: "rte-emoji-popup",
     style: {
-      top: H.y,
-      left: H.x
+      top: B.y,
+      left: B.x
     }
-  }, Xt.map((f, b) => /* @__PURE__ */ i.createElement("span", {
-    key: b,
+  }, tn.map((g, y) => /* @__PURE__ */ r.createElement("span", {
+    key: y,
     style: {
       fontSize: "20px",
       cursor: "pointer",
       textAlign: "center"
     },
-    onMouseDown: (V) => {
-      V.preventDefault(), M(f), _(!1);
+    onMouseDown: (X) => {
+      X.preventDefault(), L(g), _(!1);
     }
-  }, f))), document.body)), y.color && /* @__PURE__ */ i.createElement("div", {
+  }, g))), document.body)), w.color && /* @__PURE__ */ r.createElement("div", {
     style: {
       position: "relative"
     }
-  }, /* @__PURE__ */ i.createElement("button", {
+  }, /* @__PURE__ */ r.createElement("button", {
     title: "Text Color",
-    onMouseDown: (f) => {
-      var b;
-      f.preventDefault(), s(), (b = P.current) == null || b.click();
+    onMouseDown: (g) => {
+      var y;
+      g.preventDefault(), d(), (y = $.current) == null || y.click();
     },
     style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      color: ((X = P.current) == null ? void 0 : X.value) || "#000",
+      color: ((q = $.current) == null ? void 0 : q.value) || "#000",
       fontSize: "18px"
     },
-    className: R.color ? "rte-active" : ""
-  }, /* @__PURE__ */ i.createElement(Wt, null)), /* @__PURE__ */ i.createElement("input", {
-    ref: P,
+    className: x.color ? "rte-active" : ""
+  }, /* @__PURE__ */ r.createElement(Jt, null)), /* @__PURE__ */ r.createElement("input", {
+    ref: $,
     type: "color",
     defaultValue: "#000000",
-    onChange: (f) => {
-      var b;
-      $(f), ((b = f.target.parentElement) == null ? void 0 : b.querySelector("button")).style.color = f.target.value;
+    onChange: (g) => {
+      var y;
+      K(g), ((y = g.target.parentElement) == null ? void 0 : y.querySelector("button")).style.color = g.target.value;
     },
     style: {
       position: "absolute",
@@ -509,30 +523,30 @@ const Xt = [
       height: 0,
       pointerEvents: "none"
     }
-  })), y.highlight && /* @__PURE__ */ i.createElement("div", {
+  })), w.highlight && /* @__PURE__ */ r.createElement("div", {
     style: {
       position: "relative"
     }
-  }, /* @__PURE__ */ i.createElement("button", {
+  }, /* @__PURE__ */ r.createElement("button", {
     title: "Highlight",
-    onMouseDown: (f) => {
-      var b;
-      f.preventDefault(), s(), (b = A.current) == null || b.click();
+    onMouseDown: (g) => {
+      var y;
+      g.preventDefault(), d(), (y = b.current) == null || y.click();
     },
     style: {
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      color: ((B = A.current) == null ? void 0 : B.value) || "#000",
+      color: ((Y = b.current) == null ? void 0 : Y.value) || "#000",
       fontSize: "18px"
     },
-    className: R.highlight ? "rte-active" : ""
-  }, /* @__PURE__ */ i.createElement(_t, null)), /* @__PURE__ */ i.createElement("input", {
-    ref: A,
+    className: x.highlight ? "rte-active" : ""
+  }, /* @__PURE__ */ r.createElement(Vt, null)), /* @__PURE__ */ r.createElement("input", {
+    ref: b,
     type: "color",
-    onChange: (f) => {
-      var b;
-      Z(f), ((b = f.target.parentElement) == null ? void 0 : b.querySelector("button")).style.color = f.target.value;
+    onChange: (g) => {
+      var y;
+      W(g), ((y = g.target.parentElement) == null ? void 0 : y.querySelector("button")).style.color = g.target.value;
     },
     defaultValue: "#000000",
     style: {
@@ -542,320 +556,494 @@ const Xt = [
       height: 0,
       pointerEvents: "none"
     }
-  })), y.align && /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("button", {
+  })), w.align && /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("button", {
     title: "Align Left",
-    onMouseDown: (f) => f.preventDefault(),
-    onClick: () => r("justifyLeft"),
-    className: R.alignLeft ? "rte-active" : ""
-  }, /* @__PURE__ */ i.createElement(Ht, null)), /* @__PURE__ */ i.createElement("button", {
+    onMouseDown: (g) => g.preventDefault(),
+    onClick: () => a("justifyLeft"),
+    className: x.alignLeft ? "rte-active" : ""
+  }, /* @__PURE__ */ r.createElement(qt, null)), /* @__PURE__ */ r.createElement("button", {
     title: "Align Center",
-    onMouseDown: (f) => f.preventDefault(),
-    onClick: () => r("justifyCenter"),
-    className: R.alignCenter ? "rte-active" : ""
-  }, /* @__PURE__ */ i.createElement(Nt, null)), /* @__PURE__ */ i.createElement("button", {
+    onMouseDown: (g) => g.preventDefault(),
+    onClick: () => a("justifyCenter"),
+    className: x.alignCenter ? "rte-active" : ""
+  }, /* @__PURE__ */ r.createElement(_t, null)), /* @__PURE__ */ r.createElement("button", {
     title: "Align Right",
-    onMouseDown: (f) => f.preventDefault(),
-    onClick: () => r("justifyRight"),
-    className: R.alignRight ? "rte-active" : ""
-  }, /* @__PURE__ */ i.createElement(kt, null))), y.table && /* @__PURE__ */ i.createElement("button", {
+    onMouseDown: (g) => g.preventDefault(),
+    onClick: () => a("justifyRight"),
+    className: x.alignRight ? "rte-active" : ""
+  }, /* @__PURE__ */ r.createElement(jt, null))), w.table && /* @__PURE__ */ r.createElement("button", {
     title: "Insert Dynamic Table",
-    onMouseDown: (f) => f.preventDefault(),
-    onClick: () => r("insertTable"),
-    className: R.table ? "rte-active" : "",
+    onMouseDown: (g) => g.preventDefault(),
+    onClick: () => a("insertTable"),
+    className: x.table ? "rte-active" : "",
     style: {
       fontSize: "medium"
     }
-  }, /* @__PURE__ */ i.createElement(Ut, null)), y.table && /* @__PURE__ */ i.createElement("button", {
+  }, /* @__PURE__ */ r.createElement(Qt, null)), w.table && /* @__PURE__ */ r.createElement("button", {
     title: "Insert Static Table",
-    onMouseDown: (f) => f.preventDefault(),
-    onClick: () => r("insertStaticTable"),
-    className: R.table ? "rte-active" : "",
+    onMouseDown: (g) => g.preventDefault(),
+    onClick: () => a("insertStaticTable"),
+    className: x.table ? "rte-active" : "",
     style: {
       fontSize: "medium"
     }
-  }, /* @__PURE__ */ i.createElement($t, null)), y.fontFamily && /* @__PURE__ */ i.createElement("select", {
+  }, /* @__PURE__ */ r.createElement(Gt, null)), w.fontFamily && /* @__PURE__ */ r.createElement("select", {
+    ref: I,
     className: "rte-dropdown",
     defaultValue: "",
-    onMouseDown: () => s(),
-    onChange: h
-  }, /* @__PURE__ */ i.createElement("option", {
+    onMouseDown: () => d(),
+    onChange: v
+  }, /* @__PURE__ */ r.createElement("option", {
     value: "",
     disabled: !0
-  }, "Font Family"), /* @__PURE__ */ i.createElement("option", {
+  }, "Font Family"), /* @__PURE__ */ r.createElement("option", {
     value: "Arial"
-  }, "Arial"), /* @__PURE__ */ i.createElement("option", {
+  }, "Arial"), /* @__PURE__ */ r.createElement("option", {
     value: "Georgia"
-  }, "Georgia"), /* @__PURE__ */ i.createElement("option", {
+  }, "Georgia"), /* @__PURE__ */ r.createElement("option", {
     value: "Times New Roman"
-  }, "Times New Roman"), /* @__PURE__ */ i.createElement("option", {
+  }, "Times New Roman"), /* @__PURE__ */ r.createElement("option", {
     value: "Courier New"
-  }, "Courier New"), /* @__PURE__ */ i.createElement("option", {
+  }, "Courier New"), /* @__PURE__ */ r.createElement("option", {
     value: "Verdana"
-  }, "Verdana")), y.fontSize && /* @__PURE__ */ i.createElement("select", {
+  }, "Verdana")), w.fontSize && /* @__PURE__ */ r.createElement("select", {
+    ref: j,
     className: "rte-dropdown rte-fontsize-dropdown",
     defaultValue: "",
-    onMouseDown: () => s(),
-    onChange: g
-  }, /* @__PURE__ */ i.createElement("option", {
+    onMouseDown: () => d(),
+    onChange: h
+  }, /* @__PURE__ */ r.createElement("option", {
     value: "",
     disabled: !0
   }, "Font Size"), Array.from({
     length: 16
-  }, (f, b) => 10 + b).map((f) => /* @__PURE__ */ i.createElement("option", {
-    key: f,
-    value: f
-  }, f, "px"))));
-}, Yt = ({
-  show: r,
-  position: s,
+  }, (g, y) => 10 + y).map((g) => /* @__PURE__ */ r.createElement("option", {
+    key: g,
+    value: g
+  }, g, "px"))));
+}, rn = ({
+  show: a,
+  position: d,
   filtered: u,
-  insertMention: g,
-  onClose: h,
-  query: M
+  insertMention: h,
+  onClose: v,
+  query: L
 }) => {
-  const L = W(null), [T, y] = D(0);
+  const P = Z(null), [z, w] = H(0);
   return U(() => {
-    r && y(0);
-  }, [r]), U(() => {
-    const S = (w) => {
-      L.current && !L.current.contains(w.target) && h();
+    a && w(0);
+  }, [a]), U(() => {
+    const S = (R) => {
+      P.current && !P.current.contains(R.target) && v();
     };
-    return r && document.addEventListener("mousedown", S), () => {
+    return a && document.addEventListener("mousedown", S), () => {
       document.removeEventListener("mousedown", S);
     };
-  }, [r, h]), U(() => {
-    if (!r) return;
-    const S = (w) => {
-      if (!(!r || u.length === 0) && (w.key === "ArrowDown" && (w.preventDefault(), y((x) => Math.min(x + 1, u.length - 1))), w.key === "ArrowUp" && (w.preventDefault(), y((x) => Math.max(x - 1, 0))), w.key === "Enter")) {
-        w.preventDefault();
-        const x = u[T];
-        x && g(x);
+  }, [a, v]), U(() => {
+    if (!a) return;
+    const S = (R) => {
+      if (!(!a || u.length === 0) && (R.key === "ArrowDown" && (R.preventDefault(), w((N) => Math.min(N + 1, u.length - 1))), R.key === "ArrowUp" && (R.preventDefault(), w((N) => Math.max(N - 1, 0))), R.key === "Enter")) {
+        R.preventDefault();
+        const N = u[z];
+        N && h(N);
       }
     };
     return window.addEventListener("keydown", S), () => window.removeEventListener("keydown", S);
-  }, [r, u, T]), U(() => {
-    if (!L.current) return;
-    const w = L.current.querySelectorAll("li")[T];
-    w && w.scrollIntoView({
+  }, [a, u, z]), U(() => {
+    if (!P.current) return;
+    const R = P.current.querySelectorAll("li")[z];
+    R && R.scrollIntoView({
       block: "nearest",
       behavior: "smooth"
     });
-  }, [T]), r ? /* @__PURE__ */ i.createElement("ul", {
-    ref: L,
+  }, [z]), a ? /* @__PURE__ */ r.createElement("ul", {
+    ref: P,
     className: "rte-popup",
     style: {
-      top: s.y,
-      left: s.x
+      top: d.y,
+      left: d.x
     }
   }, u.length > 0 ? u.map(({
     name: S,
-    value: w
-  }, x) => {
-    const P = S.toLowerCase(), A = M.toLowerCase(), O = P.indexOf(A);
+    value: R
+  }, N) => {
+    const $ = S.toLowerCase(), b = L.toLowerCase(), A = $.indexOf(b);
     let _ = S;
-    if (O !== -1 && M.length > 0) {
-      const H = O + M.length;
-      _ = S.substring(0, O) + `<span class="rte-highlight">${S.substring(O, H)}</span>` + S.substring(H);
+    if (A !== -1 && L.length > 0) {
+      const B = A + L.length;
+      _ = S.substring(0, A) + `<span class="rte-highlight">${S.substring(A, B)}</span>` + S.substring(B);
     }
-    return /* @__PURE__ */ i.createElement("li", {
-      key: w,
-      onMouseDown: (H) => {
-        H.preventDefault(), g({
+    return /* @__PURE__ */ r.createElement("li", {
+      key: R,
+      onMouseDown: (B) => {
+        B.preventDefault(), h({
           name: S,
-          value: w
+          value: R
         });
       },
       style: {
         padding: "6px 12px",
         cursor: "pointer",
         fontSize: "14px",
-        background: x === T ? "#dce8ff" : "white"
+        background: N === z ? "#dce8ff" : "white"
       },
       dangerouslySetInnerHTML: {
         __html: _
       },
-      onMouseEnter: () => y(x)
+      onMouseEnter: () => w(N)
     });
-  }) : /* @__PURE__ */ i.createElement("li", {
+  }) : /* @__PURE__ */ r.createElement("li", {
     style: {
       padding: "6px 12px",
       color: "#999"
     }
   }, "No matches")) : null;
 };
-function Oe(r) {
-  return k({ 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 Ie(a) {
+  return k({ 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: [] }] }] }] })(a);
 }
-function G(r) {
-  return k({ 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 ie(a) {
+  return k({ 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: [] }] }] }] })(a);
 }
-const Qt = ({
-  visible: r,
-  x: s,
+const an = ({
+  visible: a,
+  x: d,
   y: u,
-  onAction: g,
-  onClose: h
+  onAction: h,
+  onClose: v
 }) => {
-  if (!r) return null;
-  const M = {
+  if (!a) return null;
+  const L = {
     top: u,
-    left: s
+    left: d
   };
-  return /* @__PURE__ */ i.createElement("div", {
-    style: M,
+  return /* @__PURE__ */ r.createElement("div", {
+    style: L,
     className: "rte-table-menu",
-    onMouseLeave: h
-  }, /* @__PURE__ */ i.createElement("button", {
-    onClick: () => g("insertRowAbove")
-  }, /* @__PURE__ */ i.createElement(G, null), " Insert row above"), /* @__PURE__ */ i.createElement("button", {
-    onClick: () => g("insertRowBelow")
-  }, /* @__PURE__ */ i.createElement(G, null), " Insert row below"), /* @__PURE__ */ i.createElement("button", {
-    onClick: () => g("insertColLeft")
-  }, /* @__PURE__ */ i.createElement(G, null), " Insert col left"), /* @__PURE__ */ i.createElement("button", {
-    onClick: () => g("insertColRight")
-  }, /* @__PURE__ */ i.createElement(G, null), " Insert col right"), /* @__PURE__ */ i.createElement("button", {
-    onClick: () => g("deleteRow")
-  }, /* @__PURE__ */ i.createElement(Oe, null), " Delete row"), /* @__PURE__ */ i.createElement("button", {
-    onClick: () => g("deleteCol")
-  }, /* @__PURE__ */ i.createElement(Oe, null), " Delete column"));
-}, Jt = ({
-  html: r,
-  className: s,
-  style: u
+    onMouseLeave: v
+  }, /* @__PURE__ */ r.createElement("button", {
+    onClick: () => h("insertRowAbove")
+  }, /* @__PURE__ */ r.createElement(ie, null), " Insert row above"), /* @__PURE__ */ r.createElement("button", {
+    onClick: () => h("insertRowBelow")
+  }, /* @__PURE__ */ r.createElement(ie, null), " Insert row below"), /* @__PURE__ */ r.createElement("button", {
+    onClick: () => h("insertColLeft")
+  }, /* @__PURE__ */ r.createElement(ie, null), " Insert col left"), /* @__PURE__ */ r.createElement("button", {
+    onClick: () => h("insertColRight")
+  }, /* @__PURE__ */ r.createElement(ie, null), " Insert col right"), /* @__PURE__ */ r.createElement("button", {
+    onClick: () => h("deleteRow")
+  }, /* @__PURE__ */ r.createElement(Ie, null), " Delete row"), /* @__PURE__ */ r.createElement("button", {
+    onClick: () => h("deleteCol")
+  }, /* @__PURE__ */ r.createElement(Ie, null), " Delete column"));
+};
+function qe(a) {
+  return k({ attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M885.9 490.3c3.6-12 5.4-24.4 5.4-37 0-28.3-9.3-55.5-26.1-77.7 3.6-12 5.4-24.4 5.4-37 0-28.3-9.3-55.5-26.1-77.7 3.6-12 5.4-24.4 5.4-37 0-51.6-30.7-98.1-78.3-118.4a66.1 66.1 0 0 0-26.5-5.4H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h129.3l85.8 310.8C372.9 889 418.9 924 470.9 924c29.7 0 57.4-11.8 77.9-33.4 20.5-21.5 31-49.7 29.5-79.4l-6-122.9h239.9c12.1 0 23.9-3.2 34.3-9.3 40.4-23.5 65.5-66.1 65.5-111 0-28.3-9.3-55.5-26.1-77.7zM184 456V172h81v284h-81zm627.2 160.4H496.8l9.6 198.4c.6 11.9-4.7 23.1-14.6 30.5-6.1 4.5-13.6 6.8-21.1 6.7a44.28 44.28 0 0 1-42.2-32.3L329 459.2V172h415.4a56.85 56.85 0 0 1 33.6 51.8c0 9.7-2.3 18.9-6.9 27.3l-13.9 25.4 21.9 19a56.76 56.76 0 0 1 19.6 43c0 9.7-2.3 18.9-6.9 27.3l-13.9 25.4 21.9 19a56.76 56.76 0 0 1 19.6 43c0 9.7-2.3 18.9-6.9 27.3l-14 25.5 21.9 19a56.76 56.76 0 0 1 19.6 43c0 19.1-11 37.5-28.8 48.4z" }, child: [] }] })(a);
+}
+function Be(a) {
+  return k({ attr: { viewBox: "0 0 1024 1024" }, child: [{ tag: "path", attr: { d: "M885.9 533.7c16.8-22.2 26.1-49.4 26.1-77.7 0-44.9-25.1-87.4-65.5-111.1a67.67 67.67 0 0 0-34.3-9.3H572.4l6-122.9c1.4-29.7-9.1-57.9-29.5-79.4A106.62 106.62 0 0 0 471 99.9c-52 0-98 35-111.8 85.1l-85.9 311H144c-17.7 0-32 14.3-32 32v364c0 17.7 14.3 32 32 32h601.3c9.2 0 18.2-1.8 26.5-5.4 47.6-20.3 78.3-66.8 78.3-118.4 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7 0-12.6-1.8-25-5.4-37 16.8-22.2 26.1-49.4 26.1-77.7-.2-12.6-2-25.1-5.6-37.1zM184 852V568h81v284h-81zm636.4-353l-21.9 19 13.9 25.4a56.2 56.2 0 0 1 6.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 0 1 6.9 27.3c0 16.5-7.2 32.2-19.6 43l-21.9 19 13.9 25.4a56.2 56.2 0 0 1 6.9 27.3c0 22.4-13.2 42.6-33.6 51.8H329V564.8l99.5-360.5a44.1 44.1 0 0 1 42.2-32.3c7.6 0 15.1 2.2 21.1 6.7 9.9 7.4 15.2 18.6 14.6 30.5l-9.6 198.4h314.4C829 418.5 840 436.9 840 456c0 16.5-7.2 32.1-19.6 43z" }, child: [] }] })(a);
+}
+const ln = ({
+  html: a,
+  className: d,
+  style: u,
+  attributes: h,
+  setAttributes: v
 }) => {
-  const g = (L) => {
-    const T = L.target;
-    if (T.tagName === "A") {
-      L.preventDefault();
-      const y = T.href;
-      y && window.open(y, "_blank", "noopener,noreferrer");
+  const [L, P] = H("web"), z = {
+    web: {
+      label: "Web",
+      width: "100%",
+      height: "100%"
+    },
+    galaxyS23: {
+      label: "Galaxy S23",
+      width: 360,
+      height: 780
+    },
+    iphoneSE: {
+      label: "iPhone SE (3rd Gen)",
+      width: 375,
+      height: 667
+    },
+    iphoneX: {
+      label: "iPhone X / XS",
+      width: 375,
+      height: 812
+    },
+    pixel7a: {
+      label: "Pixel 7a",
+      width: 390,
+      height: 844
+    },
+    iphone12: {
+      label: "iPhone 12 / 13 / 14",
+      width: 390,
+      height: 844
+    },
+    iphone14: {
+      label: "iPhone 14 Pro",
+      width: 393,
+      height: 852
+    },
+    pixel7: {
+      label: "Pixel 7",
+      width: 412,
+      height: 915
+    },
+    iphone11: {
+      label: "iPhone 11",
+      width: 414,
+      height: 896
+    },
+    iphone14ProMax: {
+      label: "iPhone 14 Pro Max",
+      width: 430,
+      height: 932
+    },
+    pixel8Pro: {
+      label: "Pixel 8 Pro",
+      width: 448,
+      height: 998
+    },
+    galaxyS24Ultra: {
+      label: "Galaxy S24 Ultra",
+      width: 480,
+      height: 1040
     }
-  }, h = (L) => L === "rgb(0, 0, 0)" || L === "rgba(0, 0, 0, 1)" || L === "#000" || L === "#000000" || L === "black", M = (L) => {
-    const T = document.createElement("div");
-    T.innerHTML = L;
-    const y = document.createTreeWalker(T, NodeFilter.SHOW_TEXT, null), S = [];
-    for (; y.nextNode(); ) {
-      const w = y.currentNode;
-      w.nodeValue && /{{\s*[\s\S]*?\s*}}/.test(w.nodeValue) && S.push(w);
+  }, w = (b) => {
+    const A = b.target;
+    if (A.tagName === "A") {
+      b.preventDefault();
+      const _ = A.href;
+      _ && window.open(_, "_blank", "noopener,noreferrer");
     }
-    return S.forEach((w) => {
+  }, S = (b) => b === "rgb(0, 0, 0)" || b === "rgba(0, 0, 0, 1)" || b === "#000" || b === "#000000" || b === "black", R = (b) => {
+    const A = document.createElement("div");
+    A.innerHTML = b;
+    const _ = document.createTreeWalker(A, NodeFilter.SHOW_TEXT, null), B = [];
+    for (; _.nextNode(); ) {
+      const O = _.currentNode;
+      O.nodeValue && /{{\s*[\s\S]*?\s*}}/.test(O.nodeValue) && B.push(O);
+    }
+    return B.forEach((O) => {
       var j;
-      const x = w.nodeValue || "", P = w.parentElement;
-      if (!P) return;
-      let A = P, O = !1;
-      for (; A; ) {
-        if (A.tagName === "FONT" && A.getAttribute("color")) {
-          O = !0;
+      const F = O.nodeValue || "", K = O.parentElement;
+      if (!K) return;
+      let W = K, x = !1;
+      for (; W; ) {
+        if (W.tagName === "FONT" && W.getAttribute("color")) {
+          x = !0;
           break;
         }
-        const z = (j = A.style) == null ? void 0 : j.color;
-        if (z && !h(z)) {
-          O = !0;
+        const q = (j = W.style) == null ? void 0 : j.color;
+        if (q && !S(q)) {
+          x = !0;
           break;
         }
-        const $ = window.getComputedStyle(A);
-        if ($.color && !h($.color)) {
-          O = !0;
+        const Y = window.getComputedStyle(W);
+        if (Y.color && !S(Y.color)) {
+          x = !0;
           break;
         }
-        A = A.parentElement;
+        W = W.parentElement;
       }
-      const _ = document.createDocumentFragment();
-      let H = 0;
-      x.replace(/{{\s*([\s\S]*?)\s*}}/g, (z, $, Z) => {
-        if (Z > H && _.appendChild(document.createTextNode(x.slice(H, Z))), O)
-          _.appendChild(document.createTextNode(z));
+      const D = document.createDocumentFragment();
+      let I = 0;
+      F.replace(/{{\s*([\s\S]*?)\s*}}/g, (q, Y, g) => {
+        if (g > I && D.appendChild(document.createTextNode(F.slice(I, g))), x)
+          D.appendChild(document.createTextNode(q));
         else {
-          const R = document.createElement("span");
-          R.style.color = "blue", R.textContent = z, _.appendChild(R);
+          const y = document.createElement("span");
+          y.style.color = "blue", y.textContent = q, D.appendChild(y);
         }
-        return H = Z + z.length, z;
-      }), H < x.length && _.appendChild(document.createTextNode(x.slice(H))), P.replaceChild(_, w);
-    }), T.innerHTML = T.innerHTML.replace(/{{#arrayData}}/g, "").replace(/{{\/arrayData}}/g, ""), T.innerHTML;
-  };
-  return /* @__PURE__ */ i.createElement("div", {
-    className: `rte-preview ${s || ""}`,
-    style: u,
-    onClick: g,
+        return I = g + q.length, q;
+      }), I < F.length && D.appendChild(document.createTextNode(F.slice(I))), K.replaceChild(D, O);
+    }), A.innerHTML = A.innerHTML.replace(/{{#arrayData}}/g, "").replace(/{{\/arrayData}}/g, ""), A.innerHTML;
+  }, N = () => (/* @__PURE__ */ new Date()).toLocaleDateString("en-US", {
+    month: "short",
+    day: "2-digit",
+    year: "numeric"
+  }), $ = () => (/* @__PURE__ */ new Date()).toLocaleString("en-US", {
+    month: "short",
+    day: "2-digit",
+    year: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: !0
+  });
+  return /* @__PURE__ */ r.createElement("div", {
+    className: `rte-preview ${d || ""}`,
+    style: ae(re({}, u), {
+      position: "relative"
+    }),
+    onClick: w
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-device-picker"
+  }, /* @__PURE__ */ r.createElement("select", {
+    value: L,
+    onChange: (b) => P(b.target.value)
+  }, Object.entries(z).map(([b, A]) => /* @__PURE__ */ r.createElement("option", {
+    key: b,
+    value: b
+  }, A.label)))), L === "web" && /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-web-wrapper"
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-card"
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-content",
     dangerouslySetInnerHTML: {
-      __html: M(r)
+      __html: R(a)
     }
-  });
-}, Gt = ({
-  visible: r,
-  linkData: s,
+  }), /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-meta"
+  }, "Data updated as on Dec 14, 2025"), /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-footer"
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-actions"
+  }, /* @__PURE__ */ r.createElement(Be, {
+    className: "rte-preview-like"
+  }), /* @__PURE__ */ r.createElement(qe, {
+    className: "rte-preview-like"
+  })), /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-time"
+  }, "Dec 26, 2025 5:57 PM")))), L !== "web" && /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-mobile-overlay"
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-mobile-frame",
+    style: {
+      width: z[L].width,
+      height: z[L].height
+    }
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-mobile-header"
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-logo"
+  }, "A"), /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-bell"
+  }, "🔔", /* @__PURE__ */ r.createElement("span", {
+    className: "rte-preview-badge"
+  }, "99+"))), /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-tabs-wrapper"
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-tabs"
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-tab rte-preview-tab-active"
+  }, "My Alerts"), /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-tab"
+  }, "Reportees Alerts"))), /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-mobile-body"
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-card"
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-content",
+    dangerouslySetInnerHTML: {
+      __html: R(a)
+    }
+  }), /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-meta"
+  }, "Data updated as on ", N()), /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-footer"
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-actions"
+  }, /* @__PURE__ */ r.createElement(Be, {
+    className: "rte-preview-like"
+  }), /* @__PURE__ */ r.createElement(qe, {
+    className: "rte-preview-like"
+  })), /* @__PURE__ */ r.createElement("div", {
+    className: "rte-preview-time"
+  }, $())))))), /* @__PURE__ */ r.createElement("div", null, /* @__PURE__ */ r.createElement("h3", {
+    style: {
+      marginBottom: 10
+    }
+  }, "Enter Attribute Values"), /* @__PURE__ */ r.createElement("div", {
+    className: "rte-attr-list"
+  }, Object.keys(h).map((b) => /* @__PURE__ */ r.createElement("div", {
+    key: b,
+    className: "rte-attr-row"
+  }, /* @__PURE__ */ r.createElement("div", {
+    className: "rte-attr-name"
+  }, `{{${b}}}`), /* @__PURE__ */ r.createElement("span", null, " : "), /* @__PURE__ */ r.createElement("input", {
+    className: "rte-attr-input",
+    value: h[b],
+    onChange: (A) => v((_) => ae(re({}, _), {
+      [b]: A.target.value
+    })),
+    placeholder: "Enter value"
+  }))))));
+}, on = ({
+  visible: a,
+  linkData: d,
   onClose: u,
-  onInsert: g
+  onInsert: h
 }) => {
-  const [h, M] = D(""), [L, T] = D(""), [y, S] = D(""), [w, x] = D("_self");
+  const [v, L] = H(""), [P, z] = H(""), [w, S] = H(""), [R, N] = H("_self");
   if (U(() => {
-    r ? (M(s.url || ""), T(s.text || ""), S(s.title || ""), x(s.target || "_self")) : (M(""), T(""), S(""), x("_self"));
-  }, [r, s]), !r) return null;
-  const P = () => {
-    g({
-      url: h,
-      text: L,
-      title: y,
-      target: w
+    a ? (L(d.url || ""), z(d.text || ""), S(d.title || ""), N(d.target || "_self")) : (L(""), z(""), S(""), N("_self"));
+  }, [a, d]), !a) return null;
+  const $ = () => {
+    h({
+      url: v,
+      text: P,
+      title: w,
+      target: R
     });
   };
-  return /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement("div", {
+  return /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("div", {
     className: "rte-link-modal-overlay",
     onClick: u
-  }), /* @__PURE__ */ i.createElement("div", {
+  }), /* @__PURE__ */ r.createElement("div", {
     className: "rte-link-modal"
-  }, /* @__PURE__ */ i.createElement("h4", {
+  }, /* @__PURE__ */ r.createElement("h4", {
     className: "rte-link-modal__title"
-  }, h ? "Edit Link" : "Insert Link"), /* @__PURE__ */ i.createElement("input", {
+  }, v ? "Edit Link" : "Insert Link"), /* @__PURE__ */ r.createElement("input", {
     type: "text",
     className: "rte-link-modal__input",
     placeholder: "URL",
-    value: h,
-    onChange: (A) => M(A.target.value)
-  }), /* @__PURE__ */ i.createElement("input", {
+    value: v,
+    onChange: (b) => L(b.target.value)
+  }), /* @__PURE__ */ r.createElement("input", {
     type: "text",
     className: "rte-link-modal__input",
     placeholder: "Text to Display",
-    value: L,
-    onChange: (A) => T(A.target.value)
-  }), /* @__PURE__ */ i.createElement("input", {
+    value: P,
+    onChange: (b) => z(b.target.value)
+  }), /* @__PURE__ */ r.createElement("input", {
     type: "text",
     className: "rte-link-modal__input",
     placeholder: "Title",
-    value: y,
-    onChange: (A) => S(A.target.value)
-  }), /* @__PURE__ */ i.createElement("select", {
-    className: "rte-link-modal__select",
     value: w,
-    onChange: (A) => x(A.target.value)
-  }, /* @__PURE__ */ i.createElement("option", {
+    onChange: (b) => S(b.target.value)
+  }), /* @__PURE__ */ r.createElement("select", {
+    className: "rte-link-modal__select",
+    value: R,
+    onChange: (b) => N(b.target.value)
+  }, /* @__PURE__ */ r.createElement("option", {
     value: "_self"
-  }, "Same tab"), /* @__PURE__ */ i.createElement("option", {
+  }, "Same tab"), /* @__PURE__ */ r.createElement("option", {
     value: "_blank"
-  }, "New tab")), /* @__PURE__ */ i.createElement("div", {
+  }, "New tab")), /* @__PURE__ */ r.createElement("div", {
     className: "rte-link-modal__actions"
-  }, /* @__PURE__ */ i.createElement("button", {
+  }, /* @__PURE__ */ r.createElement("button", {
     className: "rte-link-modal__btn",
     onClick: u
-  }, "Cancel"), /* @__PURE__ */ i.createElement("button", {
+  }, "Cancel"), /* @__PURE__ */ r.createElement("button", {
     className: "rte-link-modal__btn rte-link-modal__btn--ok",
-    onClick: P
+    onClick: $
   }, "OK"))));
 };
-function _e(r) {
-  const s = /* @__PURE__ */ new Map();
-  return r.forEach((u) => {
-    s.set(u.name, u.value);
-  }), Array.from(s.entries()).map(([u, g]) => ({
+function Ve(a) {
+  const d = /* @__PURE__ */ new Map();
+  return a.forEach((u) => {
+    d.set(u.name, u.value);
+  }), Array.from(d.entries()).map(([u, h]) => ({
     name: u,
-    value: g
+    value: h
   }));
 }
-const rn = ({
-  atSuggestions: r = [],
-  showOutput: s = !1,
+const un = ({
+  atSuggestions: a = [],
+  showOutput: d = !1,
   showPreview: u = !1,
-  toolbarConfig: g = {
+  toolbarConfig: h = {
     link: !1,
     image: !1,
     emoji: !1,
@@ -869,269 +1057,269 @@ const rn = ({
     staticUnorderedList: !1,
     staticOrderedList: !1
   },
-  classNames: h = {},
-  styles: M = {},
-  handleGetHtml: L = () => {
+  classNames: v = {},
+  styles: L = {},
+  handleGetHtml: P = () => {
   },
-  onChange: T = () => {
+  onChange: z = () => {
   },
-  value: y,
+  value: w,
   onMentionSelect: S = () => {
   },
-  handleAddAttributes: w = () => {
+  handleAddAttributes: R = () => {
   }
 }) => {
-  var Ee, we, Ce, be, Le, xe, Re, Se, Me, Te, Ae, Ne;
-  const x = W(null), [P, A] = D(y != null && y.length ? y : " "), [O, _] = D(""), [H, j] = D(!1), [z, $] = D({
+  var xe, Se, Re, Ne, Me, Ae, Te, ke, ze, De, He, Oe;
+  const N = Z(null), [$, b] = H(w != null && w.length ? w : " "), [A, _] = H(""), [B, O] = H(!1), [F, K] = H({
     x: 0,
     y: 0
-  }), [Z, R] = D([]), F = W(null), X = W(null), [B, f] = D({
+  }), [W, x] = H([]), D = Z(null), I = Z(null), [j, q] = H({
     visible: !1,
     x: 0,
     y: 0
-  }), [b, V] = D(!1), J = W(null), [Ie, de] = D({
+  }), [Y, g] = H(!1), y = Z(null), [X, J] = H({
     url: "",
     text: "",
     title: "",
     target: "_self"
-  }), Pe = {
+  }), le = {
     bold: !0,
     italic: !0,
     underline: !0,
     removeFormat: !0,
-    unorderedList: (Ee = g.unorderedList) != null ? Ee : !0,
-    orderedList: (we = g.orderedList) != null ? we : !0,
-    staticUnorderedList: (Ce = g.staticUnorderedList) != null ? Ce : !0,
-    staticOrderedList: (be = g.staticOrderedList) != null ? be : !0,
+    unorderedList: (xe = h.unorderedList) != null ? xe : !0,
+    orderedList: (Se = h.orderedList) != null ? Se : !0,
+    staticUnorderedList: (Re = h.staticUnorderedList) != null ? Re : !0,
+    staticOrderedList: (Ne = h.staticOrderedList) != null ? Ne : !0,
     align: !0,
-    link: (Le = g.link) != null ? Le : !1,
-    image: (xe = g.image) != null ? xe : !1,
-    emoji: (Re = g.emoji) != null ? Re : !1,
-    table: (Se = g.table) != null ? Se : !1,
-    color: (Me = g.color) != null ? Me : !1,
-    fontFamily: (Te = g.fontFamily) != null ? Te : !1,
-    fontSize: (Ae = g.fontSize) != null ? Ae : !1,
-    highlight: (Ne = g.fontSize) != null ? Ne : !1
-  }, [qe, ne] = D(""), [ue, re] = D([]), q = () => x.current, N = () => {
-    const e = Be(), t = /^<div[^>]*style=["'][^"']*font-size\s*:\s*\d+px[^"']*["'][^>]*>/.test(e.trim());
+    link: (Me = h.link) != null ? Me : !1,
+    image: (Ae = h.image) != null ? Ae : !1,
+    emoji: (Te = h.emoji) != null ? Te : !1,
+    table: (ke = h.table) != null ? ke : !1,
+    color: (ze = h.color) != null ? ze : !1,
+    fontFamily: (De = h.fontFamily) != null ? De : !1,
+    fontSize: (He = h.fontSize) != null ? He : !1,
+    highlight: (Oe = h.fontSize) != null ? Oe : !1
+  }, [de, ee] = H(""), [oe, ue] = H([]), [fe, pe] = H({}), V = () => N.current, M = () => {
+    const e = We(), t = /^<div[^>]*style=["'][^"']*font-size\s*:\s*\d+px[^"']*["'][^>]*>/.test(e.trim());
     let n = e;
-    t || (n = `<div style="font-size:12px">${e}</div>`), n = n.replace(/<(ul|ol)([^>]*)>[\s\S]*?<\/\1>/g, (o, p, E) => {
-      if (/list-type=["']static["']/.test(E) || o.includes("data-hidden-array-start") || o.includes("data-hidden-array-end")) return o;
-      const m = `<${p}${E}>`, c = '<span data-hidden-array-start="true" style="display:none">{{#arrayData}}</span>', v = '<span data-hidden-array-end="true" style="display:none">{{/arrayData}}</span>', C = `</${p}>`, I = o.replace(new RegExp(`^${m}`), "").replace(new RegExp(`${C}$`), "");
-      return `${m}${c}${I}${v}${C}`;
-    }), _(n), L == null || L(n);
-    const a = ct(e);
-    T(a);
-    const d = Ye(), l = _e(d);
-    JSON.stringify(l) !== JSON.stringify(ue) && (re(l), S(l));
-  }, Be = () => {
-    const e = q();
-    if (!e) return P;
+    t || (n = `<div style="font-size:12px">${e}</div>`), n = n.replace(/<(ul|ol)([^>]*)>[\s\S]*?<\/\1>/g, (i, p, E) => {
+      if (/list-type=["']static["']/.test(E) || i.includes("data-hidden-array-start") || i.includes("data-hidden-array-end")) return i;
+      const m = `<${p}${E}>`, s = '<span data-hidden-array-start="true" style="display:none">{{#arrayData}}</span>', f = '<span data-hidden-array-end="true" style="display:none">{{/arrayData}}</span>', C = `</${p}>`, T = i.replace(new RegExp(`^${m}`), "").replace(new RegExp(`${C}$`), "");
+      return `${m}${s}${T}${f}${C}`;
+    }), _(n), P == null || P(n);
+    const l = mt(e);
+    z(l);
+    const c = et(), o = Ve(c);
+    JSON.stringify(o) !== JSON.stringify(oe) && (ue(o), S(o), bt(o));
+  }, We = () => {
+    const e = V();
+    if (!e) return $;
     const t = e.cloneNode(!0);
-    t.querySelectorAll("table div").forEach((a) => a.remove()), t.querySelectorAll("table").forEach((a) => {
-      a.removeAttribute("data-has-resize-handle");
-    }), t.querySelectorAll(".rte-cell-highlight").forEach((a) => a.classList.remove("rte-cell-highlight"));
+    t.querySelectorAll("table div").forEach((l) => l.remove()), t.querySelectorAll("table").forEach((l) => {
+      l.removeAttribute("data-has-resize-handle");
+    }), t.querySelectorAll(".rte-cell-highlight").forEach((l) => l.classList.remove("rte-cell-highlight"));
     let n = t.innerHTML;
-    return n = Ve(n), n;
-  }, Ve = (e) => {
+    return n = Xe(n), n;
+  }, Xe = (e) => {
     const t = document.createElement("div");
     return t.innerHTML = e, t.querySelectorAll("tbody").forEach((n) => {
       n.getAttribute("table-type") === "static" || (n.innerHTML = `{{#arrayData}}${n.innerHTML}{{/arrayData}}`);
     }), t.innerHTML;
-  }, K = () => {
+  }, Q = () => {
     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) && (F.current = n.cloneRange());
-  }, Y = () => {
+    t.contains(n.startContainer) && (D.current = n.cloneRange());
+  }, G = () => {
     const e = window.getSelection();
-    !e || !F.current || (e.removeAllRanges(), e.addRange(F.current));
-  }, me = (e, t) => {
+    !e || !D.current || (e.removeAllRanges(), e.addRange(D.current));
+  }, ve = (e, t) => {
     const n = window.getSelection();
-    n && n.rangeCount > 0 && (F.current = n.getRangeAt(0)), Y(), document.execCommand(e, !1, t), N();
+    n && n.rangeCount > 0 && (D.current = n.getRangeAt(0)), G(), document.execCommand(e, !1, t), M();
   };
   U(() => {
-    const e = q();
-    if (!e || !y) return;
-    const t = Ue(y);
-    e.innerHTML = t, N();
+    const e = V();
+    if (!e || !w) return;
+    const t = Ze(w);
+    e.innerHTML = t, M();
   }, []);
-  const Ue = (e) => e.replace(/(<table[\s\S]*?>[\s\S]*?<\/table>)/g, (t) => t.replace(/{{#arrayData}}/g, "").replace(/{{\/arrayData}}/g, ""));
+  const Ze = (e) => e.replace(/(<table[\s\S]*?>[\s\S]*?<\/table>)/g, (t) => t.replace(/{{#arrayData}}/g, "").replace(/{{\/arrayData}}/g, ""));
   U(() => () => {
     document.removeEventListener("mousemove", null), document.removeEventListener("mouseup", null);
   }, []), U(() => {
-    w && w((e) => {
-      Ke(e);
+    R && R((e) => {
+      Je(e);
     });
   }, []), U(() => {
-    const e = q();
+    const e = V();
     if (!e) return;
     e.querySelectorAll("table").forEach((n) => {
-      n.hasAttribute("data-has-resize-handle") || (le(n), n.querySelectorAll("th, td").forEach((d) => Q(d)));
+      n.hasAttribute("data-has-resize-handle") || (ge(n), n.querySelectorAll("th, td").forEach((c) => te(c)));
     });
   }, []);
-  const ge = (e) => {
+  const Ee = (e) => {
     for (; e && e.nodeName !== "LI"; )
       e = e.parentNode;
     return e;
-  }, fe = (e, t) => {
+  }, we = (e, t) => {
     var m;
     const n = window.getSelection();
     if (!(n != null && n.rangeCount)) return;
-    const a = n.getRangeAt(0), d = ge(a.startContainer);
-    let l, o;
+    const l = n.getRangeAt(0), c = Ee(l.startContainer);
+    let o, i;
     const p = t === "insertStaticUnorderedList" || t === "insertStaticOrderedList";
-    if (d) {
-      let c = d.querySelector(e);
-      c || (c = document.createElement(e), c.style.margin = "0", c.style.paddingLeft = "20px", d.appendChild(c)), o = c, l = document.createElement("li"), l.textContent = "", o.appendChild(l);
+    if (c) {
+      let s = c.querySelector(e);
+      s || (s = document.createElement(e), s.style.margin = "0", s.style.paddingLeft = "20px", c.appendChild(s)), i = s, o = document.createElement("li"), o.textContent = "", i.appendChild(o);
     } else {
       document.execCommand(e === "ul" ? "insertUnorderedList" : "insertOrderedList");
-      const c = q();
-      if (o = c == null ? void 0 : c.querySelector(`${e}:last-child`), !o) return;
-      p && o.setAttribute("list-type", "static"), l = o.querySelector("li:last-child");
+      const s = V();
+      if (i = s == null ? void 0 : s.querySelector(`${e}:last-child`), !i) return;
+      p && i.setAttribute("list-type", "static"), o = i.querySelector("li:last-child");
     }
     const E = document.createRange();
-    E.setStart(l, 0), E.collapse(!0), n.removeAllRanges(), n.addRange(E), (m = q()) == null || m.focus(), N();
-  }, ae = (e, t) => {
-    e === "insertOrderedList" || e === "insertStaticOrderedList" ? fe("ol", e) : e === "insertUnorderedList" || e === "insertStaticUnorderedList" ? fe("ul", e) : e.startsWith("justify") ? dt(e) : me(e, t), e === "insertTable" && pe(), e === "insertStaticTable" && pe("insertStaticTable");
-  }, $e = (e) => {
+    E.setStart(o, 0), E.collapse(!0), n.removeAllRanges(), n.addRange(E), (m = V()) == null || m.focus(), M();
+  }, me = (e, t) => {
+    e === "insertOrderedList" || e === "insertStaticOrderedList" ? we("ol", e) : e === "insertUnorderedList" || e === "insertStaticUnorderedList" ? we("ul", e) : e.startsWith("justify") ? gt(e) : ve(e, t), e === "insertTable" && be(), e === "insertStaticTable" && be("insertStaticTable");
+  }, Ke = (e) => {
     const t = document.createElement("span");
     t.textContent = "", e.insertNode(t), e.setStartAfter(t), e.collapse(!0);
     const n = t.getBoundingClientRect();
-    t.remove(), $({
+    t.remove(), K({
       x: n.left,
       y: n.bottom + window.scrollY
-    }), R(r || []), j(!0), X.current = e.cloneRange();
-  }, We = () => {
+    }), x(a || []), O(!0), I.current = e.cloneRange();
+  }, Ye = () => {
     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 d = a.textContent || "", l = a === t ? n : d.length, o = d.lastIndexOf("@", l - 1);
-        if (o !== -1) {
+    let l = t;
+    for (l.nodeType !== Node.TEXT_NODE && (l.childNodes && l.childNodes[n] ? l = l.childNodes[n] : l = t.previousSibling); l; ) {
+      if (l.nodeType === Node.TEXT_NODE) {
+        const c = l.textContent || "", o = l === t ? n : c.length, i = c.lastIndexOf("@", o - 1);
+        if (i !== -1) {
           const p = document.createRange();
-          return p.setStart(a, o), p.setEnd(a, l), p;
+          return p.setStart(l, i), p.setEnd(l, o), p;
         }
       }
-      a = a.previousSibling;
+      l = l.previousSibling;
     }
     return null;
-  }, Ze = (e) => {
-    var l;
+  }, Qe = (e) => {
+    var o;
     const t = window.getSelection();
     if (!t) return;
-    const n = We();
-    n ? (t.removeAllRanges(), t.addRange(n)) : X.current && (t.removeAllRanges(), t.addRange(X.current));
-    const a = document.createElement("span");
-    a.textContent = `{{${e.name}}}`, a.style.display = "inline", a.setAttribute("data-mention", e.value || e.name || "");
+    const n = Ye();
+    n ? (t.removeAllRanges(), t.addRange(n)) : I.current && (t.removeAllRanges(), t.addRange(I.current));
+    const l = document.createElement("span");
+    l.textContent = `{{${e.name}}}`, l.style.display = "inline", l.setAttribute("data-mention", e.value || e.name || ""), l.title = `{{${e.name}}}`;
     try {
-      const o = t.rangeCount ? t.getRangeAt(0) : null;
-      if (o)
-        o.deleteContents(), o.insertNode(a);
+      const i = t.rangeCount ? t.getRangeAt(0) : null;
+      if (i)
+        i.deleteContents(), i.insertNode(l);
       else {
-        const m = document.createRange(), c = q();
-        m.selectNodeContents(c), m.collapse(!1), m.insertNode(a);
+        const m = document.createRange(), s = V();
+        m.selectNodeContents(s), m.collapse(!1), m.insertNode(l);
       }
       const p = document.createTextNode("");
-      a.after(p);
+      l.after(p);
       const E = document.createRange();
       E.setStartAfter(p), E.collapse(!0), t.removeAllRanges(), t.addRange(E);
-    } catch (o) {
-      console.error("insertMention error:", o);
+    } catch (i) {
+      console.error("insertMention error:", i);
     }
-    let d = _e([...ue, e]);
-    re(d), S(d), j(!1), (l = q()) == null || l.focus(), N();
-  }, Xe = (e) => {
-    const t = q();
+    let c = Ve([...oe, e]);
+    ue(c), S(c), O(!1), (o = V()) == null || o.focus(), M();
+  }, Ge = (e) => {
+    const t = V();
     if (!t) return;
     let n = null;
-    F.current && t.contains(F.current.startContainer) ? n = F.current.cloneRange() : (n = document.createRange(), n.selectNodeContents(t), n.collapse(!1));
-    const a = window.getSelection();
-    if (!a) return;
-    a.removeAllRanges(), a.addRange(n);
-    const d = document.createElement("span");
-    d.textContent = `{{${e.name}}}`, d.style.display = "inline", d.setAttribute("data-mention", e.value || e.name), n.insertNode(d);
-    const l = document.createTextNode(" ");
-    d.after(l);
-    const o = document.createRange();
-    o.setStartAfter(l), o.collapse(!0), a.removeAllRanges(), a.addRange(o), F.current = o.cloneRange(), t.focus();
-  }, Ke = (e) => {
-    e.forEach((t) => Xe(t)), re((t) => {
-      const n = [...t, ...e], a = Array.from(new Map(n.map((d) => [d.name, d])).values());
-      return S(a), a;
-    }), N();
-  }, Ye = () => {
-    const e = q();
+    D.current && t.contains(D.current.startContainer) ? n = D.current.cloneRange() : (n = document.createRange(), n.selectNodeContents(t), n.collapse(!1));
+    const l = window.getSelection();
+    if (!l) return;
+    l.removeAllRanges(), l.addRange(n);
+    const c = document.createElement("span");
+    c.textContent = `{{${e.name}}}`, c.style.display = "inline", c.setAttribute("data-mention", e.value || e.name), c.title = `{{${e.name}}}`, n.insertNode(c);
+    const o = document.createTextNode(" ");
+    c.after(o);
+    const i = document.createRange();
+    i.setStartAfter(o), i.collapse(!0), l.removeAllRanges(), l.addRange(i), D.current = i.cloneRange(), t.focus();
+  }, Je = (e) => {
+    e.forEach((t) => Ge(t)), ue((t) => {
+      const n = [...t, ...e], l = Array.from(new Map(n.map((c) => [c.name, c])).values());
+      return S(l), l;
+    }), M();
+  }, et = () => {
+    const e = V();
     if (!e) return [];
     const t = e.querySelectorAll("span[data-mention]"), n = [];
-    return t.forEach((a) => {
-      const d = a.getAttribute("data-mention") || "", o = (a.textContent || "").match(/{{(.+?)}}/);
-      o && n.push({
-        name: o[1],
-        value: d
+    return t.forEach((l) => {
+      const c = l.getAttribute("data-mention") || "", i = (l.textContent || "").match(/{{(.+?)}}/);
+      i && n.push({
+        name: i[1],
+        value: c
       });
     }), n;
-  }, Qe = (e) => {
-    var n, a, d;
+  }, tt = (e) => {
+    var n, l, c;
     const t = e.key.toLowerCase();
-    if ((e.ctrlKey || e.metaKey) && ["b", "i", "u"].includes(t) && (e.preventDefault(), ae(t === "b" ? "bold" : t === "i" ? "italic" : t === "u" ? "underline" : "")), e.shiftKey && e.key === "2" && e.preventDefault(), e.key === "Enter") {
-      const l = window.getSelection(), o = l != null && l.anchorNode ? ge(l.anchorNode) : null;
-      if (!o) return;
-      if (((n = o.textContent) == null ? void 0 : n.replace(/\u200B/g, "").trim()) === "") {
+    if ((e.ctrlKey || e.metaKey) && ["b", "i", "u"].includes(t) && (e.preventDefault(), me(t === "b" ? "bold" : t === "i" ? "italic" : t === "u" ? "underline" : "")), e.shiftKey && e.key === "2" && e.preventDefault(), e.key === "Enter") {
+      const o = window.getSelection(), i = o != null && o.anchorNode ? Ee(o.anchorNode) : null;
+      if (!i) return;
+      if (((n = i.textContent) == null ? void 0 : n.replace(/\u200B/g, "").trim()) === "") {
         e.preventDefault();
-        const E = o.parentElement, m = E == null ? void 0 : E.closest("li");
+        const E = i.parentElement, m = E == null ? void 0 : E.closest("li");
         if (m) {
-          E == null || E.removeChild(o);
-          const c = document.createElement("p");
-          c.innerHTML = "<br />", (a = m.parentElement) == null || a.insertBefore(c, m.nextSibling);
-          const v = document.createRange();
-          v.setStart(c, 0), v.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(v);
+          E == null || E.removeChild(i);
+          const s = document.createElement("p");
+          s.innerHTML = "<br />", (l = m.parentElement) == null || l.insertBefore(s, m.nextSibling);
+          const f = document.createRange();
+          f.setStart(s, 0), f.collapse(!0), o == null || o.removeAllRanges(), o == null || o.addRange(f);
         } else {
-          const c = o.closest("ul, ol");
-          if (c) {
-            const v = document.createElement("p");
-            v.innerHTML = "<br />", (d = c.parentElement) == null || d.insertBefore(v, c.nextSibling), c.removeChild(o);
+          const s = i.closest("ul, ol");
+          if (s) {
+            const f = document.createElement("p");
+            f.innerHTML = "<br />", (c = s.parentElement) == null || c.insertBefore(f, s.nextSibling), s.removeChild(i);
             const C = document.createRange();
-            C.setStart(v, 0), C.collapse(!0), l == null || l.removeAllRanges(), l == null || l.addRange(C);
+            C.setStart(f, 0), C.collapse(!0), o == null || o.removeAllRanges(), o == null || o.addRange(C);
           }
         }
-        N();
+        M();
       }
     }
     if (t === "backspace" || t === "delete") {
-      const l = window.getSelection();
-      if (!l || l.rangeCount === 0) return;
-      const o = l.getRangeAt(0);
-      if (o.cloneContents().querySelector("table"))
+      const o = window.getSelection();
+      if (!o || o.rangeCount === 0) return;
+      const i = o.getRangeAt(0);
+      if (i.cloneContents().querySelector("table"))
         return;
-      if (o.cloneContents().querySelectorAll(".rte-resize-handle").length > 0) {
+      if (i.cloneContents().querySelectorAll(".rte-resize-handle").length > 0) {
         e.preventDefault(), e.stopPropagation();
         return;
       }
     }
-  }, Je = (e) => {
+  }, nt = (e) => {
     if (e.data === "@") {
       const n = window.getSelection();
       if (!(n != null && n.rangeCount)) return;
-      const a = n.anchorNode;
-      if (oe(a))
+      const l = n.anchorNode;
+      if (he(l))
         return;
       setTimeout(() => {
-        $e(n.getRangeAt(0)), ne(""), R(r), j(!0);
+        Ke(n.getRangeAt(0)), ee(""), x(a), O(!0);
       }, 0);
       return;
     }
-    if (H) {
-      setTimeout(() => he(), 0);
+    if (B) {
+      setTimeout(() => ye(), 0);
       return;
     }
-  }, oe = (e) => {
+  }, he = (e) => {
     if (!e) return !1;
     let t = e.nodeType === Node.ELEMENT_NODE ? e : e.parentElement;
     for (; t; ) {
@@ -1139,89 +1327,89 @@ const rn = ({
       t = t.parentElement;
     }
     return !1;
-  }, he = () => {
-    N();
+  }, ye = () => {
+    M();
     const e = window.getSelection();
     if (!e || !e.anchorNode) return;
-    if (oe(e.anchorNode)) {
-      j(!1);
+    if (he(e.anchorNode)) {
+      O(!1);
       return;
     }
     let t = e.anchorNode.textContent || "";
     t = t.replace(/\u00A0/g, " ");
     const n = t.match(/@([^\n]*)$/);
     if (!n) {
-      j(!1);
+      O(!1);
       return;
     }
-    const a = n[1].trim().toLowerCase();
-    ne(a);
-    const d = r.filter((l) => l.name.toLowerCase().includes(a));
-    d.length > 0 ? (R(d), j(!0)) : j(!1);
-  }, Ge = (e) => {
-    var a;
-    const t = (a = e.target.files) == null ? void 0 : a[0];
+    const l = n[1].trim().toLowerCase();
+    ee(l);
+    const c = a.filter((o) => o.name.toLowerCase().includes(l));
+    c.length > 0 ? (x(c), O(!0)) : O(!1);
+  }, rt = (e) => {
+    var l;
+    const t = (l = e.target.files) == null ? void 0 : l[0];
     if (!t) return;
     const n = new FileReader();
-    n.onload = (d) => {
+    n.onload = (c) => {
       var C;
-      const l = (C = d.target) == null ? void 0 : C.result;
-      Y();
-      const o = window.getSelection();
-      let p = o && o.rangeCount ? o.getRangeAt(0) : null;
+      const o = (C = c.target) == null ? void 0 : C.result;
+      G();
+      const i = window.getSelection();
+      let p = i && i.rangeCount ? i.getRangeAt(0) : null;
       const E = document.createElement("img");
-      E.src = l, E.alt = t.name || "image", E.className = "rte-inserted-image", E.contentEditable = "true";
-      const m = q();
+      E.src = o, E.alt = t.name || "image", E.className = "rte-inserted-image", E.contentEditable = "true";
+      const m = V();
       if (!p || !m) {
         m == null || m.appendChild(E);
-        const I = document.createTextNode(" ");
-        m == null || m.appendChild(I);
-        const ie = document.createRange();
-        ie.setStartAfter(I), ie.collapse(!0), o == null || o.removeAllRanges(), o == null || o.addRange(ie), m == null || m.focus(), N(), e.target.value = "";
+        const T = document.createTextNode(" ");
+        m == null || m.appendChild(T);
+        const ne = document.createRange();
+        ne.setStartAfter(T), ne.collapse(!0), i == null || i.removeAllRanges(), i == null || i.addRange(ne), m == null || m.focus(), M(), e.target.value = "";
         return;
       }
       p.deleteContents(), p.insertNode(E);
-      const c = document.createTextNode(" ");
-      E.after(c);
-      const v = document.createRange();
-      v.setStartAfter(c), v.collapse(!0), o.removeAllRanges(), o.addRange(v), m.focus(), N(), e.target.value = "";
+      const s = document.createTextNode(" ");
+      E.after(s);
+      const f = document.createRange();
+      f.setStartAfter(s), f.collapse(!0), i.removeAllRanges(), i.addRange(f), m.focus(), M(), e.target.value = "";
     }, n.readAsDataURL(t);
-  }, et = (e) => {
-    var d;
-    Y();
+  }, at = (e) => {
+    var c;
+    G();
     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), (d = q()) == null || d.focus(), N();
-  }, pe = (e) => {
-    var c;
-    ft(), Y();
+    const n = t.getRangeAt(0), l = document.createTextNode(e);
+    n.insertNode(l), n.setStartAfter(l), n.collapse(!0), t.removeAllRanges(), t.addRange(n), (c = V()) == null || c.focus(), M();
+  }, be = (e) => {
+    var s;
+    wt(), G();
     const t = document.createElement("table");
-    t.style.borderCollapse = "collapse", t.style.width = "100%", t.style.border = "1px solid #ccc", t.style.margin = "8px 0", t.style.position = "relative", t.style.textAlign = "center", h.table && t.classList.add(h.table);
+    t.style.borderCollapse = "collapse", t.style.width = "310px", t.style.border = "1px solid #ccc", t.style.margin = "8px 0", t.style.position = "relative", t.style.textAlign = "center", v.table && t.classList.add(v.table);
     const n = document.createElement("thead");
-    h.thead && n.classList.add(h.thead);
-    const a = document.createElement("tbody");
-    h.tbody && a.classList.add(h.tbody), e === "insertStaticTable" && a.setAttribute("table-type", "static");
-    const d = document.createElement("tr");
-    h.tr && d.classList.add(h.tr);
-    const l = document.createElement("tr");
-    h.tr && l.classList.add(h.tr);
-    for (let v = 0; v < 2; v++) {
+    v.thead && n.classList.add(v.thead);
+    const l = document.createElement("tbody");
+    v.tbody && l.classList.add(v.tbody), e === "insertStaticTable" && l.setAttribute("table-type", "static");
+    const c = document.createElement("tr");
+    v.tr && c.classList.add(v.tr);
+    const o = document.createElement("tr");
+    v.tr && o.classList.add(v.tr);
+    for (let f = 0; f < 2; f++) {
       const C = document.createElement("th");
-      C.textContent = "", C.style.border = "1px solid #999", C.style.padding = "4px", C.style.position = "relative", C.style.backgroundColor = "lightgray", C.style.height = "20px", h.th && C.classList.add(h.th);
-      const I = document.createElement("td");
-      I.textContent = "", I.style.border = "1px solid #999", I.style.padding = "4px", I.style.position = "relative", I.style.backgroundColor = "#fff", I.style.height = "20px", h.td && I.classList.add(h.td), Q(C), Q(I), d.appendChild(C), l.appendChild(I);
+      C.textContent = "", C.style.border = "1px solid #999", C.style.padding = "4px", C.style.position = "relative", C.style.backgroundColor = "lightgray", C.style.height = "20px", v.th && C.classList.add(v.th);
+      const T = document.createElement("td");
+      T.textContent = "", T.style.border = "1px solid #999", T.style.padding = "4px", T.style.position = "relative", T.style.backgroundColor = "#fff", T.style.minHeight = "20px", T.style.height = "20px", T.style.whiteSpace = "normal", T.style.wordBreak = "break-word", T.style.overflowWrap = "anywhere", T.style.lineHeight = "20px", T.style.minWidth = "20px", v.td && T.classList.add(v.td), te(C), te(T), c.appendChild(C), o.appendChild(T);
     }
-    n.appendChild(d), a.appendChild(l), t.appendChild(n), t.appendChild(a), le(t);
-    const o = window.getSelection();
-    if (!(o != null && o.rangeCount)) return;
-    const p = o.getRangeAt(0);
+    n.appendChild(c), l.appendChild(o), t.appendChild(n), t.appendChild(l), ge(t);
+    const i = window.getSelection();
+    if (!(i != null && i.rangeCount)) return;
+    const p = i.getRangeAt(0);
     p.collapse(!1), p.insertNode(t);
     const E = document.createElement("p");
     E.innerHTML = "<br/>", t.after(E);
     const m = document.createRange();
-    m.setStart(E, 0), m.collapse(!0), o.removeAllRanges(), o.addRange(m), (c = q()) == null || c.focus(), N();
-  }, le = (e) => {
+    m.setStart(E, 0), m.collapse(!0), i.removeAllRanges(), i.addRange(m), (s = V()) == null || s.focus(), M();
+  }, ge = (e) => {
     if (e.dataset.hasResizeHandle === "true") return;
     const t = document.createElement("div");
     Object.assign(t.style, {
@@ -1235,20 +1423,20 @@ const rn = ({
       zIndex: "20",
       borderRadius: "2px"
     }), t.contentEditable = "false", t.dataset.hasResizeHandle = "true", t.classList.add("rte-resize-handle");
-    let n = 0, a = 0, d = 0, l = 0;
-    t.addEventListener("mousedown", (o) => {
-      o.preventDefault(), n = o.clientX, a = o.clientY;
+    let n = 0, l = 0, c = 0, o = 0;
+    t.addEventListener("mousedown", (i) => {
+      i.preventDefault(), n = i.clientX, l = i.clientY;
       const p = e.getBoundingClientRect();
-      d = p.width, l = p.height;
-      const E = (c) => {
-        const v = Math.max(100, d + (c.clientX - n)), C = Math.max(20, l + (c.clientY - a));
-        e.style.width = `${v}px`, e.style.height = `${C}px`, N();
+      c = p.width, o = p.height;
+      const E = (s) => {
+        const f = Math.max(100, c + (s.clientX - n)), C = Math.max(20, o + (s.clientY - l));
+        e.style.width = `${f}px`, e.style.height = `${C}px`, M();
       }, m = () => {
-        document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", m), N();
+        document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", m), M();
       };
       document.addEventListener("mousemove", E), document.addEventListener("mouseup", m);
     }), e.appendChild(t);
-  }, Q = (e) => {
+  }, te = (e) => {
     const t = document.createElement("div"), n = document.createElement("div");
     Object.assign(t.style, {
       position: "absolute",
@@ -1274,102 +1462,102 @@ const rn = ({
       MozUserSelect: "none",
       msUserSelect: "none",
       pointerEvents: "auto"
-    }), n.contentEditable = "false", n.classList.add("rte-resize-handle"), tt(e, t, n), e.appendChild(t), e.appendChild(n);
-  }, tt = (e, t, n) => {
-    let a = 0, d = 0, l = 0, o = 0;
-    t.addEventListener("mousedown", (c) => {
-      c.preventDefault(), a = c.clientX, l = e.offsetWidth, document.addEventListener("mousemove", p), document.addEventListener("mouseup", m);
-    }), n.addEventListener("mousedown", (c) => {
-      c.preventDefault(), d = c.clientY, o = e.offsetHeight, document.addEventListener("mousemove", E), document.addEventListener("mouseup", m);
+    }), n.contentEditable = "false", n.classList.add("rte-resize-handle"), lt(e, t, n), e.appendChild(t), e.appendChild(n);
+  }, lt = (e, t, n) => {
+    let l = 0, c = 0, o = 0, i = 0;
+    t.addEventListener("mousedown", (s) => {
+      s.preventDefault(), l = s.clientX, o = e.offsetWidth, document.addEventListener("mousemove", p), document.addEventListener("mouseup", m);
+    }), n.addEventListener("mousedown", (s) => {
+      s.preventDefault(), c = s.clientY, i = e.offsetHeight, document.addEventListener("mousemove", E), document.addEventListener("mouseup", m);
     });
-    const p = (c) => {
-      const v = l + (c.clientX - a);
-      e.style.width = `${Math.max(30, v)}px`, N();
-    }, E = (c) => {
-      const v = o + (c.clientY - d);
-      e.style.height = `${Math.max(20, v)}px`, N();
+    const p = (s) => {
+      const f = o + (s.clientX - l);
+      e.style.width = `${Math.max(30, f)}px`, M();
+    }, E = (s) => {
+      const f = i + (s.clientY - c);
+      e.style.height = `${Math.max(20, f)}px`, M();
     }, m = () => {
-      document.removeEventListener("mousemove", p), document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", m), N();
+      document.removeEventListener("mousemove", p), document.removeEventListener("mousemove", E), document.removeEventListener("mouseup", m), M();
     };
-  }, nt = (e) => {
+  }, ot = (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"), f({
+    n && (e.preventDefault(), document.querySelectorAll(".rte-cell-highlight").forEach((l) => l.classList.remove("rte-cell-highlight")), n.classList.add("rte-cell-highlight"), q({
       visible: !0,
       x: e.clientX,
       y: e.clientY,
       cell: n
     }));
-  }, ve = () => {
+  }, Ce = () => {
     document.querySelectorAll(".rte-cell-highlight").forEach((e) => e.classList.remove("rte-cell-highlight"));
-  }, rt = (e) => {
-    if (!B.cell) return;
-    const t = B.cell.closest("table"), n = B.cell.cellIndex, a = B.cell.parentElement.rowIndex, d = (l) => {
-      const o = l.tagName.toLowerCase(), p = document.createElement(o);
-      return p.textContent = "", p.style.cssText = l.style.cssText, Q(p), p;
+  }, it = (e) => {
+    if (!j.cell) return;
+    const t = j.cell.closest("table"), n = j.cell.cellIndex, l = j.cell.parentElement.rowIndex, c = (o) => {
+      const i = o.tagName.toLowerCase(), p = document.createElement(i);
+      return p.textContent = "", p.style.cssText = o.style.cssText, te(p), p;
     };
     switch (e) {
       case "insertRowAbove": {
-        const l = t.rows[a], o = t.insertRow(a);
-        Array.from(l.cells).forEach((p) => {
-          o.appendChild(d(p));
+        const o = t.rows[l], i = t.insertRow(l);
+        Array.from(o.cells).forEach((p) => {
+          i.appendChild(c(p));
         });
         break;
       }
       case "insertRowBelow": {
-        const l = t.rows[a], o = t.insertRow(a + 1);
-        Array.from(l.cells).forEach((p) => {
-          o.appendChild(d(p));
+        const o = t.rows[l], i = t.insertRow(l + 1);
+        Array.from(o.cells).forEach((p) => {
+          i.appendChild(c(p));
         });
         break;
       }
       case "insertColLeft": {
-        Array.from(t.rows).forEach((l) => {
-          const o = l.cells[n];
-          l.insertBefore(d(o), o);
+        Array.from(t.rows).forEach((o) => {
+          const i = o.cells[n];
+          o.insertBefore(c(i), i);
         });
         break;
       }
       case "insertColRight": {
-        Array.from(t.rows).forEach((l) => {
-          const o = l.cells[n];
-          l.insertBefore(d(o), o.nextSibling);
+        Array.from(t.rows).forEach((o) => {
+          const i = o.cells[n];
+          o.insertBefore(c(i), i.nextSibling);
         });
         break;
       }
       case "deleteRow":
-        t.rows.length > 1 && t.deleteRow(a);
+        t.rows.length > 1 && t.deleteRow(l);
         break;
       case "deleteCol":
-        Array.from(t.rows).forEach((l) => {
-          l.cells[n] && l.deleteCell(n);
+        Array.from(t.rows).forEach((o) => {
+          o.cells[n] && o.deleteCell(n);
         });
         break;
     }
-    N(), f(se(ce({}, B), {
+    M(), q(ae(re({}, j), {
       visible: !1
-    })), ve();
-  }, at = () => {
-    K(), J.current = F.current, de({
+    })), Ce();
+  }, ct = () => {
+    Q(), y.current = D.current, J({
       url: "",
       text: "",
       title: "",
       target: "_self"
-    }), V(!0);
-  }, ot = (e) => {
+    }), g(!0);
+  }, st = (e) => {
     const t = window.getSelection();
-    if (!t || !J.current) return;
-    t.removeAllRanges(), t.addRange(J.current);
+    if (!t || !y.current) return;
+    t.removeAllRanges(), t.addRange(y.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 d = t.getRangeAt(0);
-    d.deleteContents(), d.insertNode(a);
-    const l = document.createTextNode(" ");
-    a.after(l);
-    const o = document.createRange();
-    o.setStartAfter(l), o.collapse(!0), t.removeAllRanges(), t.addRange(o), V(!1), N();
-  }, lt = (e) => {
+    const l = document.createElement("a");
+    l.href = n, l.style.cursor = "pointer", l.style.outline = "none", l.textContent = e.text || n, l.title = e.title, l.target = e.target, l.contentEditable = "true";
+    const c = t.getRangeAt(0);
+    c.deleteContents(), c.insertNode(l);
+    const o = document.createTextNode(" ");
+    l.after(o);
+    const i = document.createRange();
+    i.setStartAfter(o), i.collapse(!0), t.removeAllRanges(), t.addRange(i), g(!1), M();
+  }, dt = (e) => {
     const t = e.target;
     if (t.tagName === "A") {
       const n = t;
@@ -1378,263 +1566,300 @@ const rn = ({
         return;
       }
       e.preventDefault();
-      const a = document.createRange();
-      a.selectNode(n), J.current = a, de({
+      const l = document.createRange();
+      l.selectNode(n), y.current = l, J({
         url: n.href,
         text: n.textContent || n.href,
         title: n.title,
         target: n.target
-      }), V(!0);
+      }), g(!0);
     }
-  }, it = () => {
-    const e = q();
+  }, ut = () => {
+    const e = V();
     if (!e) return;
     const t = window.getSelection();
-    if ((!t || t.rangeCount === 0) && F.current) {
-      const c = window.getSelection();
-      c == null || c.removeAllRanges(), c == null || c.addRange(F.current);
+    if ((!t || t.rangeCount === 0) && D.current) {
+      const s = window.getSelection();
+      s == null || s.removeAllRanges(), s == null || s.addRange(D.current);
     }
     const n = window.getSelection();
     if (!n || n.rangeCount === 0) return;
-    const a = n.getRangeAt(0);
-    Y(), document.execCommand("removeFormat", !1);
-    const d = a.cloneContents(), l = document.createElement("div");
-    l.appendChild(d);
-    const o = document.createTreeWalker(l, NodeFilter.SHOW_ELEMENT, null), p = [];
-    for (; o.nextNode(); ) {
-      const c = o.currentNode, v = c.tagName.toUpperCase(), C = c.getAttribute && c.getAttribute("data-mention") !== null;
-      v !== "A" && !C && p.push(c);
+    const l = n.getRangeAt(0);
+    G(), document.execCommand("removeFormat", !1);
+    const c = l.cloneContents(), o = document.createElement("div");
+    o.appendChild(c);
+    const i = document.createTreeWalker(o, NodeFilter.SHOW_ELEMENT, null), p = [];
+    for (; i.nextNode(); ) {
+      const s = i.currentNode, f = s.tagName.toUpperCase(), C = s.getAttribute && s.getAttribute("data-mention") !== null;
+      f !== "A" && !C && p.push(s);
     }
-    for (let c = p.length - 1; c >= 0; c--) {
-      const v = p[c], C = v.parentNode;
+    for (let s = p.length - 1; s >= 0; s--) {
+      const f = p[s], C = f.parentNode;
       if (C) {
-        for (; v.firstChild; ) C.insertBefore(v.firstChild, v);
-        C.removeChild(v);
+        for (; f.firstChild; ) C.insertBefore(f.firstChild, f);
+        C.removeChild(f);
       }
     }
-    l.querySelectorAll("[style]").forEach((c) => c.removeAttribute("style")), a.deleteContents();
+    o.querySelectorAll("[style]").forEach((s) => s.removeAttribute("style")), l.deleteContents();
     const E = document.createDocumentFragment();
-    for (; l.firstChild; ) E.appendChild(l.firstChild);
-    a.insertNode(E);
+    for (; o.firstChild; ) E.appendChild(o.firstChild);
+    l.insertNode(E);
     const m = document.createRange();
-    m.setStartAfter(a.endContainer.nodeType === Node.TEXT_NODE ? a.endContainer : a.startContainer), m.collapse(!0), n.removeAllRanges(), n.addRange(m), e.normalize(), N();
-  }, ct = (e) => {
-    var a;
+    m.setStartAfter(l.endContainer.nodeType === Node.TEXT_NODE ? l.endContainer : l.startContainer), m.collapse(!0), n.removeAllRanges(), n.addRange(m), e.normalize(), M();
+  }, mt = (e) => {
+    var l;
     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((d) => {
-      d.replaceWith(`
+    return n.innerHTML = t, n.querySelectorAll("br").forEach((c) => {
+      c.replaceWith(`
 `);
-    }), n.querySelectorAll("p, div, tr").forEach((d) => {
-      d.insertAdjacentText("afterend", `
+    }), n.querySelectorAll("p, div, tr").forEach((c) => {
+      c.insertAdjacentText("afterend", `
 `);
-    }), n.querySelectorAll("table").forEach((d) => {
-      d.insertAdjacentText("afterend", `
+    }), n.querySelectorAll("table").forEach((c) => {
+      c.insertAdjacentText("afterend", `
 `);
-    }), ((a = n.textContent) == null ? void 0 : a.replace(/\n{3,}/g, `
+    }), ((l = n.textContent) == null ? void 0 : l.replace(/\n{3,}/g, `
 `).trim()) || "";
   };
-  function st() {
+  function ht() {
     const e = window.getSelection();
     if (!e || e.rangeCount === 0) return [];
     const t = e.getRangeAt(0);
     if (t.collapsed) {
-      let l = t.startContainer, o = l.nodeType === Node.ELEMENT_NODE ? l : l.parentElement;
-      const p = o == null ? void 0 : o.closest("td, th");
+      let o = t.startContainer, i = o.nodeType === Node.ELEMENT_NODE ? o : o.parentElement;
+      const p = i == null ? void 0 : i.closest("td, th");
       return p ? [p] : [];
     }
-    const n = t.commonAncestorContainer, a = n.nodeType === Node.ELEMENT_NODE ? n : n.parentElement;
-    return Array.from(a.querySelectorAll("td, th")).filter((l) => {
-      const o = document.createRange();
-      return o.selectNodeContents(l), t.compareBoundaryPoints(Range.END_TO_START, o) < 0 && t.compareBoundaryPoints(Range.START_TO_END, o) > 0;
+    const n = t.commonAncestorContainer, l = n.nodeType === Node.ELEMENT_NODE ? n : n.parentElement;
+    return Array.from(l.querySelectorAll("td, th")).filter((o) => {
+      const i = document.createRange();
+      return i.selectNodeContents(o), t.compareBoundaryPoints(Range.END_TO_START, i) < 0 && t.compareBoundaryPoints(Range.START_TO_END, i) > 0;
     });
   }
-  function dt(e) {
-    const t = st();
+  function gt(e) {
+    const t = ht();
     if (t.length === 0) {
-      me(e);
+      ve(e);
       return;
     }
     let n = "left";
-    e === "justifyCenter" && (n = "center"), e === "justifyRight" && (n = "right"), t.forEach((a) => {
-      a.style.textAlign = n;
-    }), N();
+    e === "justifyCenter" && (n = "center"), e === "justifyRight" && (n = "right"), t.forEach((l) => {
+      l.style.textAlign = n;
+    }), M();
   }
-  const ut = (e) => {
-    e.preventDefault();
-    const t = e.clipboardData.items;
-    for (let m = 0; m < t.length; m++) {
-      const c = t[m];
-      if (c.kind === "file" && c.type.startsWith("image/"))
-        return;
-      c.kind === "string" && c.getAsString((v) => {
-        /<img\s/i.test(v);
-      });
+  const ft = () => {
+    const e = window.getSelection();
+    if (!e || !e.anchorNode) return !1;
+    let t = e.anchorNode.nodeType === Node.ELEMENT_NODE ? e.anchorNode : e.anchorNode.parentElement;
+    for (; t; ) {
+      if (t.tagName === "TABLE") return !0;
+      t = t.parentElement;
     }
-    const n = e.clipboardData.getData("text/html") || "";
-    if (!n) return;
-    const a = document.createElement("div");
-    a.innerHTML = n;
-    const d = (m) => {
-      m.style.borderCollapse = "collapse", m.style.width = "100%", m.style.border = "1px solid #ccc", m.style.margin = "8px 0", m.style.position = "relative", m.style.textAlign = "center", m.querySelectorAll("th").forEach((c) => {
-        const v = c;
-        v.style.border = "1px solid #999", v.style.padding = "4px", v.style.position = "relative", v.style.backgroundColor = "lightgray", v.style.height = "20px";
-      }), m.querySelectorAll("td").forEach((c) => {
-        const v = c;
-        v.style.border = "1px solid #999", v.style.padding = "4px", v.style.position = "relative", v.style.backgroundColor = "#fff", v.style.height = "20px";
-      });
+    return !1;
+  }, pt = (e) => {
+    if (ft()) {
+      e.preventDefault();
+      const m = e.clipboardData.getData("text/plain");
+      if (!m) return;
+      const s = window.getSelection();
+      if (!s || !s.rangeCount) return;
+      const f = s.getRangeAt(0);
+      f.deleteContents();
+      const C = m.split(/\r?\n/);
+      C.forEach((T, ne) => {
+        f.insertNode(document.createTextNode(T)), ne < C.length - 1 && f.insertNode(document.createElement("br"));
+      }), f.collapse(!1), s.removeAllRanges(), s.addRange(f), M();
+      return;
+    }
+    const t = e.clipboardData.getData("text/html") || "";
+    if (!t) return;
+    const n = document.createElement("div");
+    if (n.innerHTML = t, n.querySelector("img")) {
+      e.preventDefault();
+      return;
+    }
+    e.preventDefault();
+    const l = document.createElement("div");
+    l.innerHTML = t;
+    const c = (m) => {
+      m.hasAttribute("data-has-resize-handle") || (m.style.borderCollapse = "collapse", m.style.width = "100%", m.style.border = "1px solid #ccc", m.style.margin = "8px 0", m.style.position = "relative", m.style.textAlign = "center", m.querySelectorAll("th").forEach((s) => {
+        const f = s;
+        f.style.border = "1px solid #999", f.style.padding = "4px", f.style.position = "relative", f.style.backgroundColor = "lightgray", f.style.height = "20px";
+      }), m.querySelectorAll("td").forEach((s) => {
+        const f = s;
+        f.style.border = "1px solid #999", f.style.padding = "4px", f.style.position = "relative", f.style.backgroundColor = "#fff", f.style.height = "20px";
+      }));
     };
-    a.querySelectorAll("table").forEach((m) => d(m));
-    const l = window.getSelection();
-    if (!l || !l.rangeCount) return;
-    const o = l.getRangeAt(0);
-    o.deleteContents();
+    l.querySelectorAll("table").forEach((m) => c(m));
+    const o = window.getSelection();
+    if (!o || !o.rangeCount) return;
+    const i = o.getRangeAt(0);
+    i.deleteContents();
     const p = document.createDocumentFragment();
-    for (; a.firstChild; ) p.appendChild(a.firstChild);
-    o.insertNode(p), o.collapse(!1), l.removeAllRanges(), l.addRange(o);
-    const E = x.current;
+    for (; l.firstChild; ) p.appendChild(l.firstChild);
+    i.insertNode(p), i.collapse(!1), o.removeAllRanges(), o.addRange(i);
+    const E = N.current;
     E && (E.querySelectorAll("table").forEach((m) => {
-      const c = m;
-      c.hasAttribute("data-has-resize-handle") || (le(c), c.querySelectorAll("th, td").forEach((v) => {
-        const C = v;
-        C.dataset.hasResizeHandles || Q(C);
+      const s = m;
+      s.hasAttribute("data-has-resize-handle") || (ge(s), s.querySelectorAll("th, td").forEach((f) => {
+        const C = f;
+        C.dataset.hasResizeHandles || te(C);
       }));
-    }), N());
-  }, mt = (e) => {
-    Y();
+    }), M());
+  }, vt = (e) => {
+    G();
     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 d = document.createRange();
-    d.setStartAfter(a), d.collapse(!0), t.removeAllRanges(), t.addRange(d), N();
-  }, gt = () => {
+    const n = t.getRangeAt(0), l = document.createElement("span");
+    l.style.fontSize = `${e}px`, l.appendChild(n.extractContents()), n.insertNode(l);
+    const c = document.createRange();
+    c.setStartAfter(l), c.collapse(!0), t.removeAllRanges(), t.addRange(c), M();
+  }, Et = () => {
     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 || "", a = e.anchorOffset, d = n.lastIndexOf("@", a - 1);
-    if (d === -1) return null;
-    const l = n.substring(d + 1, a);
-    if (l.includes(" ") || l.includes(" ")) return null;
-    const o = document.createRange();
-    return o.setStart(t, d), o.setEnd(t, a), {
-      range: o,
-      query: l
+    if (he(t) || t.nodeType !== Node.TEXT_NODE) return null;
+    const n = t.textContent || "", l = e.anchorOffset, c = n.lastIndexOf("@", l - 1);
+    if (c === -1) return null;
+    const o = n.substring(c + 1, l);
+    if (o.includes(" ") || o.includes(" ")) return null;
+    const i = document.createRange();
+    return i.setStart(t, c), i.setEnd(t, l), {
+      range: i,
+      query: o
     };
-  }, ye = () => {
-    const e = gt();
+  }, Le = () => {
+    const e = Et();
     if (!e) return;
     const {
       range: t,
       query: n
-    } = e, a = document.createElement("span");
-    a.textContent = "", t.insertNode(a);
-    const d = a.getBoundingClientRect();
-    a.remove(), $({
-      x: d.left,
-      y: d.bottom + window.scrollY
-    }), ne(n.toLowerCase());
-    const l = r.filter((o) => o.name.toLowerCase().includes(n.toLowerCase()));
-    R(l), j(!0), X.current = t.cloneRange();
+    } = e, l = document.createElement("span");
+    l.textContent = "", t.insertNode(l);
+    const c = l.getBoundingClientRect();
+    l.remove(), K({
+      x: c.left,
+      y: c.bottom + window.scrollY
+    }), ee(n.toLowerCase());
+    const o = a.filter((i) => i.name.toLowerCase().includes(n.toLowerCase()));
+    x(o), O(!0), I.current = t.cloneRange();
   };
-  function ft() {
-    const e = x.current;
+  function wt() {
+    const e = N.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), F.current = n.cloneRange();
+    n.selectNodeContents(e), n.collapse(!1), t.removeAllRanges(), t.addRange(n), D.current = n.cloneRange();
   }
-  const ht = (e) => {
+  const yt = (e) => {
     const t = e.target;
-    if (!t || !(t.textContent || "").match(/{{([\s\S]+?)}}/) || !x.current) return;
-    let l = t.firstChild;
-    if ((!l || l.nodeType !== Node.TEXT_NODE) && (l = t.childNodes[0]), !l || l.nodeType !== Node.TEXT_NODE) return;
-    const o = l.textContent || "", p = o.indexOf("{{"), E = o.indexOf("}}");
+    if (!t || !(t.textContent || "").match(/{{([\s\S]+?)}}/) || !N.current) return;
+    let o = t.firstChild;
+    if ((!o || o.nodeType !== Node.TEXT_NODE) && (o = t.childNodes[0]), !o || o.nodeType !== Node.TEXT_NODE) return;
+    const i = o.textContent || "", p = i.indexOf("{{"), E = i.indexOf("}}");
     if (p === -1 || E === -1) return;
     const m = window.getSelection();
     if (!m) return;
-    const c = document.createRange();
-    c.setStart(l, p), c.setEnd(l, E + 2), m.removeAllRanges(), m.addRange(c);
+    const s = document.createRange();
+    s.setStart(o, p), s.setEnd(o, E + 2), m.removeAllRanges(), m.addRange(s);
+  }, bt = (e) => {
+    pe((t) => {
+      const n = {};
+      return e.forEach((l) => {
+        var c;
+        n[l.name] = (c = t[l.name]) != null ? c : "";
+      }), n;
+    });
+  }, Ct = () => {
+    let e = A;
+    return Object.entries(fe).forEach(([t, n]) => {
+      if (n.trim()) {
+        const l = new RegExp(`{{\\s*${t}\\s*}}`, "g");
+        e = e.replace(l, n);
+      }
+    }), e;
   };
-  return /* @__PURE__ */ i.createElement("div", {
-    className: `rte-wrapper ${(h == null ? void 0 : h.wrapper) || ""}`,
-    style: M.wrapper
-  }, /* @__PURE__ */ i.createElement("div", {
+  return /* @__PURE__ */ r.createElement("div", {
+    className: `rte-wrapper ${(v == null ? void 0 : v.wrapper) || ""}`,
+    style: L.wrapper
+  }, /* @__PURE__ */ r.createElement("div", {
     style: {
       flex: 1
     }
-  }, /* @__PURE__ */ i.createElement(Kt, {
-    exec: ae,
-    saveSelection: K,
-    handleFileChange: Ge,
-    handleFontSizeChange: (e) => mt(e.target.value),
-    handleFontFamilyChange: (e) => ae("fontName", e.target.value),
-    insertEmoji: et,
-    handleLink: at,
-    removeFormatting: it,
-    visibleActions: Pe,
-    className: h.toolbar,
-    style: M.toolbar
-  }), /* @__PURE__ */ i.createElement("div", {
-    ref: x,
+  }, /* @__PURE__ */ r.createElement(nn, {
+    exec: me,
+    saveSelection: Q,
+    handleFileChange: rt,
+    handleFontSizeChange: (e) => vt(e.target.value),
+    handleFontFamilyChange: (e) => me("fontName", e.target.value),
+    insertEmoji: at,
+    handleLink: ct,
+    removeFormatting: ut,
+    visibleActions: le,
+    className: v.toolbar,
+    style: L.toolbar
+  }), /* @__PURE__ */ r.createElement("div", {
+    ref: N,
     id: "rte-editor-body",
-    className: `rte-editor ${(h == null ? void 0 : h.editor) || ""}`,
-    style: M.editor,
+    className: `rte-editor ${(v == null ? void 0 : v.editor) || ""}`,
+    style: L.editor,
     contentEditable: !0,
     suppressContentEditableWarning: !0,
-    onPaste: ut,
+    onPaste: pt,
     onKeyUp: () => {
-      K(), ye();
+      Q(), Le();
     },
-    onMouseUp: K,
+    onMouseUp: Q,
     onInput: () => {
-      he(), K();
+      ye(), Q();
     },
-    onKeyDown: Qe,
-    onBeforeInput: Je,
-    onContextMenu: nt,
+    onKeyDown: tt,
+    onBeforeInput: nt,
+    onContextMenu: ot,
     onClick: (e) => {
-      lt(e), K(), ye();
+      dt(e), Q(), Le();
     },
-    onDoubleClick: ht
-  }), /* @__PURE__ */ i.createElement(Yt, {
-    show: H,
-    position: z,
-    filtered: Z,
-    insertMention: Ze,
-    onClose: () => j(!1),
-    query: qe
-  }), s && /* @__PURE__ */ i.createElement("div", {
-    className: `rte-output ${(h == null ? void 0 : h.output) || ""}`,
-    style: M.output
-  }, /* @__PURE__ */ i.createElement("h4", null, "Output HTML:"), /* @__PURE__ */ i.createElement("p", null, O)), /* @__PURE__ */ i.createElement(Qt, {
-    visible: B.visible,
-    x: B.x,
-    y: B.y,
-    onAction: rt,
+    onDoubleClick: yt
+  }), /* @__PURE__ */ r.createElement(rn, {
+    show: B,
+    position: F,
+    filtered: W,
+    insertMention: Qe,
+    onClose: () => O(!1),
+    query: de
+  }), d && /* @__PURE__ */ r.createElement("div", {
+    className: `rte-output ${(v == null ? void 0 : v.output) || ""}`,
+    style: L.output
+  }, /* @__PURE__ */ r.createElement("h4", null, "Output HTML:"), /* @__PURE__ */ r.createElement("p", null, A)), /* @__PURE__ */ r.createElement(an, {
+    visible: j.visible,
+    x: j.x,
+    y: j.y,
+    onAction: it,
     onClose: () => {
-      f(se(ce({}, B), {
+      q(ae(re({}, j), {
         visible: !1
-      })), ve();
+      })), Ce();
     }
-  }), /* @__PURE__ */ i.createElement(Gt, {
-    visible: b,
-    linkData: Ie,
-    onClose: () => V(!1),
-    onInsert: ot
-  })), u ? /* @__PURE__ */ i.createElement(Jt, {
-    className: h.preview,
-    style: M.preview,
-    html: O
+  }), /* @__PURE__ */ r.createElement(on, {
+    visible: Y,
+    linkData: X,
+    onClose: () => g(!1),
+    onInsert: st
+  })), u ? /* @__PURE__ */ r.createElement(ln, {
+    className: v.preview,
+    style: L.preview,
+    html: Ct(),
+    attributes: fe,
+    setAttributes: pe
   }) : null);
 };
 export {
-  rn as RichTextEditor,
-  Jt as RtePreview,
-  Kt as RteToolbar
+  un as RichTextEditor,
+  ln as RtePreview,
+  nn as RteToolbar
 };