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

@ryzeup/richtexteditor 1.0.26 → 1.0.28

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 (4) hide show

package/dist/index.es.js CHANGED Viewed

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