@cyberskill/cyber-editor 2.0.4 → 3.0.0

package/dist/cyber-editor.es.js

@@ -1,9 +1,9 @@
-import _e, { forwardRef as hr, createElement as yt, useState as he, useRef as sn, useEffect as ln, useMemo as cn } from "react";
-import { useCurrentEditor as Ct, NodeViewWrapper as yr, NodeViewContent as un, ReactNodeViewRenderer as vr, EditorProvider as dn } from "@tiptap/react";
-import { ColorPicker as fn, Tooltip as vt, Dropdown as kt, Menu as Ft, Modal as mn } from "antd";
+import _e, { forwardRef as br, createElement as yt, useState as he, useRef as sn, useEffect as hr } from "react";
+import { NodeViewWrapper as yr, NodeViewContent as ln, ReactNodeViewRenderer as vr, useCurrentEditor as cn, useEditor as un, EditorContent as dn } from "@tiptap/react";
+import { ColorPicker as fn, Tooltip as vt, Dropdown as Ct, Menu as Ft, Modal as mn } from "antd";
 import pn from "@tiptap/extension-list-item";
 import { Color as bn } from "@tiptap/extension-color";
-import Bt from "@tiptap/extension-text-style";
+import Ut from "@tiptap/extension-text-style";
 import hn from "@tiptap/starter-kit";
 import yn from "@tiptap/extension-highlight";
 import vn from "@tiptap/extension-underline";
@@ -48,10 +48,10 @@ var gt = { exports: {} }, Le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Xt;
+var Bt;
 function Rn() {
-  if (Xt) return Le;
-  Xt = 1;
+  if (Bt) return Le;
+  Bt = 1;
   var e = Symbol.for("react.fragment");
   return Le.Fragment = e, Le.jsxDEV = void 0, Le;
 }
@@ -65,10 +65,10 @@ var We = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Kt;
-function Pn() {
-  return Kt || (Kt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = _e, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), u = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), A = Symbol.iterator, $ = "@@iterator";
+var Xt;
+function Tn() {
+  return Xt || (Xt = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = _e, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), u = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), A = Symbol.iterator, $ = "@@iterator";
     function B(i) {
       if (i === null || typeof i != "object")
         return null;
@@ -76,38 +76,38 @@ function Pn() {
       return typeof d == "function" ? d : null;
     }
     var W = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function v(i) {
+    function g(i) {
       {
-        for (var d = arguments.length, y = new Array(d > 1 ? d - 1 : 0), w = 1; w < d; w++)
-          y[w - 1] = arguments[w];
-        x("error", i, y);
+        for (var d = arguments.length, h = new Array(d > 1 ? d - 1 : 0), w = 1; w < d; w++)
+          h[w - 1] = arguments[w];
+        N("error", i, h);
       }
     }
-    function x(i, d, y) {
+    function N(i, d, h) {
       {
         var w = W.ReactDebugCurrentFrame, q = w.getStackAddendum();
-        q !== "" && (d += "%s", y = y.concat([q]));
-        var X = y.map(function(I) {
+        q !== "" && (d += "%s", h = h.concat([q]));
+        var X = h.map(function(I) {
           return String(I);
         });
         X.unshift("Warning: " + d), Function.prototype.apply.call(console[i], console, X);
       }
     }
-    var E = !1, c = !1, Y = !1, P = !1, Q = !1, de;
+    var E = !1, c = !1, Y = !1, T = !1, Q = !1, de;
     de = Symbol.for("react.module.reference");
     function fe(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === n || i === a || Q || i === o || i === p || i === b || P || i === S || E || c || Y || typeof i == "object" && i !== null && (i.$$typeof === O || i.$$typeof === N || i.$$typeof === s || i.$$typeof === u || i.$$typeof === m || // This needs to include all possible module reference object
+      return !!(typeof i == "string" || typeof i == "function" || i === n || i === a || Q || i === o || i === p || i === y || T || i === S || E || c || Y || typeof i == "object" && i !== null && (i.$$typeof === O || i.$$typeof === v || i.$$typeof === s || i.$$typeof === u || i.$$typeof === m || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       i.$$typeof === de || i.getModuleId !== void 0));
     }
-    function ye(i, d, y) {
+    function ye(i, d, h) {
       var w = i.displayName;
       if (w)
         return w;
       var q = d.displayName || d.name || "";
-      return q !== "" ? y + "(" + q + ")" : y;
+      return q !== "" ? h + "(" + q + ")" : h;
     }
     function Ee(i) {
       return i.displayName || "Context";
@@ -115,7 +115,7 @@ function Pn() {
     function ee(i) {
       if (i == null)
         return null;
-      if (typeof i.tag == "number" && v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
+      if (typeof i.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
         return i.displayName || i.name || null;
       if (typeof i == "string")
         return i;
@@ -130,7 +130,7 @@ function Pn() {
           return "StrictMode";
         case p:
           return "Suspense";
-        case b:
+        case y:
           return "SuspenseList";
       }
       if (typeof i == "object")
@@ -139,11 +139,11 @@ function Pn() {
             var d = i;
             return Ee(d) + ".Consumer";
           case s:
-            var y = i;
-            return Ee(y._context) + ".Provider";
+            var h = i;
+            return Ee(h._context) + ".Provider";
           case m:
             return ye(i, i.render, "ForwardRef");
-          case N:
+          case v:
             var w = i.displayName || null;
             return w !== null ? w : ee(i.type) || "Memo";
           case O: {
@@ -157,14 +157,14 @@ function Pn() {
         }
       return null;
     }
-    var Z = Object.assign, me = 0, oe, le, ge, Se, f, g, T;
+    var Z = Object.assign, me = 0, oe, le, ge, Se, f, x, P;
     function R() {
     }
     R.__reactDisabledLog = !0;
     function C() {
       {
         if (me === 0) {
-          oe = console.log, le = console.info, ge = console.warn, Se = console.error, f = console.group, g = console.groupCollapsed, T = console.groupEnd;
+          oe = console.log, le = console.info, ge = console.warn, Se = console.error, f = console.group, x = console.groupCollapsed, P = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -209,18 +209,18 @@ function Pn() {
               value: f
             }),
             groupCollapsed: Z({}, i, {
-              value: g
+              value: x
             }),
             groupEnd: Z({}, i, {
-              value: T
+              value: P
             })
           });
         }
-        me < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        me < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var k = W.ReactCurrentDispatcher, _;
-    function j(i, d, y) {
+    function j(i, d, h) {
       {
         if (_ === void 0)
           try {
@@ -238,13 +238,13 @@ function Pn() {
       var te = typeof WeakMap == "function" ? WeakMap : Map;
       M = new te();
     }
-    function h(i, d) {
+    function b(i, d) {
       if (!i || H)
         return "";
       {
-        var y = M.get(i);
-        if (y !== void 0)
-          return y;
+        var h = M.get(i);
+        if (h !== void 0)
+          return h;
       }
       var w;
       H = !0;
@@ -306,54 +306,54 @@ function Pn() {
       } finally {
         H = !1, k.current = X, z(), Error.prepareStackTrace = q;
       }
-      var Te = i ? i.displayName || i.name : "", De = Te ? j(Te) : "";
+      var Pe = i ? i.displayName || i.name : "", De = Pe ? j(Pe) : "";
       return typeof i == "function" && M.set(i, De), De;
     }
-    function pe(i, d, y) {
-      return h(i, !1);
+    function pe(i, d, h) {
+      return b(i, !1);
     }
     function Re(i) {
       var d = i.prototype;
       return !!(d && d.isReactComponent);
     }
-    function ke(i, d, y) {
+    function ke(i, d, h) {
       if (i == null)
         return "";
       if (typeof i == "function")
-        return h(i, Re(i));
+        return b(i, Re(i));
       if (typeof i == "string")
         return j(i);
       switch (i) {
         case p:
           return j("Suspense");
-        case b:
+        case y:
           return j("SuspenseList");
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
           case m:
             return pe(i.render);
-          case N:
-            return ke(i.type, d, y);
+          case v:
+            return ke(i.type, d, h);
           case O: {
             var w = i, q = w._payload, X = w._init;
             try {
-              return ke(X(q), d, y);
+              return ke(X(q), d, h);
             } catch {
             }
           }
         }
       return "";
     }
-    var Me = Object.prototype.hasOwnProperty, Mt = {}, Vt = W.ReactDebugCurrentFrame;
+    var Me = Object.prototype.hasOwnProperty, jt = {}, Mt = W.ReactDebugCurrentFrame;
     function He(i) {
       if (i) {
-        var d = i._owner, y = ke(i.type, i._source, d ? d.type : null);
-        Vt.setExtraStackFrame(y);
+        var d = i._owner, h = ke(i.type, i._source, d ? d.type : null);
+        Mt.setExtraStackFrame(h);
       } else
-        Vt.setExtraStackFrame(null);
+        Mt.setExtraStackFrame(null);
     }
-    function Hr(i, d, y, w, q) {
+    function Hr(i, d, h, w, q) {
       {
         var X = Function.call.bind(Me);
         for (var I in i)
@@ -361,14 +361,14 @@ function Pn() {
             var V = void 0;
             try {
               if (typeof i[I] != "function") {
-                var ne = Error((w || "React class") + ": " + y + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var ne = Error((w || "React class") + ": " + h + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ne.name = "Invariant Violation", ne;
               }
-              V = i[I](d, I, w, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              V = i[I](d, I, w, h, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (G) {
               V = G;
             }
-            V && !(V instanceof Error) && (He(q), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", y, I, typeof V), He(null)), V instanceof Error && !(V.message in Mt) && (Mt[V.message] = !0, He(q), v("Failed %s type: %s", y, V.message), He(null));
+            V && !(V instanceof Error) && (He(q), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", h, I, typeof V), He(null)), V instanceof Error && !(V.message in jt) && (jt[V.message] = !0, He(q), g("Failed %s type: %s", h, V.message), He(null));
           }
       }
     }
@@ -378,32 +378,32 @@ function Pn() {
     }
     function Wr(i) {
       {
-        var d = typeof Symbol == "function" && Symbol.toStringTag, y = d && i[Symbol.toStringTag] || i.constructor.name || "Object";
-        return y;
+        var d = typeof Symbol == "function" && Symbol.toStringTag, h = d && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        return h;
       }
     }
     function qr(i) {
       try {
-        return At(i), !1;
+        return Vt(i), !1;
       } catch {
         return !0;
       }
     }
-    function At(i) {
+    function Vt(i) {
       return "" + i;
     }
-    function $t(i) {
+    function At(i) {
       if (qr(i))
-        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Wr(i)), At(i);
+        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Wr(i)), Vt(i);
     }
     var Ve = W.ReactCurrentOwner, Yr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, zt, It, et;
+    }, $t, zt, et;
     et = {};
-    function Ur(i) {
+    function Fr(i) {
       if (Me.call(i, "ref")) {
         var d = Object.getOwnPropertyDescriptor(i, "ref").get;
         if (d && d.isReactWarning)
@@ -411,7 +411,7 @@ function Pn() {
       }
       return i.ref !== void 0;
     }
-    function Fr(i) {
+    function Ur(i) {
       if (Me.call(i, "key")) {
         var d = Object.getOwnPropertyDescriptor(i, "key").get;
         if (d && d.isReactWarning)
@@ -421,40 +421,40 @@ function Pn() {
     }
     function Br(i, d) {
       if (typeof i.ref == "string" && Ve.current && d && Ve.current.stateNode !== d) {
-        var y = ee(Ve.current.type);
-        et[y] || (v('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ee(Ve.current.type), i.ref), et[y] = !0);
+        var h = ee(Ve.current.type);
+        et[h] || (g('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ee(Ve.current.type), i.ref), et[h] = !0);
       }
     }
     function Xr(i, d) {
       {
-        var y = function() {
-          zt || (zt = !0, v("%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://reactjs.org/link/special-props)", d));
+        var h = function() {
+          $t || ($t = !0, g("%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://reactjs.org/link/special-props)", d));
         };
-        y.isReactWarning = !0, Object.defineProperty(i, "key", {
-          get: y,
+        h.isReactWarning = !0, Object.defineProperty(i, "key", {
+          get: h,
           configurable: !0
         });
       }
     }
     function Kr(i, d) {
       {
-        var y = function() {
-          It || (It = !0, v("%s: `ref` 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://reactjs.org/link/special-props)", d));
+        var h = function() {
+          zt || (zt = !0, g("%s: `ref` 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://reactjs.org/link/special-props)", d));
         };
-        y.isReactWarning = !0, Object.defineProperty(i, "ref", {
-          get: y,
+        h.isReactWarning = !0, Object.defineProperty(i, "ref", {
+          get: h,
           configurable: !0
         });
       }
     }
-    var Gr = function(i, d, y, w, q, X, I) {
+    var Gr = function(i, d, h, w, q, X, I) {
       var V = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: i,
         key: d,
-        ref: y,
+        ref: h,
         props: I,
         // Record the component responsible for creating this element.
         _owner: X
@@ -476,10 +476,10 @@ function Pn() {
         value: q
       }), Object.freeze && (Object.freeze(V.props), Object.freeze(V)), V;
     };
-    function Jr(i, d, y, w, q) {
+    function Jr(i, d, h, w, q) {
       {
         var X, I = {}, V = null, ne = null;
-        y !== void 0 && ($t(y), V = "" + y), Fr(d) && ($t(d.key), V = "" + d.key), Ur(d) && (ne = d.ref, Br(d, q));
+        h !== void 0 && (At(h), V = "" + h), Ur(d) && (At(d.key), V = "" + d.key), Fr(d) && (ne = d.ref, Br(d, q));
         for (X in d)
           Me.call(d, X) && !Yr.hasOwnProperty(X) && (I[X] = d[X]);
         if (i && i.defaultProps) {
@@ -494,20 +494,20 @@ function Pn() {
         return Gr(i, V, ne, q, w, Ve.current, I);
       }
     }
-    var tt = W.ReactCurrentOwner, Ht = W.ReactDebugCurrentFrame;
-    function Pe(i) {
+    var tt = W.ReactCurrentOwner, It = W.ReactDebugCurrentFrame;
+    function Te(i) {
       if (i) {
-        var d = i._owner, y = ke(i.type, i._source, d ? d.type : null);
-        Ht.setExtraStackFrame(y);
+        var d = i._owner, h = ke(i.type, i._source, d ? d.type : null);
+        It.setExtraStackFrame(h);
       } else
-        Ht.setExtraStackFrame(null);
+        It.setExtraStackFrame(null);
     }
     var rt;
     rt = !1;
     function nt(i) {
       return typeof i == "object" && i !== null && i.$$typeof === t;
     }
-    function Lt() {
+    function Ht() {
       {
         if (tt.current) {
           var i = ee(tt.current.type);
@@ -522,48 +522,48 @@ Check the render method of \`` + i + "`.";
     function Zr(i) {
       {
         if (i !== void 0) {
-          var d = i.fileName.replace(/^.*[\\\/]/, ""), y = i.lineNumber;
+          var d = i.fileName.replace(/^.*[\\\/]/, ""), h = i.lineNumber;
           return `
 
-Check your code at ` + d + ":" + y + ".";
+Check your code at ` + d + ":" + h + ".";
         }
         return "";
       }
     }
-    var Wt = {};
+    var Lt = {};
     function Qr(i) {
       {
-        var d = Lt();
+        var d = Ht();
         if (!d) {
-          var y = typeof i == "string" ? i : i.displayName || i.name;
-          y && (d = `
+          var h = typeof i == "string" ? i : i.displayName || i.name;
+          h && (d = `
 
-Check the top-level render call using <` + y + ">.");
+Check the top-level render call using <` + h + ">.");
         }
         return d;
       }
     }
-    function qt(i, d) {
+    function Wt(i, d) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var y = Qr(d);
-        if (Wt[y])
+        var h = Qr(d);
+        if (Lt[h])
           return;
-        Wt[y] = !0;
+        Lt[h] = !0;
         var w = "";
-        i && i._owner && i._owner !== tt.current && (w = " It was passed a child from " + ee(i._owner.type) + "."), Pe(i), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, w), Pe(null);
+        i && i._owner && i._owner !== tt.current && (w = " It was passed a child from " + ee(i._owner.type) + "."), Te(i), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', h, w), Te(null);
       }
     }
-    function Yt(i, d) {
+    function qt(i, d) {
       {
         if (typeof i != "object")
           return;
         if (Qe(i))
-          for (var y = 0; y < i.length; y++) {
-            var w = i[y];
-            nt(w) && qt(w, d);
+          for (var h = 0; h < i.length; h++) {
+            var w = i[h];
+            nt(w) && Wt(w, d);
           }
         else if (nt(i))
           i._store && (i._store.validated = !0);
@@ -571,7 +571,7 @@ Check the top-level render call using <` + y + ">.");
           var q = B(i);
           if (typeof q == "function" && q !== i.entries)
             for (var X = q.call(i), I; !(I = X.next()).done; )
-              nt(I.value) && qt(I.value, d);
+              nt(I.value) && Wt(I.value, d);
         }
       }
     }
@@ -580,51 +580,51 @@ Check the top-level render call using <` + y + ">.");
         var d = i.type;
         if (d == null || typeof d == "string")
           return;
-        var y;
+        var h;
         if (typeof d == "function")
-          y = d.propTypes;
+          h = d.propTypes;
         else if (typeof d == "object" && (d.$$typeof === m || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        d.$$typeof === N))
-          y = d.propTypes;
+        d.$$typeof === v))
+          h = d.propTypes;
         else
           return;
-        if (y) {
+        if (h) {
           var w = ee(d);
-          Hr(y, i.props, "prop", w, i);
+          Hr(h, i.props, "prop", w, i);
         } else if (d.PropTypes !== void 0 && !rt) {
           rt = !0;
           var q = ee(d);
-          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", q || "Unknown");
+          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", q || "Unknown");
         }
-        typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function tn(i) {
       {
-        for (var d = Object.keys(i.props), y = 0; y < d.length; y++) {
-          var w = d[y];
+        for (var d = Object.keys(i.props), h = 0; h < d.length; h++) {
+          var w = d[h];
           if (w !== "children" && w !== "key") {
-            Pe(i), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), Pe(null);
+            Te(i), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), Te(null);
             break;
           }
         }
-        i.ref !== null && (Pe(i), v("Invalid attribute `ref` supplied to `React.Fragment`."), Pe(null));
+        i.ref !== null && (Te(i), g("Invalid attribute `ref` supplied to `React.Fragment`."), Te(null));
       }
     }
-    var Ut = {};
-    function rn(i, d, y, w, q, X) {
+    var Yt = {};
+    function rn(i, d, h, w, q, X) {
       {
         var I = fe(i);
         if (!I) {
           var V = "";
           (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (V += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var ne = Zr(q);
-          ne ? V += ne : V += Lt();
+          ne ? V += ne : V += Ht();
           var G;
-          i === null ? G = "null" : Qe(i) ? G = "array" : i !== void 0 && i.$$typeof === t ? (G = "<" + (ee(i.type) || "Unknown") + " />", V = " Did you accidentally export a JSX literal instead of a component?") : G = typeof i, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", G, V);
+          i === null ? G = "null" : Qe(i) ? G = "array" : i !== void 0 && i.$$typeof === t ? (G = "<" + (ee(i.type) || "Unknown") + " />", V = " Did you accidentally export a JSX literal instead of a component?") : G = typeof i, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", G, V);
         }
-        var J = Jr(i, d, y, q, X);
+        var J = Jr(i, d, h, q, X);
         if (J == null)
           return J;
         if (I) {
@@ -632,26 +632,26 @@ Check the top-level render call using <` + y + ">.");
           if (be !== void 0)
             if (w)
               if (Qe(be)) {
-                for (var Te = 0; Te < be.length; Te++)
-                  Yt(be[Te], i);
+                for (var Pe = 0; Pe < be.length; Pe++)
+                  qt(be[Pe], i);
                 Object.freeze && Object.freeze(be);
               } else
-                v("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                g("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
-              Yt(be, i);
+              qt(be, i);
         }
         if (Me.call(d, "key")) {
           var De = ee(i), ae = Object.keys(d).filter(function(an) {
             return an !== "key";
           }), it = ae.length > 0 ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ut[De + it]) {
+          if (!Yt[De + it]) {
             var on = ae.length > 0 ? "{" + ae.join(": ..., ") + ": ...}" : "{}";
-            v(`A props object containing a "key" prop is being spread into JSX:
+            g(`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} />`, it, De, on, De), Ut[De + it] = !0;
+  <%s key={someKey} {...props} />`, it, De, on, De), Yt[De + it] = !0;
           }
         }
         return i === n ? tn(J) : en(J), J;
@@ -661,7 +661,7 @@ React keys must be passed directly to JSX without using spread:
     We.Fragment = n, We.jsxDEV = nn;
   }()), We;
 }
-process.env.NODE_ENV === "production" ? gt.exports = Rn() : gt.exports = Pn();
+process.env.NODE_ENV === "production" ? gt.exports = Rn() : gt.exports = Tn();
 var l = gt.exports;
 /**
  * @license lucide-react v0.474.0 - ISC
@@ -669,7 +669,7 @@ var l = gt.exports;
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Tn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Er = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
+const Pn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Er = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -693,7 +693,7 @@ var jn = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mn = hr(
+const Mn = br(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -716,7 +716,7 @@ const Mn = hr(
       ...u
     },
     [
-      ...s.map(([p, b]) => yt(p, b)),
+      ...s.map(([p, y]) => yt(p, y)),
       ...Array.isArray(a) ? a : [a]
     ]
   )
@@ -728,11 +728,11 @@ const Mn = hr(
  * See the LICENSE file in the root directory of this source tree.
  */
 const L = (e, t) => {
-  const r = hr(
+  const r = br(
     ({ className: n, ...o }, a) => yt(Mn, {
       ref: a,
       iconNode: t,
-      className: Er(`lucide-${Tn(e)}`, n),
+      className: Er(`lucide-${Pn(e)}`, n),
       ...o
     })
   );
@@ -800,7 +800,7 @@ const qn = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Un = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Fn = L("ChevronDown", Un);
+const Fn = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Un = L("ChevronDown", Fn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -844,7 +844,7 @@ const Zn = [
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1", key: "9jr5yi" }]
-], Gt = L("Heading2", Zn);
+], Kt = L("Heading2", Zn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -857,7 +857,7 @@ const Qn = [
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2", key: "68ncm8" }],
   ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2", key: "1ejuhz" }]
-], Jt = L("Heading3", Qn);
+], Gt = L("Heading3", Qn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -870,7 +870,7 @@ const ei = [
   ["path", { d: "M21 10v8", key: "1kdml4" }],
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }]
-], Zt = L("Heading4", ei);
+], Jt = L("Heading4", ei);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -886,7 +886,7 @@ const ti = [
     "path",
     { d: "M17 17.7c.4.2.8.3 1.3.3 1.5 0 2.7-1.1 2.7-2.5S19.8 13 18.3 13H17", key: "2nebdn" }
   ]
-], Qt = L("Heading5", ti);
+], Zt = L("Heading5", ti);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -899,7 +899,7 @@ const ri = [
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["circle", { cx: "19", cy: "16", r: "2", key: "15mx69" }],
   ["path", { d: "M20 10c-2 2-3 3.5-3 6", key: "f35dl0" }]
-], er = L("Heading6", ri);
+], Qt = L("Heading6", ri);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -1104,12 +1104,12 @@ const Oi = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pi = [
+const Ti = [
   ["path", { d: "M12 3v18", key: "108xh3" }],
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }],
   ["path", { d: "M3 15h18", key: "5xshup" }]
-], Ti = L("Table", Pi);
+], Pi = L("Table", Ti);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -1238,7 +1238,7 @@ function Li({ editor: e }) {
     columnNumber: 9
   }, this);
 }
-const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
+const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
   fn,
   {
     value: e,
@@ -1284,7 +1284,7 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
         lineNumber: 33,
         columnNumber: 21
       }, void 0),
-      /* @__PURE__ */ l.jsxDEV(Ue, { value: t, onChange: a }, void 0, !1, {
+      /* @__PURE__ */ l.jsxDEV(Fe, { value: t, onChange: a }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
         lineNumber: 34,
         columnNumber: 21
@@ -1304,7 +1304,7 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
         lineNumber: 41,
         columnNumber: 21
       }, void 0),
-      /* @__PURE__ */ l.jsxDEV(Ue, { value: n, onChange: s }, void 0, !1, {
+      /* @__PURE__ */ l.jsxDEV(Fe, { value: n, onChange: s }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
         lineNumber: 42,
         columnNumber: 21
@@ -1336,31 +1336,31 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
               columnNumber: 36
             }, void 0);
           case 2:
-            return /* @__PURE__ */ l.jsxDEV(Gt, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ l.jsxDEV(Kt, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 16,
               columnNumber: 36
             }, void 0);
           case 3:
-            return /* @__PURE__ */ l.jsxDEV(Jt, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ l.jsxDEV(Gt, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 17,
               columnNumber: 36
             }, void 0);
           case 4:
-            return /* @__PURE__ */ l.jsxDEV(Zt, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ l.jsxDEV(Jt, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 18,
               columnNumber: 36
             }, void 0);
           case 5:
-            return /* @__PURE__ */ l.jsxDEV(Qt, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ l.jsxDEV(Zt, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 19,
               columnNumber: 36
             }, void 0);
           case 6:
-            return /* @__PURE__ */ l.jsxDEV(er, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ l.jsxDEV(Qt, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 20,
               columnNumber: 36
@@ -1375,7 +1375,7 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
     ...Array.from({ length: 6 }, (n, o) => ({
       key: `${o + 1}`,
       label: /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-2", onClick: () => e.chain().focus().toggleHeading({ level: o + 1 }).run(), children: [
-        _e.createElement([ot, Gt, Jt, Zt, Qt, er][o], { size: 16 }),
+        _e.createElement([ot, Kt, Gt, Jt, Zt, Qt][o], { size: 16 }),
         /* @__PURE__ */ l.jsxDEV("span", { children: [
           "Heading ",
           o + 1
@@ -1392,7 +1392,7 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
       className: e.isActive("heading", { level: o + 1 }) ? "ant-dropdown-menu-item-active" : ""
     }))
   ];
-  return /* @__PURE__ */ l.jsxDEV(kt, { menu: { items: r }, trigger: ["hover"], placement: "bottomLeft", children: /* @__PURE__ */ l.jsxDEV("button", { className: "flex items-center gap-1 p-2 rounded-md hover:bg-blue-100 hover:text-blue-600", children: t() }, void 0, !1, {
+  return /* @__PURE__ */ l.jsxDEV(Ct, { menu: { items: r }, trigger: ["hover"], placement: "bottomLeft", children: /* @__PURE__ */ l.jsxDEV("button", { className: "flex items-center gap-1 p-2 rounded-md hover:bg-blue-100 hover:text-blue-600", children: t() }, void 0, !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
     lineNumber: 42,
     columnNumber: 13
@@ -1401,7 +1401,7 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
     lineNumber: 41,
     columnNumber: 9
   }, void 0);
-}, Yi = 8, Ui = 8, Fi = ({
+}, Yi = 8, Fi = 8, Ui = ({
   editor: e,
   buttonClass: t,
   activeClass: r
@@ -1410,23 +1410,23 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
     e.chain().focus().insertTable({ rows: m, cols: p, withHeaderRow: !0 }).run(), s(!1);
   };
   return /* @__PURE__ */ l.jsxDEV(
-    kt,
+    Ct,
     {
       open: a,
       onOpenChange: s,
       trigger: ["hover"],
       overlay: /* @__PURE__ */ l.jsxDEV("div", { className: "w-56 p-4 bg-white border border-gray-300 rounded-lg shadow-xl", children: [
         /* @__PURE__ */ l.jsxDEV("div", { className: "grid grid-cols-8 gap-1", children: Array.from({ length: Yi }).map(
-          (m, p) => Array.from({ length: Ui }).map((b, N) => {
-            const O = p < n.rows && N < n.cols;
+          (m, p) => Array.from({ length: Fi }).map((y, v) => {
+            const O = p < n.rows && v < n.cols;
             return /* @__PURE__ */ l.jsxDEV(
               "div",
               {
                 className: `w-5 h-5 border rounded-sm cursor-pointer transition-all duration-200 ${O ? "bg-blue-400 border-white scale-110" : "bg-gray-200 hover:bg-gray-300"}`,
-                onMouseEnter: () => o({ rows: p + 1, cols: N + 1 }),
-                onClick: () => u(p + 1, N + 1)
+                onMouseEnter: () => o({ rows: p + 1, cols: v + 1 }),
+                onClick: () => u(p + 1, v + 1)
               },
-              `${p}-${N}`,
+              `${p}-${v}`,
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/table/table-selector.tsx",
@@ -1455,7 +1455,7 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
         "button",
         {
           className: `${t} ${a ? r : ""} transition-all`,
-          children: /* @__PURE__ */ l.jsxDEV(Ti, { className: "w-5 h-5" }, void 0, !1, {
+          children: /* @__PURE__ */ l.jsxDEV(Pi, { className: "w-5 h-5" }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/table/table-selector.tsx",
             lineNumber: 65,
             columnNumber: 17
@@ -1481,8 +1481,7 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
     void 0
   );
 };
-function Bi() {
-  const { editor: e } = Ct();
+function Bi({ editor: e }) {
   if (!e) return null;
   const t = "p-2 rounded-md transition-all duration-200 hover:bg-blue-100 hover:text-blue-600", r = "bg-blue-100 text-blue-600", n = (o, a, s, u, m) => /* @__PURE__ */ l.jsxDEV(vt, { title: m, children: /* @__PURE__ */ l.jsxDEV(
     "button",
@@ -1501,13 +1500,13 @@ function Bi() {
     !1,
     {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 34,
+      lineNumber: 32,
       columnNumber: 13
     },
     this
   ) }, void 0, !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-    lineNumber: 33,
+    lineNumber: 31,
     columnNumber: 9
   }, this);
   return /* @__PURE__ */ l.jsxDEV("div", { className: "flex flex-wrap items-center gap-2 p-2 border-b border-gray-200 rounded-t-lg bg-gray-50", children: [
@@ -1515,7 +1514,7 @@ function Bi() {
       n(
         /* @__PURE__ */ l.jsxDEV(Yn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 54,
+          lineNumber: 52,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleBold().run(),
@@ -1526,7 +1525,7 @@ function Bi() {
       n(
         /* @__PURE__ */ l.jsxDEV(ai, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 61,
+          lineNumber: 59,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleItalic().run(),
@@ -1537,7 +1536,7 @@ function Bi() {
       n(
         /* @__PURE__ */ l.jsxDEV(Ai, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 68,
+          lineNumber: 66,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleUnderline().run(),
@@ -1548,7 +1547,7 @@ function Bi() {
       n(
         /* @__PURE__ */ l.jsxDEV(ki, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 75,
+          lineNumber: 73,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleStrike().run(),
@@ -1559,7 +1558,7 @@ function Bi() {
       n(
         /* @__PURE__ */ l.jsxDEV(Xn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 82,
+          lineNumber: 80,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleCode().run(),
@@ -1570,7 +1569,7 @@ function Bi() {
       n(
         /* @__PURE__ */ l.jsxDEV(_i, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 89,
+          lineNumber: 87,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleSubscript().run(),
@@ -1581,7 +1580,7 @@ function Bi() {
       n(
         /* @__PURE__ */ l.jsxDEV(Ri, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 96,
+          lineNumber: 94,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleSuperscript().run(),
@@ -1591,29 +1590,29 @@ function Bi() {
       )
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 52,
+      lineNumber: 50,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 104,
+      lineNumber: 102,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV(qi, { editor: e }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 107,
+      lineNumber: 105,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 109,
+      lineNumber: 107,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
         /* @__PURE__ */ l.jsxDEV(Hn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 114,
+          lineNumber: 112,
           columnNumber: 21
         }, this),
         () => e.chain().focus().setTextAlign("left").run(),
@@ -1624,7 +1623,7 @@ function Bi() {
       n(
         /* @__PURE__ */ l.jsxDEV(An, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 121,
+          lineNumber: 119,
           columnNumber: 21
         }, this),
         () => e.chain().focus().setTextAlign("center").run(),
@@ -1635,7 +1634,7 @@ function Bi() {
       n(
         /* @__PURE__ */ l.jsxDEV(Wn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 126,
+          lineNumber: 124,
           columnNumber: 21
         }, this),
         () => e.chain().focus().setTextAlign("right").run(),
@@ -1646,7 +1645,7 @@ function Bi() {
       n(
         /* @__PURE__ */ l.jsxDEV(zn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 131,
+          lineNumber: 129,
           columnNumber: 21
         }, this),
         () => e.chain().focus().setTextAlign("justify").run(),
@@ -1656,19 +1655,19 @@ function Bi() {
       )
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 112,
+      lineNumber: 110,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 137,
+      lineNumber: 135,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
         /* @__PURE__ */ l.jsxDEV(fi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 142,
+          lineNumber: 140,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleBulletList().run(),
@@ -1679,7 +1678,7 @@ function Bi() {
       n(
         /* @__PURE__ */ l.jsxDEV(ui, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 147,
+          lineNumber: 145,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleOrderedList().run(),
@@ -1690,7 +1689,7 @@ function Bi() {
       n(
         /* @__PURE__ */ l.jsxDEV(wi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 152,
+          lineNumber: 150,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleTaskList().run(),
@@ -1700,19 +1699,19 @@ function Bi() {
       )
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 140,
+      lineNumber: 138,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 158,
+      lineNumber: 156,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
         /* @__PURE__ */ l.jsxDEV(xi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 163,
+          lineNumber: 161,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleBlockquote().run(),
@@ -1720,15 +1719,15 @@ function Bi() {
         !1,
         "Blockquote"
       ),
-      /* @__PURE__ */ l.jsxDEV(Fi, { editor: e, buttonClass: t, activeClass: r }, void 0, !1, {
+      /* @__PURE__ */ l.jsxDEV(Ui, { editor: e, buttonClass: t, activeClass: r }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-        lineNumber: 167,
+        lineNumber: 165,
         columnNumber: 17
       }, this),
       n(
         /* @__PURE__ */ l.jsxDEV(pi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 169,
+          lineNumber: 167,
           columnNumber: 21
         }, this),
         () => e.chain().focus().setHorizontalRule().run(),
@@ -1739,7 +1738,7 @@ function Bi() {
       n(
         /* @__PURE__ */ l.jsxDEV(Gn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 173,
+          lineNumber: 171,
           columnNumber: 21
         }, this),
         () => e.chain().focus().setHardBreak().run(),
@@ -1749,19 +1748,19 @@ function Bi() {
       )
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 161,
+      lineNumber: 159,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 178,
+      lineNumber: 176,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
         /* @__PURE__ */ l.jsxDEV(zi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 183,
+          lineNumber: 181,
           columnNumber: 21
         }, this),
         () => e.chain().focus().undo().run(),
@@ -1771,7 +1770,7 @@ function Bi() {
       n(
         /* @__PURE__ */ l.jsxDEV(Ei, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 189,
+          lineNumber: 187,
           columnNumber: 21
         }, this),
         () => e.chain().focus().redo().run(),
@@ -1780,18 +1779,18 @@ function Bi() {
       )
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 181,
+      lineNumber: 179,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 196,
+      lineNumber: 194,
       columnNumber: 13
     }, this),
     n(
       /* @__PURE__ */ l.jsxDEV(ii, { size: 16 }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-        lineNumber: 199,
+        lineNumber: 197,
         columnNumber: 17
       }, this),
       () => {
@@ -1811,27 +1810,27 @@ function Bi() {
     ),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 217,
+      lineNumber: 215,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV(Wi, { editor: e }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 220,
+      lineNumber: 218,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 222,
+      lineNumber: 220,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV(Li, { editor: e }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 223,
+      lineNumber: 221,
       columnNumber: 13
     }, this)
   ] }, void 0, !0, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-    lineNumber: 50,
+    lineNumber: 48,
     columnNumber: 9
   }, this);
 }
@@ -1851,7 +1850,7 @@ const Sr = ({
     columnNumber: 9
   }, void 0) : null;
   return /* @__PURE__ */ l.jsxDEV("div", { children: [
-    r && s ? /* @__PURE__ */ l.jsxDEV(kt, { overlay: s, trigger: ["contextMenu"], children: t }, void 0, !1, {
+    r && s ? /* @__PURE__ */ l.jsxDEV(Ct, { overlay: s, trigger: ["contextMenu"], children: t }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/components/modal-edit.tsx",
       lineNumber: 28,
       columnNumber: 17
@@ -1879,15 +1878,13 @@ const Sr = ({
     lineNumber: 26,
     columnNumber: 9
   }, void 0);
-}, Xi = () => {
-  const [e, t] = he(!1), { editor: r } = Ct();
-  if (!r) return null;
-  const n = (b) => {
-    b.preventDefault();
-  }, [o, a] = he("#f3f4f6"), [s, u] = he("#f3f4f6"), m = (b) => {
-    a(b.toHexString());
-  }, p = (b) => {
-    u(b.toHexString());
+}, Xi = ({ node: e, editor: t }) => {
+  const [r, n] = he(!1), [o, a] = he(e.attrs.bgColor || "#f3f4f6"), [s, u] = he(e.attrs.titleColor || "#000000"), m = (v) => {
+    v.preventDefault();
+  }, p = (v) => {
+    a(v.toHexString());
+  }, y = (v) => {
+    u(v.toHexString());
   };
   return /* @__PURE__ */ l.jsxDEV(yr, { className: "accordion-wrapper", children: /* @__PURE__ */ l.jsxDEV(
     Sr,
@@ -1897,21 +1894,22 @@ const Sr = ({
         "div",
         {
           className: "my-4 transition-all duration-300 border rounded-lg shadow-sm",
-          onContextMenu: n,
+          onContextMenu: m,
           children: [
             /* @__PURE__ */ l.jsxDEV(
               "div",
               {
                 className: "flex items-center justify-between p-4 transition-colors accordion-header",
                 style: { backgroundColor: o },
-                onClick: () => t(!e),
+                onClick: () => n(!r),
                 children: [
                   /* @__PURE__ */ l.jsxDEV(
                     "input",
                     {
                       className: "w-full text-lg font-medium bg-transparent border-none outline-none",
                       style: { color: s },
-                      disabled: !r.isEditable,
+                      defaultValue: e.attrs.title || "Accordion Title",
+                      disabled: !t.isEditable,
                       suppressContentEditableWarning: !0,
                       contentEditable: !0,
                       placeholder: "Accordion title"
@@ -1920,22 +1918,22 @@ const Sr = ({
                     !1,
                     {
                       fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                      lineNumber: 45,
+                      lineNumber: 38,
                       columnNumber: 29
                     },
                     void 0
                   ),
                   /* @__PURE__ */ l.jsxDEV(
-                    Fn,
+                    Un,
                     {
-                      className: `transition-transform duration-300 ${e ? "rotate-180" : ""}`,
+                      className: `transition-transform duration-300 ${r ? "rotate-180" : ""}`,
                       size: 20
                     },
                     void 0,
                     !1,
                     {
                       fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                      lineNumber: 53,
+                      lineNumber: 47,
                       columnNumber: 29
                     },
                     void 0
@@ -1946,7 +1944,7 @@ const Sr = ({
               !0,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                lineNumber: 40,
+                lineNumber: 33,
                 columnNumber: 25
               },
               void 0
@@ -1954,23 +1952,23 @@ const Sr = ({
             /* @__PURE__ */ l.jsxDEV(
               "div",
               {
-                className: `overflow-hidden duration-300 ease-in-out ${e ? "max-h-96 opacity-100" : "max-h-0 opacity-0"} `,
+                className: `overflow-hidden duration-300 ease-in-out ${r ? "max-h-96 opacity-100" : "max-h-0 opacity-0"} `,
                 children: /* @__PURE__ */ l.jsxDEV("div", { className: "p-4 border-t", children: /* @__PURE__ */ l.jsxDEV(
-                  un,
+                  ln,
                   {
-                    contentEditable: !0
+                    contentEditable: t.isEditable
                   },
                   void 0,
                   !1,
                   {
                     fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                    lineNumber: 63,
+                    lineNumber: 57,
                     columnNumber: 33
                   },
                   void 0
                 ) }, void 0, !1, {
                   fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                  lineNumber: 62,
+                  lineNumber: 56,
                   columnNumber: 29
                 }, void 0)
               },
@@ -1978,7 +1976,7 @@ const Sr = ({
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                lineNumber: 59,
+                lineNumber: 53,
                 columnNumber: 25
               },
               void 0
@@ -1989,18 +1987,18 @@ const Sr = ({
         !0,
         {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-          lineNumber: 36,
+          lineNumber: 29,
           columnNumber: 21
         },
         void 0
       ),
-      editable: r.isEditable,
+      editable: t.isEditable,
       childrenEdit: /* @__PURE__ */ l.jsxDEV("div", { className: "px-6 py-4 space-y-6 rounded-lg bg-gray-50", children: [
         /* @__PURE__ */ l.jsxDEV("div", { className: "grid grid-cols-1 gap-6", children: [
           /* @__PURE__ */ l.jsxDEV("div", { className: "flex flex-col space-y-2", children: [
             /* @__PURE__ */ l.jsxDEV("label", { className: "font-medium text-gray-700", children: "Background Color" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-              lineNumber: 75,
+              lineNumber: 69,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center space-x-3", children: [
@@ -2014,30 +2012,30 @@ const Sr = ({
                 !1,
                 {
                   fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                  lineNumber: 77,
+                  lineNumber: 71,
                   columnNumber: 37
                 },
                 void 0
               ),
-              /* @__PURE__ */ l.jsxDEV(Ue, { value: o, onChange: m }, void 0, !1, {
+              /* @__PURE__ */ l.jsxDEV(Fe, { value: o, onChange: p }, void 0, !1, {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                lineNumber: 81,
+                lineNumber: 75,
                 columnNumber: 37
               }, void 0)
             ] }, void 0, !0, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-              lineNumber: 76,
+              lineNumber: 70,
               columnNumber: 33
             }, void 0)
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-            lineNumber: 74,
+            lineNumber: 68,
             columnNumber: 29
           }, void 0),
           /* @__PURE__ */ l.jsxDEV("div", { className: "flex flex-col space-y-2", children: [
             /* @__PURE__ */ l.jsxDEV("label", { className: "font-medium text-gray-700", children: "Title Color" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-              lineNumber: 86,
+              lineNumber: 80,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center space-x-3", children: [
@@ -2051,58 +2049,58 @@ const Sr = ({
                 !1,
                 {
                   fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                  lineNumber: 88,
+                  lineNumber: 82,
                   columnNumber: 37
                 },
                 void 0
               ),
-              /* @__PURE__ */ l.jsxDEV(Ue, { value: s, onChange: p }, void 0, !1, {
+              /* @__PURE__ */ l.jsxDEV(Fe, { value: s, onChange: y }, void 0, !1, {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                lineNumber: 92,
+                lineNumber: 86,
                 columnNumber: 37
               }, void 0)
             ] }, void 0, !0, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-              lineNumber: 87,
+              lineNumber: 81,
               columnNumber: 33
             }, void 0)
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-            lineNumber: 85,
+            lineNumber: 79,
             columnNumber: 29
           }, void 0)
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-          lineNumber: 73,
+          lineNumber: 67,
           columnNumber: 25
         }, void 0),
         /* @__PURE__ */ l.jsxDEV("div", { className: "pt-4 border-t border-gray-200", children: /* @__PURE__ */ l.jsxDEV("div", { className: "p-3 bg-white border rounded-md", children: [
           /* @__PURE__ */ l.jsxDEV("div", { className: "text-sm text-gray-600", children: "Preview" }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-            lineNumber: 99,
+            lineNumber: 93,
             columnNumber: 33
           }, void 0),
           /* @__PURE__ */ l.jsxDEV("div", { className: "p-2 mt-2 rounded", style: { backgroundColor: o }, children: /* @__PURE__ */ l.jsxDEV("span", { style: { color: s, fontWeight: 500 }, children: "Accordion Title" }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-            lineNumber: 101,
+            lineNumber: 95,
             columnNumber: 37
           }, void 0) }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-            lineNumber: 100,
+            lineNumber: 94,
             columnNumber: 33
           }, void 0)
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-          lineNumber: 98,
+          lineNumber: 92,
           columnNumber: 29
         }, void 0) }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-          lineNumber: 97,
+          lineNumber: 91,
           columnNumber: 25
         }, void 0)
       ] }, void 0, !0, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-        lineNumber: 72,
+        lineNumber: 66,
         columnNumber: 21
       }, void 0)
     },
@@ -2110,13 +2108,13 @@ const Sr = ({
     !1,
     {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-      lineNumber: 33,
+      lineNumber: 26,
       columnNumber: 13
     },
     void 0
   ) }, void 0, !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-    lineNumber: 32,
+    lineNumber: 25,
     columnNumber: 9
   }, void 0);
 }, Ki = gr.create({
@@ -2128,6 +2126,19 @@ const Sr = ({
   selectable: !0,
   inline: !1,
   defining: !0,
+  addAttributes() {
+    return {
+      title: {
+        default: "Accordion Title"
+      },
+      bgColor: {
+        default: "#f3f4f6"
+      },
+      titleColor: {
+        default: "#000000"
+      }
+    };
+  },
   parseHTML() {
     return [
       {
@@ -2145,12 +2156,18 @@ const Sr = ({
     return {
       setAccordion: (e) => ({ chain: t }) => t().insertContent({
         type: "accordion",
-        attrs: e
+        attrs: e,
+        content: [
+          {
+            type: "paragraph",
+            content: [{ type: "text", text: "Accordion content" }]
+          }
+        ]
       }).run()
     };
   }
 });
-var Dt = { exports: {} }, ze = {}, Be = { exports: {} }, wr = {}, xt = { exports: {} }, qe = { exports: {} }, U = {};
+var kt = { exports: {} }, ze = {}, Be = { exports: {} }, wr = {}, xt = { exports: {} }, qe = { exports: {} }, F = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -2159,12 +2176,12 @@ var Dt = { exports: {} }, ze = {}, Be = { exports: {} }, wr = {}, xt = { exports
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var tr;
+var er;
 function Gi() {
-  if (tr) return U;
-  tr = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, m = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, b = e ? Symbol.for("react.forward_ref") : 60112, N = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, v = e ? Symbol.for("react.scope") : 60119;
-  function x(c) {
+  if (er) return F;
+  er = 1;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, m = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, v = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, g = e ? Symbol.for("react.scope") : 60119;
+  function N(c) {
     if (typeof c == "object" && c !== null) {
       var Y = c.$$typeof;
       switch (Y) {
@@ -2175,12 +2192,12 @@ function Gi() {
             case n:
             case a:
             case o:
-            case N:
+            case v:
               return c;
             default:
               switch (c = c && c.$$typeof, c) {
                 case u:
-                case b:
+                case y:
                 case A:
                 case S:
                 case s:
@@ -2195,37 +2212,37 @@ function Gi() {
     }
   }
   function E(c) {
-    return x(c) === p;
+    return N(c) === p;
   }
-  return U.AsyncMode = m, U.ConcurrentMode = p, U.ContextConsumer = u, U.ContextProvider = s, U.Element = t, U.ForwardRef = b, U.Fragment = n, U.Lazy = A, U.Memo = S, U.Portal = r, U.Profiler = a, U.StrictMode = o, U.Suspense = N, U.isAsyncMode = function(c) {
-    return E(c) || x(c) === m;
-  }, U.isConcurrentMode = E, U.isContextConsumer = function(c) {
-    return x(c) === u;
-  }, U.isContextProvider = function(c) {
-    return x(c) === s;
-  }, U.isElement = function(c) {
+  return F.AsyncMode = m, F.ConcurrentMode = p, F.ContextConsumer = u, F.ContextProvider = s, F.Element = t, F.ForwardRef = y, F.Fragment = n, F.Lazy = A, F.Memo = S, F.Portal = r, F.Profiler = a, F.StrictMode = o, F.Suspense = v, F.isAsyncMode = function(c) {
+    return E(c) || N(c) === m;
+  }, F.isConcurrentMode = E, F.isContextConsumer = function(c) {
+    return N(c) === u;
+  }, F.isContextProvider = function(c) {
+    return N(c) === s;
+  }, F.isElement = function(c) {
     return typeof c == "object" && c !== null && c.$$typeof === t;
-  }, U.isForwardRef = function(c) {
-    return x(c) === b;
-  }, U.isFragment = function(c) {
-    return x(c) === n;
-  }, U.isLazy = function(c) {
-    return x(c) === A;
-  }, U.isMemo = function(c) {
-    return x(c) === S;
-  }, U.isPortal = function(c) {
-    return x(c) === r;
-  }, U.isProfiler = function(c) {
-    return x(c) === a;
-  }, U.isStrictMode = function(c) {
-    return x(c) === o;
-  }, U.isSuspense = function(c) {
-    return x(c) === N;
-  }, U.isValidElementType = function(c) {
-    return typeof c == "string" || typeof c == "function" || c === n || c === p || c === a || c === o || c === N || c === O || typeof c == "object" && c !== null && (c.$$typeof === A || c.$$typeof === S || c.$$typeof === s || c.$$typeof === u || c.$$typeof === b || c.$$typeof === B || c.$$typeof === W || c.$$typeof === v || c.$$typeof === $);
-  }, U.typeOf = x, U;
+  }, F.isForwardRef = function(c) {
+    return N(c) === y;
+  }, F.isFragment = function(c) {
+    return N(c) === n;
+  }, F.isLazy = function(c) {
+    return N(c) === A;
+  }, F.isMemo = function(c) {
+    return N(c) === S;
+  }, F.isPortal = function(c) {
+    return N(c) === r;
+  }, F.isProfiler = function(c) {
+    return N(c) === a;
+  }, F.isStrictMode = function(c) {
+    return N(c) === o;
+  }, F.isSuspense = function(c) {
+    return N(c) === v;
+  }, F.isValidElementType = function(c) {
+    return typeof c == "string" || typeof c == "function" || c === n || c === p || c === a || c === o || c === v || c === O || typeof c == "object" && c !== null && (c.$$typeof === A || c.$$typeof === S || c.$$typeof === s || c.$$typeof === u || c.$$typeof === y || c.$$typeof === B || c.$$typeof === W || c.$$typeof === g || c.$$typeof === $);
+  }, F.typeOf = N, F;
 }
-var F = {};
+var U = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -2234,33 +2251,33 @@ var F = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var rr;
+var tr;
 function Ji() {
-  return rr || (rr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, m = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, b = e ? Symbol.for("react.forward_ref") : 60112, N = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, v = e ? Symbol.for("react.scope") : 60119;
-    function x(h) {
-      return typeof h == "string" || typeof h == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      h === n || h === p || h === a || h === o || h === N || h === O || typeof h == "object" && h !== null && (h.$$typeof === A || h.$$typeof === S || h.$$typeof === s || h.$$typeof === u || h.$$typeof === b || h.$$typeof === B || h.$$typeof === W || h.$$typeof === v || h.$$typeof === $);
+  return tr || (tr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, m = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, v = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, g = e ? Symbol.for("react.scope") : 60119;
+    function N(b) {
+      return typeof b == "string" || typeof b == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      b === n || b === p || b === a || b === o || b === v || b === O || typeof b == "object" && b !== null && (b.$$typeof === A || b.$$typeof === S || b.$$typeof === s || b.$$typeof === u || b.$$typeof === y || b.$$typeof === B || b.$$typeof === W || b.$$typeof === g || b.$$typeof === $);
     }
-    function E(h) {
-      if (typeof h == "object" && h !== null) {
-        var pe = h.$$typeof;
+    function E(b) {
+      if (typeof b == "object" && b !== null) {
+        var pe = b.$$typeof;
         switch (pe) {
           case t:
-            var Re = h.type;
+            var Re = b.type;
             switch (Re) {
               case m:
               case p:
               case n:
               case a:
               case o:
-              case N:
+              case v:
                 return Re;
               default:
                 var ke = Re && Re.$$typeof;
                 switch (ke) {
                   case u:
-                  case b:
+                  case y:
                   case A:
                   case S:
                   case s:
@@ -2274,62 +2291,62 @@ function Ji() {
         }
       }
     }
-    var c = m, Y = p, P = u, Q = s, de = t, fe = b, ye = n, Ee = A, ee = S, Z = r, me = a, oe = o, le = N, ge = !1;
-    function Se(h) {
-      return ge || (ge = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), f(h) || E(h) === m;
+    var c = m, Y = p, T = u, Q = s, de = t, fe = y, ye = n, Ee = A, ee = S, Z = r, me = a, oe = o, le = v, ge = !1;
+    function Se(b) {
+      return ge || (ge = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), f(b) || E(b) === m;
     }
-    function f(h) {
-      return E(h) === p;
+    function f(b) {
+      return E(b) === p;
     }
-    function g(h) {
-      return E(h) === u;
+    function x(b) {
+      return E(b) === u;
     }
-    function T(h) {
-      return E(h) === s;
+    function P(b) {
+      return E(b) === s;
     }
-    function R(h) {
-      return typeof h == "object" && h !== null && h.$$typeof === t;
+    function R(b) {
+      return typeof b == "object" && b !== null && b.$$typeof === t;
     }
-    function C(h) {
-      return E(h) === b;
+    function C(b) {
+      return E(b) === y;
     }
-    function z(h) {
-      return E(h) === n;
+    function z(b) {
+      return E(b) === n;
     }
-    function k(h) {
-      return E(h) === A;
+    function k(b) {
+      return E(b) === A;
     }
-    function _(h) {
-      return E(h) === S;
+    function _(b) {
+      return E(b) === S;
     }
-    function j(h) {
-      return E(h) === r;
+    function j(b) {
+      return E(b) === r;
     }
-    function H(h) {
-      return E(h) === a;
+    function H(b) {
+      return E(b) === a;
     }
-    function M(h) {
-      return E(h) === o;
+    function M(b) {
+      return E(b) === o;
     }
-    function te(h) {
-      return E(h) === N;
+    function te(b) {
+      return E(b) === v;
     }
-    F.AsyncMode = c, F.ConcurrentMode = Y, F.ContextConsumer = P, F.ContextProvider = Q, F.Element = de, F.ForwardRef = fe, F.Fragment = ye, F.Lazy = Ee, F.Memo = ee, F.Portal = Z, F.Profiler = me, F.StrictMode = oe, F.Suspense = le, F.isAsyncMode = Se, F.isConcurrentMode = f, F.isContextConsumer = g, F.isContextProvider = T, F.isElement = R, F.isForwardRef = C, F.isFragment = z, F.isLazy = k, F.isMemo = _, F.isPortal = j, F.isProfiler = H, F.isStrictMode = M, F.isSuspense = te, F.isValidElementType = x, F.typeOf = E;
-  }()), F;
+    U.AsyncMode = c, U.ConcurrentMode = Y, U.ContextConsumer = T, U.ContextProvider = Q, U.Element = de, U.ForwardRef = fe, U.Fragment = ye, U.Lazy = Ee, U.Memo = ee, U.Portal = Z, U.Profiler = me, U.StrictMode = oe, U.Suspense = le, U.isAsyncMode = Se, U.isConcurrentMode = f, U.isContextConsumer = x, U.isContextProvider = P, U.isElement = R, U.isForwardRef = C, U.isFragment = z, U.isLazy = k, U.isMemo = _, U.isPortal = j, U.isProfiler = H, U.isStrictMode = M, U.isSuspense = te, U.isValidElementType = N, U.typeOf = E;
+  }()), U;
 }
-var nr;
+var rr;
 function Cr() {
-  return nr || (nr = 1, process.env.NODE_ENV === "production" ? qe.exports = Gi() : qe.exports = Ji()), qe.exports;
+  return rr || (rr = 1, process.env.NODE_ENV === "production" ? qe.exports = Gi() : qe.exports = Ji()), qe.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var at, ir;
+var at, nr;
 function Zi() {
-  if (ir) return at;
-  ir = 1;
+  if (nr) return at;
+  nr = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
   function n(a) {
     if (a == null)
@@ -2345,24 +2362,24 @@ function Zi() {
         return !1;
       for (var s = {}, u = 0; u < 10; u++)
         s["_" + String.fromCharCode(u)] = u;
-      var m = Object.getOwnPropertyNames(s).map(function(b) {
-        return s[b];
+      var m = Object.getOwnPropertyNames(s).map(function(y) {
+        return s[y];
       });
       if (m.join("") !== "0123456789")
         return !1;
       var p = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(b) {
-        p[b] = b;
+      return "abcdefghijklmnopqrst".split("").forEach(function(y) {
+        p[y] = y;
       }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return at = o() ? Object.assign : function(a, s) {
-    for (var u, m = n(a), p, b = 1; b < arguments.length; b++) {
-      u = Object(arguments[b]);
-      for (var N in u)
-        t.call(u, N) && (m[N] = u[N]);
+    for (var u, m = n(a), p, y = 1; y < arguments.length; y++) {
+      u = Object(arguments[y]);
+      for (var v in u)
+        t.call(u, v) && (m[v] = u[v]);
       if (e) {
         p = e(u);
         for (var O = 0; O < p.length; O++)
@@ -2372,25 +2389,25 @@ function Zi() {
     return m;
   }, at;
 }
-var st, or;
-function _t() {
-  if (or) return st;
-  or = 1;
+var st, ir;
+function Dt() {
+  if (ir) return st;
+  ir = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return st = e, st;
 }
-var lt, ar;
+var lt, or;
 function kr() {
-  return ar || (ar = 1, lt = Function.call.bind(Object.prototype.hasOwnProperty)), lt;
+  return or || (or = 1, lt = Function.call.bind(Object.prototype.hasOwnProperty)), lt;
 }
-var ct, sr;
+var ct, ar;
 function Qi() {
-  if (sr) return ct;
-  sr = 1;
+  if (ar) return ct;
+  ar = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = _t(), r = {}, n = kr();
+    var t = Dt(), r = {}, n = kr();
     e = function(a) {
       var s = "Warning: " + a;
       typeof console < "u" && console.error(s);
@@ -2402,27 +2419,27 @@ function Qi() {
   }
   function o(a, s, u, m, p) {
     if (process.env.NODE_ENV !== "production") {
-      for (var b in a)
-        if (n(a, b)) {
-          var N;
+      for (var y in a)
+        if (n(a, y)) {
+          var v;
           try {
-            if (typeof a[b] != "function") {
+            if (typeof a[y] != "function") {
               var O = Error(
-                (m || "React class") + ": " + u + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (m || "React class") + ": " + u + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw O.name = "Invariant Violation", O;
             }
-            N = a[b](s, b, m, u, null, t);
+            v = a[y](s, y, m, u, null, t);
           } catch (A) {
-            N = A;
+            v = A;
           }
-          if (N && !(N instanceof Error) && e(
-            (m || "React class") + ": type specification of " + u + " `" + b + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof N + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), N instanceof Error && !(N.message in r)) {
-            r[N.message] = !0;
+          if (v && !(v instanceof Error) && e(
+            (m || "React class") + ": type specification of " + u + " `" + y + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof v + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), v instanceof Error && !(v.message in r)) {
+            r[v.message] = !0;
             var S = p ? p() : "";
             e(
-              "Failed " + u + " type: " + N.message + (S ?? "")
+              "Failed " + u + " type: " + v.message + (S ?? "")
             );
           }
         }
@@ -2432,11 +2449,11 @@ function Qi() {
     process.env.NODE_ENV !== "production" && (r = {});
   }, ct = o, ct;
 }
-var ut, lr;
+var ut, sr;
 function eo() {
-  if (lr) return ut;
-  lr = 1;
-  var e = Cr(), t = Zi(), r = _t(), n = kr(), o = Qi(), a = function() {
+  if (sr) return ut;
+  sr = 1;
+  var e = Cr(), t = Zi(), r = Dt(), n = kr(), o = Qi(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(u) {
     var m = "Warning: " + u;
@@ -2450,11 +2467,11 @@ function eo() {
     return null;
   }
   return ut = function(u, m) {
-    var p = typeof Symbol == "function" && Symbol.iterator, b = "@@iterator";
-    function N(f) {
-      var g = f && (p && f[p] || f[b]);
-      if (typeof g == "function")
-        return g;
+    var p = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
+    function v(f) {
+      var x = f && (p && f[p] || f[y]);
+      if (typeof x == "function")
+        return x;
     }
     var O = "<<anonymous>>", S = {
       array: W("array"),
@@ -2465,41 +2482,41 @@ function eo() {
       object: W("object"),
       string: W("string"),
       symbol: W("symbol"),
-      any: v(),
-      arrayOf: x,
+      any: g(),
+      arrayOf: N,
       element: E(),
       elementType: c(),
       instanceOf: Y,
       node: fe(),
       objectOf: Q,
-      oneOf: P,
+      oneOf: T,
       oneOfType: de,
       shape: Ee,
       exact: ee
     };
-    function A(f, g) {
-      return f === g ? f !== 0 || 1 / f === 1 / g : f !== f && g !== g;
+    function A(f, x) {
+      return f === x ? f !== 0 || 1 / f === 1 / x : f !== f && x !== x;
     }
-    function $(f, g) {
-      this.message = f, this.data = g && typeof g == "object" ? g : {}, this.stack = "";
+    function $(f, x) {
+      this.message = f, this.data = x && typeof x == "object" ? x : {}, this.stack = "";
     }
     $.prototype = Error.prototype;
     function B(f) {
       if (process.env.NODE_ENV !== "production")
-        var g = {}, T = 0;
+        var x = {}, P = 0;
       function R(z, k, _, j, H, M, te) {
         if (j = j || O, M = M || _, te !== r) {
           if (m) {
-            var h = new Error(
+            var b = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw h.name = "Invariant Violation", h;
+            throw b.name = "Invariant Violation", b;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var pe = j + ":" + _;
-            !g[pe] && // Avoid spamming the console because they are often not actionable except for lib authors
-            T < 3 && (a(
+            !x[pe] && // Avoid spamming the console because they are often not actionable except for lib authors
+            P < 3 && (a(
               "You are manually calling a React.PropTypes validation function for the `" + M + "` prop on `" + j + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), g[pe] = !0, T++);
+            ), x[pe] = !0, P++);
           }
         }
         return k[_] == null ? z ? k[_] === null ? new $("The " + H + " `" + M + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new $("The " + H + " `" + M + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : f(k, _, j, H, M);
@@ -2508,8 +2525,8 @@ function eo() {
       return C.isRequired = R.bind(null, !0), C;
     }
     function W(f) {
-      function g(T, R, C, z, k, _) {
-        var j = T[R], H = oe(j);
+      function x(P, R, C, z, k, _) {
+        var j = P[R], H = oe(j);
         if (H !== f) {
           var M = le(j);
           return new $(
@@ -2519,16 +2536,16 @@ function eo() {
         }
         return null;
       }
-      return B(g);
+      return B(x);
     }
-    function v() {
+    function g() {
       return B(s);
     }
-    function x(f) {
-      function g(T, R, C, z, k) {
+    function N(f) {
+      function x(P, R, C, z, k) {
         if (typeof f != "function")
           return new $("Property `" + k + "` of component `" + C + "` has invalid PropType notation inside arrayOf.");
-        var _ = T[R];
+        var _ = P[R];
         if (!Array.isArray(_)) {
           var j = oe(_);
           return new $("Invalid " + z + " `" + k + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected an array."));
@@ -2540,11 +2557,11 @@ function eo() {
         }
         return null;
       }
-      return B(g);
+      return B(x);
     }
     function E() {
-      function f(g, T, R, C, z) {
-        var k = g[T];
+      function f(x, P, R, C, z) {
+        var k = x[P];
         if (!u(k)) {
           var _ = oe(k);
           return new $("Invalid " + C + " `" + z + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected a single ReactElement."));
@@ -2554,8 +2571,8 @@ function eo() {
       return B(f);
     }
     function c() {
-      function f(g, T, R, C, z) {
-        var k = g[T];
+      function f(x, P, R, C, z) {
+        var k = x[P];
         if (!e.isValidElementType(k)) {
           var _ = oe(k);
           return new $("Invalid " + C + " `" + z + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected a single ReactElement type."));
@@ -2565,37 +2582,37 @@ function eo() {
       return B(f);
     }
     function Y(f) {
-      function g(T, R, C, z, k) {
-        if (!(T[R] instanceof f)) {
-          var _ = f.name || O, j = Se(T[R]);
+      function x(P, R, C, z, k) {
+        if (!(P[R] instanceof f)) {
+          var _ = f.name || O, j = Se(P[R]);
           return new $("Invalid " + z + " `" + k + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected ") + ("instance of `" + _ + "`."));
         }
         return null;
       }
-      return B(g);
+      return B(x);
     }
-    function P(f) {
+    function T(f) {
       if (!Array.isArray(f))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : a("Invalid argument supplied to oneOf, expected an array.")), s;
-      function g(T, R, C, z, k) {
-        for (var _ = T[R], j = 0; j < f.length; j++)
+      function x(P, R, C, z, k) {
+        for (var _ = P[R], j = 0; j < f.length; j++)
           if (A(_, f[j]))
             return null;
-        var H = JSON.stringify(f, function(te, h) {
-          var pe = le(h);
-          return pe === "symbol" ? String(h) : h;
+        var H = JSON.stringify(f, function(te, b) {
+          var pe = le(b);
+          return pe === "symbol" ? String(b) : b;
         });
         return new $("Invalid " + z + " `" + k + "` of value `" + String(_) + "` " + ("supplied to `" + C + "`, expected one of " + H + "."));
       }
-      return B(g);
+      return B(x);
     }
     function Q(f) {
-      function g(T, R, C, z, k) {
+      function x(P, R, C, z, k) {
         if (typeof f != "function")
           return new $("Property `" + k + "` of component `" + C + "` has invalid PropType notation inside objectOf.");
-        var _ = T[R], j = oe(_);
+        var _ = P[R], j = oe(_);
         if (j !== "object")
           return new $("Invalid " + z + " `" + k + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected an object."));
         for (var H in _)
@@ -2606,24 +2623,24 @@ function eo() {
           }
         return null;
       }
-      return B(g);
+      return B(x);
     }
     function de(f) {
       if (!Array.isArray(f))
         return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), s;
-      for (var g = 0; g < f.length; g++) {
-        var T = f[g];
-        if (typeof T != "function")
+      for (var x = 0; x < f.length; x++) {
+        var P = f[x];
+        if (typeof P != "function")
           return a(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ge(T) + " at index " + g + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ge(P) + " at index " + x + "."
           ), s;
       }
       function R(C, z, k, _, j) {
         for (var H = [], M = 0; M < f.length; M++) {
-          var te = f[M], h = te(C, z, k, _, j, r);
-          if (h == null)
+          var te = f[M], b = te(C, z, k, _, j, r);
+          if (b == null)
             return null;
-          h.data && n(h.data, "expectedType") && H.push(h.data.expectedType);
+          b.data && n(b.data, "expectedType") && H.push(b.data.expectedType);
         }
         var pe = H.length > 0 ? ", expected one of type [" + H.join(", ") + "]" : "";
         return new $("Invalid " + _ + " `" + j + "` supplied to " + ("`" + k + "`" + pe + "."));
@@ -2631,19 +2648,19 @@ function eo() {
       return B(R);
     }
     function fe() {
-      function f(g, T, R, C, z) {
-        return Z(g[T]) ? null : new $("Invalid " + C + " `" + z + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
+      function f(x, P, R, C, z) {
+        return Z(x[P]) ? null : new $("Invalid " + C + " `" + z + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
       }
       return B(f);
     }
-    function ye(f, g, T, R, C) {
+    function ye(f, x, P, R, C) {
       return new $(
-        (f || "React class") + ": " + g + " type `" + T + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + C + "`."
+        (f || "React class") + ": " + x + " type `" + P + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + C + "`."
       );
     }
     function Ee(f) {
-      function g(T, R, C, z, k) {
-        var _ = T[R], j = oe(_);
+      function x(P, R, C, z, k) {
+        var _ = P[R], j = oe(_);
         if (j !== "object")
           return new $("Invalid " + z + " `" + k + "` of type `" + j + "` " + ("supplied to `" + C + "`, expected `object`."));
         for (var H in f) {
@@ -2656,30 +2673,30 @@ function eo() {
         }
         return null;
       }
-      return B(g);
+      return B(x);
     }
     function ee(f) {
-      function g(T, R, C, z, k) {
-        var _ = T[R], j = oe(_);
+      function x(P, R, C, z, k) {
+        var _ = P[R], j = oe(_);
         if (j !== "object")
           return new $("Invalid " + z + " `" + k + "` of type `" + j + "` " + ("supplied to `" + C + "`, expected `object`."));
-        var H = t({}, T[R], f);
+        var H = t({}, P[R], f);
         for (var M in H) {
           var te = f[M];
           if (n(f, M) && typeof te != "function")
             return ye(C, z, k, M, le(te));
           if (!te)
             return new $(
-              "Invalid " + z + " `" + k + "` key `" + M + "` supplied to `" + C + "`.\nBad object: " + JSON.stringify(T[R], null, "  ") + `
+              "Invalid " + z + " `" + k + "` key `" + M + "` supplied to `" + C + "`.\nBad object: " + JSON.stringify(P[R], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
             );
-          var h = te(_, M, C, z, k + "." + M, r);
-          if (h)
-            return h;
+          var b = te(_, M, C, z, k + "." + M, r);
+          if (b)
+            return b;
         }
         return null;
       }
-      return B(g);
+      return B(x);
     }
     function Z(f) {
       switch (typeof f) {
@@ -2694,15 +2711,15 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
             return f.every(Z);
           if (f === null || u(f))
             return !0;
-          var g = N(f);
-          if (g) {
-            var T = g.call(f), R;
-            if (g !== f.entries) {
-              for (; !(R = T.next()).done; )
+          var x = v(f);
+          if (x) {
+            var P = x.call(f), R;
+            if (x !== f.entries) {
+              for (; !(R = P.next()).done; )
                 if (!Z(R.value))
                   return !1;
             } else
-              for (; !(R = T.next()).done; ) {
+              for (; !(R = P.next()).done; ) {
                 var C = R.value;
                 if (C && !Z(C[1]))
                   return !1;
@@ -2714,37 +2731,37 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
           return !1;
       }
     }
-    function me(f, g) {
-      return f === "symbol" ? !0 : g ? g["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && g instanceof Symbol : !1;
+    function me(f, x) {
+      return f === "symbol" ? !0 : x ? x["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && x instanceof Symbol : !1;
     }
     function oe(f) {
-      var g = typeof f;
-      return Array.isArray(f) ? "array" : f instanceof RegExp ? "object" : me(g, f) ? "symbol" : g;
+      var x = typeof f;
+      return Array.isArray(f) ? "array" : f instanceof RegExp ? "object" : me(x, f) ? "symbol" : x;
     }
     function le(f) {
       if (typeof f > "u" || f === null)
         return "" + f;
-      var g = oe(f);
-      if (g === "object") {
+      var x = oe(f);
+      if (x === "object") {
         if (f instanceof Date)
           return "date";
         if (f instanceof RegExp)
           return "regexp";
       }
-      return g;
+      return x;
     }
     function ge(f) {
-      var g = le(f);
-      switch (g) {
+      var x = le(f);
+      switch (x) {
         case "array":
         case "object":
-          return "an " + g;
+          return "an " + x;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + g;
+          return "a " + x;
         default:
-          return g;
+          return x;
       }
     }
     function Se(f) {
@@ -2753,18 +2770,18 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
     return S.checkPropTypes = o, S.resetWarningCache = o.resetWarningCache, S.PropTypes = S, S;
   }, ut;
 }
-var dt, cr;
+var dt, lr;
 function to() {
-  if (cr) return dt;
-  cr = 1;
-  var e = _t();
+  if (lr) return dt;
+  lr = 1;
+  var e = Dt();
   function t() {
   }
   function r() {
   }
   return r.resetWarningCache = t, dt = function() {
-    function n(s, u, m, p, b, N) {
-      if (N !== e) {
+    function n(s, u, m, p, y, v) {
+      if (v !== e) {
         var O = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
@@ -2814,14 +2831,14 @@ function Dr(e) {
   else for (t in e) e[t] && (n && (n += " "), n += t);
   return n;
 }
-function ur() {
+function cr() {
   for (var e, t, r = 0, n = ""; r < arguments.length; ) (e = arguments[r++]) && (t = Dr(e)) && (n && (n += " "), n += t);
   return n;
 }
 const io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  clsx: ur,
-  default: ur
+  clsx: cr,
+  default: cr
 }, Symbol.toStringTag, { value: "Module" })), oo = /* @__PURE__ */ On(io);
 var K = {}, xe = {};
 Object.defineProperty(xe, "__esModule", {
@@ -2884,17 +2901,17 @@ Oe.default = _r();
 Object.defineProperty(K, "__esModule", {
   value: !0
 });
-K.addClassName = Tr;
+K.addClassName = Pr;
 K.addEvent = ho;
 K.addUserSelectStyles = Do;
 K.createCSSTransform = So;
 K.createSVGTransform = wo;
 K.getTouch = Co;
 K.getTouchIdentifier = ko;
-K.getTranslation = Ot;
+K.getTranslation = _t;
 K.innerHeight = xo;
 K.innerWidth = No;
-K.matchesSelector = Pr;
+K.matchesSelector = Tr;
 K.matchesSelectorAndParentsTo = bo;
 K.offsetXYFromParent = Eo;
 K.outerHeight = vo;
@@ -2902,7 +2919,7 @@ K.outerWidth = go;
 K.removeClassName = jr;
 K.removeEvent = yo;
 K.removeUserSelectStyles = _o;
-var ue = xe, dr = po(Oe);
+var ue = xe, ur = po(Oe);
 function Rr(e) {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
@@ -2927,7 +2944,7 @@ function po(e, t) {
   return n.default = e, r && r.set(e, n), n;
 }
 let Ye = "";
-function Pr(e, t) {
+function Tr(e, t) {
   return Ye || (Ye = (0, ue.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(r) {
     return (0, ue.isFunction)(e[r]);
   })), (0, ue.isFunction)(e[Ye]) ? e[Ye](t) : !1;
@@ -2935,7 +2952,7 @@ function Pr(e, t) {
 function bo(e, t, r) {
   let n = e;
   do {
-    if (Pr(n, t)) return !0;
+    if (Tr(n, t)) return !0;
     if (n === r) return !1;
     n = n.parentNode;
   } while (n);
@@ -2988,15 +3005,15 @@ function Eo(e, t, r) {
   };
 }
 function So(e, t) {
-  const r = Ot(e, t, "px");
+  const r = _t(e, t, "px");
   return {
-    [(0, dr.browserPrefixToKey)("transform", dr.default)]: r
+    [(0, ur.browserPrefixToKey)("transform", ur.default)]: r
   };
 }
 function wo(e, t) {
-  return Ot(e, t, "");
+  return _t(e, t, "");
 }
-function Ot(e, t, r) {
+function _t(e, t, r) {
   let {
     x: n,
     y: o
@@ -3019,7 +3036,7 @@ function Do(e) {
   let t = e.getElementById("react-draggable-style-el");
   t || (t = e.createElement("style"), t.type = "text/css", t.id = "react-draggable-style-el", t.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
 `, t.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
-`, e.getElementsByTagName("head")[0].appendChild(t)), e.body && Tr(e.body, "react-draggable-transparent-selection");
+`, e.getElementsByTagName("head")[0].appendChild(t)), e.body && Pr(e.body, "react-draggable-transparent-selection");
 }
 function _o(e) {
   if (e)
@@ -3033,7 +3050,7 @@ function _o(e) {
     } catch {
     }
 }
-function Tr(e, t) {
+function Pr(e, t) {
   e.classList ? e.classList.add(t) : e.className.match(new RegExp("(?:^|\\s)".concat(t, "(?!\\S)"))) || (e.className += " ".concat(t));
 }
 function jr(e, t) {
@@ -3043,8 +3060,8 @@ var Ne = {};
 Object.defineProperty(Ne, "__esModule", {
   value: !0
 });
-Ne.canDragX = Po;
-Ne.canDragY = To;
+Ne.canDragX = To;
+Ne.canDragY = Po;
 Ne.createCoreData = Mo;
 Ne.createDraggableData = Vo;
 Ne.getBoundPosition = Oo;
@@ -3057,7 +3074,7 @@ function Oo(e, t, r) {
     bounds: n
   } = e.props;
   n = typeof n == "string" ? n : Ao(n);
-  const o = Rt(e);
+  const o = Ot(e);
   if (typeof n == "string") {
     const {
       ownerDocument: a
@@ -3065,12 +3082,12 @@ function Oo(e, t, r) {
     let u;
     if (n === "parent" ? u = o.parentNode : u = a.querySelector(n), !(u instanceof s.HTMLElement))
       throw new Error('Bounds selector "' + n + '" could not find an element.');
-    const m = u, p = s.getComputedStyle(o), b = s.getComputedStyle(m);
+    const m = u, p = s.getComputedStyle(o), y = s.getComputedStyle(m);
     n = {
-      left: -o.offsetLeft + (0, ce.int)(b.paddingLeft) + (0, ce.int)(p.marginLeft),
-      top: -o.offsetTop + (0, ce.int)(b.paddingTop) + (0, ce.int)(p.marginTop),
-      right: (0, je.innerWidth)(m) - (0, je.outerWidth)(o) - o.offsetLeft + (0, ce.int)(b.paddingRight) - (0, ce.int)(p.marginRight),
-      bottom: (0, je.innerHeight)(m) - (0, je.outerHeight)(o) - o.offsetTop + (0, ce.int)(b.paddingBottom) - (0, ce.int)(p.marginBottom)
+      left: -o.offsetLeft + (0, ce.int)(y.paddingLeft) + (0, ce.int)(p.marginLeft),
+      top: -o.offsetTop + (0, ce.int)(y.paddingTop) + (0, ce.int)(p.marginTop),
+      right: (0, je.innerWidth)(m) - (0, je.outerWidth)(o) - o.offsetLeft + (0, ce.int)(y.paddingRight) - (0, ce.int)(p.marginRight),
+      bottom: (0, je.innerHeight)(m) - (0, je.outerHeight)(o) - o.offsetTop + (0, ce.int)(y.paddingBottom) - (0, ce.int)(p.marginBottom)
     };
   }
   return (0, ce.isNum)(n.right) && (t = Math.min(t, n.right)), (0, ce.isNum)(n.bottom) && (r = Math.min(r, n.bottom)), (0, ce.isNum)(n.left) && (t = Math.max(t, n.left)), (0, ce.isNum)(n.top) && (r = Math.max(r, n.top)), [t, r];
@@ -3079,20 +3096,20 @@ function Ro(e, t, r) {
   const n = Math.round(t / e[0]) * e[0], o = Math.round(r / e[1]) * e[1];
   return [n, o];
 }
-function Po(e) {
+function To(e) {
   return e.props.axis === "both" || e.props.axis === "x";
 }
-function To(e) {
+function Po(e) {
   return e.props.axis === "both" || e.props.axis === "y";
 }
 function jo(e, t, r) {
   const n = typeof t == "number" ? (0, je.getTouch)(e, t) : null;
   if (typeof t == "number" && !n) return null;
-  const o = Rt(r), a = r.props.offsetParent || o.offsetParent || o.ownerDocument.body;
+  const o = Ot(r), a = r.props.offsetParent || o.offsetParent || o.ownerDocument.body;
   return (0, je.offsetXYFromParent)(n || e, a, r.props.scale);
 }
 function Mo(e, t, r) {
-  const n = !(0, ce.isNum)(e.lastX), o = Rt(e);
+  const n = !(0, ce.isNum)(e.lastX), o = Ot(e);
   return n ? {
     node: o,
     deltaX: 0,
@@ -3131,7 +3148,7 @@ function Ao(e) {
     bottom: e.bottom
   };
 }
-function Rt(e) {
+function Ot(e) {
   const t = e.findDOMNode();
   if (!t)
     throw new Error("<DraggableCore>: Unmounted during event!");
@@ -3148,8 +3165,8 @@ Object.defineProperty(Ke, "__esModule", {
   value: !0
 });
 Ke.default = void 0;
-var mt = Io(_e), se = Pt(Xe), zo = Pt(Nr), re = K, we = Ne, pt = xe, Ae = Pt(Ge);
-function Pt(e) {
+var mt = Io(_e), se = Rt(Xe), zo = Rt(Nr), re = K, we = Ne, pt = xe, Ae = Rt(Ge);
+function Rt(e) {
   return e && e.__esModule ? e : { default: e };
 }
 function Mr(e) {
@@ -3454,67 +3471,67 @@ ie(Je, "defaultProps", {
       return m.default;
     }
   }), e.default = void 0;
-  var t = O(_e), r = b(Xe), n = b(Nr), o = b(oo), a = K, s = Ne, u = xe, m = b(Ke), p = b(Ge);
-  function b(v) {
-    return v && v.__esModule ? v : { default: v };
+  var t = O(_e), r = y(Xe), n = y(Nr), o = y(oo), a = K, s = Ne, u = xe, m = y(Ke), p = y(Ge);
+  function y(g) {
+    return g && g.__esModule ? g : { default: g };
   }
-  function N(v) {
+  function v(g) {
     if (typeof WeakMap != "function") return null;
-    var x = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap();
-    return (N = function(c) {
-      return c ? E : x;
-    })(v);
+    var N = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap();
+    return (v = function(c) {
+      return c ? E : N;
+    })(g);
   }
-  function O(v, x) {
-    if (v && v.__esModule)
-      return v;
-    if (v === null || typeof v != "object" && typeof v != "function")
-      return { default: v };
-    var E = N(x);
-    if (E && E.has(v))
-      return E.get(v);
+  function O(g, N) {
+    if (g && g.__esModule)
+      return g;
+    if (g === null || typeof g != "object" && typeof g != "function")
+      return { default: g };
+    var E = v(N);
+    if (E && E.has(g))
+      return E.get(g);
     var c = {}, Y = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for (var P in v)
-      if (P !== "default" && Object.prototype.hasOwnProperty.call(v, P)) {
-        var Q = Y ? Object.getOwnPropertyDescriptor(v, P) : null;
-        Q && (Q.get || Q.set) ? Object.defineProperty(c, P, Q) : c[P] = v[P];
+    for (var T in g)
+      if (T !== "default" && Object.prototype.hasOwnProperty.call(g, T)) {
+        var Q = Y ? Object.getOwnPropertyDescriptor(g, T) : null;
+        Q && (Q.get || Q.set) ? Object.defineProperty(c, T, Q) : c[T] = g[T];
       }
-    return c.default = v, E && E.set(v, c), c;
+    return c.default = g, E && E.set(g, c), c;
   }
   function S() {
-    return S = Object.assign ? Object.assign.bind() : function(v) {
-      for (var x = 1; x < arguments.length; x++) {
-        var E = arguments[x];
+    return S = Object.assign ? Object.assign.bind() : function(g) {
+      for (var N = 1; N < arguments.length; N++) {
+        var E = arguments[N];
         for (var c in E)
-          Object.prototype.hasOwnProperty.call(E, c) && (v[c] = E[c]);
+          Object.prototype.hasOwnProperty.call(E, c) && (g[c] = E[c]);
       }
-      return v;
+      return g;
     }, S.apply(this, arguments);
   }
-  function A(v, x, E) {
-    return x = $(x), x in v ? Object.defineProperty(v, x, { value: E, enumerable: !0, configurable: !0, writable: !0 }) : v[x] = E, v;
+  function A(g, N, E) {
+    return N = $(N), N in g ? Object.defineProperty(g, N, { value: E, enumerable: !0, configurable: !0, writable: !0 }) : g[N] = E, g;
   }
-  function $(v) {
-    var x = B(v, "string");
-    return typeof x == "symbol" ? x : String(x);
+  function $(g) {
+    var N = B(g, "string");
+    return typeof N == "symbol" ? N : String(N);
   }
-  function B(v, x) {
-    if (typeof v != "object" || v === null) return v;
-    var E = v[Symbol.toPrimitive];
+  function B(g, N) {
+    if (typeof g != "object" || g === null) return g;
+    var E = g[Symbol.toPrimitive];
     if (E !== void 0) {
-      var c = E.call(v, x || "default");
+      var c = E.call(g, N || "default");
       if (typeof c != "object") return c;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (x === "string" ? String : Number)(v);
+    return (N === "string" ? String : Number)(g);
   }
   class W extends t.Component {
     // React 16.3+
     // Arity (props, state)
-    static getDerivedStateFromProps(x, E) {
+    static getDerivedStateFromProps(N, E) {
       let {
         position: c
-      } = x, {
+      } = N, {
         prevPropsPosition: Y
       } = E;
       return c && (!Y || c.x !== Y.x || c.y !== Y.y) ? ((0, p.default)("Draggable: getDerivedStateFromProps %j", {
@@ -3528,8 +3545,8 @@ ie(Je, "defaultProps", {
         }
       }) : null;
     }
-    constructor(x) {
-      super(x), A(this, "onDragStart", (E, c) => {
+    constructor(N) {
+      super(N), A(this, "onDragStart", (E, c) => {
         if ((0, p.default)("Draggable: onDragStart: %j", c), this.props.onStart(E, (0, s.createDraggableData)(this, c)) === !1) return !1;
         this.setState({
           dragging: !0,
@@ -3538,7 +3555,7 @@ ie(Je, "defaultProps", {
       }), A(this, "onDrag", (E, c) => {
         if (!this.state.dragging) return !1;
         (0, p.default)("Draggable: onDrag: %j", c);
-        const Y = (0, s.createDraggableData)(this, c), P = {
+        const Y = (0, s.createDraggableData)(this, c), T = {
           x: Y.x,
           y: Y.y,
           slackX: 0,
@@ -3548,17 +3565,17 @@ ie(Je, "defaultProps", {
           const {
             x: de,
             y: fe
-          } = P;
-          P.x += this.state.slackX, P.y += this.state.slackY;
-          const [ye, Ee] = (0, s.getBoundPosition)(this, P.x, P.y);
-          P.x = ye, P.y = Ee, P.slackX = this.state.slackX + (de - P.x), P.slackY = this.state.slackY + (fe - P.y), Y.x = P.x, Y.y = P.y, Y.deltaX = P.x - this.state.x, Y.deltaY = P.y - this.state.y;
+          } = T;
+          T.x += this.state.slackX, T.y += this.state.slackY;
+          const [ye, Ee] = (0, s.getBoundPosition)(this, T.x, T.y);
+          T.x = ye, T.y = Ee, T.slackX = this.state.slackX + (de - T.x), T.slackY = this.state.slackY + (fe - T.y), Y.x = T.x, Y.y = T.y, Y.deltaX = T.x - this.state.x, Y.deltaY = T.y - this.state.y;
         }
         if (this.props.onDrag(E, Y) === !1) return !1;
-        this.setState(P);
+        this.setState(T);
       }), A(this, "onDragStop", (E, c) => {
         if (!this.state.dragging || this.props.onStop(E, (0, s.createDraggableData)(this, c)) === !1) return !1;
         (0, p.default)("Draggable: onDragStop: %j", c);
-        const P = {
+        const T = {
           dragging: !1,
           slackX: 0,
           slackY: 0
@@ -3568,26 +3585,26 @@ ie(Je, "defaultProps", {
             x: de,
             y: fe
           } = this.props.position;
-          P.x = de, P.y = fe;
+          T.x = de, T.y = fe;
         }
-        this.setState(P);
+        this.setState(T);
       }), this.state = {
         // Whether or not we are currently dragging.
         dragging: !1,
         // Whether or not we have been dragged before.
         dragged: !1,
         // Current transform x and y.
-        x: x.position ? x.position.x : x.defaultPosition.x,
-        y: x.position ? x.position.y : x.defaultPosition.y,
+        x: N.position ? N.position.x : N.defaultPosition.x,
+        y: N.position ? N.position.y : N.defaultPosition.y,
         prevPropsPosition: {
-          ...x.position
+          ...N.position
         },
         // Used for compensating for out-of-bounds drags
         slackX: 0,
         slackY: 0,
         // Can only determine if SVG after mounting
         isElementSVG: !1
-      }, x.position && !(x.onDrag || x.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
+      }, N.position && !(N.onDrag || N.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
     }
     componentDidMount() {
       typeof window.SVGElement < "u" && this.findDOMNode() instanceof window.SVGElement && this.setState({
@@ -3602,16 +3619,16 @@ ie(Je, "defaultProps", {
     // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
     // the underlying DOM node ourselves. See the README for more information.
     findDOMNode() {
-      var x, E;
-      return (x = (E = this.props) === null || E === void 0 || (E = E.nodeRef) === null || E === void 0 ? void 0 : E.current) !== null && x !== void 0 ? x : n.default.findDOMNode(this);
+      var N, E;
+      return (N = (E = this.props) === null || E === void 0 || (E = E.nodeRef) === null || E === void 0 ? void 0 : E.current) !== null && N !== void 0 ? N : n.default.findDOMNode(this);
     }
     render() {
       const {
-        axis: x,
+        axis: N,
         bounds: E,
         children: c,
         defaultPosition: Y,
-        defaultClassName: P,
+        defaultClassName: T,
         defaultClassNameDragging: Q,
         defaultClassNameDragged: de,
         position: fe,
@@ -3627,7 +3644,7 @@ ie(Je, "defaultProps", {
         y: (0, s.canDragY)(this) && le ? this.state.y : ge.y
       };
       this.state.isElementSVG ? me = (0, a.createSVGTransform)(Se, ye) : Z = (0, a.createCSSTransform)(Se, ye);
-      const f = (0, o.default)(c.props.className || "", P, {
+      const f = (0, o.default)(c.props.className || "", T, {
         [Q]: this.state.dragging,
         [de]: this.state.dragged
       });
@@ -3776,11 +3793,11 @@ Be.exports.DraggableCore = Wo;
 var qo = Be.exports, Tt = {};
 Tt.__esModule = !0;
 Tt.cloneElement = Ko;
-var Yo = Uo(_e);
-function Uo(e) {
+var Yo = Fo(_e);
+function Fo(e) {
   return e && e.__esModule ? e : { default: e };
 }
-function fr(e, t) {
+function dr(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -3790,18 +3807,18 @@ function fr(e, t) {
   }
   return r;
 }
-function mr(e) {
+function fr(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? fr(Object(r), !0).forEach(function(n) {
-      Fo(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : fr(Object(r)).forEach(function(n) {
+    t % 2 ? dr(Object(r), !0).forEach(function(n) {
+      Uo(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : dr(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function Fo(e, t, r) {
+function Uo(e, t, r) {
   return t = Bo(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
 function Bo(e) {
@@ -3819,7 +3836,7 @@ function Xo(e, t) {
   return (t === "string" ? String : Number)(e);
 }
 function Ko(e, t) {
-  return t.style && e.props.style && (t.style = mr(mr({}, e.props.style), t.style)), t.className && e.props.className && (t.className = e.props.className + " " + t.className), /* @__PURE__ */ Yo.default.cloneElement(e, t);
+  return t.style && e.props.style && (t.style = fr(fr({}, e.props.style), t.style)), t.className && e.props.className && (t.className = e.props.className + " " + t.className), /* @__PURE__ */ Yo.default.cloneElement(e, t);
 }
 var Ie = {};
 Ie.__esModule = !0;
@@ -3977,7 +3994,7 @@ function na(e, t) {
     o = n[a], !(t.indexOf(o) >= 0) && (r[o] = e[o]);
   return r;
 }
-function pr(e, t) {
+function mr(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -3990,9 +4007,9 @@ function pr(e, t) {
 function bt(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? pr(Object(r), !0).forEach(function(n) {
+    t % 2 ? mr(Object(r), !0).forEach(function(n) {
       ia(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : pr(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : mr(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
@@ -4023,7 +4040,7 @@ function Et(e, t) {
     return n.__proto__ = o, n;
   }, Et(e, t);
 }
-var jt = /* @__PURE__ */ function(e) {
+var Pt = /* @__PURE__ */ function(e) {
   sa(t, e);
   function t() {
     for (var n, o = arguments.length, a = new Array(o), s = 0; s < o; s++)
@@ -4039,15 +4056,15 @@ var jt = /* @__PURE__ */ function(e) {
     var s = this.props, u = s.minConstraints, m = s.maxConstraints, p = s.lockAspectRatio;
     if (!u && !m && !p) return [o, a];
     if (p) {
-      var b = this.props.width / this.props.height, N = o - this.props.width, O = a - this.props.height;
-      Math.abs(N) > Math.abs(O * b) ? a = o / b : o = a * b;
+      var y = this.props.width / this.props.height, v = o - this.props.width, O = a - this.props.height;
+      Math.abs(v) > Math.abs(O * y) ? a = o / y : o = a * y;
     }
     var S = o, A = a, $ = this.slack || [0, 0], B = $[0], W = $[1];
     return o += B, a += W, u && (o = Math.max(u[0], o), a = Math.max(u[1], a)), m && (o = Math.min(m[0], o), a = Math.min(m[1], a)), this.slack = [B + (S - o), W + (A - a)], [o, a];
   }, r.resizeHandler = function(o, a) {
     var s = this;
     return function(u, m) {
-      var p = m.node, b = m.deltaX, N = m.deltaY;
+      var p = m.node, y = m.deltaX, v = m.deltaY;
       o === "onResizeStart" && s.resetData();
       var O = (s.props.axis === "both" || s.props.axis === "x") && a !== "n" && a !== "s", S = (s.props.axis === "both" || s.props.axis === "y") && a !== "e" && a !== "w";
       if (!(!O && !S)) {
@@ -4055,21 +4072,21 @@ var jt = /* @__PURE__ */ function(e) {
         if (s.lastHandleRect != null) {
           if ($ === "w") {
             var W = B.left - s.lastHandleRect.left;
-            b += W;
+            y += W;
           }
           if (A === "n") {
-            var v = B.top - s.lastHandleRect.top;
-            N += v;
+            var g = B.top - s.lastHandleRect.top;
+            v += g;
           }
         }
-        s.lastHandleRect = B, $ === "w" && (b = -b), A === "n" && (N = -N);
-        var x = s.props.width + (O ? b / s.props.transformScale : 0), E = s.props.height + (S ? N / s.props.transformScale : 0), c = s.runConstraints(x, E);
-        x = c[0], E = c[1];
-        var Y = x !== s.props.width || E !== s.props.height, P = typeof s.props[o] == "function" ? s.props[o] : null, Q = o === "onResize" && !Y;
-        P && !Q && (u.persist == null || u.persist(), P(u, {
+        s.lastHandleRect = B, $ === "w" && (y = -y), A === "n" && (v = -v);
+        var N = s.props.width + (O ? y / s.props.transformScale : 0), E = s.props.height + (S ? v / s.props.transformScale : 0), c = s.runConstraints(N, E);
+        N = c[0], E = c[1];
+        var Y = N !== s.props.width || E !== s.props.height, T = typeof s.props[o] == "function" ? s.props[o] : null, Q = o === "onResize" && !Y;
+        T && !Q && (u.persist == null || u.persist(), T(u, {
           node: p,
           size: {
-            width: x,
+            width: N,
             height: E
           },
           handle: a
@@ -4096,25 +4113,25 @@ var jt = /* @__PURE__ */ function(e) {
     a.width, a.height, a.handle, a.handleSize, a.lockAspectRatio, a.axis, a.minConstraints, a.maxConstraints, a.onResize, a.onResizeStop, a.onResizeStart;
     var p = a.resizeHandles;
     a.transformScale;
-    var b = na(a, ta);
-    return (0, Qo.cloneElement)(s, bt(bt({}, b), {}, {
+    var y = na(a, ta);
+    return (0, Qo.cloneElement)(s, bt(bt({}, y), {}, {
       className: (u ? u + " " : "") + "react-resizable",
-      children: [].concat(s.props.children, p.map(function(N) {
-        var O, S = (O = o.handleRefs[N]) != null ? O : o.handleRefs[N] = /* @__PURE__ */ $e.createRef();
+      children: [].concat(s.props.children, p.map(function(v) {
+        var O, S = (O = o.handleRefs[v]) != null ? O : o.handleRefs[v] = /* @__PURE__ */ $e.createRef();
         return /* @__PURE__ */ $e.createElement(Zo.DraggableCore, Nt({}, m, {
           nodeRef: S,
-          key: "resizableHandle-" + N,
-          onStop: o.resizeHandler("onResizeStop", N),
-          onStart: o.resizeHandler("onResizeStart", N),
-          onDrag: o.resizeHandler("onResize", N)
-        }), o.renderResizeHandle(N, S));
+          key: "resizableHandle-" + v,
+          onStop: o.resizeHandler("onResizeStop", v),
+          onStart: o.resizeHandler("onResizeStart", v),
+          onDrag: o.resizeHandler("onResize", v)
+        }), o.renderResizeHandle(v, S));
       }))
     }));
   }, t;
 }($e.Component);
-ze.default = jt;
-jt.propTypes = ea.resizableProps;
-jt.defaultProps = {
+ze.default = Pt;
+Pt.propTypes = ea.resizableProps;
+Pt.defaultProps = {
   axis: "both",
   handleSize: [20, 20],
   lockAspectRatio: !1,
@@ -4163,7 +4180,7 @@ function St() {
     return e;
   }, St.apply(this, arguments);
 }
-function br(e, t) {
+function pr(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -4173,12 +4190,12 @@ function br(e, t) {
   }
   return r;
 }
-function Fe(e) {
+function Ue(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? br(Object(r), !0).forEach(function(n) {
+    t % 2 ? pr(Object(r), !0).forEach(function(n) {
       ma(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : br(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : pr(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
@@ -4245,7 +4262,7 @@ var Ir = /* @__PURE__ */ function(e) {
   return r.render = function() {
     var o = this.props, a = o.handle, s = o.handleSize;
     o.onResize;
-    var u = o.onResizeStart, m = o.onResizeStop, p = o.draggableOpts, b = o.minConstraints, N = o.maxConstraints, O = o.lockAspectRatio, S = o.axis;
+    var u = o.onResizeStart, m = o.onResizeStop, p = o.draggableOpts, y = o.minConstraints, v = o.maxConstraints, O = o.lockAspectRatio, S = o.axis;
     o.width, o.height;
     var A = o.resizeHandles, $ = o.style, B = o.transformScale, W = ha(o, da);
     return /* @__PURE__ */ ht.createElement(ca.default, {
@@ -4255,8 +4272,8 @@ var Ir = /* @__PURE__ */ function(e) {
       handleSize: s,
       height: this.state.height,
       lockAspectRatio: O,
-      maxConstraints: N,
-      minConstraints: b,
+      maxConstraints: v,
+      minConstraints: y,
       onResizeStart: u,
       onResize: this.onResize,
       onResizeStop: m,
@@ -4264,7 +4281,7 @@ var Ir = /* @__PURE__ */ function(e) {
       transformScale: B,
       width: this.state.width
     }, /* @__PURE__ */ ht.createElement("div", St({}, W, {
-      style: Fe(Fe({}, $), {}, {
+      style: Ue(Ue({}, $), {}, {
         width: this.state.width + "px",
         height: this.state.height + "px"
       })
@@ -4272,16 +4289,16 @@ var Ir = /* @__PURE__ */ function(e) {
   }, t;
 }(ht.Component);
 Ze.default = Ir;
-Ir.propTypes = Fe(Fe({}, ua.resizableProps), {}, {
+Ir.propTypes = Ue(Ue({}, ua.resizableProps), {}, {
   children: la.default.element
 });
-Dt.exports = function() {
+kt.exports = function() {
   throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
 };
-Dt.exports.Resizable = ze.default;
-var va = Dt.exports.ResizableBox = Ze.default;
+kt.exports.Resizable = ze.default;
+var va = kt.exports.ResizableBox = Ze.default;
 const ga = (e) => {
-  const { editor: t } = Ct();
+  const { editor: t } = cn();
   if (!t) return null;
   const { node: r, updateAttributes: n } = e, [o, a] = he({
     width: r.attrs.width || 300,
@@ -4289,9 +4306,9 @@ const ga = (e) => {
   }), [s, u] = he({
     left: r.attrs.marginLeft || 0,
     right: r.attrs.marginRight || 0
-  }), [m, p] = he(r.attrs.src || ""), b = sn(null);
-  ln(() => {
-    if (r.attrs.src && b.current) {
+  }), [m, p] = he(r.attrs.src || ""), y = sn(null);
+  hr(() => {
+    if (r.attrs.src && y.current) {
       const S = new Image();
       S.onload = () => {
         (!r.attrs.width || !r.attrs.height) && a({
@@ -4301,7 +4318,7 @@ const ga = (e) => {
       }, S.src = r.attrs.src;
     }
   }, [r.attrs.src]);
-  const N = (S, { size: A }) => {
+  const v = (S, { size: A }) => {
     a({
       width: A.width,
       height: A.height
@@ -4335,7 +4352,7 @@ const ga = (e) => {
             {
               width: o.width,
               height: o.height,
-              onResize: N,
+              onResize: v,
               minConstraints: [100, 100],
               maxConstraints: [800, 800],
               lockAspectRatio: !0,
@@ -4343,7 +4360,7 @@ const ga = (e) => {
               children: /* @__PURE__ */ l.jsxDEV(
                 "img",
                 {
-                  ref: b,
+                  ref: y,
                   src: r.attrs.src,
                   alt: "Uploaded",
                   className: "object-contain w-full h-full",
@@ -4370,7 +4387,7 @@ const ga = (e) => {
           ) : /* @__PURE__ */ l.jsxDEV(
             "img",
             {
-              ref: b,
+              ref: y,
               src: r.attrs.src,
               alt: "Uploaded",
               style: {
@@ -4621,9 +4638,9 @@ const ga = (e) => {
   }
 }), Na = [
   bn.configure({
-    types: [Bt.name, pn.name]
+    types: [Ut.name, pn.name]
   }),
-  Bt,
+  Ut,
   yn.configure({ multicolor: !0 }),
   hn.configure({
     bulletList: {
@@ -4669,36 +4686,32 @@ const ga = (e) => {
   editable: o = !0,
   onChange: a
 }) => {
-  const s = cn(() => Na, []), u = ({ editor: m }) => {
-    a && a(m.getHTML());
-  };
-  return /* @__PURE__ */ l.jsxDEV("div", { className: `cyber-editor-container ${r}`, children: /* @__PURE__ */ l.jsxDEV(
-    dn,
-    {
-      slotBefore: t === !0 ? /* @__PURE__ */ l.jsxDEV(Bi, {}, void 0, !1, {
-        fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
-        lineNumber: 27,
-        columnNumber: 51
-      }, void 0) : null,
-      extensions: s,
-      content: e,
-      editable: o,
-      onUpdate: u,
-      editorContainerProps: { className: `${n}` }
-    },
-    e,
-    !1,
-    {
+  const s = un({
+    extensions: Na,
+    content: e,
+    editable: o,
+    onUpdate: ({ editor: u }) => {
+      a && a(u.getHTML());
+    }
+  });
+  return hr(() => {
+    s && e !== s.getHTML() && s.commands.setContent(e, !1);
+  }, [s, e]), s ? /* @__PURE__ */ l.jsxDEV("div", { className: `cyber-editor-container ${r}`, children: [
+    t && /* @__PURE__ */ l.jsxDEV(Bi, { editor: s }, void 0, !1, {
+      fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
+      lineNumber: 36,
+      columnNumber: 28
+    }, void 0),
+    /* @__PURE__ */ l.jsxDEV(dn, { editor: s, className: n }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
-      lineNumber: 25,
+      lineNumber: 37,
       columnNumber: 13
-    },
-    void 0
-  ) }, void 0, !1, {
+    }, void 0)
+  ] }, void 0, !0, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
-    lineNumber: 24,
+    lineNumber: 35,
     columnNumber: 9
-  }, void 0);
+  }, void 0) : null;
 };
 export {
   Ya as CyberEditorProvider