@ryzeup/richtexteditor 1.0.0

package/dist/index.es.js

@@ -0,0 +1,1511 @@
+import Y, { useRef as $, useState as O, useEffect as le } from "react";
+var de = { exports: {} }, oe = {};
+/**
+ * @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 be;
+function ze() {
+  if (be) return oe;
+  be = 1;
+  var t = Symbol.for("react.transitional.element"), s = Symbol.for("react.fragment");
+  function u(c, h, g) {
+    var E = null;
+    if (g !== void 0 && (E = "" + g), h.key !== void 0 && (E = "" + h.key), "key" in h) {
+      g = {};
+      for (var y in h)
+        y !== "key" && (g[y] = h[y]);
+    } else g = h;
+    return h = g.ref, {
+      $$typeof: t,
+      type: c,
+      key: E,
+      ref: h !== void 0 ? h : null,
+      props: g
+    };
+  }
+  return oe.Fragment = s, oe.jsx = u, oe.jsxs = u, oe;
+}
+var ae = {};
+/**
+ * @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 ye;
+function Oe() {
+  return ye || (ye = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(n) {
+      if (n == null) return null;
+      if (typeof n == "function")
+        return n.$$typeof === S ? null : n.displayName || n.name || null;
+      if (typeof n == "string") return n;
+      switch (n) {
+        case _:
+          return "Fragment";
+        case z:
+          return "Profiler";
+        case X:
+          return "StrictMode";
+        case J:
+          return "Suspense";
+        case pe:
+          return "SuspenseList";
+        case P:
+          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 U:
+            return "Portal";
+          case A:
+            return n.displayName || "Context";
+          case m:
+            return (n._context.displayName || "Context") + ".Consumer";
+          case G:
+            var p = n.render;
+            return n = n.displayName, n || (n = p.displayName || p.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+          case se:
+            return p = n.displayName || null, p !== null ? p : t(n.type) || "Memo";
+          case ee:
+            p = n._payload, n = n._init;
+            try {
+              return t(n(p));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function s(n) {
+      return "" + n;
+    }
+    function u(n) {
+      try {
+        s(n);
+        var p = !1;
+      } catch {
+        p = !0;
+      }
+      if (p) {
+        p = console;
+        var R = p.error, j = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return R.call(
+          p,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          j
+        ), s(n);
+      }
+    }
+    function c(n) {
+      if (n === _) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === ee)
+        return "<...>";
+      try {
+        var p = t(n);
+        return p ? "<" + p + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function h() {
+      var n = Z.A;
+      return n === null ? null : n.getOwner();
+    }
+    function g() {
+      return Error("react-stack-top-frame");
+    }
+    function E(n) {
+      if (V.call(n, "key")) {
+        var p = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (p && p.isReactWarning) return !1;
+      }
+      return n.key !== void 0;
+    }
+    function y(n, p) {
+      function R() {
+        ie || (ie = !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)",
+          p
+        ));
+      }
+      R.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: R,
+        configurable: !0
+      });
+    }
+    function x() {
+      var n = t(this.type);
+      return ce[n] || (ce[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, p, R, j, Q, ne) {
+      var k = R.ref;
+      return n = {
+        $$typeof: q,
+        type: n,
+        key: p,
+        props: R,
+        _owner: j
+      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(n, "ref", {
+        enumerable: !1,
+        get: x
+      }) : 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: Q
+      }), Object.defineProperty(n, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: ne
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+    }
+    function B(n, p, R, j, Q, ne) {
+      var k = p.children;
+      if (k !== void 0)
+        if (j)
+          if (ge(k)) {
+            for (j = 0; j < k.length; j++)
+              N(k[j]);
+            Object.freeze && Object.freeze(k);
+          } 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 N(k);
+      if (V.call(p, "key")) {
+        k = t(n);
+        var F = Object.keys(p).filter(function(ve) {
+          return ve !== "key";
+        });
+        j = 0 < F.length ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}", ue[k + j] || (F = 0 < F.length ? "{" + F.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} />`,
+          j,
+          k,
+          F,
+          k
+        ), ue[k + j] = !0);
+      }
+      if (k = null, R !== void 0 && (u(R), k = "" + R), E(p) && (u(p.key), k = "" + p.key), "key" in p) {
+        R = {};
+        for (var re in p)
+          re !== "key" && (R[re] = p[re]);
+      } else R = p;
+      return k && y(
+        R,
+        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
+      ), I(
+        n,
+        k,
+        R,
+        h(),
+        Q,
+        ne
+      );
+    }
+    function N(n) {
+      H(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === ee && (n._payload.status === "fulfilled" ? H(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
+    }
+    function H(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === q;
+    }
+    var L = Y, q = Symbol.for("react.transitional.element"), U = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), X = Symbol.for("react.strict_mode"), z = Symbol.for("react.profiler"), m = Symbol.for("react.consumer"), A = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), J = Symbol.for("react.suspense"), pe = Symbol.for("react.suspense_list"), se = Symbol.for("react.memo"), ee = Symbol.for("react.lazy"), P = Symbol.for("react.activity"), S = Symbol.for("react.client.reference"), Z = L.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, ge = Array.isArray, K = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    L = {
+      react_stack_bottom_frame: function(n) {
+        return n();
+      }
+    };
+    var ie, ce = {}, te = L.react_stack_bottom_frame.bind(
+      L,
+      g
+    )(), W = K(c(g)), ue = {};
+    ae.Fragment = _, ae.jsx = function(n, p, R) {
+      var j = 1e4 > Z.recentlyCreatedOwnerStacks++;
+      return B(
+        n,
+        p,
+        R,
+        !1,
+        j ? Error("react-stack-top-frame") : te,
+        j ? K(c(n)) : W
+      );
+    }, ae.jsxs = function(n, p, R) {
+      var j = 1e4 > Z.recentlyCreatedOwnerStacks++;
+      return B(
+        n,
+        p,
+        R,
+        !0,
+        j ? Error("react-stack-top-frame") : te,
+        j ? K(c(n)) : W
+      );
+    };
+  })()), ae;
+}
+var Ee;
+function Pe() {
+  return Ee || (Ee = 1, process.env.NODE_ENV === "production" ? de.exports = ze() : de.exports = Oe()), de.exports;
+}
+var r = Pe(), ke = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+}, Re = Y.createContext && /* @__PURE__ */ Y.createContext(ke), De = ["attr", "size", "title"];
+function He(t, s) {
+  if (t == null) return {};
+  var u = Fe(t, s), c, h;
+  if (Object.getOwnPropertySymbols) {
+    var g = Object.getOwnPropertySymbols(t);
+    for (h = 0; h < g.length; h++)
+      c = g[h], !(s.indexOf(c) >= 0) && Object.prototype.propertyIsEnumerable.call(t, c) && (u[c] = t[c]);
+  }
+  return u;
+}
+function Fe(t, s) {
+  if (t == null) return {};
+  var u = {};
+  for (var c in t)
+    if (Object.prototype.hasOwnProperty.call(t, c)) {
+      if (s.indexOf(c) >= 0) continue;
+      u[c] = t[c];
+    }
+  return u;
+}
+function fe() {
+  return fe = Object.assign ? Object.assign.bind() : function(t) {
+    for (var s = 1; s < arguments.length; s++) {
+      var u = arguments[s];
+      for (var c in u)
+        Object.prototype.hasOwnProperty.call(u, c) && (t[c] = u[c]);
+    }
+    return t;
+  }, fe.apply(this, arguments);
+}
+function Ce(t, s) {
+  var u = Object.keys(t);
+  if (Object.getOwnPropertySymbols) {
+    var c = Object.getOwnPropertySymbols(t);
+    s && (c = c.filter(function(h) {
+      return Object.getOwnPropertyDescriptor(t, h).enumerable;
+    })), u.push.apply(u, c);
+  }
+  return u;
+}
+function he(t) {
+  for (var s = 1; s < arguments.length; s++) {
+    var u = arguments[s] != null ? arguments[s] : {};
+    s % 2 ? Ce(Object(u), !0).forEach(function(c) {
+      Ie(t, c, u[c]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(u)) : Ce(Object(u)).forEach(function(c) {
+      Object.defineProperty(t, c, Object.getOwnPropertyDescriptor(u, c));
+    });
+  }
+  return t;
+}
+function Ie(t, s, u) {
+  return s = Be(s), s in t ? Object.defineProperty(t, s, { value: u, enumerable: !0, configurable: !0, writable: !0 }) : t[s] = u, t;
+}
+function Be(t) {
+  var s = Ve(t, "string");
+  return typeof s == "symbol" ? s : s + "";
+}
+function Ve(t, s) {
+  if (typeof t != "object" || !t) return t;
+  var u = t[Symbol.toPrimitive];
+  if (u !== void 0) {
+    var c = u.call(t, s);
+    if (typeof c != "object") return c;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (s === "string" ? String : Number)(t);
+}
+function Le(t) {
+  return t && t.map((s, u) => /* @__PURE__ */ Y.createElement(s.tag, he({
+    key: u
+  }, s.attr), Le(s.child)));
+}
+function T(t) {
+  return (s) => /* @__PURE__ */ Y.createElement($e, fe({
+    attr: he({}, t.attr)
+  }, s), Le(t.child));
+}
+function $e(t) {
+  var s = (u) => {
+    var {
+      attr: c,
+      size: h,
+      title: g
+    } = t, E = He(t, De), y = h || u.size || "1em", x;
+    return u.className && (x = u.className), t.className && (x = (x ? x + " " : "") + t.className), /* @__PURE__ */ Y.createElement("svg", fe({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, u.attr, c, E, {
+      className: x,
+      style: he(he({
+        color: t.color || u.color
+      }, u.style), t.style),
+      height: y,
+      width: y,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), g && /* @__PURE__ */ Y.createElement("title", null, g), t.children);
+  };
+  return Re !== void 0 ? /* @__PURE__ */ Y.createElement(Re.Consumer, null, (u) => s(u)) : s(ke);
+}
+function Ye(t) {
+  return T({ 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 Ue(t) {
+  return T({ 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 We(t) {
+  return T({ 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 qe(t) {
+  return T({ 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 Xe(t) {
+  return T({ 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 Ge(t) {
+  return T({ 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 Je(t) {
+  return T({ 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 Ze(t) {
+  return T({ 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 Ke(t) {
+  return T({ 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 Qe(t) {
+  return T({ 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 et(t) {
+  return T({ 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 tt(t) {
+  return T({ 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 nt(t) {
+  return T({ 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 rt(t) {
+  return T({ 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 ot(t) {
+  return T({ 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 at = [
+  "😀",
+  "😁",
+  "😂",
+  "🤣",
+  "😃",
+  "😄",
+  "😅",
+  "😉",
+  "😊",
+  "😍",
+  "😘",
+  "😜",
+  "😎",
+  "😢",
+  "😭",
+  "😡",
+  "🤔",
+  "🙄",
+  "😇",
+  "🥰",
+  "🤩",
+  "🤗",
+  "😴",
+  "😋",
+  "😬",
+  "🤤",
+  "😶‍🌫️",
+  "😷",
+  "🤕",
+  "🤑",
+  "🤠",
+  "😈",
+  "👻",
+  "💀",
+  "🤖",
+  "🐶",
+  "🐱",
+  "🐼",
+  "🐸",
+  "🦄",
+  "🐷",
+  "🐵",
+  "🐰",
+  "🐯",
+  "🦁",
+  "🐮",
+  "🌞",
+  "🌙",
+  "⭐",
+  "🌈",
+  "🔥",
+  "💧",
+  "❄️",
+  "⚡",
+  "☀️",
+  "🌸",
+  "🌹",
+  "🍎",
+  "🍕",
+  "🍩",
+  "🍔",
+  "🍟",
+  "🍇",
+  "🍉",
+  "🍓",
+  "🍒",
+  "🥭",
+  "🥑",
+  "🎉",
+  "🎂",
+  "🎁",
+  "🎈",
+  "🎶",
+  "🎵",
+  "🏆",
+  "⚽",
+  "🏀",
+  "🏸",
+  "🏏",
+  "🕹️",
+  "👋",
+  "🤚",
+  "🖐️",
+  "✋",
+  "🖖",
+  "👍",
+  "👎",
+  "👌",
+  "🤌",
+  "🤏",
+  "✊",
+  "👊",
+  "🤛",
+  "🤜",
+  "☝️",
+  "👆",
+  "👇",
+  "👈",
+  "👉",
+  "🤟",
+  "🤘",
+  "🤙",
+  "🙌",
+  "👏",
+  "🙏",
+  "✍️",
+  "💅",
+  "🤲",
+  "👏",
+  "🫶",
+  "👐"
+], lt = ({
+  exec: t,
+  saveSelection: s,
+  handleFileChange: u,
+  handleFontSizeChange: c,
+  handleFontFamilyChange: h,
+  //   insertListBlock,
+  insertEmoji: g,
+  handleLink: E,
+  removeFormatting: y,
+  visibleActions: x,
+  className: I,
+  style: B
+}) => {
+  const N = $(null), H = $(null), L = $(null), [q, U] = O(!1);
+  le(() => {
+    const m = (A) => {
+      !A.target.closest(".rte-emoji-popup") && !A.target.closest("button[title='Emoji']") && U(!1);
+    };
+    return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
+  }, []);
+  const _ = (m) => {
+    m.preventDefault();
+    const A = m.currentTarget.dataset.command;
+    if (A)
+      switch (A) {
+        case "bold":
+        case "italic":
+        case "underline":
+        case "insertUnorderedList":
+        case "insertOrderedList":
+        case "removeFormat":
+          t(A);
+          break;
+        case "insertImage": {
+          N.current?.click();
+          break;
+        }
+        default:
+          console.warn("Unknown command:", A);
+      }
+  }, X = (m) => {
+    t("foreColor", m.target.value);
+  }, z = (m) => {
+    t("backColor", m.target.value);
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: `rte-toolbar ${I || ""}`, style: B, children: [
+    x.bold && /* @__PURE__ */ r.jsx(
+      "button",
+      {
+        "data-command": "bold",
+        title: "Bold",
+        onMouseDown: _,
+        children: /* @__PURE__ */ r.jsx(Ge, {})
+      }
+    ),
+    x.italic && /* @__PURE__ */ r.jsx(
+      "button",
+      {
+        "data-command": "italic",
+        title: "Italic",
+        onMouseDown: _,
+        children: /* @__PURE__ */ r.jsx(Ze, {})
+      }
+    ),
+    x.underline && /* @__PURE__ */ r.jsx(
+      "button",
+      {
+        "data-command": "underline",
+        title: "Underline",
+        onMouseDown: _,
+        children: /* @__PURE__ */ r.jsx(nt, {})
+      }
+    ),
+    x.unorderedList && /* @__PURE__ */ r.jsx(
+      "button",
+      {
+        "data-command": "insertUnorderedList",
+        onMouseDown: _,
+        title: "UnorderedList",
+        children: /* @__PURE__ */ r.jsx(Qe, {})
+      }
+    ),
+    x.orderedList && /* @__PURE__ */ r.jsx(
+      "button",
+      {
+        "data-command": "insertOrderedList",
+        title: "OrderedList",
+        onMouseDown: _,
+        children: /* @__PURE__ */ r.jsx(qe, {})
+      }
+    ),
+    x.link && /* @__PURE__ */ r.jsx("button", { "data-command": "createLink", title: "Link", onClick: E, children: /* @__PURE__ */ r.jsx(Ke, {}) }),
+    x.removeFormat && /* @__PURE__ */ r.jsx(
+      "button",
+      {
+        "data-command": "Remove format",
+        title: "removeFormat",
+        onMouseDown: (m) => {
+          m.preventDefault(), s(), y();
+        },
+        children: /* @__PURE__ */ r.jsx(ot, {})
+      }
+    ),
+    x.image && /* @__PURE__ */ r.jsx(
+      "button",
+      {
+        "data-command": "insertImage",
+        title: "Image",
+        onMouseDown: _,
+        children: /* @__PURE__ */ r.jsx(We, {})
+      }
+    ),
+    /* @__PURE__ */ r.jsx(
+      "input",
+      {
+        type: "file",
+        accept: "image/*",
+        ref: N,
+        style: { display: "none" },
+        onChange: u
+      }
+    ),
+    x.emoji && /* @__PURE__ */ r.jsxs("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          title: "Emoji",
+          onMouseDown: (m) => {
+            m.preventDefault(), s(), U((A) => !A);
+          },
+          children: /* @__PURE__ */ r.jsx(et, {})
+        }
+      ),
+      q && /* @__PURE__ */ r.jsx("div", { className: "rte-emoji-popup", children: at.map((m) => /* @__PURE__ */ r.jsx(
+        "span",
+        {
+          style: {
+            fontSize: "20px",
+            cursor: "pointer",
+            textAlign: "center"
+          },
+          onMouseDown: (A) => {
+            A.preventDefault(), g(m), U(!1);
+          },
+          children: m
+        },
+        m
+      )) })
+    ] }),
+    x.color && /* @__PURE__ */ r.jsxs("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          title: "Text Color",
+          onMouseDown: (m) => {
+            m.preventDefault(), s(), H.current?.click();
+          },
+          style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            color: H.current?.value || "#000",
+            fontSize: "18px"
+          },
+          children: /* @__PURE__ */ r.jsx(rt, {})
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        "input",
+        {
+          ref: H,
+          type: "color",
+          defaultValue: "#000000",
+          onChange: (m) => {
+            X(m), (m.target.parentElement?.querySelector(
+              "button"
+            )).style.color = m.target.value;
+          },
+          style: {
+            position: "absolute",
+            opacity: 0,
+            width: 0,
+            height: 0,
+            pointerEvents: "none"
+          }
+        }
+      )
+    ] }),
+    x.highlight && /* @__PURE__ */ r.jsxs("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          title: "Highlight",
+          onMouseDown: (m) => {
+            m.preventDefault(), s(), L.current?.click();
+          },
+          style: {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            color: L.current?.value || "#000",
+            fontSize: "18px"
+          },
+          children: /* @__PURE__ */ r.jsx(Je, {})
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        "input",
+        {
+          ref: L,
+          type: "color",
+          onChange: (m) => {
+            z(m), (m.target.parentElement?.querySelector(
+              "button"
+            )).style.color = m.target.value;
+          },
+          defaultValue: "#000000",
+          style: {
+            position: "absolute",
+            opacity: 0,
+            width: 0,
+            height: 0,
+            pointerEvents: "none"
+          }
+        }
+      )
+    ] }),
+    x.align && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          title: "Align Left",
+          onMouseDown: (m) => m.preventDefault(),
+          onClick: () => t("justifyLeft"),
+          children: /* @__PURE__ */ r.jsx(Xe, {})
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          title: "Align Center",
+          onMouseDown: (m) => m.preventDefault(),
+          onClick: () => t("justifyCenter"),
+          children: /* @__PURE__ */ r.jsx(Ye, {})
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          title: "Align Right",
+          onMouseDown: (m) => m.preventDefault(),
+          onClick: () => t("justifyRight"),
+          children: /* @__PURE__ */ r.jsx(Ue, {})
+        }
+      )
+    ] }),
+    x.table && /* @__PURE__ */ r.jsx(
+      "button",
+      {
+        title: "Insert Table",
+        onMouseDown: (m) => m.preventDefault(),
+        onClick: () => t("insertTable"),
+        children: /* @__PURE__ */ r.jsx(tt, {})
+      }
+    ),
+    x.fontFamily && /* @__PURE__ */ r.jsxs(
+      "select",
+      {
+        className: "rte-dropdown",
+        defaultValue: "",
+        onMouseDown: () => s(),
+        onChange: h,
+        children: [
+          /* @__PURE__ */ r.jsx("option", { value: "", disabled: !0, children: "Font Family" }),
+          /* @__PURE__ */ r.jsx("option", { value: "Arial", children: "Arial" }),
+          /* @__PURE__ */ r.jsx("option", { value: "Georgia", children: "Georgia" }),
+          /* @__PURE__ */ r.jsx("option", { value: "Times New Roman", children: "Times New Roman" }),
+          /* @__PURE__ */ r.jsx("option", { value: "Courier New", children: "Courier New" }),
+          /* @__PURE__ */ r.jsx("option", { value: "Verdana", children: "Verdana" })
+        ]
+      }
+    ),
+    x.fontSize && /* @__PURE__ */ r.jsxs(
+      "select",
+      {
+        className: "rte-dropdown",
+        defaultValue: "",
+        onMouseDown: () => s(),
+        onChange: c,
+        children: [
+          /* @__PURE__ */ r.jsx("option", { value: "", disabled: !0, children: "Font Size" }),
+          /* @__PURE__ */ r.jsx("option", { value: "2", children: "Small " }),
+          /* @__PURE__ */ r.jsx("option", { value: "3", children: "Normal" }),
+          /* @__PURE__ */ r.jsx("option", { value: "4", children: "Medium" }),
+          /* @__PURE__ */ r.jsx("option", { value: "5", children: "Large" })
+        ]
+      }
+    )
+  ] });
+}, st = ({
+  show: t,
+  position: s,
+  filtered: u,
+  insertMention: c,
+  onClose: h
+}) => {
+  const g = $(null);
+  return le(() => {
+    const E = (y) => {
+      g.current && !g.current.contains(y.target) && h();
+    };
+    return t && document.addEventListener("mousedown", E), () => {
+      document.removeEventListener("mousedown", E);
+    };
+  }, [t, h]), t ? /* @__PURE__ */ r.jsx(
+    "ul",
+    {
+      ref: g,
+      className: "rte-popup",
+      style: {
+        top: s.y,
+        left: s.x
+      },
+      children: u.length > 0 ? u.map((E) => /* @__PURE__ */ r.jsx(
+        "li",
+        {
+          onMouseDown: (y) => {
+            y.preventDefault(), c(E);
+          },
+          style: {
+            padding: "6px 12px",
+            cursor: "pointer",
+            fontSize: "14px"
+          },
+          onMouseEnter: (y) => y.currentTarget.style.background = "#f0f0f0",
+          onMouseLeave: (y) => y.currentTarget.style.background = "#fff",
+          children: E.key
+        },
+        E.value
+      )) : /* @__PURE__ */ r.jsx("li", { style: { padding: "6px 12px", color: "#999" }, children: "No matches" })
+    }
+  ) : null;
+};
+function je(t) {
+  return T({ 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 T({ 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 it = ({
+  visible: t,
+  x: s,
+  y: u,
+  onAction: c,
+  onClose: h
+}) => {
+  if (!t) return null;
+  const g = {
+    top: u,
+    left: s
+  };
+  return /* @__PURE__ */ r.jsxs("div", { style: g, className: "rte-table-menu", onMouseLeave: h, children: [
+    /* @__PURE__ */ r.jsxs("button", { onClick: () => c("insertRowAbove"), children: [
+      /* @__PURE__ */ r.jsx(me, {}),
+      " Insert row above"
+    ] }),
+    /* @__PURE__ */ r.jsxs("button", { onClick: () => c("insertRowBelow"), children: [
+      /* @__PURE__ */ r.jsx(me, {}),
+      " Insert row below"
+    ] }),
+    /* @__PURE__ */ r.jsxs("button", { onClick: () => c("insertColLeft"), children: [
+      /* @__PURE__ */ r.jsx(me, {}),
+      " Insert col left"
+    ] }),
+    /* @__PURE__ */ r.jsxs("button", { onClick: () => c("insertColRight"), children: [
+      /* @__PURE__ */ r.jsx(me, {}),
+      " Insert col right"
+    ] }),
+    /* @__PURE__ */ r.jsxs("button", { onClick: () => c("deleteRow"), children: [
+      /* @__PURE__ */ r.jsx(je, {}),
+      " Delete row"
+    ] }),
+    /* @__PURE__ */ r.jsxs("button", { onClick: () => c("deleteCol"), children: [
+      /* @__PURE__ */ r.jsx(je, {}),
+      " Delete column"
+    ] })
+  ] });
+}, ct = ({ html: t, className: s, style: u }) => {
+  const c = (h) => {
+    const g = h.target;
+    if (g.tagName === "A") {
+      h.preventDefault();
+      const E = g.href;
+      E && window.open(E, "_blank", "noopener,noreferrer");
+    }
+  };
+  return /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      className: `rte-preview ${s || ""}`,
+      style: u,
+      onClick: c,
+      dangerouslySetInnerHTML: { __html: t }
+    }
+  );
+}, ut = ({
+  visible: t,
+  linkData: s,
+  onClose: u,
+  onInsert: c
+}) => {
+  const [h, g] = O(""), [E, y] = O(""), [x, I] = O(""), [B, N] = O("_self");
+  if (le(() => {
+    t ? (g(s.url || ""), y(s.text || ""), I(s.title || ""), N(s.target || "_self")) : (g(""), y(""), I(""), N("_self"));
+  }, [t, s]), !t) return null;
+  const H = () => {
+    c({ url: h, text: E, title: x, target: B });
+  };
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx("div", { className: "rte-link-modal-overlay", onClick: u }),
+    /* @__PURE__ */ r.jsxs("div", { className: "rte-link-modal", children: [
+      /* @__PURE__ */ r.jsx("h4", { className: "rte-link-modal__title", children: h ? "Edit Link" : "Insert Link" }),
+      /* @__PURE__ */ r.jsx(
+        "input",
+        {
+          type: "text",
+          className: "rte-link-modal__input",
+          placeholder: "URL",
+          value: h,
+          onChange: (L) => g(L.target.value)
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        "input",
+        {
+          type: "text",
+          className: "rte-link-modal__input",
+          placeholder: "Text to Display",
+          value: E,
+          onChange: (L) => y(L.target.value)
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        "input",
+        {
+          type: "text",
+          className: "rte-link-modal__input",
+          placeholder: "Title",
+          value: x,
+          onChange: (L) => I(L.target.value)
+        }
+      ),
+      /* @__PURE__ */ r.jsxs(
+        "select",
+        {
+          className: "rte-link-modal__select",
+          value: B,
+          onChange: (L) => N(L.target.value),
+          children: [
+            /* @__PURE__ */ r.jsx("option", { value: "_self", children: "Same tab" }),
+            /* @__PURE__ */ r.jsx("option", { value: "_blank", children: "New tab" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ r.jsxs("div", { className: "rte-link-modal__actions", children: [
+        /* @__PURE__ */ r.jsx("button", { className: "rte-link-modal__btn", onClick: u, children: "Cancel" }),
+        /* @__PURE__ */ r.jsx(
+          "button",
+          {
+            className: "rte-link-modal__btn rte-link-modal__btn--ok",
+            onClick: H,
+            children: "OK"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}, mt = ({
+  atSuggestions: t = [],
+  showOutput: s = !1,
+  showPreview: u = !1,
+  toolbarConfig: c = {
+    link: !1,
+    image: !1,
+    emoji: !1,
+    table: !1,
+    color: !1,
+    fontFamily: !1,
+    fontSize: !1,
+    highlight: !1
+  },
+  classNames: h = {},
+  styles: g = {},
+  handleGetHtml: E = () => {
+  }
+}) => {
+  const y = $(null), [x, I] = O("<p>Always bet on Prime!</p>"), [B, N] = O(!1), [H, L] = O({ x: 0, y: 0 }), [q, U] = O([]), _ = $(null), X = $(null), [z, m] = O({ visible: !1, x: 0, y: 0 }), [A, G] = O(!1), J = $(null), [pe, se] = O({
+    url: "",
+    text: "",
+    title: "",
+    target: "_self"
+  }), ee = {
+    bold: !0,
+    italic: !0,
+    underline: !0,
+    removeFormat: !0,
+    unorderedList: !0,
+    orderedList: !0,
+    align: !0,
+    link: c.link ?? !1,
+    image: c.image ?? !1,
+    emoji: c.emoji ?? !1,
+    table: c.table ?? !1,
+    color: c.color ?? !1,
+    fontFamily: c.fontFamily ?? !1,
+    fontSize: c.fontSize ?? !1,
+    highlight: c.fontSize ?? !1
+  }, P = () => y.current, S = () => {
+    I(P()?.innerHTML ?? "");
+    const e = we();
+    E?.(e);
+  }, Z = () => {
+    const e = window.getSelection();
+    e?.rangeCount && (_.current = e.getRangeAt(0));
+  }, V = () => {
+    const e = window.getSelection();
+    e && _.current && (e.removeAllRanges(), e.addRange(_.current));
+  }, ge = (e, a) => {
+    const o = window.getSelection();
+    o && o.rangeCount > 0 && (_.current = o.getRangeAt(0)), V(), document.execCommand(e, !1, a), S();
+  };
+  le(() => {
+    const e = P();
+    e && !e.innerHTML && (e.innerHTML = x), S();
+  }, []), le(() => () => {
+    document.removeEventListener("mousemove", null), document.removeEventListener("mouseup", null);
+  }, []);
+  const K = (e) => {
+    for (; e && e.nodeName !== "LI"; )
+      e = e.parentNode;
+    return e;
+  }, ie = (e) => {
+    let a = 0, o = e.parentElement;
+    for (; o; )
+      (o.tagName === "UL" || o.tagName === "OL") && a++, o = o.parentElement;
+    return a;
+  }, ce = (e) => {
+    const a = e.querySelector("li"), o = a ? ie(a) : 1;
+    if (e.querySelector("[data-hidden-array-start]")) return;
+    const l = `{{#arrayData${o > 1 ? o : ""}}}`, v = `{{/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 f = document.createElement("span");
+    f.textContent = v, f.style.display = "none", f.setAttribute("data-hidden-array-end", "true"), e.appendChild(f);
+  }, te = (e) => {
+    const a = window.getSelection();
+    if (!a?.rangeCount) return;
+    const o = a.getRangeAt(0), l = K(o.startContainer);
+    let v, i;
+    if (l) {
+      let d = l.querySelector(e);
+      d || (d = document.createElement(e), d.style.margin = "0", d.style.paddingLeft = "20px", l.appendChild(d)), i = d, v = document.createElement("li"), v.textContent = "​", i.appendChild(v);
+    } else {
+      if (document.execCommand(
+        e === "ul" ? "insertUnorderedList" : "insertOrderedList"
+      ), i = P()?.querySelector(`${e}:last-child`), !i) return;
+      v = i.querySelector("li:last-child");
+    }
+    ce(i);
+    const f = document.createRange();
+    f.setStart(v, 0), f.collapse(!0), a.removeAllRanges(), a.addRange(f), P()?.focus(), S();
+  }, W = (e, a) => {
+    e === "insertOrderedList" ? te("ol") : e === "insertUnorderedList" ? te("ul") : ge(e, a), e === "insertTable" && ne();
+  }, ue = (e) => {
+    const a = document.createElement("span");
+    a.textContent = "​", e.insertNode(a), e.setStartAfter(a), e.collapse(!0);
+    const o = a.getBoundingClientRect();
+    a.remove(), L({ x: o.left, y: o.bottom + window.scrollY }), U(t || []), N(!0), X.current = e.cloneRange();
+  }, n = (e) => {
+    const a = X.current;
+    if (!a) return;
+    const o = window.getSelection();
+    o?.removeAllRanges(), o?.addRange(a);
+    const l = document.createElement("span");
+    l.textContent = `{{${e.key}}}`, l.style.color = "#007bff", l.style.display = "inline", l.contentEditable = "false", a.deleteContents(), a.insertNode(l);
+    const v = document.createTextNode(" ");
+    a.setStartAfter(l), a.insertNode(v);
+    const i = document.createRange();
+    i.setStartAfter(v), i.collapse(!0), o?.removeAllRanges(), o?.addRange(i), N(!1), P()?.focus(), S();
+  }, p = (e) => {
+    const a = e.key.toLowerCase();
+    if ((e.ctrlKey || e.metaKey) && ["b", "i", "u"].includes(a) && (e.preventDefault(), W(
+      a === "b" ? "bold" : a === "i" ? "italic" : a === "u" ? "underline" : ""
+    )), e.shiftKey && e.key === "2" && e.preventDefault(), e.key === "Enter") {
+      const o = window.getSelection(), l = o?.anchorNode ? K(o.anchorNode) : null;
+      if (!l) return;
+      if (l.textContent?.replace(/\u200B/g, "").trim() === "") {
+        e.preventDefault();
+        const i = l.parentElement, f = i?.closest("li");
+        if (f) {
+          i?.removeChild(l);
+          const d = document.createElement("p");
+          d.innerHTML = "<br />", f.parentElement?.insertBefore(d, f.nextSibling);
+          const b = document.createRange();
+          b.setStart(d, 0), b.collapse(!0), o?.removeAllRanges(), o?.addRange(b);
+        } else {
+          const d = l.closest("ul, ol");
+          if (d) {
+            const b = document.createElement("p");
+            b.innerHTML = "<br />", d.parentElement?.insertBefore(b, d.nextSibling), d.removeChild(l);
+            const C = document.createRange();
+            C.setStart(b, 0), C.collapse(!0), o?.removeAllRanges(), o?.addRange(C);
+          }
+        }
+        S();
+      }
+    }
+  }, R = (e) => {
+    if (e.data !== "@") return;
+    e.preventDefault();
+    const a = window.getSelection();
+    a?.rangeCount && ue(a.getRangeAt(0));
+  }, j = (e) => {
+    const a = e.target.files?.[0];
+    if (!a) return;
+    const o = new FileReader();
+    o.onload = (l) => {
+      const v = l.target?.result;
+      V();
+      const i = window.getSelection();
+      let f = i && i.rangeCount ? i.getRangeAt(0) : null;
+      const d = document.createElement("img");
+      d.src = v, d.alt = a.name || "image", d.className = "rte-inserted-image", d.contentEditable = "true";
+      const b = P();
+      if (!f || !b) {
+        b?.appendChild(d);
+        const M = document.createTextNode(" ");
+        b?.appendChild(M);
+        const D = document.createRange();
+        D.setStartAfter(M), D.collapse(!0), i?.removeAllRanges(), i?.addRange(D), b?.focus(), S(), e.target.value = "";
+        return;
+      }
+      f.deleteContents(), f.insertNode(d);
+      const C = document.createTextNode(" ");
+      d.after(C);
+      const w = document.createRange();
+      w.setStartAfter(C), w.collapse(!0), i.removeAllRanges(), i.addRange(w), b.focus(), S(), e.target.value = "";
+    }, o.readAsDataURL(a);
+  }, Q = (e) => {
+    V();
+    const a = window.getSelection();
+    if (!a?.rangeCount) return;
+    const o = a.getRangeAt(0), l = document.createTextNode(e);
+    o.insertNode(l), o.setStartAfter(l), o.collapse(!0), a.removeAllRanges(), a.addRange(o), P()?.focus(), S();
+  }, ne = () => {
+    V();
+    const e = document.createElement("table");
+    e.style.borderCollapse = "collapse", e.style.width = "100%", e.style.border = "1px solid #ccc", e.style.margin = "8px 0", e.style.position = "relative";
+    const a = document.createElement("thead"), o = document.createElement("tbody"), l = document.createElement("tr"), v = document.createElement("tr");
+    for (let d = 0; d < 2; d++) {
+      const b = document.createElement("th");
+      b.textContent = `Header ${d + 1}`, b.style.border = "1px solid #999", b.style.padding = "8px", b.style.position = "relative";
+      const C = document.createElement("td");
+      C.textContent = `Row 1 Col ${d + 1}`, C.style.border = "1px solid #999", C.style.padding = "8px", C.style.position = "relative", F(b), F(C), l.appendChild(b), v.appendChild(C);
+    }
+    a.appendChild(l), o.appendChild(v), e.appendChild(a), e.appendChild(o), Se(e), k(e);
+    const i = window.getSelection();
+    if (!i?.rangeCount) return;
+    i.getRangeAt(0).insertNode(e), S();
+  }, k = (e) => {
+    const a = document.createElement("div");
+    Object.assign(a.style, {
+      position: "absolute",
+      width: "14px",
+      height: "14px",
+      right: "0",
+      bottom: "0",
+      background: "rgba(0,0,0,0.25)",
+      cursor: "nwse-resize",
+      zIndex: "20",
+      borderRadius: "2px"
+    });
+    let o = 0, l = 0, v = 0, i = 0;
+    a.addEventListener("mousedown", (f) => {
+      f.preventDefault(), o = f.clientX, l = f.clientY;
+      const d = e.getBoundingClientRect();
+      v = d.width, i = d.height;
+      const b = (w) => {
+        const M = Math.max(100, v + (w.clientX - o)), D = Math.max(60, i + (w.clientY - l));
+        e.style.width = `${M}px`, e.style.height = `${D}px`, S();
+      }, C = () => {
+        document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", C), S();
+      };
+      document.addEventListener("mousemove", b), document.addEventListener("mouseup", C);
+    }), e.appendChild(a);
+  }, F = (e) => {
+    const a = document.createElement("div"), o = document.createElement("div");
+    Object.assign(a.style, {
+      position: "absolute",
+      right: "0",
+      top: "0",
+      width: "6px",
+      height: "100%",
+      cursor: "col-resize",
+      background: "rgba(0,0,0,0.15)",
+      zIndex: "10"
+    }), Object.assign(o.style, {
+      position: "absolute",
+      bottom: "0",
+      left: "0",
+      width: "100%",
+      height: "6px",
+      cursor: "row-resize",
+      background: "rgba(0,0,0,0.15)",
+      zIndex: "10"
+    }), re(e, a, o), e.appendChild(a), e.appendChild(o);
+  }, re = (e, a, o) => {
+    let l = 0, v = 0, i = 0, f = 0;
+    a.addEventListener("mousedown", (w) => {
+      w.preventDefault(), l = w.clientX, i = e.offsetWidth, document.addEventListener("mousemove", d), document.addEventListener("mouseup", C);
+    }), o.addEventListener("mousedown", (w) => {
+      w.preventDefault(), v = w.clientY, f = e.offsetHeight, document.addEventListener("mousemove", b), document.addEventListener("mouseup", C);
+    });
+    const d = (w) => {
+      const M = i + (w.clientX - l);
+      e.style.width = `${Math.max(30, M)}px`;
+    }, b = (w) => {
+      const M = f + (w.clientY - v);
+      e.style.height = `${Math.max(20, M)}px`;
+    }, C = () => {
+      document.removeEventListener("mousemove", d), document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", C);
+    };
+  }, ve = (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"), m({ visible: !0, x: e.clientX, y: e.clientY, cell: o }));
+  }, xe = () => {
+    document.querySelectorAll(".rte-cell-highlight").forEach((e) => e.classList.remove("rte-cell-highlight"));
+  }, _e = (e) => {
+    if (!z.cell) return;
+    const a = z.cell.closest("table"), o = z.cell.cellIndex, l = z.cell.parentElement.rowIndex, v = (i) => {
+      const f = i.tagName.toLowerCase(), d = document.createElement(f);
+      return d.textContent = i.textContent || "", d.style.cssText = i.style.cssText, F(d), d;
+    };
+    switch (e) {
+      case "insertRowAbove": {
+        const i = a.rows[l], f = a.insertRow(l);
+        Array.from(i.cells).forEach((d) => {
+          f.appendChild(v(d));
+        });
+        break;
+      }
+      case "insertRowBelow": {
+        const i = a.rows[l], f = a.insertRow(l + 1);
+        Array.from(i.cells).forEach((d) => {
+          f.appendChild(v(d));
+        });
+        break;
+      }
+      case "insertColLeft": {
+        Array.from(a.rows).forEach((i) => {
+          const f = i.cells[o];
+          i.insertBefore(v(f), f);
+        });
+        break;
+      }
+      case "insertColRight": {
+        Array.from(a.rows).forEach((i) => {
+          const f = i.cells[o];
+          i.insertBefore(v(f), f.nextSibling);
+        });
+        break;
+      }
+      case "deleteRow":
+        a.rows.length > 1 && a.deleteRow(l);
+        break;
+      case "deleteCol":
+        Array.from(a.rows).forEach((i) => {
+          i.cells[o] && i.deleteCell(o);
+        });
+        break;
+    }
+    S(), m({ ...z, visible: !1 }), xe();
+  }, Se = (e) => {
+    const a = e.querySelector("tbody");
+    if (!a || a.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"), a.insertBefore(o, a.firstChild);
+    const l = document.createElement("span");
+    l.textContent = "{{/tableData}}", l.style.display = "none", l.setAttribute("data-hidden-table-end", "true"), a.appendChild(l);
+  }, we = () => {
+    const e = P();
+    if (!e) return x;
+    const a = e.cloneNode(!0);
+    return a.querySelectorAll(".rte-cell-highlight").forEach((o) => {
+      o.classList.remove("rte-cell-highlight");
+    }), a.querySelectorAll("div").forEach((o) => {
+      (o.style.cursor === "col-resize" || o.style.cursor === "row-resize" || o.style.cursor === "nwse-resize") && o.remove();
+    }), a.innerHTML;
+  }, Te = () => {
+    Z(), J.current = _.current, se({ url: "", text: "", title: "", target: "_self" }), G(!0);
+  }, Me = (e) => {
+    const a = window.getSelection();
+    if (!a || !J.current) return;
+    a.removeAllRanges(), a.addRange(J.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 v = a.getRangeAt(0);
+    v.deleteContents(), v.insertNode(l);
+    const i = document.createTextNode(" ");
+    l.after(i);
+    const f = document.createRange();
+    f.setStartAfter(i), f.collapse(!0), a.removeAllRanges(), a.addRange(f), G(!1), S();
+  }, Ae = (e) => {
+    const a = e.target;
+    if (a.tagName === "A") {
+      const o = a;
+      if (e.ctrlKey || e.metaKey) {
+        window.open(o.href, "_blank", "noopener,noreferrer");
+        return;
+      }
+      e.preventDefault();
+      const l = document.createRange();
+      l.selectNode(o), J.current = l, se({
+        url: o.href,
+        text: o.textContent || o.href,
+        title: o.title,
+        target: o.target
+      }), G(!0);
+    }
+  }, Ne = () => {
+    const e = P();
+    if (!e) return;
+    const a = window.getSelection();
+    if ((!a || a.rangeCount === 0) && _.current) {
+      const w = window.getSelection();
+      w?.removeAllRanges(), w?.addRange(_.current);
+    }
+    const o = window.getSelection();
+    if (!o || o.rangeCount === 0) return;
+    const l = o.getRangeAt(0);
+    V(), document.execCommand("removeFormat", !1);
+    const v = l.cloneContents(), i = document.createElement("div");
+    i.appendChild(v);
+    const f = document.createTreeWalker(
+      i,
+      NodeFilter.SHOW_ELEMENT,
+      null
+    ), d = [];
+    for (; f.nextNode(); ) {
+      const w = f.currentNode, M = w.tagName.toUpperCase(), D = w.getAttribute && w.getAttribute("data-mention") !== null;
+      M !== "A" && !D && d.push(w);
+    }
+    for (let w = d.length - 1; w >= 0; w--) {
+      const M = d[w], D = M.parentNode;
+      if (D) {
+        for (; M.firstChild; ) D.insertBefore(M.firstChild, M);
+        D.removeChild(M);
+      }
+    }
+    i.querySelectorAll("[style]").forEach((w) => w.removeAttribute("style")), l.deleteContents();
+    const b = document.createDocumentFragment();
+    for (; i.firstChild; ) b.appendChild(i.firstChild);
+    l.insertNode(b);
+    const C = document.createRange();
+    C.setStartAfter(
+      l.endContainer.nodeType === Node.TEXT_NODE ? l.endContainer : l.startContainer
+    ), C.collapse(!0), o.removeAllRanges(), o.addRange(C), e.normalize(), S();
+  };
+  return /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      className: `rte-wrapper ${h?.wrapper || ""}`,
+      style: g.wrapper,
+      children: [
+        /* @__PURE__ */ r.jsxs("div", { style: { flex: 1 }, children: [
+          /* @__PURE__ */ r.jsx(
+            lt,
+            {
+              exec: W,
+              saveSelection: Z,
+              handleFileChange: j,
+              handleFontSizeChange: (e) => W("fontSize", e.target.value),
+              handleFontFamilyChange: (e) => W("fontName", e.target.value),
+              insertEmoji: Q,
+              handleLink: Te,
+              removeFormatting: Ne,
+              visibleActions: ee,
+              className: h.toolbar,
+              style: g.toolbar
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            "div",
+            {
+              ref: y,
+              className: `rte-editor ${h?.editor || ""}`,
+              style: g.editor,
+              contentEditable: !0,
+              suppressContentEditableWarning: !0,
+              onInput: S,
+              onKeyDown: p,
+              onBeforeInput: R,
+              onContextMenu: ve,
+              onClick: Ae
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            st,
+            {
+              show: B,
+              position: H,
+              filtered: q,
+              insertMention: n,
+              onClose: () => N(!1)
+            }
+          ),
+          s && /* @__PURE__ */ r.jsxs(
+            "div",
+            {
+              className: `rte-output ${h?.output || ""}`,
+              style: g.output,
+              children: [
+                /* @__PURE__ */ r.jsx("h4", { children: "Output HTML:" }),
+                /* @__PURE__ */ r.jsx("p", { children: x })
+              ]
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            it,
+            {
+              visible: z.visible,
+              x: z.x,
+              y: z.y,
+              onAction: _e,
+              onClose: () => {
+                m({ ...z, visible: !1 }), xe();
+              }
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            ut,
+            {
+              visible: A,
+              linkData: pe,
+              onClose: () => G(!1),
+              onInsert: Me
+            }
+          )
+        ] }),
+        u ? /* @__PURE__ */ r.jsx(
+          ct,
+          {
+            className: h.preview,
+            style: g.preview,
+            html: we()
+          }
+        ) : null
+      ]
+    }
+  );
+};
+export {
+  mt as RichTextEditor,
+  ct as RtePreview,
+  lt as RteToolbar
+};