react-lite-rich-text-editor 1.1.1

package/dist/index.cjs.js

@@ -0,0 +1,2016 @@
+'use strict';
+
+var React = require('react');
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
+  try {
+    var i = n[a](c),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
+  }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
+}
+function _asyncToGenerator(n) {
+  return function () {
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
+      }
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
+      }
+      _next(void 0);
+    });
+  };
+}
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
+      return {
+        s: F,
+        n: function () {
+          return n >= r.length ? {
+            done: true
+          } : {
+            done: false,
+            value: r[n++]
+          };
+        },
+        e: function (r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = true,
+    u = false;
+  return {
+    s: function () {
+      t = t.call(r);
+    },
+    n: function () {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function (r) {
+      u = true, o = r;
+    },
+    f: function () {
+      try {
+        a || null == t.return || t.return();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = true,
+      o = false;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = true, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _regenerator() {
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+  var e,
+    t,
+    r = "function" == typeof Symbol ? Symbol : {},
+    n = r.iterator || "@@iterator",
+    o = r.toStringTag || "@@toStringTag";
+  function i(r, n, o, i) {
+    var c = n && n.prototype instanceof Generator ? n : Generator,
+      u = Object.create(c.prototype);
+    return _regeneratorDefine(u, "_invoke", function (r, n, o) {
+      var i,
+        c,
+        u,
+        f = 0,
+        p = o || [],
+        y = false,
+        G = {
+          p: 0,
+          n: 0,
+          v: e,
+          a: d,
+          f: d.bind(e, 4),
+          d: function (t, r) {
+            return i = t, c = 0, u = e, G.n = r, a;
+          }
+        };
+      function d(r, n) {
+        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
+          var o,
+            i = p[t],
+            d = G.p,
+            l = i[2];
+          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
+        }
+        if (o || r > 1) return a;
+        throw y = true, n;
+      }
+      return function (o, p, l) {
+        if (f > 1) throw TypeError("Generator is already running");
+        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
+          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
+          try {
+            if (f = 2, i) {
+              if (c || (o = "next"), t = i[o]) {
+                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
+                if (!t.done) return t;
+                u = t.value, c < 2 && (c = 0);
+              } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
+              i = e;
+            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
+          } catch (t) {
+            i = e, c = 1, u = t;
+          } finally {
+            f = 1;
+          }
+        }
+        return {
+          value: t,
+          done: y
+        };
+      };
+    }(r, o, i), true), u;
+  }
+  var a = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  t = Object.getPrototypeOf;
+  var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
+      return this;
+    }), t),
+    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
+  function f(e) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
+  }
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
+    return this;
+  }), _regeneratorDefine(u, "toString", function () {
+    return "[object Generator]";
+  }), (_regenerator = function () {
+    return {
+      w: i,
+      m: f
+    };
+  })();
+}
+function _regeneratorDefine(e, r, n, t) {
+  var i = Object.defineProperty;
+  try {
+    i({}, "", {});
+  } catch (e) {
+    i = 0;
+  }
+  _regeneratorDefine = function (e, r, n, t) {
+    function o(r, n) {
+      _regeneratorDefine(e, r, function (e) {
+        return this._invoke(r, n, e);
+      });
+    }
+    r ? i ? i(e, r, {
+      value: n,
+      enumerable: !t,
+      configurable: !t,
+      writable: !t
+    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
+  }, _regeneratorDefine(e, r, n, t);
+}
+function _regeneratorValues(e) {
+  if (null != e) {
+    var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"],
+      r = 0;
+    if (t) return t.call(e);
+    if ("function" == typeof e.next) return e;
+    if (!isNaN(e.length)) return {
+      next: function () {
+        return e && r >= e.length && (e = void 0), {
+          value: e && e[r++],
+          done: !e
+        };
+      }
+    };
+  }
+  throw new TypeError(typeof e + " is not iterable");
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+var FaImage = function FaImage(_ref) {
+  var className = _ref.className,
+    size = _ref.size,
+    color = _ref.color,
+    style = _ref.style;
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: _objectSpread2({
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontSize: size || '1em',
+      color: color || 'inherit'
+    }, style),
+    dangerouslySetInnerHTML: {
+      __html: "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M464 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h416c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM112 120c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56-25.072-56-56-56zM64 384h384V272l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L208 320l-55.515-55.515c-4.686-4.686-12.284-4.686-16.971 0L64 336v48z\"></path></svg>"
+    }
+  });
+};
+var FaBold = function FaBold(_ref3) {
+  var className = _ref3.className,
+    size = _ref3.size,
+    color = _ref3.color,
+    style = _ref3.style;
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: _objectSpread2({
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontSize: size || '1em',
+      color: color || 'inherit'
+    }, style),
+    dangerouslySetInnerHTML: {
+      __html: "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 384 512\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path 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\"></path></svg>"
+    }
+  });
+};
+var FaItalic = function FaItalic(_ref4) {
+  var className = _ref4.className,
+    size = _ref4.size,
+    color = _ref4.color,
+    style = _ref4.style;
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: _objectSpread2({
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontSize: size || '1em',
+      color: color || 'inherit'
+    }, style),
+    dangerouslySetInnerHTML: {
+      __html: "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 320 512\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path 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\"></path></svg>"
+    }
+  });
+};
+var FaUnderline = function FaUnderline(_ref5) {
+  var className = _ref5.className,
+    size = _ref5.size,
+    color = _ref5.color,
+    style = _ref5.style;
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: _objectSpread2({
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontSize: size || '1em',
+      color: color || 'inherit'
+    }, style),
+    dangerouslySetInnerHTML: {
+      __html: "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 448 512\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path 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\"></path></svg>"
+    }
+  });
+};
+var FaTextHeight = function FaTextHeight(_ref6) {
+  var className = _ref6.className,
+    size = _ref6.size,
+    color = _ref6.color,
+    style = _ref6.style;
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: _objectSpread2({
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontSize: size || '1em',
+      color: color || 'inherit'
+    }, style),
+    dangerouslySetInnerHTML: {
+      __html: "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 576 512\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M304 32H16A16 16 0 0 0 0 48v96a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-32h56v304H80a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-40V112h56v32a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16zm256 336h-48V144h48c14.31 0 21.33-17.31 11.31-27.31l-80-80a16 16 0 0 0-22.62 0l-80 80C379.36 126 384.36 144 400 144h48v224h-48c-14.31 0-21.32 17.31-11.31 27.31l80 80a16 16 0 0 0 22.62 0l80-80C580.64 386 575.64 368 560 368z\"></path></svg>"
+    }
+  });
+};
+var FaAlignCenter = function FaAlignCenter(_ref7) {
+  var className = _ref7.className,
+    size = _ref7.size,
+    color = _ref7.color,
+    style = _ref7.style;
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: _objectSpread2({
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontSize: size || '1em',
+      color: color || 'inherit'
+    }, style),
+    dangerouslySetInnerHTML: {
+      __html: "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 448 512\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M432 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-16zM108.1 96h231.81A12.09 12.09 0 0 0 352 83.9V44.09A12.09 12.09 0 0 0 339.91 32H108.1A12.09 12.09 0 0 0 96 44.09V83.9A12.1 12.1 0 0 0 108.1 96zm231.81 256A12.09 12.09 0 0 0 352 339.9v-39.81A12.09 12.09 0 0 0 339.91 288H108.1A12.09 12.09 0 0 0 96 300.09v39.81a12.1 12.1 0 0 0 12.1 12.1z\"></path></svg>"
+    }
+  });
+};
+var FaAlignRight = function FaAlignRight(_ref8) {
+  var className = _ref8.className,
+    size = _ref8.size,
+    color = _ref8.color,
+    style = _ref8.style;
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: _objectSpread2({
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontSize: size || '1em',
+      color: color || 'inherit'
+    }, style),
+    dangerouslySetInnerHTML: {
+      __html: "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 448 512\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16 224h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16zm416 192H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm3.17-384H172.83A12.82 12.82 0 0 0 160 44.83v38.34A12.82 12.82 0 0 0 172.83 96h262.34A12.82 12.82 0 0 0 448 83.17V44.83A12.82 12.82 0 0 0 435.17 32zm0 256H172.83A12.82 12.82 0 0 0 160 300.83v38.34A12.82 12.82 0 0 0 172.83 352h262.34A12.82 12.82 0 0 0 448 339.17v-38.34A12.82 12.82 0 0 0 435.17 288z\"></path></svg>"
+    }
+  });
+};
+var FaAlignLeft = function FaAlignLeft(_ref0) {
+  var className = _ref0.className,
+    size = _ref0.size,
+    color = _ref0.color,
+    style = _ref0.style;
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: _objectSpread2({
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontSize: size || '1em',
+      color: color || 'inherit'
+    }, style),
+    dangerouslySetInnerHTML: {
+      __html: "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 448 512\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path 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\"></path></svg>"
+    }
+  });
+};
+var FaListOl = function FaListOl(_ref1) {
+  var className = _ref1.className,
+    size = _ref1.size,
+    color = _ref1.color,
+    style = _ref1.style;
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: _objectSpread2({
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontSize: size || '1em',
+      color: color || 'inherit'
+    }, style),
+    dangerouslySetInnerHTML: {
+      __html: "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M61.77 401l17.5-20.15a19.92 19.92 0 0 0 5.07-14.19v-3.31C84.34 356 80.5 352 73 352H16a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8h22.83a157.41 157.41 0 0 0-11 12.31l-5.61 7c-4 5.07-5.25 10.13-2.8 14.88l1.05 1.93c3 5.76 6.29 7.88 12.25 7.88h4.73c10.33 0 15.94 2.44 15.94 9.09 0 4.72-4.2 8.22-14.36 8.22a41.54 41.54 0 0 1-15.47-3.12c-6.49-3.88-11.74-3.5-15.6 3.12l-5.59 9.31c-3.72 6.13-3.19 11.72 2.63 15.94 7.71 4.69 20.38 9.44 37 9.44 34.16 0 48.5-22.75 48.5-44.12-.03-14.38-9.12-29.76-28.73-34.88zM496 224H176a16 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-160H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16V80a16 16 0 0 0-16-16zm0 320H176a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h320a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM16 160h64a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8H64V40a8 8 0 0 0-8-8H32a8 8 0 0 0-7.14 4.42l-8 16A8 8 0 0 0 24 64h8v64H16a8 8 0 0 0-8 8v16a8 8 0 0 0 8 8zm-3.91 160H80a8 8 0 0 0 8-8v-16a8 8 0 0 0-8-8H41.32c3.29-10.29 48.34-18.68 48.34-56.44 0-29.06-25-39.56-44.47-39.56-21.36 0-33.8 10-40.46 18.75-4.37 5.59-3 10.84 2.8 15.37l8.58 6.88c5.61 4.56 11 2.47 16.12-2.44a13.44 13.44 0 0 1 9.46-3.84c3.33 0 9.28 1.56 9.28 8.75C51 248.19 0 257.31 0 304.59v4C0 316 5.08 320 12.09 320z\"></path></svg>"
+    }
+  });
+};
+var FaListUl = function FaListUl(_ref10) {
+  var className = _ref10.className,
+    size = _ref10.size,
+    color = _ref10.color,
+    style = _ref10.style;
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: _objectSpread2({
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontSize: size || '1em',
+      color: color || 'inherit'
+    }, style),
+    dangerouslySetInnerHTML: {
+      __html: "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 512 512\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M48 48a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm0 160a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm0 160a48 48 0 1 0 48 48 48 48 0 0 0-48-48zm448 16H176a16 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\"></path></svg>"
+    }
+  });
+};
+var FaFont = function FaFont(_ref12) {
+  var className = _ref12.className,
+    size = _ref12.size,
+    color = _ref12.color,
+    style = _ref12.style;
+  return /*#__PURE__*/React.createElement("span", {
+    className: className,
+    style: _objectSpread2({
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      fontSize: size || '1em',
+      color: color || 'inherit'
+    }, style),
+    dangerouslySetInnerHTML: {
+      __html: "<svg stroke=\"currentColor\" fill=\"currentColor\" stroke-width=\"0\" viewBox=\"0 0 448 512\" height=\"1em\" width=\"1em\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M432 416h-23.41L277.88 53.69A32 32 0 0 0 247.58 32h-47.16a32 32 0 0 0-30.3 21.69L39.41 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16h-19.58l23.3-64h152.56l23.3 64H304a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM176.85 272L224 142.51 271.15 272z\"></path></svg>"
+    }
+  });
+};
+
+// DraftJS helper stubs
+// Since we are removing specific DraftJS dependencies for this package,
+// these serve as placeholders or basic HTML verifiers.
+
+var isValidDraftFormat = function isValidDraftFormat(content) {
+  if (_typeof(content) !== "object" || content === null) return false;
+  return !!(content.blocks && content.entityMap);
+};
+
+// A very basic fallback. Ideally, the user should pass HTML strings.
+// Dealing with full DraftJS->HTML conversion without the library is complex.
+// We assume for this package that if the legacy DraftJS format is passed,
+// the user might need to handle it or we expect HTML primarily.
+var draftBlocksToHTML = function draftBlocksToHTML(content) {
+  console.warn("draftBlocksToHTML: DraftJS object detected but full conversion is simplified in this package.");
+  // Return empty or try to extract text as a fallback
+  if (content && content.blocks) {
+    return content.blocks.map(function (b) {
+      return "<p>".concat(b.text, "</p>");
+    }).join("");
+  }
+  return "";
+};
+
+var Spinner = function Spinner() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "rte-spinner-container"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "rte-spinner"
+  }));
+};
+
+var LabelComponent = function LabelComponent(_ref) {
+  var children = _ref.children;
+  if (!children) return null;
+  return /*#__PURE__*/React.createElement("label", {
+    className: "rte-label",
+    style: {
+      marginBottom: '4px',
+      display: 'block'
+    }
+  }, children);
+};
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (typeof document === 'undefined') { return; }
+
+  var head = document.head || document.getElementsByTagName('head')[0];
+  var style = document.createElement('style');
+  style.type = 'text/css';
+
+  if (insertAt === 'top') {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var css_248z = ".rte-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.05);overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.rte-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.rte-toolbar{align-items:center;background-color:#f9fafb;border-bottom:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:4px;padding:8px}.rte-toolbar-button{align-items:center;background:transparent;border:none;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.rte-toolbar-button:hover{background-color:#f3f4f6;color:#111827}.rte-toolbar-button.active{background-color:#eff6ff;color:#2563eb}.rte-toolbar-button:disabled{cursor:not-allowed;opacity:.5}.rte-toolbar-select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;height:32px;outline:none;padding:0 8px;transition:border-color .15s ease}.rte-toolbar-select:hover{border-color:#d1d5db}.rte-toolbar-select:focus{border-color:#3b82f6}.rte-color-picker-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:background-color .15s ease;width:32px}.rte-color-picker-label:hover{background-color:#f3f4f6}.rte-color-input{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.rte-content{color:#1f2937;font-family:inherit;font-size:16px;line-height:1.6;min-height:150px;outline:none;overflow-y:auto;padding:12px;word-break:break-word}.rte-content ul{list-style-type:disc;margin-left:1.5rem}.rte-content ol{list-style-type:decimal;margin-left:1.5rem}.rte-content img{border-radius:8px;height:auto;max-width:100%}.rte-modal-overlay{align-items:center;animation:rte-fade-in .2s ease-out;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.rte-modal{animation:rte-zoom-in .2s ease-out;background-color:#fff;border:1px solid #f3f4f6;border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:16px;max-width:400px;padding:24px;width:100%}.rte-modal-title{color:#111827;font-size:18px;font-weight:600;margin-bottom:4px}.rte-form-group{display:flex;flex-direction:column;gap:6px}.rte-label{color:#4b5563;font-size:14px;font-weight:500}.rte-input{border:1px solid #d1d5db;border-radius:8px;outline:none;padding:8px 12px;transition:all .15s ease;width:100%}.rte-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.rte-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.rte-button{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .15s ease}.rte-button-secondary{background-color:#f3f4f6;color:#4b5563}.rte-button-secondary:hover{background-color:#e5e7eb}.rte-button-primary{background-color:#2563eb;box-shadow:0 1px 2px rgba(0,0,0,.05);color:#fff}.rte-button-primary:hover{background-color:#1d4ed8}.rte-button-primary:disabled{cursor:not-allowed;opacity:.5}.rte-spinner-container{align-items:center;display:flex;justify-content:center;padding:16px}.rte-spinner{animation:rte-spin .8s linear infinite;border:3px solid #eff6ff;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}@keyframes rte-spin{to{transform:rotate(1turn)}}@keyframes rte-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rte-zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-container{background:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;box-sizing:border-box;margin:15px;max-width:100%;position:relative;transition:all .2s ease}.image-container.image-align-center{display:block;height:300px;margin:24px auto;width:100%}.image-container.image-align-left,.image-container.image-align-right{display:inline-block;height:300px;width:350px}.image-container.image-align-left{float:left;margin-right:24px}.image-container.image-align-right{float:right;margin-left:24px}.image-container img{background:#fff;border-radius:12px;display:block;height:100%;margin:0 auto;object-fit:contain;width:100%}.image-delete-button{align-items:center;background:#ef4444;border:3px solid #fff;border-radius:9999px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:26px;justify-content:center;line-height:1;padding:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:all .2s cubic-bezier(.4,0,.2,1);width:26px;z-index:50}.image-delete-button:hover{background:#b91c1c;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);transform:translate(50%,-50%) scale(1.1)}.image-container:after{clear:both;content:\"\";display:table}";
+styleInject(css_248z);
+
+// Helper functions for HTML escaping
+var escapeHtml = function escapeHtml(str) {
+  if (!str) return "";
+  return String(str).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\"/g, "&quot;").replace(/'/g, "&#039;");
+};
+var escapeAttr = function escapeAttr(str) {
+  return escapeHtml(str).replace(/"/g, "&quot;");
+};
+
+// URL detection regex
+var URL_REGEX = /(https?:\/\/[^\s]+)/g;
+function RichTextEditor(_ref) {
+  var onChange = _ref.onChange,
+    showEditButton = _ref.showEditButton,
+    onBlur = _ref.onBlur,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$editable = _ref.editable,
+    defaultEditable = _ref$editable === void 0 ? false : _ref$editable,
+    value = _ref.value,
+    isLoading = _ref.isLoading,
+    _ref$isList = _ref.isList,
+    isList = _ref$isList === void 0 ? false : _ref$isList,
+    label = _ref.label,
+    _ref$showBorder = _ref.showBorder,
+    showBorder = _ref$showBorder === void 0 ? true : _ref$showBorder,
+    paddingLeft = _ref.paddingLeft,
+    minHeight = _ref.minHeight,
+    maxHeight = _ref.maxHeight,
+    onImageUpload = _ref.onImageUpload;
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement(Spinner, null);
+  }
+  var editorRef = React.useRef(null);
+  var fileInputRef = React.useRef(null);
+  var scrollTopRef = React.useRef(0);
+  var _useState = React.useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    html = _useState2[0],
+    setHtml = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    linkModalOpen = _useState4[0],
+    setLinkModalOpen = _useState4[1];
+  var _useState5 = React.useState(""),
+    _useState6 = _slicedToArray(_useState5, 2),
+    linkUrl = _useState6[0],
+    setLinkUrl = _useState6[1];
+  var _useState7 = React.useState(""),
+    _useState8 = _slicedToArray(_useState7, 2),
+    linkText = _useState8[0],
+    setLinkText = _useState8[1];
+  var selectionRangeRef = React.useRef(null);
+  var _useState9 = React.useState(defaultEditable),
+    _useState0 = _slicedToArray(_useState9, 2),
+    editable = _useState0[0],
+    setEditable = _useState0[1];
+
+  // NEW: Track current list type for dropdown
+  var _useState1 = React.useState(null),
+    _useState10 = _slicedToArray(_useState1, 2),
+    currentListType = _useState10[0],
+    setCurrentListType = _useState10[1];
+
+  // NEW: Track active styles for toolbar buttons
+  var _useState11 = React.useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    isBold = _useState12[0],
+    setIsBold = _useState12[1];
+  var _useState13 = React.useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    isItalic = _useState14[0],
+    setIsItalic = _useState14[1];
+  var _useState15 = React.useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    isUnderline = _useState16[0],
+    setIsUnderline = _useState16[1];
+
+  // NEW: Track current font size
+  var _useState17 = React.useState("16"),
+    _useState18 = _slicedToArray(_useState17, 2),
+    currentFontSize = _useState18[0],
+    setCurrentFontSize = _useState18[1];
+
+  // NEW: Track current line height
+  var _useState19 = React.useState(""),
+    _useState20 = _slicedToArray(_useState19, 2),
+    currentLineHeight = _useState20[0],
+    setCurrentLineHeight = _useState20[1];
+  var _useState21 = React.useState(null),
+    _useState22 = _slicedToArray(_useState21, 2),
+    activeAlign = _useState22[0],
+    setActiveAlign = _useState22[1];
+  var _useState23 = React.useState(false),
+    _useState24 = _slicedToArray(_useState23, 2),
+    imageModalOpen = _useState24[0],
+    setImageModalOpen = _useState24[1];
+  var _useState25 = React.useState(""),
+    _useState26 = _slicedToArray(_useState25, 2),
+    selectedImageUrl = _useState26[0],
+    setSelectedImageUrl = _useState26[1];
+  var _useState27 = React.useState(1),
+    _useState28 = _slicedToArray(_useState27, 2),
+    zoomLevel = _useState28[0],
+    setZoomLevel = _useState28[1];
+  var _useState29 = React.useState(false),
+    _useState30 = _slicedToArray(_useState29, 2),
+    isUploading = _useState30[0],
+    setIsUploading = _useState30[1];
+  var openImageModal = function openImageModal(url) {
+    if (editorRef.current) {
+      scrollTopRef.current = editorRef.current.scrollTop;
+    }
+    setSelectedImageUrl(url);
+    setImageModalOpen(true);
+  };
+  var closeImageModal = function closeImageModal() {
+    setImageModalOpen(false);
+    setSelectedImageUrl("");
+    setZoomLevel(1);
+  };
+  var handleZoomIn = function handleZoomIn() {
+    setZoomLevel(function (prevZoom) {
+      return prevZoom + 0.1;
+    });
+  };
+  var handleZoomOut = function handleZoomOut() {
+    setZoomLevel(function (prevZoom) {
+      return Math.max(0.1, prevZoom - 0.1);
+    });
+  };
+
+  // Effect to restore scroll position after modal closes
+  React.useEffect(function () {
+    if (!imageModalOpen && editorRef.current) {
+      editorRef.current.scrollTop = scrollTopRef.current;
+    }
+  }, [imageModalOpen]);
+  React.useEffect(function () {
+    if (!imageModalOpen) return;
+    var handleKeyDown = function handleKeyDown(e) {
+      if (e.key === 'Escape') {
+        closeImageModal();
+      }
+    };
+    var handleWheel = function handleWheel(e) {
+      if (e.ctrlKey) {
+        e.preventDefault();
+        if (e.deltaY < 0) {
+          handleZoomIn();
+        } else {
+          handleZoomOut();
+        }
+      }
+    };
+    document.addEventListener('keydown', handleKeyDown);
+    window.addEventListener('wheel', handleWheel, {
+      passive: false
+    });
+    return function () {
+      document.removeEventListener('keydown', handleKeyDown);
+      window.removeEventListener('wheel', handleWheel);
+    };
+  }, [imageModalOpen]);
+  React.useEffect(function () {
+    var handleClick = function handleClick(e) {
+      var deleteBtn = e.target.closest('button[title="Remove image"]');
+      if (deleteBtn && editable) {
+        e.preventDefault();
+        e.stopPropagation();
+        var wrapper = deleteBtn.closest('.image-container');
+        if (wrapper && wrapper.parentNode) {
+          wrapper.parentNode.removeChild(wrapper);
+          triggerChange();
+        }
+      }
+    };
+    var editor = editorRef.current;
+    if (editor) {
+      editor.addEventListener('click', handleClick);
+      return function () {
+        editor.removeEventListener('click', handleClick);
+      };
+    }
+  }, [editable]);
+  React.useEffect(function () {
+    if (editorRef.current && value) {
+      requestAnimationFrame(function () {
+        return processExistingImages(editorRef.current);
+      });
+    }
+  }, [value]);
+
+  // Runs whenever editable changes (toggles delete icon visibility)
+  React.useEffect(function () {
+    processExistingImages(editorRef.current);
+  }, [html, editable]);
+  React.useEffect(function () {
+    // Only update if value is a string and different from current html
+    if (value) {
+      try {
+        // Check if value is a Draft.js content state (either stringified or object)
+        if (value && isValidDraftFormat(value)) {
+          var htmlContent = draftBlocksToHTML(value);
+          setHtml(htmlContent);
+          if (editorRef.current) {
+            editorRef.current.innerHTML = htmlContent;
+          }
+        } else if (typeof value === 'string') {
+          // Unescape HTML entities before setting the content
+          var unescapedValue = unescapeHtml(value);
+          setHtml(unescapedValue);
+          if (editorRef.current) {
+            editorRef.current.innerHTML = unescapedValue || '';
+          }
+        }
+      } catch (e) {
+        console.error('Error processing editor content:', e);
+        // Fallback to raw value if parsing fails
+        var _unescapedValue = typeof value === 'string' ? unescapeHtml(value) : value;
+        setHtml(_unescapedValue);
+        if (editorRef.current) {
+          editorRef.current.innerHTML = _unescapedValue || '';
+        }
+      }
+    } else {
+      setHtml('');
+      if (editorRef.current) {
+        editorRef.current.innerHTML = '';
+      }
+    }
+  }, [!isList]);
+
+  // Call onChange whenever html state updates
+  React.useEffect(function () {
+    onChange && onChange(html);
+  }, [html, onChange]);
+  // Trigger change manually
+  var triggerChange = React.useCallback(function () {
+    var next = getCleanHtml();
+    setHtml(next);
+  }, []);
+  var handleChange = function handleChange() {
+    if (!editorRef.current) return;
+
+    // Clone editor content
+    var tempDiv = document.createElement('div');
+    tempDiv.innerHTML = editorRef.current.innerHTML;
+
+    // Remove delete buttons from the clone
+    tempDiv.querySelectorAll('button[title="Remove image"]').forEach(function (btn) {
+      return btn.remove();
+    });
+
+    // Send cleaned HTML to onBlur
+    onBlur && onBlur(tempDiv.innerHTML);
+  };
+
+  // Detect if selection is inside a list (ol or ul)
+  var detectListType = function detectListType() {
+    var sel = window.getSelection();
+    if (!sel || !sel.rangeCount) {
+      setCurrentListType(null);
+      return;
+    }
+    var node = sel.anchorNode;
+    while (node && node !== editorRef.current) {
+      if (node.nodeName === "OL") {
+        setCurrentListType("ordered");
+        return;
+      }
+      if (node.nodeName === "UL") {
+        setCurrentListType("unordered");
+        return;
+      }
+      node = node.parentNode;
+    }
+    setCurrentListType(null);
+  };
+
+  // Helper to walk up DOM to find style tags or CSS style:
+  var isParentStyle = function isParentStyle(node) {
+    for (var _len = arguments.length, tagNames = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      tagNames[_key - 1] = arguments[_key];
+    }
+    while (node && node !== editorRef.current) {
+      if (node.nodeType === 1 && tagNames.includes(node.tagName)) return true;
+
+      // Also check inline style for bold and italic:
+      if (node.nodeType === 1 && node.style) {
+        var style = node.style;
+        if (tagNames.includes("bold") && (style.fontWeight === "bold" || Number(style.fontWeight) >= 600)) return true;
+        if (tagNames.includes("italic") && style.fontStyle === "italic") return true;
+        if (tagNames.includes("underline") && style.textDecoration.includes("underline")) return true;
+        if (node.style && node.style.color) {
+          return node.style.color;
+        }
+
+        // 2️⃣ Check for <font color=""> (older HTML)
+        if (node.tagName === "FONT" && node.getAttribute("color")) {
+          return node.getAttribute("color");
+        }
+      }
+      node = node.parentNode;
+    }
+    return false;
+  };
+
+  // Update style states based on selection or cursor position
+  var updateStyleStates = function updateStyleStates() {
+    var sel = window.getSelection();
+    if (!sel || !sel.rangeCount) {
+      setIsBold(false);
+      setIsItalic(false);
+      setIsUnderline(false);
+      setFontColor("#000000"); // default
+      return;
+    }
+    var container = sel.anchorNode.nodeType === 3 ? sel.anchorNode.parentNode : sel.anchorNode;
+    var computedAlign = window.getComputedStyle(container).textAlign;
+    setActiveAlign(computedAlign);
+    var range = sel.getRangeAt(0);
+    if (range.collapsed) {
+      // Cursor only, check parent nodes
+      var _container = sel.anchorNode.nodeType === 3 ? sel.anchorNode.parentNode : sel.anchorNode;
+      window.getComputedStyle(_container);
+      setIsBold(isParentStyle(_container, "B", "STRONG", "bold"));
+      setIsItalic(isParentStyle(_container, "I", "EM", "italic"));
+      setIsUnderline(isParentStyle(_container, "U", "underline"));
+
+      // ✅ Get computed color from container
+      var computedColor = window.getComputedStyle(_container).color;
+      setFontColor(rgbToHex(computedColor));
+    } else {
+      // Text selected, use execCommand state
+      setIsBold(document.queryCommandState("bold"));
+      setIsItalic(document.queryCommandState("italic"));
+      setIsUnderline(document.queryCommandState("underline"));
+
+      // ✅ For selection, get color from selection's start container
+      var _container2 = sel.anchorNode.nodeType === 3 ? sel.anchorNode.parentNode : sel.anchorNode;
+      var _computedColor = window.getComputedStyle(_container2).color;
+      setFontColor(rgbToHex(_computedColor));
+    }
+  };
+
+  // Helper to convert rgb() to hex
+  function rgbToHex(rgb) {
+    var result = rgb.match(/\d+/g);
+    if (!result) return "#000000";
+    return "#" + result.slice(0, 3).map(function (x) {
+      var hex = parseInt(x, 10).toString(16);
+      return hex.length === 1 ? "0" + hex : hex;
+    }).join("");
+  }
+
+  // Listen for selection changes globally to update styles and list type
+  React.useEffect(function () {
+    document.addEventListener("selectionchange", detectListType);
+    document.addEventListener("selectionchange", updateStyleStates);
+    var handleSelectionChange = function handleSelectionChange() {
+      var selection = window.getSelection();
+      if (!selection.rangeCount) return;
+      var range = selection.getRangeAt(0);
+      var element = range.startContainer.parentElement.closest('[style*="font-size"]');
+      if (element) {
+        var fontSize = window.getComputedStyle(element).fontSize;
+        var sizeValue = fontSize ? parseInt(fontSize) : 16;
+        setCurrentFontSize(sizeValue.toString());
+      } else {
+        setCurrentFontSize("16"); // Default size
+      }
+    };
+    document.addEventListener('selectionchange', handleSelectionChange);
+    return function () {
+      document.removeEventListener("selectionchange", detectListType);
+      document.removeEventListener("selectionchange", updateStyleStates);
+      document.removeEventListener('selectionchange', handleSelectionChange);
+    };
+  }, []);
+  var focus = function focus() {
+    return editorRef.current && editorRef.current.focus();
+  };
+  var exec = function exec(command) {
+    var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+    document.execCommand(command, false, value);
+    triggerChange();
+    focus();
+  };
+  var _useState31 = React.useState("#000000"),
+    _useState32 = _slicedToArray(_useState31, 2),
+    fontColor = _useState32[0],
+    setFontColor = _useState32[1];
+  var handleColorChange = function handleColorChange(color) {
+    setFontColor(color);
+    exec("foreColor", color);
+  };
+  var addLink = function addLink() {
+    var sel = window.getSelection();
+    if (!sel || sel.rangeCount === 0) return;
+    selectionRangeRef.current = sel.getRangeAt(0).cloneRange();
+    var selectedText = sel.toString();
+    if (selectedText.length > 0) {
+      setLinkText(selectedText);
+      setLinkUrl("");
+      setLinkModalOpen(true);
+    } else {
+      setLinkText("");
+      setLinkUrl("");
+      setLinkModalOpen(true);
+    }
+  };
+  var processExistingImages = function processExistingImages(container) {
+    if (!container) return;
+    container.querySelectorAll("img").forEach(function (img) {
+      // REMOVE the old wrapper if it exists so we can re-add
+      var oldWrapper = img.closest(".image-container");
+      if (oldWrapper) {
+        oldWrapper.replaceWith(img); // unwrap
+      }
+      var wrapper = document.createElement("div");
+      var align = img.getAttribute('data-align') || 'center';
+      wrapper.className = "image-container image-align-".concat(align);
+      wrapper.style.cursor = editable ? 'pointer' : 'default';
+      img.className = "rte-image";
+      img.style.cssText = ""; // Reset inline styles
+      img.setAttribute('data-align', align);
+      img.dataset.hasDeleteButton = "true";
+
+      // Add click listener to open modal
+      img.addEventListener("click", function () {
+        return openImageModal(img.src);
+      });
+      var deleteBtn = document.createElement("button");
+      deleteBtn.innerHTML = "×";
+      deleteBtn.className = "image-delete-button";
+      deleteBtn.style.display = editable ? 'flex' : 'none';
+      deleteBtn.style.pointerEvents = editable ? 'auto' : 'none';
+      deleteBtn.title = "Remove image";
+      deleteBtn.onclick = function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        var wrapper = e.currentTarget.closest(".image-container");
+        if (wrapper && wrapper.parentNode) {
+          wrapper.parentNode.removeChild(wrapper);
+          triggerChange && triggerChange();
+        }
+      };
+      var parentNode = img.parentNode,
+        nextSibling = img.nextSibling;
+      if (parentNode) {
+        parentNode.removeChild(img);
+        wrapper.appendChild(img);
+        wrapper.appendChild(deleteBtn);
+        if (nextSibling) {
+          parentNode.insertBefore(wrapper, nextSibling);
+        } else {
+          parentNode.appendChild(wrapper);
+        }
+      }
+    });
+  };
+  React.useEffect(function () {
+    if (editorRef.current && value) {
+      requestAnimationFrame(function () {
+        return processExistingImages(editorRef.current);
+      });
+    }
+  }, [value]);
+  var insertImage = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(dataUrl, fileName) {
+      var container, img;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            try {
+              if (editable) {
+                // Create container for the image
+                container = document.createElement('div');
+                container.className = 'image-container';
+
+                // Create image element
+                img = document.createElement('img');
+                img.src = dataUrl;
+                img.alt = fileName || "image";
+                img.addEventListener("click", function () {
+                  return openImageModal(dataUrl);
+                });
+
+                // Add elements to container
+                container.appendChild(img);
+
+                // Insert at cursor position
+                insertNodeAtCursor(container);
+                triggerChange();
+
+                // Immediately process newly inserted image so delete button appears
+                requestAnimationFrame(function () {
+                  processExistingImages(editorRef.current);
+                });
+              }
+            } catch (err) {
+              console.error('Error inserting image:', err);
+            }
+          case 1:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+    return function insertImage(_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var readFileAsDataURL = function readFileAsDataURL(file) {
+    return new Promise(function (res, rej) {
+      var reader = new FileReader();
+      reader.onload = function (ev) {
+        return res(ev.target.result);
+      };
+      reader.onerror = rej;
+      reader.readAsDataURL(file);
+    });
+  };
+  var handlePaste = React.useCallback(function (e) {
+    var clipboardData = e.clipboardData || window.clipboardData;
+    if (!clipboardData) return;
+
+    // Check for image in clipboard
+    var items = clipboardData.items || [];
+    var _loop = function _loop() {
+        var item = items[i];
+        if (item.kind === 'file' && item.type.indexOf('image/') !== -1) {
+          e.preventDefault();
+          var file = item.getAsFile();
+          if (file) {
+            setIsUploading(true);
+            var uploadPromise = onImageUpload ? onImageUpload(file) : readFileAsDataURL(file);
+            uploadPromise.then(function (url) {
+              if (url) {
+                // if the user's onImageUpload resolves to `{ mediaUrl: '...' }` like the previous MediaUpload, handle it
+                var finalUrl = _typeof(url) === 'object' && url !== null && url.mediaUrl ? url.mediaUrl : url;
+                insertImage(finalUrl, file.name || 'pasted-image');
+              }
+              setIsUploading(false);
+            })["catch"](function (error) {
+              console.error('Error uploading pasted image:', error);
+              setIsUploading(false);
+            });
+          }
+          return {
+            v: void 0
+          };
+        }
+      },
+      _ret;
+    for (var i = 0; i < items.length; i++) {
+      _ret = _loop();
+      if (_ret) return _ret.v;
+    }
+    var htmlData = clipboardData.getData('text/html');
+    if (htmlData && htmlData.trim()) {
+      e.preventDefault();
+      var tempDiv = document.createElement('div');
+      tempDiv.innerHTML = htmlData;
+      tempDiv.querySelectorAll('script, meta, link').forEach(function (el) {
+        return el.remove();
+      });
+      document.execCommand('styleWithCSS', false, true);
+      document.execCommand('insertHTML', false, tempDiv.innerHTML);
+      document.execCommand('styleWithCSS', false, false);
+      triggerChange();
+      focus();
+      return;
+    }
+    var plainText = clipboardData.getData('text/plain');
+    if (plainText) {
+      e.preventDefault();
+      var htmlToInsert = escapeHtml(plainText);
+      htmlToInsert = htmlToInsert.replace(URL_REGEX, function (url) {
+        var safeUrl = escapeAttr(url.trim());
+        return "<a href=\"".concat(safeUrl, "\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: blue; text-decoration: underline;\">").concat(escapeHtml(url), "</a>");
+      });
+      htmlToInsert = htmlToInsert.replace(/\n/g, '<br>');
+      document.execCommand('insertHTML', false, htmlToInsert);
+      triggerChange();
+      focus();
+    }
+  }, [insertImage, triggerChange]);
+  var handleDrop = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2(e) {
+      var files, imageFiles, _iterator, _step, _loop2, _t;
+      return _regenerator().w(function (_context3) {
+        while (1) switch (_context3.p = _context3.n) {
+          case 0:
+            if (editable) {
+              _context3.n = 1;
+              break;
+            }
+            return _context3.a(2);
+          case 1:
+            e.preventDefault();
+            e.stopPropagation();
+            files = e.dataTransfer.files;
+            if (!(!files || files.length === 0)) {
+              _context3.n = 2;
+              break;
+            }
+            return _context3.a(2);
+          case 2:
+            imageFiles = Array.from(files).filter(function (file) {
+              return file.type.startsWith("image/");
+            });
+            _iterator = _createForOfIteratorHelper(imageFiles);
+            _context3.p = 3;
+            _loop2 = /*#__PURE__*/_regenerator().m(function _loop2() {
+              var file, uploadPromise;
+              return _regenerator().w(function (_context2) {
+                while (1) switch (_context2.n) {
+                  case 0:
+                    file = _step.value;
+                    try {
+                      setIsUploading(true);
+                      uploadPromise = onImageUpload ? onImageUpload(file) : readFileAsDataURL(file);
+                      uploadPromise.then(function (url) {
+                        if (url) {
+                          var finalUrl = _typeof(url) === 'object' && url !== null && url.mediaUrl ? url.mediaUrl : url;
+                          insertImage(finalUrl, file.name);
+                        }
+                        setIsUploading(false);
+                      })["catch"](function (error) {
+                        console.error('Error processing image:', error);
+                        setIsUploading(false);
+                      });
+                    } catch (error) {
+                      console.error('Error processing image:', error);
+                      setIsUploading(false);
+                    }
+                  case 1:
+                    return _context2.a(2);
+                }
+              }, _loop2);
+            });
+            _iterator.s();
+          case 4:
+            if ((_step = _iterator.n()).done) {
+              _context3.n = 6;
+              break;
+            }
+            return _context3.d(_regeneratorValues(_loop2()), 5);
+          case 5:
+            _context3.n = 4;
+            break;
+          case 6:
+            _context3.n = 8;
+            break;
+          case 7:
+            _context3.p = 7;
+            _t = _context3.v;
+            _iterator.e(_t);
+          case 8:
+            _context3.p = 8;
+            _iterator.f();
+            return _context3.f(8);
+          case 9:
+            return _context3.a(2);
+        }
+      }, _callee2, null, [[3, 7, 8, 9]]);
+    }));
+    return function handleDrop(_x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var insertNodeAtCursor = function insertNodeAtCursor(node) {
+    try {
+      var sel = window.getSelection();
+      var range;
+      if (!sel || sel.rangeCount === 0 || !editorRef.current.contains(sel.anchorNode)) {
+        editorRef.current.focus();
+
+        // Move cursor to end if not already in editor
+        range = document.createRange();
+        range.selectNodeContents(editorRef.current);
+        range.collapse(false);
+        sel.removeAllRanges();
+        sel.addRange(range);
+      } else {
+        range = sel.getRangeAt(0);
+      }
+      range.deleteContents();
+      range.insertNode(node);
+      var space = document.createTextNode("\xA0");
+      if (node.parentNode) {
+        node.parentNode.insertBefore(space, node.nextSibling);
+      }
+      range.setStartAfter(space);
+      range.collapse(true);
+      sel.removeAllRanges();
+      sel.addRange(range);
+    } catch (error) {
+      console.error("Insertion error:", error);
+      if (editorRef.current) {
+        editorRef.current.appendChild(node);
+      }
+    }
+  };
+  var getCleanHtml = function getCleanHtml() {
+    if (!editorRef.current) return "";
+    return editorRef.current.innerHTML;
+  };
+
+  // Helper function to unescape HTML entities
+  var unescapeHtml = function unescapeHtml(html) {
+    if (!html) return '';
+    var txt = document.createElement("textarea");
+    txt.innerHTML = html;
+    return txt.value;
+  };
+  var handleKeyDown = React.useCallback(function (e) {
+    // Handle Enter key
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      var selection = window.getSelection();
+      if (!selection.rangeCount) return;
+      var range = selection.getRangeAt(0);
+      var node = range.startContainer;
+      var parent = node.nodeType === 3 ? node.parentNode : node;
+
+      // Check if we're in a list item
+      var listItem = parent.closest('li');
+      if (listItem) {
+        var list = listItem.parentNode;
+        list.tagName === 'OL';
+
+        // Create a new list item
+        var newItem = document.createElement('li');
+
+        // If we're at the end of a list item, add a new one
+        if (range.collapsed && range.endOffset === node.length) {
+          // If it's empty, create a regular paragraph instead
+          if (listItem.textContent.trim() === '') {
+            document.execCommand('insertHTML', false, '<div><br></div>');
+            // Move the cursor to the new line
+            var _newRange = document.createRange();
+            var newDiv = editorRef.current.lastElementChild;
+            _newRange.setStart(newDiv, 0);
+            _newRange.collapse(true);
+            selection.removeAllRanges();
+            selection.addRange(_newRange);
+            return;
+          }
+
+          // Insert new list item
+          if (listItem.nextSibling) {
+            list.insertBefore(newItem, listItem.nextSibling);
+          } else {
+            list.appendChild(newItem);
+          }
+
+          // Move cursor to the new list item
+          var newRange = document.createRange();
+          newRange.setStart(newItem, 0);
+          newRange.collapse(true);
+          selection.removeAllRanges();
+          selection.addRange(newRange);
+        } else {
+          // If we're in the middle of text, split the list item
+          var textBefore = node.textContent.substring(0, range.startOffset);
+          var textAfter = node.textContent.substring(range.startOffset);
+
+          // Update current item
+          node.textContent = textBefore;
+
+          // Insert new item after current one
+          newItem.textContent = textAfter;
+          if (listItem.nextSibling) {
+            list.insertBefore(newItem, listItem.nextSibling);
+          } else {
+            list.appendChild(newItem);
+          }
+
+          // Move cursor to the new list item
+          var _newRange2 = document.createRange();
+          _newRange2.setStart(newItem.firstChild || newItem, 0);
+          _newRange2.collapse(true);
+          selection.removeAllRanges();
+          selection.addRange(_newRange2);
+        }
+      } else {
+        // Regular text, insert a new paragraph
+        document.execCommand('insertHTML', false, '<div><br></div>');
+      }
+      triggerChange();
+      return;
+    }
+
+    // Handle Ctrl/Cmd + B/I/U for bold/italic/underline
+    if ((e.ctrlKey || e.metaKey) && e.key === "b") {
+      e.preventDefault();
+      exec("bold");
+    } else if ((e.ctrlKey || e.metaKey) && e.key === "i") {
+      e.preventDefault();
+      exec("italic");
+    } else if ((e.ctrlKey || e.metaKey) && e.key === "u") {
+      e.preventDefault();
+      exec("underline");
+    }
+  }, [exec, triggerChange]);
+  var confirmLink = function confirmLink() {
+    // Add protocol if missing
+    var url = linkUrl.trim();
+    if (url && !/^(https?:\/\/|mailto:|tel:)/i.test(url)) {
+      url = "https://".concat(url);
+    }
+    var safeUrl = escapeAttr(url);
+    var safeText = escapeHtml(linkText || linkUrl);
+    var sel = window.getSelection();
+    sel.removeAllRanges();
+    if (selectionRangeRef.current) {
+      sel.addRange(selectionRangeRef.current);
+    }
+    var linkHtml = "<a href=\"".concat(safeUrl, "\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: blue;\">").concat(safeText, "</a>");
+    document.execCommand("insertHTML", false, linkHtml);
+    setLinkModalOpen(false);
+    triggerChange();
+    focus();
+    selectionRangeRef.current = null;
+  };
+  var cancelLink = function cancelLink() {
+    setLinkModalOpen(false);
+    selectionRangeRef.current = null;
+  };
+  var handleSelect = function handleSelect(type) {
+    exec(type === "unordered" ? "insertUnorderedList" : "insertOrderedList");
+  };
+  var onLineHeightChange = function onLineHeightChange(value) {
+    if (!value) return;
+    var sel = window.getSelection();
+    if (!sel || !sel.rangeCount) return;
+    var range = sel.getRangeAt(0);
+    var editor = editorRef.current;
+    if (!editor) return;
+    var walker = document.createTreeWalker(editor, NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT, {
+      acceptNode: function acceptNode(node) {
+        return range.intersectsNode(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+      }
+    }, false);
+    var node;
+    var blocksToStyle = new Set();
+    var blockTags = ['P', 'DIV', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6', 'LI', 'BLOCKQUOTE'];
+    var tempRange = range.cloneRange();
+    while (node = walker.nextNode()) {
+      if (node.nodeType === 1 && blockTags.includes(node.tagName)) {
+        blocksToStyle.add(node);
+      } else if (node.nodeType === 3) {
+        var parent = node.parentNode;
+        while (parent && parent !== editor && !blockTags.includes(parent.tagName)) {
+          parent = parent.parentNode;
+        }
+        if (parent && parent !== editor && blockTags.includes(parent.tagName)) {
+          blocksToStyle.add(parent);
+        }
+      }
+    }
+    if (blocksToStyle.size > 0) {
+      blocksToStyle.forEach(function (block) {
+        block.style.lineHeight = value;
+      });
+    } else {
+      var common = range.commonAncestorContainer;
+      if (common.nodeType === 3) common = common.parentNode;
+      while (common && common !== editor && !blockTags.includes(common.tagName)) {
+        common = common.parentNode;
+      }
+      if (common && common !== editor) {
+        common.style.lineHeight = value;
+      } else if (editor) {
+        document.execCommand('formatBlock', false, 'div');
+        var newCommon = window.getSelection().getRangeAt(0).commonAncestorContainer;
+        if (newCommon.nodeType === 3) newCommon = newCommon.parentNode;
+        if (newCommon && newCommon !== editor) {
+          newCommon.style.lineHeight = value;
+        }
+      }
+    }
+    try {
+      sel.removeAllRanges();
+      sel.addRange(tempRange);
+    } catch (e) {}
+    setCurrentLineHeight(value);
+    triggerChange();
+    focus();
+  };
+  var applyFontSize = function applyFontSize(size) {
+    var sel = window.getSelection();
+    if (!sel || !sel.rangeCount) return;
+    var range = sel.getRangeAt(0);
+    var sizePx = "".concat(size, "px");
+
+    // Collapsed selection (cursor only): insert a styled zero-width span
+    if (range.collapsed) {
+      var span = document.createElement("span");
+      span.style.fontSize = sizePx;
+      span.appendChild(document.createTextNode("\u200B"));
+      range.insertNode(span);
+      var newRange = document.createRange();
+      newRange.setStart(span.firstChild, 1);
+      newRange.collapse(true);
+      sel.removeAllRanges();
+      sel.addRange(newRange);
+      triggerChange();
+      focus();
+      return;
+    }
+
+    // Extended selection (highlighted text)
+    try {
+      var editor = editorRef.current;
+      if (!editor) return;
+
+      // We will iterate through all the text nodes in the selection
+      var walker = document.createTreeWalker(editor, NodeFilter.SHOW_TEXT, {
+        acceptNode: function acceptNode(node) {
+          return range.intersectsNode(node) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT;
+        }
+      }, false);
+      var node;
+      var nodesToStyle = [];
+      while (node = walker.nextNode()) {
+        nodesToStyle.push(node);
+      }
+      var savedRange = range.cloneRange();
+      var lastInsertedNode = null;
+
+      // Iterate through the selected text nodes and wrap them in spans
+      for (var _i = 0, _nodesToStyle = nodesToStyle; _i < _nodesToStyle.length; _i++) {
+        var textNode = _nodesToStyle[_i];
+        var parent = textNode.parentNode;
+
+        // This is important: check if the parent is a block-level element
+        // like a list item or paragraph. If so, we want to style the block
+        // itself to avoid breaking its structure.
+        var isBlockLevel = ['P', 'H1', 'H2', 'H3', 'H4', 'H5', 'H6', 'LI', 'BLOCKQUOTE'].includes(parent.tagName);
+        if (isBlockLevel) {
+          parent.style.fontSize = sizePx;
+        } else {
+          // For inline text, wrap the selected portion in a new span
+          var startOffset = textNode === savedRange.startContainer ? savedRange.startOffset : 0;
+          var endOffset = textNode === savedRange.endContainer ? savedRange.endOffset : textNode.length;
+          var newSpan = document.createElement("span");
+          newSpan.style.fontSize = sizePx;
+          newSpan.textContent = textNode.textContent.substring(startOffset, endOffset);
+          var tempRange = document.createRange();
+          tempRange.setStart(textNode, startOffset);
+          tempRange.setEnd(textNode, endOffset);
+          tempRange.deleteContents();
+          tempRange.insertNode(newSpan);
+          lastInsertedNode = newSpan;
+        }
+      }
+
+      // After styling, we need to correctly position the cursor
+      if (lastInsertedNode) {
+        var _newRange3 = document.createRange();
+        _newRange3.setStartAfter(lastInsertedNode);
+        _newRange3.collapse(true);
+        sel.removeAllRanges();
+        sel.addRange(_newRange3);
+      } else {
+        // If no nodes were wrapped (e.g., we styled a block), restore the original selection
+        sel.removeAllRanges();
+        sel.addRange(savedRange);
+      }
+    } catch (err) {
+      console.error("Error applying font size:", err);
+    }
+    triggerChange();
+    focus();
+  };
+  var handleInput = React.useCallback(function () {
+    if (onChange && editorRef.current) {
+      var _html = editorRef.current.innerHTML;
+      setHtml(_html);
+      onChange(_html);
+    }
+  }, [onChange]);
+  var handleImageUpload = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(e) {
+      var file, uploadPromise;
+      return _regenerator().w(function (_context4) {
+        while (1) switch (_context4.n) {
+          case 0:
+            file = e.target.files[0];
+            if (file) {
+              _context4.n = 1;
+              break;
+            }
+            return _context4.a(2);
+          case 1:
+            try {
+              setIsUploading(true);
+              uploadPromise = onImageUpload ? onImageUpload(file) : readFileAsDataURL(file);
+              uploadPromise.then(function (url) {
+                if (url) {
+                  var finalUrl = _typeof(url) === 'object' && url !== null && url.mediaUrl ? url.mediaUrl : url;
+                  insertImage(finalUrl, file.name);
+                }
+                setIsUploading(false);
+                e.target.value = null;
+              })["catch"](function (error) {
+                console.error('Error uploading image:', error);
+                setIsUploading(false);
+              });
+            } catch (error) {
+              console.error('Error uploading image:', error);
+              setIsUploading(false);
+            }
+          case 2:
+            return _context4.a(2);
+        }
+      }, _callee3);
+    }));
+    return function handleImageUpload(_x4) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  React.useEffect(function () {
+    // If disabled is explicitly false, make sure the editor is not editable
+    if (disabled === true) {
+      setEditable(false);
+    }
+  }, [disabled]);
+  var handleEditorClick = React.useCallback(function (e) {
+    // Check if the click is on a link
+    var clickedLink = e.target.closest('a');
+    if (clickedLink) {
+      e.preventDefault();
+      e.stopPropagation();
+      window.open(clickedLink.href, '_blank');
+      return;
+    }
+
+    // If disabled is true, prevent editing
+    if (disabled === true) {
+      e.preventDefault();
+      return;
+    }
+
+    // Only allow setting editable to true if not disabled
+    if (!editable && disabled !== true) {
+      setEditable(true);
+      setTimeout(function () {
+        if (editorRef.current) {
+          editorRef.current.focus();
+        }
+      }, 0);
+    }
+  }, [editable, disabled]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "rte-main-wrapper",
+    style: {
+      width: '100%'
+    }
+  }, label && /*#__PURE__*/React.createElement(LabelComponent, null, label), /*#__PURE__*/React.createElement("div", {
+    className: !showBorder ? "" : "rte-container",
+    onClick: handleEditorClick,
+    onDrop: handleDrop,
+    onDragOver: function onDragOver(e) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "rte-toolbar"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    title: "Bold",
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      document.execCommand("bold");
+      triggerChange();
+      focus();
+    },
+    className: "rte-toolbar-button ".concat(isBold ? "active" : "")
+  }, /*#__PURE__*/React.createElement(FaBold, {
+    size: 14
+  })), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    title: "Italic",
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      document.execCommand("italic");
+      triggerChange();
+      focus();
+    },
+    className: "rte-toolbar-button ".concat(isItalic ? "active" : "")
+  }, /*#__PURE__*/React.createElement(FaItalic, {
+    size: 14
+  })), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    title: "Underline",
+    onClick: function onClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      document.execCommand("underline");
+      triggerChange();
+      focus();
+    },
+    className: "rte-toolbar-button ".concat(isUnderline ? "active" : "")
+  }, /*#__PURE__*/React.createElement(FaUnderline, {
+    size: 14
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '1px',
+      height: '20px',
+      backgroundColor: '#e5e7eb',
+      margin: '0 4px'
+    }
+  }), /*#__PURE__*/React.createElement("select", {
+    value: currentFontSize,
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    },
+    onChange: function onChange(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      var size = e.target.value;
+      if (!size) return;
+      applyFontSize(size);
+      setCurrentFontSize(size);
+      focus();
+    },
+    className: "rte-toolbar-select",
+    style: {
+      width: '70px'
+    }
+  }, [8, 10, 12, 14, 16, 18, 20, 24, 28, 32, 36, 40, 48].map(function (s) {
+    return /*#__PURE__*/React.createElement("option", {
+      key: s,
+      value: s
+    }, s, "px");
+  })), /*#__PURE__*/React.createElement("label", {
+    title: "Font Color",
+    className: "rte-color-picker-label"
+  }, /*#__PURE__*/React.createElement(FaFont, {
+    size: 14,
+    style: {
+      color: fontColor
+    }
+  }), /*#__PURE__*/React.createElement("input", {
+    type: "color",
+    value: fontColor,
+    onMouseDown: function onMouseDown(e) {
+      e.preventDefault();
+      e.stopPropagation();
+    },
+    onChange: function onChange(e) {
+      e.stopPropagation();
+      handleColorChange(e.target.value);
+    },
+    className: "rte-color-input"
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '1px',
+      height: '20px',
+      backgroundColor: '#e5e7eb',
+      margin: '0 4px'
+    }
+  }), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    title: "Align Left",
+    className: "rte-toolbar-button ".concat(activeAlign === "left" ? "active" : ""),
+    onMouseDown: function onMouseDown(e) {
+      e.preventDefault();
+      exec("justifyLeft");
+      setActiveAlign("left");
+    }
+  }, /*#__PURE__*/React.createElement(FaAlignLeft, {
+    size: 14
+  })), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    title: "Align Center",
+    className: "rte-toolbar-button ".concat(activeAlign === "center" ? "active" : ""),
+    onMouseDown: function onMouseDown(e) {
+      e.preventDefault();
+      exec("justifyCenter");
+      setActiveAlign("center");
+    }
+  }, /*#__PURE__*/React.createElement(FaAlignCenter, {
+    size: 14
+  })), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    title: "Align Right",
+    className: "rte-toolbar-button ".concat(activeAlign === "right" ? "active" : ""),
+    onMouseDown: function onMouseDown(e) {
+      e.preventDefault();
+      exec("justifyRight");
+      setActiveAlign("right");
+    }
+  }, /*#__PURE__*/React.createElement(FaAlignRight, {
+    size: 14
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '1px',
+      height: '20px',
+      backgroundColor: '#e5e7eb',
+      margin: '0 4px'
+    }
+  }), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    title: "Unordered List",
+    onMouseDown: function onMouseDown(e) {
+      e.preventDefault();
+      handleSelect("unordered");
+    },
+    className: "rte-toolbar-button ".concat(currentListType === "unordered" ? "active" : "")
+  }, /*#__PURE__*/React.createElement(FaListUl, {
+    size: 14
+  })), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    title: "Ordered List",
+    onMouseDown: function onMouseDown(e) {
+      e.preventDefault();
+      handleSelect("ordered");
+    },
+    className: "rte-toolbar-button ".concat(currentListType === "ordered" ? "active" : "")
+  }, /*#__PURE__*/React.createElement(FaListOl, {
+    size: 14
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'relative',
+      display: 'flex',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement("select", {
+    value: currentLineHeight,
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    },
+    onChange: function onChange(e) {
+      e.preventDefault();
+      var height = e.target.value;
+      if (height) {
+        onLineHeightChange(height);
+        setCurrentLineHeight(height);
+      }
+      focus();
+    },
+    className: "rte-toolbar-select",
+    style: {
+      width: '64px',
+      paddingLeft: '24px'
+    }
+  }, /*#__PURE__*/React.createElement("option", {
+    value: "",
+    disabled: true
+  }, "\u2195"), ['1', '1.15', '1.5', '2'].map(function (h) {
+    return /*#__PURE__*/React.createElement("option", {
+      key: h,
+      value: h
+    }, h);
+  })), /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'absolute',
+      left: '6px',
+      pointerEvents: 'none',
+      color: '#9ca3af'
+    }
+  }, /*#__PURE__*/React.createElement(FaTextHeight, {
+    size: 12
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '1px',
+      height: '20px',
+      backgroundColor: '#e5e7eb',
+      margin: '0 4px'
+    }
+  }), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    title: "Add Link",
+    className: "rte-toolbar-button",
+    onMouseDown: function onMouseDown(e) {
+      e.preventDefault();
+      addLink();
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontSize: '16px'
+    }
+  }, "\uD83D\uDD17")), /*#__PURE__*/React.createElement("input", {
+    ref: fileInputRef,
+    type: "file",
+    accept: "image/*",
+    style: {
+      display: "none"
+    },
+    onChange: handleImageUpload,
+    disabled: isUploading
+  }), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "rte-toolbar-button",
+    onMouseDown: function onMouseDown(e) {
+      var _fileInputRef$current;
+      e.preventDefault();
+      if (!isUploading) (_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 || _fileInputRef$current.click();
+    },
+    disabled: isUploading,
+    title: "Upload image"
+  }, isUploading ? /*#__PURE__*/React.createElement("div", {
+    className: "rte-spinner",
+    style: {
+      width: '14px',
+      height: '14px',
+      borderWidth: '2px'
+    }
+  }) : /*#__PURE__*/React.createElement(FaImage, {
+    size: 14
+  }))), /*#__PURE__*/React.createElement("div", {
+    ref: editorRef,
+    contentEditable: editable && disabled !== true,
+    suppressContentEditableWarning: true,
+    onInput: handleInput,
+    onPaste: handlePaste,
+    onDrop: handleDrop,
+    onDragStart: function onDragStart(e) {
+      return e.preventDefault();
+    },
+    onDragOver: function onDragOver(e) {
+      return e.preventDefault();
+    },
+    onKeyDown: handleKeyDown,
+    onClick: handleEditorClick,
+    style: {
+      minHeight: minHeight || '150px',
+      maxHeight: maxHeight || '500px',
+      paddingLeft: paddingLeft || '12px'
+    },
+    className: "rte-content"
+  }), linkModalOpen && /*#__PURE__*/React.createElement("div", {
+    className: "rte-modal-overlay",
+    onClick: cancelLink
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "rte-modal",
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: "rte-modal-title"
+  }, "Insert Link"), /*#__PURE__*/React.createElement("div", {
+    className: "rte-form-group"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "rte-label"
+  }, "URL"), /*#__PURE__*/React.createElement("input", {
+    type: "url",
+    className: "rte-input",
+    value: linkUrl,
+    onChange: function onChange(e) {
+      return setLinkUrl(e.target.value);
+    },
+    autoFocus: true,
+    placeholder: "https://example.com"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "rte-form-group"
+  }, /*#__PURE__*/React.createElement("label", {
+    className: "rte-label"
+  }, "Display Text"), /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    className: "rte-input",
+    value: linkText,
+    onChange: function onChange(e) {
+      return setLinkText(e.target.value);
+    },
+    placeholder: "Link text"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "rte-modal-actions"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "rte-button rte-button-secondary",
+    onClick: cancelLink
+  }, "Cancel"), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "rte-button rte-button-primary",
+    onClick: confirmLink,
+    disabled: !linkUrl
+  }, "Insert")))), imageModalOpen && /*#__PURE__*/React.createElement("div", {
+    className: "rte-modal-overlay",
+    onClick: closeImageModal
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "relative",
+      maxWidth: "90%",
+      maxHeight: "90%"
+    },
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: selectedImageUrl,
+    style: {
+      width: "100%",
+      maxHeight: "90vh",
+      borderRadius: '12px',
+      transform: "scale(".concat(zoomLevel, ")"),
+      transition: "transform 0.2s ease",
+      boxShadow: '0 25px 50px -12px rgba(0,0,0,0.5)'
+    },
+    alt: "Zoomed"
+  })))), showEditButton && editable && /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      justifyContent: "flex-end",
+      gap: "12px",
+      marginTop: "12px"
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "rte-button rte-button-secondary",
+    onClick: function onClick() {
+      return setEditable(false);
+    }
+  }, "Cancel"), /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: "rte-button rte-button-primary",
+    onClick: function onClick() {
+      handleChange && handleChange();
+      setEditable(false);
+    }
+  }, "Save Changes")));
+}
+
+exports.RichTextEditor = RichTextEditor;
+//# sourceMappingURL=index.cjs.js.map