@ryzeup/richtexteditor 1.0.4 → 1.0.5

package/dist/index.es.js

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