@cyberskill/cyber-editor 2.0.1 → 2.0.3

package/dist/cyber-editor.es.js

@@ -1,25 +1,25 @@
-import ke, { forwardRef as br, createElement as bt, useState as ge, useRef as sn, useEffect as ln, useMemo as cn } from "react";
-import { useCurrentEditor as wt, NodeViewWrapper as yr, NodeViewContent as un, ReactNodeViewRenderer as vr, EditorProvider as dn } from "@tiptap/react";
-import { Tooltip as yt, ColorPicker as Ut, Dropdown as Ct, Menu as Ft, Modal as fn } from "antd";
-import pn from "@tiptap/extension-list-item";
-import { Color as mn } from "@tiptap/extension-color";
+import ke, { forwardRef as hr, createElement as yt, useState as he, useRef as yr, useEffect as vr } from "react";
+import { useCurrentEditor as Ct, NodeViewWrapper as gr, NodeViewContent as cn, ReactNodeViewRenderer as xr, EditorProvider as un } from "@tiptap/react";
+import { ColorPicker as dn, Tooltip as vt, Dropdown as kt, Menu as Ft, Modal as fn } from "antd";
+import mn from "@tiptap/extension-list-item";
+import { Color as pn } from "@tiptap/extension-color";
 import Bt from "@tiptap/extension-text-style";
-import hn from "@tiptap/starter-kit";
-import bn from "@tiptap/extension-highlight";
+import bn from "@tiptap/starter-kit";
+import hn from "@tiptap/extension-highlight";
 import yn from "@tiptap/extension-underline";
 import vn from "@tiptap/extension-subscript";
 import gn from "@tiptap/extension-superscript";
 import xn from "@tiptap/extension-text-align";
-import En from "@tiptap/extension-task-list";
-import Nn from "@tiptap/extension-task-item";
+import Nn from "@tiptap/extension-task-list";
+import En from "@tiptap/extension-task-item";
 import Sn from "@tiptap/extension-table";
 import wn from "@tiptap/extension-table-row";
 import Cn from "@tiptap/extension-table-header";
-import _n from "@tiptap/extension-table-cell";
-import { Node as gr, mergeAttributes as xr } from "@tiptap/core";
+import kn from "@tiptap/extension-table-cell";
+import { Node as Nr, mergeAttributes as Er } from "@tiptap/core";
 import Dn from "@tiptap/extension-image";
-import Er from "react-dom";
-function kn(e) {
+import Sr from "react-dom";
+function _n(e) {
   if (e.__esModule) return e;
   var t = e.default;
   if (typeof t == "function") {
@@ -38,7 +38,7 @@ function kn(e) {
     });
   }), r;
 }
-var vt = { exports: {} }, Le = {};
+var gt = { exports: {} }, Le = {};
 /**
  * @license React
  * react-jsx-dev-runtime.production.min.js
@@ -68,48 +68,48 @@ var We = {};
 var Kt;
 function Rn() {
   return Kt || (Kt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = ke, 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"), p = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), V = Symbol.iterator, $ = "@@iterator";
+    var e = ke, 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";
     function B(i) {
       if (i === null || typeof i != "object")
         return null;
-      var d = V && i[V] || i[$];
+      var d = A && i[A] || i[$];
       return typeof d == "function" ? d : null;
     }
     var W = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function v(i) {
       {
-        for (var d = arguments.length, b = new Array(d > 1 ? d - 1 : 0), w = 1; w < d; w++)
-          b[w - 1] = arguments[w];
-        x("error", i, b);
+        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);
       }
     }
-    function x(i, d, b) {
+    function x(i, d, y) {
       {
         var w = W.ReactDebugCurrentFrame, q = w.getStackAddendum();
-        q !== "" && (d += "%s", b = b.concat([q]));
-        var X = b.map(function(I) {
+        q !== "" && (d += "%s", y = y.concat([q]));
+        var X = y.map(function(I) {
           return String(I);
         });
         X.unshift("Warning: " + d), Function.prototype.apply.call(console[i], console, X);
       }
     }
-    var N = !1, c = !1, Y = !1, P = !1, Q = !1, de;
+    var E = !1, c = !1, Y = !1, P = !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 === m || i === y || P || i === S || N || c || Y || typeof i == "object" && i !== null && (i.$$typeof === O || i.$$typeof === E || i.$$typeof === s || i.$$typeof === u || i.$$typeof === p || // 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 === 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
       // 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 be(i, d, b) {
+    function ye(i, d, y) {
       var w = i.displayName;
       if (w)
         return w;
       var q = d.displayName || d.name || "";
-      return q !== "" ? b + "(" + q + ")" : b;
+      return q !== "" ? y + "(" + q + ")" : y;
     }
-    function Ne(i) {
+    function Ee(i) {
       return i.displayName || "Context";
     }
     function ee(i) {
@@ -128,22 +128,22 @@ function Rn() {
           return "Profiler";
         case o:
           return "StrictMode";
-        case m:
+        case p:
           return "Suspense";
-        case y:
+        case b:
           return "SuspenseList";
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
           case u:
             var d = i;
-            return Ne(d) + ".Consumer";
+            return Ee(d) + ".Consumer";
           case s:
-            var b = i;
-            return Ne(b._context) + ".Provider";
-          case p:
-            return be(i, i.render, "ForwardRef");
-          case E:
+            var y = i;
+            return Ee(y._context) + ".Provider";
+          case m:
+            return ye(i, i.render, "ForwardRef");
+          case N:
             var w = i.displayName || null;
             return w !== null ? w : ee(i.type) || "Memo";
           case O: {
@@ -157,14 +157,14 @@ function Rn() {
         }
       return null;
     }
-    var Z = Object.assign, pe = 0, oe, le, ve, Se, f, g, T;
+    var Z = Object.assign, me = 0, oe, le, ge, Se, f, g, T;
     function R() {
     }
     R.__reactDisabledLog = !0;
     function C() {
       {
-        if (pe === 0) {
-          oe = console.log, le = console.info, ve = console.warn, Se = console.error, f = console.group, g = console.groupCollapsed, T = console.groupEnd;
+        if (me === 0) {
+          oe = console.log, le = console.info, ge = console.warn, Se = console.error, f = console.group, g = console.groupCollapsed, T = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -181,12 +181,12 @@ function Rn() {
             groupEnd: i
           });
         }
-        pe++;
+        me++;
       }
     }
     function z() {
       {
-        if (pe--, pe === 0) {
+        if (me--, me === 0) {
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -200,7 +200,7 @@ function Rn() {
               value: le
             }),
             warn: Z({}, i, {
-              value: ve
+              value: ge
             }),
             error: Z({}, i, {
               value: Se
@@ -216,21 +216,21 @@ function Rn() {
             })
           });
         }
-        pe < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        me < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var _ = W.ReactCurrentDispatcher, k;
-    function j(i, d, b) {
+    var k = W.ReactCurrentDispatcher, _;
+    function j(i, d, y) {
       {
-        if (k === void 0)
+        if (_ === void 0)
           try {
             throw Error();
           } catch (q) {
             var w = q.stack.trim().match(/\n( *(at )?)/);
-            k = w && w[1] || "";
+            _ = w && w[1] || "";
           }
         return `
-` + k + i;
+` + _ + i;
       }
     }
     var H = !1, M;
@@ -242,16 +242,16 @@ function Rn() {
       if (!i || H)
         return "";
       {
-        var b = M.get(i);
-        if (b !== void 0)
-          return b;
+        var y = M.get(i);
+        if (y !== void 0)
+          return y;
       }
       var w;
       H = !0;
       var q = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var X;
-      X = _.current, _.current = null, C();
+      X = k.current, k.current = null, C();
       try {
         if (d) {
           var I = function() {
@@ -286,37 +286,37 @@ function Rn() {
         }
       } catch (ae) {
         if (ae && w && typeof ae.stack == "string") {
-          for (var A = ae.stack.split(`
+          for (var V = ae.stack.split(`
 `), ne = w.stack.split(`
-`), G = A.length - 1, J = ne.length - 1; G >= 1 && J >= 0 && A[G] !== ne[J]; )
+`), G = V.length - 1, J = ne.length - 1; G >= 1 && J >= 0 && V[G] !== ne[J]; )
             J--;
           for (; G >= 1 && J >= 0; G--, J--)
-            if (A[G] !== ne[J]) {
+            if (V[G] !== ne[J]) {
               if (G !== 1 || J !== 1)
                 do
-                  if (G--, J--, J < 0 || A[G] !== ne[J]) {
-                    var he = `
-` + A[G].replace(" at new ", " at ");
-                    return i.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", i.displayName)), typeof i == "function" && M.set(i, he), he;
+                  if (G--, J--, J < 0 || V[G] !== ne[J]) {
+                    var be = `
+` + V[G].replace(" at new ", " at ");
+                    return i.displayName && be.includes("<anonymous>") && (be = be.replace("<anonymous>", i.displayName)), typeof i == "function" && M.set(i, be), be;
                   }
                 while (G >= 1 && J >= 0);
               break;
             }
         }
       } finally {
-        H = !1, _.current = X, z(), Error.prepareStackTrace = q;
+        H = !1, k.current = X, z(), Error.prepareStackTrace = q;
       }
-      var Te = i ? i.displayName || i.name : "", De = Te ? j(Te) : "";
-      return typeof i == "function" && M.set(i, De), De;
+      var Te = i ? i.displayName || i.name : "", _e = Te ? j(Te) : "";
+      return typeof i == "function" && M.set(i, _e), _e;
     }
-    function me(i, d, b) {
+    function pe(i, d, y) {
       return h(i, !1);
     }
     function Re(i) {
       var d = i.prototype;
       return !!(d && d.isReactComponent);
     }
-    function _e(i, d, b) {
+    function De(i, d, y) {
       if (i == null)
         return "";
       if (typeof i == "function")
@@ -324,65 +324,65 @@ function Rn() {
       if (typeof i == "string")
         return j(i);
       switch (i) {
-        case m:
+        case p:
           return j("Suspense");
-        case y:
+        case b:
           return j("SuspenseList");
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
-          case p:
-            return me(i.render);
-          case E:
-            return _e(i.type, d, b);
+          case m:
+            return pe(i.render);
+          case N:
+            return De(i.type, d, y);
           case O: {
             var w = i, q = w._payload, X = w._init;
             try {
-              return _e(X(q), d, b);
+              return De(X(q), d, y);
             } catch {
             }
           }
         }
       return "";
     }
-    var Me = Object.prototype.hasOwnProperty, jt = {}, Mt = W.ReactDebugCurrentFrame;
+    var Me = Object.prototype.hasOwnProperty, Mt = {}, Vt = W.ReactDebugCurrentFrame;
     function He(i) {
       if (i) {
-        var d = i._owner, b = _e(i.type, i._source, d ? d.type : null);
-        Mt.setExtraStackFrame(b);
+        var d = i._owner, y = De(i.type, i._source, d ? d.type : null);
+        Vt.setExtraStackFrame(y);
       } else
-        Mt.setExtraStackFrame(null);
+        Vt.setExtraStackFrame(null);
     }
-    function Hr(i, d, b, w, q) {
+    function Wr(i, d, y, w, q) {
       {
         var X = Function.call.bind(Me);
         for (var I in i)
           if (X(i, I)) {
-            var A = void 0;
+            var V = void 0;
             try {
               if (typeof i[I] != "function") {
-                var ne = Error((w || "React class") + ": " + b + " 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") + ": " + 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`.");
                 throw ne.name = "Invariant Violation", ne;
               }
-              A = i[I](d, I, w, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              V = i[I](d, I, w, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (G) {
-              A = G;
+              V = G;
             }
-            A && !(A 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", b, I, typeof A), He(null)), A instanceof Error && !(A.message in jt) && (jt[A.message] = !0, He(q), v("Failed %s type: %s", b, A.message), He(null));
+            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));
           }
       }
     }
-    var Lr = Array.isArray;
-    function Ze(i) {
-      return Lr(i);
+    var qr = Array.isArray;
+    function Qe(i) {
+      return qr(i);
     }
-    function Wr(i) {
+    function Yr(i) {
       {
-        var d = typeof Symbol == "function" && Symbol.toStringTag, b = d && i[Symbol.toStringTag] || i.constructor.name || "Object";
-        return b;
+        var d = typeof Symbol == "function" && Symbol.toStringTag, y = d && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        return y;
       }
     }
-    function qr(i) {
+    function Ur(i) {
       try {
         return At(i), !1;
       } catch {
@@ -392,18 +392,18 @@ function Rn() {
     function At(i) {
       return "" + i;
     }
-    function Vt(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);
+    function $t(i) {
+      if (Ur(i))
+        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Yr(i)), At(i);
     }
-    var Ae = W.ReactCurrentOwner, Yr = {
+    var Ve = W.ReactCurrentOwner, Fr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, $t, zt, Qe;
-    Qe = {};
-    function Ur(i) {
+    }, zt, It, et;
+    et = {};
+    function Br(i) {
       if (Me.call(i, "ref")) {
         var d = Object.getOwnPropertyDescriptor(i, "ref").get;
         if (d && d.isReactWarning)
@@ -411,7 +411,7 @@ function Rn() {
       }
       return i.ref !== void 0;
     }
-    function Fr(i) {
+    function Xr(i) {
       if (Me.call(i, "key")) {
         var d = Object.getOwnPropertyDescriptor(i, "key").get;
         if (d && d.isReactWarning)
@@ -419,98 +419,98 @@ function Rn() {
       }
       return i.key !== void 0;
     }
-    function Br(i, d) {
-      if (typeof i.ref == "string" && Ae.current && d && Ae.current.stateNode !== d) {
-        var b = ee(Ae.current.type);
-        Qe[b] || (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(Ae.current.type), i.ref), Qe[b] = !0);
+    function Kr(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);
       }
     }
-    function Xr(i, d) {
+    function Gr(i, d) {
       {
-        var b = function() {
-          $t || ($t = !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 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));
         };
-        b.isReactWarning = !0, Object.defineProperty(i, "key", {
-          get: b,
+        y.isReactWarning = !0, Object.defineProperty(i, "key", {
+          get: y,
           configurable: !0
         });
       }
     }
-    function Kr(i, d) {
+    function Jr(i, d) {
       {
-        var b = function() {
-          zt || (zt = !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 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));
         };
-        b.isReactWarning = !0, Object.defineProperty(i, "ref", {
-          get: b,
+        y.isReactWarning = !0, Object.defineProperty(i, "ref", {
+          get: y,
           configurable: !0
         });
       }
     }
-    var Gr = function(i, d, b, w, q, X, I) {
-      var A = {
+    var Zr = function(i, d, y, 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: b,
+        ref: y,
         props: I,
         // Record the component responsible for creating this element.
         _owner: X
       };
-      return A._store = {}, Object.defineProperty(A._store, "validated", {
+      return V._store = {}, Object.defineProperty(V._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(A, "_self", {
+      }), Object.defineProperty(V, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: w
-      }), Object.defineProperty(A, "_source", {
+      }), Object.defineProperty(V, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: q
-      }), Object.freeze && (Object.freeze(A.props), Object.freeze(A)), A;
+      }), Object.freeze && (Object.freeze(V.props), Object.freeze(V)), V;
     };
-    function Jr(i, d, b, w, q) {
+    function Qr(i, d, y, w, q) {
       {
-        var X, I = {}, A = null, ne = null;
-        b !== void 0 && (Vt(b), A = "" + b), Fr(d) && (Vt(d.key), A = "" + d.key), Ur(d) && (ne = d.ref, Br(d, q));
+        var X, I = {}, V = null, ne = null;
+        y !== void 0 && ($t(y), V = "" + y), Xr(d) && ($t(d.key), V = "" + d.key), Br(d) && (ne = d.ref, Kr(d, q));
         for (X in d)
-          Me.call(d, X) && !Yr.hasOwnProperty(X) && (I[X] = d[X]);
+          Me.call(d, X) && !Fr.hasOwnProperty(X) && (I[X] = d[X]);
         if (i && i.defaultProps) {
           var G = i.defaultProps;
           for (X in G)
             I[X] === void 0 && (I[X] = G[X]);
         }
-        if (A || ne) {
+        if (V || ne) {
           var J = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          A && Xr(I, J), ne && Kr(I, J);
+          V && Gr(I, J), ne && Jr(I, J);
         }
-        return Gr(i, A, ne, q, w, Ae.current, I);
+        return Zr(i, V, ne, q, w, Ve.current, I);
       }
     }
-    var et = W.ReactCurrentOwner, It = W.ReactDebugCurrentFrame;
+    var tt = W.ReactCurrentOwner, Ht = W.ReactDebugCurrentFrame;
     function Pe(i) {
       if (i) {
-        var d = i._owner, b = _e(i.type, i._source, d ? d.type : null);
-        It.setExtraStackFrame(b);
+        var d = i._owner, y = De(i.type, i._source, d ? d.type : null);
+        Ht.setExtraStackFrame(y);
       } else
-        It.setExtraStackFrame(null);
+        Ht.setExtraStackFrame(null);
     }
-    var tt;
-    tt = !1;
-    function rt(i) {
+    var rt;
+    rt = !1;
+    function nt(i) {
       return typeof i == "object" && i !== null && i.$$typeof === t;
     }
-    function Ht() {
+    function Lt() {
       {
-        if (et.current) {
-          var i = ee(et.current.type);
+        if (tt.current) {
+          var i = ee(tt.current.type);
           if (i)
             return `
 
@@ -519,91 +519,91 @@ Check the render method of \`` + i + "`.";
         return "";
       }
     }
-    function Zr(i) {
+    function en(i) {
       {
         if (i !== void 0) {
-          var d = i.fileName.replace(/^.*[\\\/]/, ""), b = i.lineNumber;
+          var d = i.fileName.replace(/^.*[\\\/]/, ""), y = i.lineNumber;
           return `
 
-Check your code at ` + d + ":" + b + ".";
+Check your code at ` + d + ":" + y + ".";
         }
         return "";
       }
     }
-    var Lt = {};
-    function Qr(i) {
+    var Wt = {};
+    function tn(i) {
       {
-        var d = Ht();
+        var d = Lt();
         if (!d) {
-          var b = typeof i == "string" ? i : i.displayName || i.name;
-          b && (d = `
+          var y = typeof i == "string" ? i : i.displayName || i.name;
+          y && (d = `
 
-Check the top-level render call using <` + b + ">.");
+Check the top-level render call using <` + y + ">.");
         }
         return d;
       }
     }
-    function Wt(i, d) {
+    function qt(i, d) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var b = Qr(d);
-        if (Lt[b])
+        var y = tn(d);
+        if (Wt[y])
           return;
-        Lt[b] = !0;
+        Wt[y] = !0;
         var w = "";
-        i && i._owner && i._owner !== et.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.', b, w), Pe(null);
+        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);
       }
     }
-    function qt(i, d) {
+    function Yt(i, d) {
       {
         if (typeof i != "object")
           return;
-        if (Ze(i))
-          for (var b = 0; b < i.length; b++) {
-            var w = i[b];
-            rt(w) && Wt(w, d);
+        if (Qe(i))
+          for (var y = 0; y < i.length; y++) {
+            var w = i[y];
+            nt(w) && qt(w, d);
           }
-        else if (rt(i))
+        else if (nt(i))
           i._store && (i._store.validated = !0);
         else if (i) {
           var q = B(i);
           if (typeof q == "function" && q !== i.entries)
             for (var X = q.call(i), I; !(I = X.next()).done; )
-              rt(I.value) && Wt(I.value, d);
+              nt(I.value) && qt(I.value, d);
         }
       }
     }
-    function en(i) {
+    function rn(i) {
       {
         var d = i.type;
         if (d == null || typeof d == "string")
           return;
-        var b;
+        var y;
         if (typeof d == "function")
-          b = d.propTypes;
-        else if (typeof d == "object" && (d.$$typeof === p || // Note: Memo only checks outer props here.
+          y = 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 === E))
-          b = d.propTypes;
+        d.$$typeof === N))
+          y = d.propTypes;
         else
           return;
-        if (b) {
+        if (y) {
           var w = ee(d);
-          Hr(b, i.props, "prop", w, i);
-        } else if (d.PropTypes !== void 0 && !tt) {
-          tt = !0;
+          Wr(y, 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");
         }
         typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
-    function tn(i) {
+    function nn(i) {
       {
-        for (var d = Object.keys(i.props), b = 0; b < d.length; b++) {
-          var w = d[b];
+        for (var d = Object.keys(i.props), y = 0; y < d.length; y++) {
+          var w = d[y];
           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);
             break;
@@ -612,64 +612,64 @@ Check the top-level render call using <` + b + ">.");
         i.ref !== null && (Pe(i), v("Invalid attribute `ref` supplied to `React.Fragment`."), Pe(null));
       }
     }
-    var Yt = {};
-    function rn(i, d, b, w, q, X) {
+    var Ut = {};
+    function on(i, d, y, w, q, X) {
       {
         var I = fe(i);
         if (!I) {
-          var A = "";
-          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (A += " 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 ? A += ne : A += Ht();
+          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 = en(q);
+          ne ? V += ne : V += Lt();
           var G;
-          i === null ? G = "null" : Ze(i) ? G = "array" : i !== void 0 && i.$$typeof === t ? (G = "<" + (ee(i.type) || "Unknown") + " />", A = " 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, A);
+          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);
         }
-        var J = Jr(i, d, b, q, X);
+        var J = Qr(i, d, y, q, X);
         if (J == null)
           return J;
         if (I) {
-          var he = d.children;
-          if (he !== void 0)
+          var be = d.children;
+          if (be !== void 0)
             if (w)
-              if (Ze(he)) {
-                for (var Te = 0; Te < he.length; Te++)
-                  qt(he[Te], i);
-                Object.freeze && Object.freeze(he);
+              if (Qe(be)) {
+                for (var Te = 0; Te < be.length; Te++)
+                  Yt(be[Te], 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.");
             else
-              qt(he, i);
+              Yt(be, i);
         }
         if (Me.call(d, "key")) {
-          var De = ee(i), ae = Object.keys(d).filter(function(an) {
-            return an !== "key";
-          }), nt = ae.length > 0 ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Yt[De + nt]) {
-            var on = ae.length > 0 ? "{" + ae.join(": ..., ") + ": ...}" : "{}";
+          var _e = ee(i), ae = Object.keys(d).filter(function(ln) {
+            return ln !== "key";
+          }), it = ae.length > 0 ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Ut[_e + it]) {
+            var sn = ae.length > 0 ? "{" + ae.join(": ..., ") + ": ...}" : "{}";
             v(`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} />`, nt, De, on, De), Yt[De + nt] = !0;
+  <%s key={someKey} {...props} />`, it, _e, sn, _e), Ut[_e + it] = !0;
           }
         }
-        return i === n ? tn(J) : en(J), J;
+        return i === n ? nn(J) : rn(J), J;
       }
     }
-    var nn = rn;
-    We.Fragment = n, We.jsxDEV = nn;
+    var an = on;
+    We.Fragment = n, We.jsxDEV = an;
   }()), We;
 }
-process.env.NODE_ENV === "production" ? vt.exports = On() : vt.exports = Rn();
-var l = vt.exports;
+process.env.NODE_ENV === "production" ? gt.exports = On() : gt.exports = Rn();
+var l = gt.exports;
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Nr = (...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(), wr = (...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 Tn = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jn = br(
+const jn = hr(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -703,20 +703,20 @@ const jn = br(
     children: a,
     iconNode: s,
     ...u
-  }, p) => bt(
+  }, m) => yt(
     "svg",
     {
-      ref: p,
+      ref: m,
       ...Tn,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: n ? Number(r) * 24 / Number(t) : r,
-      className: Nr("lucide", o),
+      className: wr("lucide", o),
       ...u
     },
     [
-      ...s.map(([m, y]) => bt(m, y)),
+      ...s.map(([p, b]) => yt(p, b)),
       ...Array.isArray(a) ? a : [a]
     ]
   )
@@ -728,11 +728,11 @@ const jn = br(
  * See the LICENSE file in the root directory of this source tree.
  */
 const L = (e, t) => {
-  const r = br(
-    ({ className: n, ...o }, a) => bt(jn, {
+  const r = hr(
+    ({ className: n, ...o }, a) => yt(jn, {
       ref: a,
       iconNode: t,
-      className: Nr(`lucide-${Pn(e)}`, n),
+      className: wr(`lucide-${Pn(e)}`, n),
       ...o
     })
   );
@@ -748,18 +748,18 @@ const Mn = [
   ["path", { d: "M17 12H7", key: "16if0g" }],
   ["path", { d: "M19 18H5", key: "18s9l3" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
-], An = L("AlignCenter", Mn);
+], Vn = L("AlignCenter", Mn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vn = [
+const An = [
   ["path", { d: "M3 12h18", key: "1i2n21" }],
   ["path", { d: "M3 18h18", key: "1h113x" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }]
-], $n = L("AlignJustify", Vn);
+], $n = L("AlignJustify", An);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -832,7 +832,7 @@ const Gn = [
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "m17 12 3-2v8", key: "1hhhft" }]
-], it = L("Heading1", Gn);
+], ot = L("Heading1", Gn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -985,14 +985,14 @@ const ui = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fi = [["path", { d: "M5 12h14", key: "1ays0h" }]], pi = L("Minus", fi);
+const fi = [["path", { d: "M5 12h14", key: "1ays0h" }]], mi = L("Minus", fi);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const mi = [
+const pi = [
   [
     "path",
     { d: "m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z", key: "irua1i" }
@@ -1000,17 +1000,17 @@ const mi = [
   ["path", { d: "m5 2 5 5", key: "1lls2c" }],
   ["path", { d: "M2 13h15", key: "1hkzvu" }],
   ["path", { d: "M22 20a2 2 0 1 1-4 0c0-1.6 1.7-2.4 2-4 .3 1.6 2 2.4 2 4Z", key: "xk76lq" }]
-], hi = L("PaintBucket", mi);
+], bi = L("PaintBucket", pi);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const bi = [
+const hi = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
-], yi = L("Plus", bi);
+], yi = L("Plus", hi);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -1042,17 +1042,17 @@ const vi = [
 const xi = [
   ["path", { d: "M21 7v6h-6", key: "3ptur4" }],
   ["path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7", key: "1kgawr" }]
-], Ei = L("Redo", xi);
+], Ni = L("Redo", xi);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ni = [
+const Ei = [
   ["path", { d: "M21 10.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.5", key: "1uzm8b" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
-], Si = L("SquareCheckBig", Ni);
+], Si = L("SquareCheckBig", Ei);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -1070,7 +1070,7 @@ const wi = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _i = [
+const ki = [
   ["path", { d: "m4 5 8 8", key: "1eunvl" }],
   ["path", { d: "m12 5-8 8", key: "1ah0jp" }],
   [
@@ -1080,14 +1080,14 @@ const _i = [
       key: "e8ta8j"
     }
   ]
-], Di = L("Subscript", _i);
+], Di = L("Subscript", ki);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ki = [
+const _i = [
   ["path", { d: "m4 19 8-8", key: "hr47gm" }],
   ["path", { d: "m12 19-8-8", key: "1dhhmo" }],
   [
@@ -1097,7 +1097,7 @@ const ki = [
       key: "1dfcux"
     }
   ]
-], Oi = L("Superscript", ki);
+], Oi = L("Superscript", _i);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -1130,17 +1130,17 @@ const Ti = [
 const Mi = [
   ["path", { d: "M6 4v6a6 6 0 0 0 12 0V4", key: "9kb039" }],
   ["line", { x1: "4", x2: "20", y1: "20", y2: "20", key: "nun2al" }]
-], Ai = L("Underline", Mi);
+], Vi = L("Underline", Mi);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vi = [
+const Ai = [
   ["path", { d: "M3 7v6h6", key: "1v2h90" }],
   ["path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13", key: "1r6uu6" }]
-], $i = L("Undo", Vi);
+], $i = L("Undo", Ai);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -1152,12 +1152,12 @@ const zi = [
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ], Ii = L("X", zi);
 function Hi({ editor: e }) {
-  const [t, r] = ge(!1);
+  const [t, r] = he(!1);
   return /* @__PURE__ */ l.jsxDEV("div", { className: "relative", children: [
     /* @__PURE__ */ l.jsxDEV(
       "button",
       {
-        className: "fixed z-50 flex items-center justify-center w-12 h-12 text-white transition-all duration-300 bg-blue-500 rounded-full shadow-lg bottom-4 right-4 hover:bg-blue-600",
+        className: `p-1 text-black transition-all duration-300 rounded-md shadow-lg hover:bg-blue-100 hover:text-blue-600 ${t ? "bg-blue-100 text-blue-600" : ""}`,
         onClick: () => r(!t),
         children: t ? /* @__PURE__ */ l.jsxDEV(Ii, { size: 24 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
@@ -1183,7 +1183,7 @@ function Hi({ editor: e }) {
       {
         className: "fixed z-40 w-64 p-4 bg-white border border-gray-200 rounded-lg shadow-xl bottom-20 right-4 animate-slide-up",
         children: /* @__PURE__ */ l.jsxDEV("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ l.jsxDEV("h3", { className: "mb-3 text-lg font-semibold text-gray-700", children: "Insert Components" }, void 0, !1, {
+          /* @__PURE__ */ l.jsxDEV("h3", { className: "mb-3 font-bold text-center text-gray-700", children: "Cyber Extensions" }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
             lineNumber: 21,
             columnNumber: 25
@@ -1198,14 +1198,14 @@ function Hi({ editor: e }) {
                   content: [{ type: "paragraph", content: [{ type: "text", text: "Accordion content" }] }]
                 }).run();
               },
-              className: "flex items-center justify-center w-full gap-2 px-4 py-2 text-blue-600 duration-300 rounded-md bg-blue-50 hover:bg-blue-100 hover:text-blue-700",
+              className: "flex items-center justify-center w-full gap-2 px-3 py-1 text-blue-600 duration-300 rounded-md bg-blue-50 hover:bg-blue-100 hover:text-blue-700",
               children: [
                 /* @__PURE__ */ l.jsxDEV(yi, { size: 16 }, void 0, !1, {
                   fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
                   lineNumber: 33,
                   columnNumber: 29
                 }, this),
-                "Add Accordion"
+                " Accordion"
               ]
             },
             void 0,
@@ -1238,110 +1238,89 @@ function Hi({ editor: e }) {
     columnNumber: 9
   }, this);
 }
-const Li = ({ editor: e }) => {
-  const [t, r] = ge("#1677ff"), [n, o] = ge("#ffffff"), a = (p) => {
-    const m = p.toHexString();
-    r(m), e.chain().focus().setColor(m).run();
-  }, s = (p) => {
-    const m = p.toHexString();
-    o(m), e.chain().focus().setHighlight({ color: m }).run();
-  }, u = (p) => {
-    p.preventDefault();
+const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
+  dn,
+  {
+    value: e,
+    onChange: t,
+    presets: [
+      {
+        label: "Recommended",
+        colors: [
+          "#1677ff",
+          "#52c41a",
+          "#faad14",
+          "#ff4d4f",
+          "#722ed1",
+          "#13c2c2",
+          "#ffffff",
+          "#000000"
+        ]
+      }
+    ]
+  },
+  void 0,
+  !1,
+  {
+    fileName: "E:/CyberSkill/cyber-editor/src/components/color-picker.tsx",
+    lineNumber: 12,
+    columnNumber: 9
+  },
+  void 0
+), Li = ({ editor: e }) => {
+  const [t, r] = he("#1677ff"), [n, o] = he("#ffffff"), a = (m) => {
+    const p = m.toHexString();
+    r(p), e.chain().focus().setColor(p).run();
+  }, s = (m) => {
+    const p = m.toHexString();
+    o(p), e.chain().focus().setHighlight({ color: p }).run();
+  }, u = (m) => {
+    m.preventDefault();
   };
   return /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ l.jsxDEV(yt, { title: "Text Color", children: /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-2", onMouseDown: u, children: [
+    /* @__PURE__ */ l.jsxDEV(vt, { title: "Text Color", children: /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-2", onMouseDown: u, children: [
       /* @__PURE__ */ l.jsxDEV(ji, { size: 20, color: "black" }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-        lineNumber: 32,
+        lineNumber: 33,
         columnNumber: 21
       }, void 0),
-      /* @__PURE__ */ l.jsxDEV(
-        Ut,
-        {
-          value: t,
-          onChange: a,
-          presets: [
-            {
-              label: "Recommended",
-              colors: [
-                "#1677ff",
-                "#52c41a",
-                "#faad14",
-                "#ff4d4f",
-                "#722ed1",
-                "#13c2c2",
-                "#ffffff",
-                "#000000"
-              ]
-            }
-          ]
-        },
-        void 0,
-        !1,
-        {
-          fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-          lineNumber: 33,
-          columnNumber: 21
-        },
-        void 0
-      )
+      /* @__PURE__ */ l.jsxDEV(Ue, { value: t, onChange: a }, void 0, !1, {
+        fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
+        lineNumber: 34,
+        columnNumber: 21
+      }, void 0)
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-      lineNumber: 31,
+      lineNumber: 32,
       columnNumber: 17
     }, void 0) }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-      lineNumber: 30,
+      lineNumber: 31,
       columnNumber: 13
     }, void 0),
-    /* @__PURE__ */ l.jsxDEV(yt, { title: "Highlight Color", children: /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-2", onMouseDown: u, children: [
-      /* @__PURE__ */ l.jsxDEV(hi, { size: 20, color: "black" }, void 0, !1, {
+    /* @__PURE__ */ l.jsxDEV(vt, { title: "Highlight Color", children: /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-2", onMouseDown: u, children: [
+      /* @__PURE__ */ l.jsxDEV(bi, { size: 20, color: "black" }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-        lineNumber: 58,
+        lineNumber: 41,
         columnNumber: 21
       }, void 0),
-      /* @__PURE__ */ l.jsxDEV(
-        Ut,
-        {
-          value: n,
-          onChange: s,
-          presets: [
-            {
-              label: "Recommended",
-              colors: [
-                "#1677ff",
-                "#52c41a",
-                "#faad14",
-                "#ff4d4f",
-                "#722ed1",
-                "#13c2c2",
-                "#ffffff",
-                "#000000"
-              ]
-            }
-          ]
-        },
-        void 0,
-        !1,
-        {
-          fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-          lineNumber: 59,
-          columnNumber: 21
-        },
-        void 0
-      )
+      /* @__PURE__ */ l.jsxDEV(Ue, { value: n, onChange: s }, void 0, !1, {
+        fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
+        lineNumber: 42,
+        columnNumber: 21
+      }, void 0)
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-      lineNumber: 57,
+      lineNumber: 40,
       columnNumber: 17
     }, void 0) }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-      lineNumber: 56,
+      lineNumber: 39,
       columnNumber: 13
     }, void 0)
   ] }, void 0, !0, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-    lineNumber: 28,
+    lineNumber: 29,
     columnNumber: 9
   }, void 0);
 }, Wi = ({ editor: e }) => {
@@ -1351,7 +1330,7 @@ const Li = ({ editor: e }) => {
       if (e.isActive("heading", { level: n }))
         switch (n) {
           case 1:
-            return /* @__PURE__ */ l.jsxDEV(it, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ l.jsxDEV(ot, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 15,
               columnNumber: 36
@@ -1387,7 +1366,7 @@ const Li = ({ editor: e }) => {
               columnNumber: 36
             }, void 0);
         }
-    return /* @__PURE__ */ l.jsxDEV(it, { size: 16 }, void 0, !1, {
+    return /* @__PURE__ */ l.jsxDEV(ot, { size: 16 }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
       lineNumber: 24,
       columnNumber: 16
@@ -1396,7 +1375,7 @@ const Li = ({ editor: e }) => {
     ...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: [
-        ke.createElement([it, Gt, Jt, Zt, Qt, er][o], { size: 16 }),
+        ke.createElement([ot, Gt, Jt, Zt, Qt, er][o], { size: 16 }),
         /* @__PURE__ */ l.jsxDEV("span", { children: [
           "Heading ",
           o + 1
@@ -1413,7 +1392,7 @@ const Li = ({ editor: e }) => {
       className: e.isActive("heading", { level: o + 1 }) ? "ant-dropdown-menu-item-active" : ""
     }))
   ];
-  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, {
+  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, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
     lineNumber: 42,
     columnNumber: 13
@@ -1427,27 +1406,27 @@ const Li = ({ editor: e }) => {
   buttonClass: t,
   activeClass: r
 }) => {
-  const [n, o] = ge({ rows: 0, cols: 0 }), [a, s] = ge(!1), u = (p, m) => {
-    e.chain().focus().insertTable({ rows: p, cols: m, withHeaderRow: !0 }).run(), s(!1);
+  const [n, o] = he({ rows: 0, cols: 0 }), [a, s] = he(!1), u = (m, p) => {
+    e.chain().focus().insertTable({ rows: m, cols: p, withHeaderRow: !0 }).run(), s(!1);
   };
   return /* @__PURE__ */ l.jsxDEV(
-    Ct,
+    kt,
     {
       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: qi }).map(
-          (p, m) => Array.from({ length: Yi }).map((y, E) => {
-            const O = m < n.rows && E < n.cols;
+          (m, p) => Array.from({ length: Yi }).map((b, N) => {
+            const O = p < n.rows && N < 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: m + 1, cols: E + 1 }),
-                onClick: () => u(m + 1, E + 1)
+                onMouseEnter: () => o({ rows: p + 1, cols: N + 1 }),
+                onClick: () => u(p + 1, N + 1)
               },
-              `${m}-${E}`,
+              `${p}-${N}`,
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/table/table-selector.tsx",
@@ -1503,9 +1482,9 @@ const Li = ({ editor: e }) => {
   );
 };
 function Fi() {
-  const { editor: e } = wt();
+  const { editor: e } = Ct();
   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, p) => /* @__PURE__ */ l.jsxDEV(yt, { title: p, children: /* @__PURE__ */ l.jsxDEV(
+  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",
     {
       type: "button",
@@ -1556,7 +1535,7 @@ function Fi() {
         "Italic"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Ai, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Vi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 68,
           columnNumber: 21
@@ -1643,7 +1622,7 @@ function Fi() {
         "Align Left"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(An, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Vn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 121,
           columnNumber: 21
@@ -1747,7 +1726,7 @@ function Fi() {
         columnNumber: 17
       }, this),
       n(
-        /* @__PURE__ */ l.jsxDEV(pi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(mi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 169,
           columnNumber: 21
@@ -1790,7 +1769,7 @@ function Fi() {
         !e.can().chain().focus().undo().run()
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Ei, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Ni, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 189,
           columnNumber: 21
@@ -1840,9 +1819,14 @@ function Fi() {
       lineNumber: 220,
       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,
+      columnNumber: 13
+    }, this),
     /* @__PURE__ */ l.jsxDEV(Hi, { editor: e }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 221,
+      lineNumber: 223,
       columnNumber: 13
     }, this)
   ] }, void 0, !0, {
@@ -1851,58 +1835,64 @@ function Fi() {
     columnNumber: 9
   }, this);
 }
-const Sr = ({
-  childrenContent: e,
-  editable: t,
-  childrenEdit: r
+const Cr = ({
+  title: e,
+  childrenContent: t,
+  editable: r,
+  childrenEdit: n
 }) => {
-  const [n, o] = ge(!1), a = t ? /* @__PURE__ */ l.jsxDEV(Ft, { children: /* @__PURE__ */ l.jsxDEV(Ft.Item, { onClick: () => o(!0), children: "Edit" }, "edit", !1, {
+  const [o, a] = he(!1), s = r ? /* @__PURE__ */ l.jsxDEV(Ft, { children: /* @__PURE__ */ l.jsxDEV(Ft.Item, { onClick: () => a(!0), children: "Edit" }, "edit", !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/components/modal-edit.tsx",
-    lineNumber: 17,
+    lineNumber: 19,
     columnNumber: 13
   }, void 0) }, void 0, !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/components/modal-edit.tsx",
-    lineNumber: 16,
+    lineNumber: 18,
     columnNumber: 9
   }, void 0) : null;
   return /* @__PURE__ */ l.jsxDEV("div", { children: [
-    t && a ? /* @__PURE__ */ l.jsxDEV(Ct, { overlay: a, trigger: ["contextMenu"], children: e }, void 0, !1, {
+    r && s ? /* @__PURE__ */ l.jsxDEV(kt, { overlay: s, trigger: ["contextMenu"], children: t }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/components/modal-edit.tsx",
-      lineNumber: 26,
+      lineNumber: 28,
       columnNumber: 17
-    }, void 0) : e,
+    }, void 0) : t,
     /* @__PURE__ */ l.jsxDEV(
       fn,
       {
-        title: "Edit",
-        open: n,
-        onOk: () => o(!1),
-        onCancel: () => o(!1),
-        children: r
+        title: `Edit ${e}`,
+        open: o,
+        onOk: () => a(!1),
+        onCancel: () => a(!1),
+        children: n
       },
       void 0,
       !1,
       {
         fileName: "E:/CyberSkill/cyber-editor/src/components/modal-edit.tsx",
-        lineNumber: 33,
+        lineNumber: 35,
         columnNumber: 13
       },
       void 0
     )
   ] }, void 0, !0, {
     fileName: "E:/CyberSkill/cyber-editor/src/components/modal-edit.tsx",
-    lineNumber: 24,
+    lineNumber: 26,
     columnNumber: 9
   }, void 0);
 }, Bi = () => {
-  const [e, t] = ge(!1), { editor: r } = wt();
+  const [e, t] = he(!1), { editor: r } = Ct();
   if (!r) return null;
-  const n = (o) => {
-    o.preventDefault();
+  const n = (b) => {
+    b.preventDefault();
+  }, [o, a] = he("#f3f4f6"), [s, u] = he("#f3f4f6"), m = (b) => {
+    a(b.toHexString());
+  }, p = (b) => {
+    u(b.toHexString());
   };
-  return /* @__PURE__ */ l.jsxDEV(yr, { className: "accordion-wrapper", children: /* @__PURE__ */ l.jsxDEV(
-    Sr,
+  return /* @__PURE__ */ l.jsxDEV(gr, { className: "accordion-wrapper", children: /* @__PURE__ */ l.jsxDEV(
+    Cr,
     {
+      title: "Accordion",
       childrenContent: /* @__PURE__ */ l.jsxDEV(
         "div",
         {
@@ -1912,13 +1902,15 @@ const Sr = ({
             /* @__PURE__ */ l.jsxDEV(
               "div",
               {
-                className: "flex items-center justify-between p-4 bg-gray-50 hover:bg-gray-100",
+                className: "flex items-center justify-between p-4 transition-colors accordion-header",
+                style: { backgroundColor: o },
                 onClick: () => t(!e),
                 children: [
                   /* @__PURE__ */ l.jsxDEV(
                     "input",
                     {
                       className: "w-full text-lg font-medium bg-transparent border-none outline-none",
+                      style: { color: s },
                       disabled: !r.isEditable,
                       suppressContentEditableWarning: !0,
                       contentEditable: !0,
@@ -1928,7 +1920,7 @@ const Sr = ({
                     !1,
                     {
                       fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                      lineNumber: 31,
+                      lineNumber: 45,
                       columnNumber: 29
                     },
                     void 0
@@ -1943,7 +1935,7 @@ const Sr = ({
                     !1,
                     {
                       fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                      lineNumber: 38,
+                      lineNumber: 53,
                       columnNumber: 29
                     },
                     void 0
@@ -1954,7 +1946,7 @@ const Sr = ({
               !0,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                lineNumber: 27,
+                lineNumber: 40,
                 columnNumber: 25
               },
               void 0
@@ -1964,7 +1956,7 @@ const Sr = ({
               {
                 className: `overflow-hidden duration-300 ease-in-out ${e ? "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,
+                  cn,
                   {
                     contentEditable: !0
                   },
@@ -1972,13 +1964,13 @@ const Sr = ({
                   !1,
                   {
                     fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                    lineNumber: 48,
+                    lineNumber: 63,
                     columnNumber: 33
                   },
                   void 0
                 ) }, void 0, !1, {
                   fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                  lineNumber: 47,
+                  lineNumber: 62,
                   columnNumber: 29
                 }, void 0)
               },
@@ -1986,7 +1978,7 @@ const Sr = ({
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                lineNumber: 44,
+                lineNumber: 59,
                 columnNumber: 25
               },
               void 0
@@ -1997,27 +1989,137 @@ const Sr = ({
         !0,
         {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-          lineNumber: 23,
+          lineNumber: 36,
           columnNumber: 21
         },
         void 0
       ),
-      editable: r.isEditable
+      editable: r.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,
+              columnNumber: 33
+            }, void 0),
+            /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center space-x-3", children: [
+              /* @__PURE__ */ l.jsxDEV(
+                "div",
+                {
+                  className: "w-8 h-8 border rounded shadow",
+                  style: { backgroundColor: o }
+                },
+                void 0,
+                !1,
+                {
+                  fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+                  lineNumber: 77,
+                  columnNumber: 37
+                },
+                void 0
+              ),
+              /* @__PURE__ */ l.jsxDEV(Ue, { value: o, onChange: m }, void 0, !1, {
+                fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+                lineNumber: 81,
+                columnNumber: 37
+              }, void 0)
+            ] }, void 0, !0, {
+              fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+              lineNumber: 76,
+              columnNumber: 33
+            }, void 0)
+          ] }, void 0, !0, {
+            fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+            lineNumber: 74,
+            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,
+              columnNumber: 33
+            }, void 0),
+            /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center space-x-3", children: [
+              /* @__PURE__ */ l.jsxDEV(
+                "div",
+                {
+                  className: "w-8 h-8 border rounded shadow",
+                  style: { backgroundColor: s }
+                },
+                void 0,
+                !1,
+                {
+                  fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+                  lineNumber: 88,
+                  columnNumber: 37
+                },
+                void 0
+              ),
+              /* @__PURE__ */ l.jsxDEV(Ue, { value: s, onChange: p }, void 0, !1, {
+                fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+                lineNumber: 92,
+                columnNumber: 37
+              }, void 0)
+            ] }, void 0, !0, {
+              fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+              lineNumber: 87,
+              columnNumber: 33
+            }, void 0)
+          ] }, void 0, !0, {
+            fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+            lineNumber: 85,
+            columnNumber: 29
+          }, void 0)
+        ] }, void 0, !0, {
+          fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+          lineNumber: 73,
+          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,
+            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,
+            columnNumber: 37
+          }, void 0) }, void 0, !1, {
+            fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+            lineNumber: 100,
+            columnNumber: 33
+          }, void 0)
+        ] }, void 0, !0, {
+          fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+          lineNumber: 98,
+          columnNumber: 29
+        }, void 0) }, void 0, !1, {
+          fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+          lineNumber: 97,
+          columnNumber: 25
+        }, void 0)
+      ] }, void 0, !0, {
+        fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+        lineNumber: 72,
+        columnNumber: 21
+      }, void 0)
     },
     void 0,
     !1,
     {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-      lineNumber: 21,
+      lineNumber: 33,
       columnNumber: 13
     },
     void 0
   ) }, void 0, !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-    lineNumber: 20,
+    lineNumber: 32,
     columnNumber: 9
   }, void 0);
-}, Xi = gr.create({
+}, Xi = Nr.create({
   name: "accordion",
   group: "block",
   content: "block+",
@@ -2034,10 +2136,10 @@ const Sr = ({
     ];
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["accordion", xr(e)];
+    return ["accordion", Er(e)];
   },
   addNodeView() {
-    return vr(Bi);
+    return xr(Bi);
   },
   addCommands() {
     return {
@@ -2048,7 +2150,7 @@ const Sr = ({
     };
   }
 });
-var _t = { exports: {} }, ze = {}, Fe = { exports: {} }, wr = {}, gt = { exports: {} }, qe = { exports: {} }, U = {};
+var Dt = { exports: {} }, ze = {}, Be = { exports: {} }, kr = {}, xt = { exports: {} }, qe = { exports: {} }, U = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -2061,25 +2163,25 @@ var tr;
 function Ki() {
   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, p = e ? Symbol.for("react.async_mode") : 60111, m = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, E = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, V = 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;
+  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 (typeof c == "object" && c !== null) {
       var Y = c.$$typeof;
       switch (Y) {
         case t:
           switch (c = c.type, c) {
-            case p:
             case m:
+            case p:
             case n:
             case a:
             case o:
-            case E:
+            case N:
               return c;
             default:
               switch (c = c && c.$$typeof, c) {
                 case u:
-                case y:
-                case V:
+                case b:
+                case A:
                 case S:
                 case s:
                   return c;
@@ -2092,23 +2194,23 @@ function Ki() {
       }
     }
   }
-  function N(c) {
-    return x(c) === m;
+  function E(c) {
+    return x(c) === p;
   }
-  return U.AsyncMode = p, U.ConcurrentMode = m, U.ContextConsumer = u, U.ContextProvider = s, U.Element = t, U.ForwardRef = y, U.Fragment = n, U.Lazy = V, U.Memo = S, U.Portal = r, U.Profiler = a, U.StrictMode = o, U.Suspense = E, U.isAsyncMode = function(c) {
-    return N(c) || x(c) === p;
-  }, U.isConcurrentMode = N, U.isContextConsumer = function(c) {
+  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 typeof c == "object" && c !== null && c.$$typeof === t;
   }, U.isForwardRef = function(c) {
-    return x(c) === y;
+    return x(c) === b;
   }, U.isFragment = function(c) {
     return x(c) === n;
   }, U.isLazy = function(c) {
-    return x(c) === V;
+    return x(c) === A;
   }, U.isMemo = function(c) {
     return x(c) === S;
   }, U.isPortal = function(c) {
@@ -2118,9 +2220,9 @@ function Ki() {
   }, U.isStrictMode = function(c) {
     return x(c) === o;
   }, U.isSuspense = function(c) {
-    return x(c) === E;
+    return x(c) === N;
   }, U.isValidElementType = function(c) {
-    return typeof c == "string" || typeof c == "function" || c === n || c === m || c === a || c === o || c === E || c === O || typeof c == "object" && c !== null && (c.$$typeof === V || c.$$typeof === S || c.$$typeof === s || c.$$typeof === u || c.$$typeof === y || c.$$typeof === B || c.$$typeof === W || c.$$typeof === v || c.$$typeof === $);
+    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;
 }
 var F = {};
@@ -2135,88 +2237,88 @@ var F = {};
 var rr;
 function Gi() {
   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, p = e ? Symbol.for("react.async_mode") : 60111, m = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, E = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, V = 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;
+    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 === m || h === a || h === o || h === E || h === O || typeof h == "object" && h !== null && (h.$$typeof === V || h.$$typeof === S || h.$$typeof === s || h.$$typeof === u || h.$$typeof === y || h.$$typeof === B || h.$$typeof === W || h.$$typeof === v || h.$$typeof === $);
+      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 === $);
     }
-    function N(h) {
+    function E(h) {
       if (typeof h == "object" && h !== null) {
-        var me = h.$$typeof;
-        switch (me) {
+        var pe = h.$$typeof;
+        switch (pe) {
           case t:
             var Re = h.type;
             switch (Re) {
-              case p:
               case m:
+              case p:
               case n:
               case a:
               case o:
-              case E:
+              case N:
                 return Re;
               default:
-                var _e = Re && Re.$$typeof;
-                switch (_e) {
+                var De = Re && Re.$$typeof;
+                switch (De) {
                   case u:
-                  case y:
-                  case V:
+                  case b:
+                  case A:
                   case S:
                   case s:
-                    return _e;
+                    return De;
                   default:
-                    return me;
+                    return pe;
                 }
             }
           case r:
-            return me;
+            return pe;
         }
       }
     }
-    var c = p, Y = m, P = u, Q = s, de = t, fe = y, be = n, Ne = V, ee = S, Z = r, pe = a, oe = o, le = E, ve = !1;
+    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 ve || (ve = !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) || N(h) === p;
+      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;
     }
     function f(h) {
-      return N(h) === m;
+      return E(h) === p;
     }
     function g(h) {
-      return N(h) === u;
+      return E(h) === u;
     }
     function T(h) {
-      return N(h) === s;
+      return E(h) === s;
     }
     function R(h) {
       return typeof h == "object" && h !== null && h.$$typeof === t;
     }
     function C(h) {
-      return N(h) === y;
+      return E(h) === b;
     }
     function z(h) {
-      return N(h) === n;
-    }
-    function _(h) {
-      return N(h) === V;
+      return E(h) === n;
     }
     function k(h) {
-      return N(h) === S;
+      return E(h) === A;
+    }
+    function _(h) {
+      return E(h) === S;
     }
     function j(h) {
-      return N(h) === r;
+      return E(h) === r;
     }
     function H(h) {
-      return N(h) === a;
+      return E(h) === a;
     }
     function M(h) {
-      return N(h) === o;
+      return E(h) === o;
     }
     function te(h) {
-      return N(h) === E;
+      return E(h) === N;
     }
-    F.AsyncMode = c, F.ConcurrentMode = Y, F.ContextConsumer = P, F.ContextProvider = Q, F.Element = de, F.ForwardRef = fe, F.Fragment = be, F.Lazy = Ne, F.Memo = ee, F.Portal = Z, F.Profiler = pe, 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 = _, F.isMemo = k, F.isPortal = j, F.isProfiler = H, F.isStrictMode = M, F.isSuspense = te, F.isValidElementType = x, F.typeOf = N;
+    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;
 }
 var nr;
-function Cr() {
+function Dr() {
   return nr || (nr = 1, process.env.NODE_ENV === "production" ? qe.exports = Ki() : qe.exports = Gi()), qe.exports;
 }
 /*
@@ -2224,9 +2326,9 @@ object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var ot, ir;
+var at, ir;
 function Ji() {
-  if (ir) return ot;
+  if (ir) return at;
   ir = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
   function n(a) {
@@ -2243,52 +2345,52 @@ function Ji() {
         return !1;
       for (var s = {}, u = 0; u < 10; u++)
         s["_" + String.fromCharCode(u)] = u;
-      var p = Object.getOwnPropertyNames(s).map(function(y) {
-        return s[y];
+      var m = Object.getOwnPropertyNames(s).map(function(b) {
+        return s[b];
       });
-      if (p.join("") !== "0123456789")
+      if (m.join("") !== "0123456789")
         return !1;
-      var m = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(y) {
-        m[y] = y;
-      }), Object.keys(Object.assign({}, m)).join("") === "abcdefghijklmnopqrst";
+      var p = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(b) {
+        p[b] = b;
+      }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return ot = o() ? Object.assign : function(a, s) {
-    for (var u, p = n(a), m, y = 1; y < arguments.length; y++) {
-      u = Object(arguments[y]);
-      for (var E in u)
-        t.call(u, E) && (p[E] = u[E]);
+  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]);
       if (e) {
-        m = e(u);
-        for (var O = 0; O < m.length; O++)
-          r.call(u, m[O]) && (p[m[O]] = u[m[O]]);
+        p = e(u);
+        for (var O = 0; O < p.length; O++)
+          r.call(u, p[O]) && (m[p[O]] = u[p[O]]);
       }
     }
-    return p;
-  }, ot;
+    return m;
+  }, at;
 }
-var at, or;
-function Dt() {
-  if (or) return at;
+var st, or;
+function _t() {
+  if (or) return st;
   or = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return at = e, at;
+  return st = e, st;
 }
-var st, ar;
+var lt, ar;
 function _r() {
-  return ar || (ar = 1, st = Function.call.bind(Object.prototype.hasOwnProperty)), st;
+  return ar || (ar = 1, lt = Function.call.bind(Object.prototype.hasOwnProperty)), lt;
 }
-var lt, sr;
+var ct, sr;
 function Zi() {
-  if (sr) return lt;
+  if (sr) return ct;
   sr = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = Dt(), r = {}, n = _r();
+    var t = _t(), r = {}, n = _r();
     e = function(a) {
       var s = "Warning: " + a;
       typeof console < "u" && console.error(s);
@@ -2298,29 +2400,29 @@ function Zi() {
       }
     };
   }
-  function o(a, s, u, p, m) {
+  function o(a, s, u, m, p) {
     if (process.env.NODE_ENV !== "production") {
-      for (var y in a)
-        if (n(a, y)) {
-          var E;
+      for (var b in a)
+        if (n(a, b)) {
+          var N;
           try {
-            if (typeof a[y] != "function") {
+            if (typeof a[b] != "function") {
               var O = Error(
-                (p || "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`."
+                (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`."
               );
               throw O.name = "Invariant Violation", O;
             }
-            E = a[y](s, y, p, u, null, t);
-          } catch (V) {
-            E = V;
+            N = a[b](s, b, m, u, null, t);
+          } catch (A) {
+            N = A;
           }
-          if (E && !(E instanceof Error) && e(
-            (p || "React class") + ": type specification of " + u + " `" + y + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof E + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), E instanceof Error && !(E.message in r)) {
-            r[E.message] = !0;
-            var S = m ? m() : "";
+          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;
+            var S = p ? p() : "";
             e(
-              "Failed " + u + " type: " + E.message + (S ?? "")
+              "Failed " + u + " type: " + N.message + (S ?? "")
             );
           }
         }
@@ -2328,29 +2430,29 @@ function Zi() {
   }
   return o.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (r = {});
-  }, lt = o, lt;
+  }, ct = o, ct;
 }
-var ct, lr;
+var ut, lr;
 function Qi() {
-  if (lr) return ct;
+  if (lr) return ut;
   lr = 1;
-  var e = Cr(), t = Ji(), r = Dt(), n = _r(), o = Zi(), a = function() {
+  var e = Dr(), t = Ji(), r = _t(), n = _r(), o = Zi(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(u) {
-    var p = "Warning: " + u;
-    typeof console < "u" && console.error(p);
+    var m = "Warning: " + u;
+    typeof console < "u" && console.error(m);
     try {
-      throw new Error(p);
+      throw new Error(m);
     } catch {
     }
   });
   function s() {
     return null;
   }
-  return ct = function(u, p) {
-    var m = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
-    function E(f) {
-      var g = f && (m && f[m] || f[y]);
+  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;
     }
@@ -2365,17 +2467,17 @@ function Qi() {
       symbol: W("symbol"),
       any: v(),
       arrayOf: x,
-      element: N(),
+      element: E(),
       elementType: c(),
       instanceOf: Y,
       node: fe(),
       objectOf: Q,
       oneOf: P,
       oneOfType: de,
-      shape: Ne,
+      shape: Ee,
       exact: ee
     };
-    function V(f, g) {
+    function A(f, g) {
       return f === g ? f !== 0 || 1 / f === 1 / g : f !== f && g !== g;
     }
     function $(f, g) {
@@ -2385,33 +2487,33 @@ function Qi() {
     function B(f) {
       if (process.env.NODE_ENV !== "production")
         var g = {}, T = 0;
-      function R(z, _, k, j, H, M, te) {
-        if (j = j || O, M = M || k, te !== r) {
-          if (p) {
+      function R(z, k, _, j, H, M, te) {
+        if (j = j || O, M = M || _, te !== r) {
+          if (m) {
             var h = 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;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var me = j + ":" + k;
-            !g[me] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var pe = j + ":" + _;
+            !g[pe] && // Avoid spamming the console because they are often not actionable except for lib authors
             T < 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[me] = !0, T++);
+            ), g[pe] = !0, T++);
           }
         }
-        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);
+        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);
       }
       var C = R.bind(null, !1);
       return C.isRequired = R.bind(null, !0), C;
     }
     function W(f) {
-      function g(T, R, C, z, _, k) {
+      function g(T, R, C, z, k, _) {
         var j = T[R], H = oe(j);
         if (H !== f) {
           var M = le(j);
           return new $(
-            "Invalid " + z + " `" + _ + "` of type " + ("`" + M + "` supplied to `" + C + "`, expected ") + ("`" + f + "`."),
+            "Invalid " + z + " `" + k + "` of type " + ("`" + M + "` supplied to `" + C + "`, expected ") + ("`" + f + "`."),
             { expectedType: f }
           );
         }
@@ -2423,16 +2525,16 @@ function Qi() {
       return B(s);
     }
     function x(f) {
-      function g(T, R, C, z, _) {
+      function g(T, R, C, z, k) {
         if (typeof f != "function")
-          return new $("Property `" + _ + "` of component `" + C + "` has invalid PropType notation inside arrayOf.");
-        var k = T[R];
-        if (!Array.isArray(k)) {
-          var j = oe(k);
-          return new $("Invalid " + z + " `" + _ + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected an array."));
+          return new $("Property `" + k + "` of component `" + C + "` has invalid PropType notation inside arrayOf.");
+        var _ = T[R];
+        if (!Array.isArray(_)) {
+          var j = oe(_);
+          return new $("Invalid " + z + " `" + k + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected an array."));
         }
-        for (var H = 0; H < k.length; H++) {
-          var M = f(k, H, C, z, _ + "[" + H + "]", r);
+        for (var H = 0; H < _.length; H++) {
+          var M = f(_, H, C, z, k + "[" + H + "]", r);
           if (M instanceof Error)
             return M;
         }
@@ -2440,12 +2542,12 @@ function Qi() {
       }
       return B(g);
     }
-    function N() {
+    function E() {
       function f(g, T, R, C, z) {
-        var _ = g[T];
-        if (!u(_)) {
-          var k = oe(_);
-          return new $("Invalid " + C + " `" + z + "` of type " + ("`" + k + "` supplied to `" + R + "`, expected a single ReactElement."));
+        var k = g[T];
+        if (!u(k)) {
+          var _ = oe(k);
+          return new $("Invalid " + C + " `" + z + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected a single ReactElement."));
         }
         return null;
       }
@@ -2453,20 +2555,20 @@ function Qi() {
     }
     function c() {
       function f(g, T, R, C, z) {
-        var _ = g[T];
-        if (!e.isValidElementType(_)) {
-          var k = oe(_);
-          return new $("Invalid " + C + " `" + z + "` of type " + ("`" + k + "` supplied to `" + R + "`, expected a single ReactElement type."));
+        var k = g[T];
+        if (!e.isValidElementType(k)) {
+          var _ = oe(k);
+          return new $("Invalid " + C + " `" + z + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return B(f);
     }
     function Y(f) {
-      function g(T, R, C, z, _) {
+      function g(T, R, C, z, k) {
         if (!(T[R] instanceof f)) {
-          var k = f.name || O, j = Se(T[R]);
-          return new $("Invalid " + z + " `" + _ + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected ") + ("instance of `" + k + "`."));
+          var _ = f.name || O, j = Se(T[R]);
+          return new $("Invalid " + z + " `" + k + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected ") + ("instance of `" + _ + "`."));
         }
         return null;
       }
@@ -2477,28 +2579,28 @@ function Qi() {
         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, _) {
-        for (var k = T[R], j = 0; j < f.length; j++)
-          if (V(k, f[j]))
+      function g(T, R, C, z, k) {
+        for (var _ = T[R], j = 0; j < f.length; j++)
+          if (A(_, f[j]))
             return null;
         var H = JSON.stringify(f, function(te, h) {
-          var me = le(h);
-          return me === "symbol" ? String(h) : h;
+          var pe = le(h);
+          return pe === "symbol" ? String(h) : h;
         });
-        return new $("Invalid " + z + " `" + _ + "` of value `" + String(k) + "` " + ("supplied to `" + C + "`, expected one of " + H + "."));
+        return new $("Invalid " + z + " `" + k + "` of value `" + String(_) + "` " + ("supplied to `" + C + "`, expected one of " + H + "."));
       }
       return B(g);
     }
     function Q(f) {
-      function g(T, R, C, z, _) {
+      function g(T, R, C, z, k) {
         if (typeof f != "function")
-          return new $("Property `" + _ + "` of component `" + C + "` has invalid PropType notation inside objectOf.");
-        var k = T[R], j = oe(k);
+          return new $("Property `" + k + "` of component `" + C + "` has invalid PropType notation inside objectOf.");
+        var _ = T[R], j = oe(_);
         if (j !== "object")
-          return new $("Invalid " + z + " `" + _ + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected an object."));
-        for (var H in k)
-          if (n(k, H)) {
-            var M = f(k, H, C, z, _ + "." + H, r);
+          return new $("Invalid " + z + " `" + k + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected an object."));
+        for (var H in _)
+          if (n(_, H)) {
+            var M = f(_, H, C, z, k + "." + H, r);
             if (M instanceof Error)
               return M;
           }
@@ -2513,18 +2615,18 @@ function Qi() {
         var T = f[g];
         if (typeof T != "function")
           return a(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ve(T) + " at index " + g + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ge(T) + " at index " + g + "."
           ), s;
       }
-      function R(C, z, _, k, j) {
+      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);
+          var te = f[M], h = te(C, z, k, _, j, r);
           if (h == null)
             return null;
           h.data && n(h.data, "expectedType") && H.push(h.data.expectedType);
         }
-        var me = H.length > 0 ? ", expected one of type [" + H.join(", ") + "]" : "";
-        return new $("Invalid " + k + " `" + j + "` supplied to " + ("`" + _ + "`" + me + "."));
+        var pe = H.length > 0 ? ", expected one of type [" + H.join(", ") + "]" : "";
+        return new $("Invalid " + _ + " `" + j + "` supplied to " + ("`" + k + "`" + pe + "."));
       }
       return B(R);
     }
@@ -2534,21 +2636,21 @@ function Qi() {
       }
       return B(f);
     }
-    function be(f, g, T, R, C) {
+    function ye(f, g, T, 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 + "`."
       );
     }
-    function Ne(f) {
-      function g(T, R, C, z, _) {
-        var k = T[R], j = oe(k);
+    function Ee(f) {
+      function g(T, R, C, z, k) {
+        var _ = T[R], j = oe(_);
         if (j !== "object")
-          return new $("Invalid " + z + " `" + _ + "` of type `" + j + "` " + ("supplied to `" + C + "`, expected `object`."));
+          return new $("Invalid " + z + " `" + k + "` of type `" + j + "` " + ("supplied to `" + C + "`, expected `object`."));
         for (var H in f) {
           var M = f[H];
           if (typeof M != "function")
-            return be(C, z, _, H, le(M));
-          var te = M(k, H, C, z, _ + "." + H, r);
+            return ye(C, z, k, H, le(M));
+          var te = M(_, H, C, z, k + "." + H, r);
           if (te)
             return te;
         }
@@ -2557,21 +2659,21 @@ function Qi() {
       return B(g);
     }
     function ee(f) {
-      function g(T, R, C, z, _) {
-        var k = T[R], j = oe(k);
+      function g(T, R, C, z, k) {
+        var _ = T[R], j = oe(_);
         if (j !== "object")
-          return new $("Invalid " + z + " `" + _ + "` of type `" + j + "` " + ("supplied to `" + C + "`, expected `object`."));
+          return new $("Invalid " + z + " `" + k + "` of type `" + j + "` " + ("supplied to `" + C + "`, expected `object`."));
         var H = t({}, T[R], f);
         for (var M in H) {
           var te = f[M];
           if (n(f, M) && typeof te != "function")
-            return be(C, z, _, M, le(te));
+            return ye(C, z, k, M, le(te));
           if (!te)
             return new $(
-              "Invalid " + z + " `" + _ + "` key `" + M + "` supplied to `" + C + "`.\nBad object: " + JSON.stringify(T[R], null, "  ") + `
+              "Invalid " + z + " `" + k + "` key `" + M + "` supplied to `" + C + "`.\nBad object: " + JSON.stringify(T[R], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
             );
-          var h = te(k, M, C, z, _ + "." + M, r);
+          var h = te(_, M, C, z, k + "." + M, r);
           if (h)
             return h;
         }
@@ -2592,7 +2694,7 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
             return f.every(Z);
           if (f === null || u(f))
             return !0;
-          var g = E(f);
+          var g = N(f);
           if (g) {
             var T = g.call(f), R;
             if (g !== f.entries) {
@@ -2612,12 +2714,12 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
           return !1;
       }
     }
-    function pe(f, g) {
+    function me(f, g) {
       return f === "symbol" ? !0 : g ? g["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && g instanceof Symbol : !1;
     }
     function oe(f) {
       var g = typeof f;
-      return Array.isArray(f) ? "array" : f instanceof RegExp ? "object" : pe(g, f) ? "symbol" : g;
+      return Array.isArray(f) ? "array" : f instanceof RegExp ? "object" : me(g, f) ? "symbol" : g;
     }
     function le(f) {
       if (typeof f > "u" || f === null)
@@ -2631,7 +2733,7 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
       }
       return g;
     }
-    function ve(f) {
+    function ge(f) {
       var g = le(f);
       switch (g) {
         case "array":
@@ -2649,20 +2751,20 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
       return !f.constructor || !f.constructor.name ? O : f.constructor.name;
     }
     return S.checkPropTypes = o, S.resetWarningCache = o.resetWarningCache, S.PropTypes = S, S;
-  }, ct;
+  }, ut;
 }
-var ut, cr;
+var dt, cr;
 function eo() {
-  if (cr) return ut;
+  if (cr) return dt;
   cr = 1;
-  var e = Dt();
+  var e = _t();
   function t() {
   }
   function r() {
   }
-  return r.resetWarningCache = t, ut = function() {
-    function n(s, u, p, m, y, E) {
-      if (E !== e) {
+  return r.resetWarningCache = t, dt = function() {
+    function n(s, u, m, p, b, N) {
+      if (N !== 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"
         );
@@ -2697,30 +2799,30 @@ function eo() {
       resetWarningCache: t
     };
     return a.PropTypes = a, a;
-  }, ut;
+  }, dt;
 }
 if (process.env.NODE_ENV !== "production") {
-  var to = Cr(), ro = !0;
-  gt.exports = Qi()(to.isElement, ro);
+  var to = Dr(), ro = !0;
+  xt.exports = Qi()(to.isElement, ro);
 } else
-  gt.exports = eo()();
-var Be = gt.exports;
-function Dr(e) {
+  xt.exports = eo()();
+var Xe = xt.exports;
+function Or(e) {
   var t, r, n = "";
   if (typeof e == "string" || typeof e == "number") n += e;
-  else if (typeof e == "object") if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (r = Dr(e[t])) && (n && (n += " "), n += r);
+  else if (typeof e == "object") if (Array.isArray(e)) for (t = 0; t < e.length; t++) e[t] && (r = Or(e[t])) && (n && (n += " "), n += r);
   else for (t in e) e[t] && (n && (n += " "), n += t);
   return n;
 }
 function ur() {
-  for (var e, t, r = 0, n = ""; r < arguments.length; ) (e = arguments[r++]) && (t = Dr(e)) && (n && (n += " "), n += t);
+  for (var e, t, r = 0, n = ""; r < arguments.length; ) (e = arguments[r++]) && (t = Or(e)) && (n && (n += " "), n += t);
   return n;
 }
 const no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   clsx: ur,
   default: ur
-}, Symbol.toStringTag, { value: "Module" })), io = /* @__PURE__ */ kn(no);
+}, Symbol.toStringTag, { value: "Module" })), io = /* @__PURE__ */ _n(no);
 var K = {}, xe = {};
 Object.defineProperty(xe, "__esModule", {
   value: !0
@@ -2751,22 +2853,22 @@ var Oe = {};
 Object.defineProperty(Oe, "__esModule", {
   value: !0
 });
-Oe.browserPrefixToKey = Or;
+Oe.browserPrefixToKey = Pr;
 Oe.browserPrefixToStyle = uo;
 Oe.default = void 0;
-Oe.getPrefix = kr;
-const dt = ["Moz", "Webkit", "O", "ms"];
-function kr() {
+Oe.getPrefix = Rr;
+const ft = ["Moz", "Webkit", "O", "ms"];
+function Rr() {
   var e;
   let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
   if (typeof window > "u") return "";
   const r = (e = window.document) === null || e === void 0 || (e = e.documentElement) === null || e === void 0 ? void 0 : e.style;
   if (!r || t in r) return "";
-  for (let n = 0; n < dt.length; n++)
-    if (Or(t, dt[n]) in r) return dt[n];
+  for (let n = 0; n < ft.length; n++)
+    if (Pr(t, ft[n]) in r) return ft[n];
   return "";
 }
-function Or(e, t) {
+function Pr(e, t) {
   return t ? "".concat(t).concat(fo(e)) : e;
 }
 function uo(e, t) {
@@ -2778,42 +2880,42 @@ function fo(e) {
     r ? (t += e[n].toUpperCase(), r = !1) : e[n] === "-" ? r = !0 : t += e[n];
   return t;
 }
-Oe.default = kr();
+Oe.default = Rr();
 Object.defineProperty(K, "__esModule", {
   value: !0
 });
-K.addClassName = Tr;
-K.addEvent = ho;
-K.addUserSelectStyles = _o;
-K.createCSSTransform = No;
+K.addClassName = Mr;
+K.addEvent = bo;
+K.addUserSelectStyles = ko;
+K.createCSSTransform = Eo;
 K.createSVGTransform = So;
 K.getTouch = wo;
 K.getTouchIdentifier = Co;
-K.getTranslation = kt;
+K.getTranslation = Ot;
 K.innerHeight = go;
 K.innerWidth = xo;
-K.matchesSelector = Pr;
-K.matchesSelectorAndParentsTo = mo;
-K.offsetXYFromParent = Eo;
+K.matchesSelector = jr;
+K.matchesSelectorAndParentsTo = po;
+K.offsetXYFromParent = No;
 K.outerHeight = yo;
 K.outerWidth = vo;
-K.removeClassName = jr;
-K.removeEvent = bo;
+K.removeClassName = Vr;
+K.removeEvent = ho;
 K.removeUserSelectStyles = Do;
-var ue = xe, dr = po(Oe);
-function Rr(e) {
+var ue = xe, dr = mo(Oe);
+function Tr(e) {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
-  return (Rr = function(n) {
+  return (Tr = function(n) {
     return n ? r : t;
   })(e);
 }
-function po(e, t) {
+function mo(e, t) {
   if (e && e.__esModule)
     return e;
   if (e === null || typeof e != "object" && typeof e != "function")
     return { default: e };
-  var r = Rr(t);
+  var r = Tr(t);
   if (r && r.has(e))
     return r.get(e);
   var n = {}, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
@@ -2825,21 +2927,21 @@ function po(e, t) {
   return n.default = e, r && r.set(e, n), n;
 }
 let Ye = "";
-function Pr(e, t) {
+function jr(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;
 }
-function mo(e, t, r) {
+function po(e, t, r) {
   let n = e;
   do {
-    if (Pr(n, t)) return !0;
+    if (jr(n, t)) return !0;
     if (n === r) return !1;
     n = n.parentNode;
   } while (n);
   return !1;
 }
-function ho(e, t, r, n) {
+function bo(e, t, r, n) {
   if (!e) return;
   const o = {
     capture: !0,
@@ -2847,7 +2949,7 @@ function ho(e, t, r, n) {
   };
   e.addEventListener ? e.addEventListener(t, r, o) : e.attachEvent ? e.attachEvent("on" + t, r) : e["on" + t] = r;
 }
-function bo(e, t, r, n) {
+function ho(e, t, r, n) {
   if (!e) return;
   const o = {
     capture: !0,
@@ -2875,7 +2977,7 @@ function xo(e) {
   const r = e.ownerDocument.defaultView.getComputedStyle(e);
   return t -= (0, ue.int)(r.paddingLeft), t -= (0, ue.int)(r.paddingRight), t;
 }
-function Eo(e, t, r) {
+function No(e, t, r) {
   const o = t === t.ownerDocument.body ? {
     left: 0,
     top: 0
@@ -2885,16 +2987,16 @@ function Eo(e, t, r) {
     y: s
   };
 }
-function No(e, t) {
-  const r = kt(e, t, "px");
+function Eo(e, t) {
+  const r = Ot(e, t, "px");
   return {
     [(0, dr.browserPrefixToKey)("transform", dr.default)]: r
   };
 }
 function So(e, t) {
-  return kt(e, t, "");
+  return Ot(e, t, "");
 }
-function kt(e, t, r) {
+function Ot(e, t, r) {
   let {
     x: n,
     y: o
@@ -2912,17 +3014,17 @@ function Co(e) {
   if (e.targetTouches && e.targetTouches[0]) return e.targetTouches[0].identifier;
   if (e.changedTouches && e.changedTouches[0]) return e.changedTouches[0].identifier;
 }
-function _o(e) {
+function ko(e) {
   if (!e) return;
   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 && Mr(e.body, "react-draggable-transparent-selection");
 }
 function Do(e) {
   if (e)
     try {
-      if (e.body && jr(e.body, "react-draggable-transparent-selection"), e.selection)
+      if (e.body && Vr(e.body, "react-draggable-transparent-selection"), e.selection)
         e.selection.empty();
       else {
         const t = (e.defaultView || window).getSelection();
@@ -2931,31 +3033,31 @@ function Do(e) {
     } catch {
     }
 }
-function Tr(e, t) {
+function Mr(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) {
+function Vr(e, t) {
   e.classList ? e.classList.remove(t) : e.className = e.className.replace(new RegExp("(?:^|\\s)".concat(t, "(?!\\S)"), "g"), "");
 }
-var Ee = {};
-Object.defineProperty(Ee, "__esModule", {
+var Ne = {};
+Object.defineProperty(Ne, "__esModule", {
   value: !0
 });
-Ee.canDragX = Ro;
-Ee.canDragY = Po;
-Ee.createCoreData = jo;
-Ee.createDraggableData = Mo;
-Ee.getBoundPosition = ko;
-Ee.getControlPosition = To;
-Ee.snapToGrid = Oo;
+Ne.canDragX = Ro;
+Ne.canDragY = Po;
+Ne.createCoreData = jo;
+Ne.createDraggableData = Mo;
+Ne.getBoundPosition = _o;
+Ne.getControlPosition = To;
+Ne.snapToGrid = Oo;
 var ce = xe, je = K;
-function ko(e, t, r) {
+function _o(e, t, r) {
   if (!e.props.bounds) return [t, r];
   let {
     bounds: n
   } = e.props;
-  n = typeof n == "string" ? n : Ao(n);
-  const o = Ot(e);
+  n = typeof n == "string" ? n : Vo(n);
+  const o = Rt(e);
   if (typeof n == "string") {
     const {
       ownerDocument: a
@@ -2963,12 +3065,12 @@ function ko(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 p = u, m = s.getComputedStyle(o), y = s.getComputedStyle(p);
+    const m = u, p = s.getComputedStyle(o), b = s.getComputedStyle(m);
     n = {
-      left: -o.offsetLeft + (0, ce.int)(y.paddingLeft) + (0, ce.int)(m.marginLeft),
-      top: -o.offsetTop + (0, ce.int)(y.paddingTop) + (0, ce.int)(m.marginTop),
-      right: (0, je.innerWidth)(p) - (0, je.outerWidth)(o) - o.offsetLeft + (0, ce.int)(y.paddingRight) - (0, ce.int)(m.marginRight),
-      bottom: (0, je.innerHeight)(p) - (0, je.outerHeight)(o) - o.offsetTop + (0, ce.int)(y.paddingBottom) - (0, ce.int)(m.marginBottom)
+      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)
     };
   }
   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];
@@ -2986,11 +3088,11 @@ function Po(e) {
 function To(e, t, r) {
   const n = typeof t == "number" ? (0, je.getTouch)(e, t) : null;
   if (typeof t == "number" && !n) return null;
-  const o = Ot(r), a = r.props.offsetParent || o.offsetParent || o.ownerDocument.body;
+  const o = Rt(r), a = r.props.offsetParent || o.offsetParent || o.ownerDocument.body;
   return (0, je.offsetXYFromParent)(n || e, a, r.props.scale);
 }
 function jo(e, t, r) {
-  const n = !(0, ce.isNum)(e.lastX), o = Ot(e);
+  const n = !(0, ce.isNum)(e.lastX), o = Rt(e);
   return n ? {
     node: o,
     deltaX: 0,
@@ -3021,7 +3123,7 @@ function Mo(e, t) {
     lastY: e.state.y
   };
 }
-function Ao(e) {
+function Vo(e) {
   return {
     left: e.left,
     top: e.top,
@@ -3029,31 +3131,31 @@ function Ao(e) {
     bottom: e.bottom
   };
 }
-function Ot(e) {
+function Rt(e) {
   const t = e.findDOMNode();
   if (!t)
     throw new Error("<DraggableCore>: Unmounted during event!");
   return t;
 }
-var Xe = {}, Ke = {};
-Object.defineProperty(Ke, "__esModule", {
+var Ke = {}, Ge = {};
+Object.defineProperty(Ge, "__esModule", {
   value: !0
 });
-Ke.default = Vo;
-function Vo() {
+Ge.default = Ao;
+function Ao() {
 }
-Object.defineProperty(Xe, "__esModule", {
+Object.defineProperty(Ke, "__esModule", {
   value: !0
 });
-Xe.default = void 0;
-var ft = zo(ke), se = Rt(Be), $o = Rt(Er), re = K, we = Ee, pt = xe, Ve = Rt(Ke);
-function Rt(e) {
+Ke.default = void 0;
+var mt = zo(ke), se = Pt(Xe), $o = Pt(Sr), re = K, we = Ne, pt = xe, Ae = Pt(Ge);
+function Pt(e) {
   return e && e.__esModule ? e : { default: e };
 }
-function Mr(e) {
+function Ar(e) {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
-  return (Mr = function(n) {
+  return (Ar = function(n) {
     return n ? r : t;
   })(e);
 }
@@ -3062,7 +3164,7 @@ function zo(e, t) {
     return e;
   if (e === null || typeof e != "object" && typeof e != "function")
     return { default: e };
-  var r = Mr(t);
+  var r = Ar(t);
   if (r && r.has(e))
     return r.get(e);
   var n = {}, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
@@ -3090,7 +3192,7 @@ function Ho(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-const ye = {
+const ve = {
   touch: {
     start: "touchstart",
     move: "touchmove",
@@ -3102,7 +3204,7 @@ const ye = {
     stop: "mouseup"
   }
 };
-let Ce = ye.mouse, Ge = class extends ft.Component {
+let Ce = ve.mouse, Je = class extends mt.Component {
   constructor() {
     super(...arguments), ie(this, "dragging", !1), ie(this, "lastX", NaN), ie(this, "lastY", NaN), ie(this, "touchIdentifier", null), ie(this, "mounted", !1), ie(this, "handleDragStart", (t) => {
       if (this.props.onMouseDown(t), !this.props.allowAnyClick && typeof t.button == "number" && t.button !== 0) return !1;
@@ -3122,8 +3224,8 @@ let Ce = ye.mouse, Ge = class extends ft.Component {
       const {
         x: s,
         y: u
-      } = a, p = (0, we.createCoreData)(this, s, u);
-      (0, Ve.default)("DraggableCore: handleDragStart: %j", p), (0, Ve.default)("calling", this.props.onStart), !(this.props.onStart(t, p) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, re.addUserSelectStyles)(n), this.dragging = !0, this.lastX = s, this.lastY = u, (0, re.addEvent)(n, Ce.move, this.handleDrag), (0, re.addEvent)(n, Ce.stop, this.handleDragStop));
+      } = a, m = (0, we.createCoreData)(this, s, u);
+      (0, Ae.default)("DraggableCore: handleDragStart: %j", m), (0, Ae.default)("calling", this.props.onStart), !(this.props.onStart(t, m) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, re.addUserSelectStyles)(n), this.dragging = !0, this.lastX = s, this.lastY = u, (0, re.addEvent)(n, Ce.move, this.handleDrag), (0, re.addEvent)(n, Ce.stop, this.handleDragStop));
     }), ie(this, "handleDrag", (t) => {
       const r = (0, we.getControlPosition)(t, this.touchIdentifier, this);
       if (r == null) return;
@@ -3132,17 +3234,17 @@ let Ce = ye.mouse, Ge = class extends ft.Component {
         y: o
       } = r;
       if (Array.isArray(this.props.grid)) {
-        let u = n - this.lastX, p = o - this.lastY;
-        if ([u, p] = (0, we.snapToGrid)(this.props.grid, u, p), !u && !p) return;
-        n = this.lastX + u, o = this.lastY + p;
+        let u = n - this.lastX, m = o - this.lastY;
+        if ([u, m] = (0, we.snapToGrid)(this.props.grid, u, m), !u && !m) return;
+        n = this.lastX + u, o = this.lastY + m;
       }
       const a = (0, we.createCoreData)(this, n, o);
-      if ((0, Ve.default)("DraggableCore: handleDrag: %j", a), this.props.onDrag(t, a) === !1 || this.mounted === !1) {
+      if ((0, Ae.default)("DraggableCore: handleDrag: %j", a), this.props.onDrag(t, a) === !1 || this.mounted === !1) {
         try {
           this.handleDragStop(new MouseEvent("mouseup"));
         } catch {
-          const p = document.createEvent("MouseEvents");
-          p.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(p);
+          const m = document.createEvent("MouseEvents");
+          m.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(m);
         }
         return;
       }
@@ -3156,19 +3258,19 @@ let Ce = ye.mouse, Ge = class extends ft.Component {
         y: o
       } = r;
       if (Array.isArray(this.props.grid)) {
-        let p = n - this.lastX || 0, m = o - this.lastY || 0;
-        [p, m] = (0, we.snapToGrid)(this.props.grid, p, m), n = this.lastX + p, o = this.lastY + m;
+        let m = n - this.lastX || 0, p = o - this.lastY || 0;
+        [m, p] = (0, we.snapToGrid)(this.props.grid, m, p), n = this.lastX + m, o = this.lastY + p;
       }
       const a = (0, we.createCoreData)(this, n, o);
       if (this.props.onStop(t, a) === !1 || this.mounted === !1) return !1;
       const u = this.findDOMNode();
-      u && this.props.enableUserSelectHack && (0, re.removeUserSelectStyles)(u.ownerDocument), (0, Ve.default)("DraggableCore: handleDragStop: %j", a), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, u && ((0, Ve.default)("DraggableCore: Removing handlers"), (0, re.removeEvent)(u.ownerDocument, Ce.move, this.handleDrag), (0, re.removeEvent)(u.ownerDocument, Ce.stop, this.handleDragStop));
-    }), ie(this, "onMouseDown", (t) => (Ce = ye.mouse, this.handleDragStart(t))), ie(this, "onMouseUp", (t) => (Ce = ye.mouse, this.handleDragStop(t))), ie(this, "onTouchStart", (t) => (Ce = ye.touch, this.handleDragStart(t))), ie(this, "onTouchEnd", (t) => (Ce = ye.touch, this.handleDragStop(t)));
+      u && this.props.enableUserSelectHack && (0, re.removeUserSelectStyles)(u.ownerDocument), (0, Ae.default)("DraggableCore: handleDragStop: %j", a), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, u && ((0, Ae.default)("DraggableCore: Removing handlers"), (0, re.removeEvent)(u.ownerDocument, Ce.move, this.handleDrag), (0, re.removeEvent)(u.ownerDocument, Ce.stop, this.handleDragStop));
+    }), ie(this, "onMouseDown", (t) => (Ce = ve.mouse, this.handleDragStart(t))), ie(this, "onMouseUp", (t) => (Ce = ve.mouse, this.handleDragStop(t))), ie(this, "onTouchStart", (t) => (Ce = ve.touch, this.handleDragStart(t))), ie(this, "onTouchEnd", (t) => (Ce = ve.touch, this.handleDragStop(t)));
   }
   componentDidMount() {
     this.mounted = !0;
     const t = this.findDOMNode();
-    t && (0, re.addEvent)(t, ye.touch.start, this.onTouchStart, {
+    t && (0, re.addEvent)(t, ve.touch.start, this.onTouchStart, {
       passive: !1
     });
   }
@@ -3179,7 +3281,7 @@ let Ce = ye.mouse, Ge = class extends ft.Component {
       const {
         ownerDocument: r
       } = t;
-      (0, re.removeEvent)(r, ye.mouse.move, this.handleDrag), (0, re.removeEvent)(r, ye.touch.move, this.handleDrag), (0, re.removeEvent)(r, ye.mouse.stop, this.handleDragStop), (0, re.removeEvent)(r, ye.touch.stop, this.handleDragStop), (0, re.removeEvent)(t, ye.touch.start, this.onTouchStart, {
+      (0, re.removeEvent)(r, ve.mouse.move, this.handleDrag), (0, re.removeEvent)(r, ve.touch.move, this.handleDrag), (0, re.removeEvent)(r, ve.mouse.stop, this.handleDragStop), (0, re.removeEvent)(r, ve.touch.stop, this.handleDragStop), (0, re.removeEvent)(t, ve.touch.start, this.onTouchStart, {
         passive: !1
       }), this.props.enableUserSelectHack && (0, re.removeUserSelectStyles)(r);
     }
@@ -3191,7 +3293,7 @@ let Ce = ye.mouse, Ge = class extends ft.Component {
     return (t = this.props) !== null && t !== void 0 && t.nodeRef ? (r = this.props) === null || r === void 0 || (r = r.nodeRef) === null || r === void 0 ? void 0 : r.current : $o.default.findDOMNode(this);
   }
   render() {
-    return /* @__PURE__ */ ft.cloneElement(ft.Children.only(this.props.children), {
+    return /* @__PURE__ */ mt.cloneElement(mt.Children.only(this.props.children), {
       // Note: mouseMove handler is attached to document so it will still function
       // when the user drags quickly and leaves the bounds of the element.
       onMouseDown: this.onMouseDown,
@@ -3203,9 +3305,9 @@ let Ce = ye.mouse, Ge = class extends ft.Component {
     });
   }
 };
-Xe.default = Ge;
-ie(Ge, "displayName", "DraggableCore");
-ie(Ge, "propTypes", {
+Ke.default = Je;
+ie(Je, "displayName", "DraggableCore");
+ie(Je, "propTypes", {
   /**
    * `allowAnyClick` allows dragging using any mouse button.
    * By default, we only accept the left button.
@@ -3328,7 +3430,7 @@ ie(Ge, "propTypes", {
   style: pt.dontSetMe,
   transform: pt.dontSetMe
 });
-ie(Ge, "defaultProps", {
+ie(Je, "defaultProps", {
   allowAnyClick: !1,
   // by default only accept left click
   disabled: !1,
@@ -3349,18 +3451,18 @@ ie(Ge, "defaultProps", {
   }), Object.defineProperty(e, "DraggableCore", {
     enumerable: !0,
     get: function() {
-      return p.default;
+      return m.default;
     }
   }), e.default = void 0;
-  var t = O(ke), r = y(Be), n = y(Er), o = y(io), a = K, s = Ee, u = xe, p = y(Xe), m = y(Ke);
-  function y(v) {
+  var t = O(ke), r = b(Xe), n = b(Sr), o = b(io), a = K, s = Ne, u = xe, m = b(Ke), p = b(Ge);
+  function b(v) {
     return v && v.__esModule ? v : { default: v };
   }
-  function E(v) {
+  function N(v) {
     if (typeof WeakMap != "function") return null;
-    var x = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
-    return (E = function(c) {
-      return c ? N : x;
+    var x = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap();
+    return (N = function(c) {
+      return c ? E : x;
     })(v);
   }
   function O(v, x) {
@@ -3368,29 +3470,29 @@ ie(Ge, "defaultProps", {
       return v;
     if (v === null || typeof v != "object" && typeof v != "function")
       return { default: v };
-    var N = E(x);
-    if (N && N.has(v))
-      return N.get(v);
+    var E = N(x);
+    if (E && E.has(v))
+      return E.get(v);
     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];
       }
-    return c.default = v, N && N.set(v, c), c;
+    return c.default = v, E && E.set(v, c), c;
   }
   function S() {
     return S = Object.assign ? Object.assign.bind() : function(v) {
       for (var x = 1; x < arguments.length; x++) {
-        var N = arguments[x];
-        for (var c in N)
-          Object.prototype.hasOwnProperty.call(N, c) && (v[c] = N[c]);
+        var E = arguments[x];
+        for (var c in E)
+          Object.prototype.hasOwnProperty.call(E, c) && (v[c] = E[c]);
       }
       return v;
     }, S.apply(this, arguments);
   }
-  function V(v, x, N) {
-    return x = $(x), x in v ? Object.defineProperty(v, x, { value: N, enumerable: !0, configurable: !0, writable: !0 }) : v[x] = N, v;
+  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 $(v) {
     var x = B(v, "string");
@@ -3398,9 +3500,9 @@ ie(Ge, "defaultProps", {
   }
   function B(v, x) {
     if (typeof v != "object" || v === null) return v;
-    var N = v[Symbol.toPrimitive];
-    if (N !== void 0) {
-      var c = N.call(v, x || "default");
+    var E = v[Symbol.toPrimitive];
+    if (E !== void 0) {
+      var c = E.call(v, x || "default");
       if (typeof c != "object") return c;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
@@ -3409,13 +3511,13 @@ ie(Ge, "defaultProps", {
   class W extends t.Component {
     // React 16.3+
     // Arity (props, state)
-    static getDerivedStateFromProps(x, N) {
+    static getDerivedStateFromProps(x, E) {
       let {
         position: c
       } = x, {
         prevPropsPosition: Y
-      } = N;
-      return c && (!Y || c.x !== Y.x || c.y !== Y.y) ? ((0, m.default)("Draggable: getDerivedStateFromProps %j", {
+      } = E;
+      return c && (!Y || c.x !== Y.x || c.y !== Y.y) ? ((0, p.default)("Draggable: getDerivedStateFromProps %j", {
         position: c,
         prevPropsPosition: Y
       }), {
@@ -3427,15 +3529,15 @@ ie(Ge, "defaultProps", {
       }) : null;
     }
     constructor(x) {
-      super(x), V(this, "onDragStart", (N, c) => {
-        if ((0, m.default)("Draggable: onDragStart: %j", c), this.props.onStart(N, (0, s.createDraggableData)(this, c)) === !1) return !1;
+      super(x), 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,
           dragged: !0
         });
-      }), V(this, "onDrag", (N, c) => {
+      }), A(this, "onDrag", (E, c) => {
         if (!this.state.dragging) return !1;
-        (0, m.default)("Draggable: onDrag: %j", c);
+        (0, p.default)("Draggable: onDrag: %j", c);
         const Y = (0, s.createDraggableData)(this, c), P = {
           x: Y.x,
           y: Y.y,
@@ -3448,14 +3550,14 @@ ie(Ge, "defaultProps", {
             y: fe
           } = P;
           P.x += this.state.slackX, P.y += this.state.slackY;
-          const [be, Ne] = (0, s.getBoundPosition)(this, P.x, P.y);
-          P.x = be, P.y = Ne, 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;
+          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;
         }
-        if (this.props.onDrag(N, Y) === !1) return !1;
+        if (this.props.onDrag(E, Y) === !1) return !1;
         this.setState(P);
-      }), V(this, "onDragStop", (N, c) => {
-        if (!this.state.dragging || this.props.onStop(N, (0, s.createDraggableData)(this, c)) === !1) return !1;
-        (0, m.default)("Draggable: onDragStop: %j", c);
+      }), 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 = {
           dragging: !1,
           slackX: 0,
@@ -3500,36 +3602,36 @@ ie(Ge, "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, N;
-      return (x = (N = this.props) === null || N === void 0 || (N = N.nodeRef) === null || N === void 0 ? void 0 : N.current) !== null && x !== void 0 ? x : n.default.findDOMNode(this);
+      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);
     }
     render() {
       const {
         axis: x,
-        bounds: N,
+        bounds: E,
         children: c,
         defaultPosition: Y,
         defaultClassName: P,
         defaultClassNameDragging: Q,
         defaultClassNameDragged: de,
         position: fe,
-        positionOffset: be,
-        scale: Ne,
+        positionOffset: ye,
+        scale: Ee,
         ...ee
       } = this.props;
-      let Z = {}, pe = null;
-      const le = !!!fe || this.state.dragging, ve = fe || Y, Se = {
+      let Z = {}, me = null;
+      const le = !!!fe || this.state.dragging, ge = fe || Y, Se = {
         // Set left if horizontal drag is enabled
-        x: (0, s.canDragX)(this) && le ? this.state.x : ve.x,
+        x: (0, s.canDragX)(this) && le ? this.state.x : ge.x,
         // Set top if vertical drag is enabled
-        y: (0, s.canDragY)(this) && le ? this.state.y : ve.y
+        y: (0, s.canDragY)(this) && le ? this.state.y : ge.y
       };
-      this.state.isElementSVG ? pe = (0, a.createSVGTransform)(Se, be) : Z = (0, a.createCSSTransform)(Se, be);
+      this.state.isElementSVG ? me = (0, a.createSVGTransform)(Se, ye) : Z = (0, a.createCSSTransform)(Se, ye);
       const f = (0, o.default)(c.props.className || "", P, {
         [Q]: this.state.dragging,
         [de]: this.state.dragged
       });
-      return /* @__PURE__ */ t.createElement(p.default, S({}, ee, {
+      return /* @__PURE__ */ t.createElement(m.default, S({}, ee, {
         onStart: this.onDragStart,
         onDrag: this.onDrag,
         onStop: this.onDragStop
@@ -3539,13 +3641,13 @@ ie(Ge, "defaultProps", {
           ...c.props.style,
           ...Z
         },
-        transform: pe
+        transform: me
       }));
     }
   }
-  e.default = W, V(W, "displayName", "Draggable"), V(W, "propTypes", {
+  e.default = W, A(W, "displayName", "Draggable"), A(W, "propTypes", {
     // Accepts all props <DraggableCore> accepts.
-    ...p.default.propTypes,
+    ...m.default.propTypes,
     /**
      * `axis` determines which axis the draggable can move.
      *
@@ -3650,8 +3752,8 @@ ie(Ge, "defaultProps", {
     className: u.dontSetMe,
     style: u.dontSetMe,
     transform: u.dontSetMe
-  }), V(W, "defaultProps", {
-    ...p.default.defaultProps,
+  }), A(W, "defaultProps", {
+    ...m.default.defaultProps,
     axis: "both",
     bounds: !1,
     defaultClassName: "react-draggable",
@@ -3663,17 +3765,17 @@ ie(Ge, "defaultProps", {
     },
     scale: 1
   });
-})(wr);
+})(kr);
 const {
-  default: Ar,
+  default: $r,
   DraggableCore: Lo
-} = wr;
-Fe.exports = Ar;
-Fe.exports.default = Ar;
-Fe.exports.DraggableCore = Lo;
-var Wo = Fe.exports, Pt = {};
-Pt.__esModule = !0;
-Pt.cloneElement = Xo;
+} = kr;
+Be.exports = $r;
+Be.exports.default = $r;
+Be.exports.DraggableCore = Lo;
+var Wo = Be.exports, Tt = {};
+Tt.__esModule = !0;
+Tt.cloneElement = Xo;
 var qo = Yo(ke);
 function Yo(e) {
   return e && e.__esModule ? e : { default: e };
@@ -3688,7 +3790,7 @@ function fr(e, t) {
   }
   return r;
 }
-function pr(e) {
+function mr(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) {
@@ -3717,12 +3819,12 @@ function Bo(e, t) {
   return (t === "string" ? String : Number)(e);
 }
 function Xo(e, t) {
-  return t.style && e.props.style && (t.style = pr(pr({}, e.props.style), t.style)), t.className && e.props.className && (t.className = e.props.className + " " + t.className), /* @__PURE__ */ qo.default.cloneElement(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__ */ qo.default.cloneElement(e, t);
 }
 var Ie = {};
 Ie.__esModule = !0;
 Ie.resizableProps = void 0;
-var D = Ko(Be);
+var D = Ko(Xe);
 function Ko(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -3834,11 +3936,11 @@ var Go = {
 Ie.resizableProps = Go;
 ze.__esModule = !0;
 ze.default = void 0;
-var $e = ta(ke), Jo = Wo, Zo = Pt, Qo = Ie, ea = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
-function Vr(e) {
+var $e = ta(ke), Jo = Wo, Zo = Tt, Qo = Ie, ea = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
+function zr(e) {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
-  return (Vr = function(o) {
+  return (zr = function(o) {
     return o ? r : t;
   })(e);
 }
@@ -3847,7 +3949,7 @@ function ta(e, t) {
     return e;
   if (e === null || typeof e != "object" && typeof e != "function")
     return { default: e };
-  var r = Vr(t);
+  var r = zr(t);
   if (r && r.has(e))
     return r.get(e);
   var n = {}, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
@@ -3858,15 +3960,15 @@ function ta(e, t) {
     }
   return n.default = e, r && r.set(e, n), n;
 }
-function xt() {
-  return xt = Object.assign ? Object.assign.bind() : function(e) {
+function Nt() {
+  return Nt = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var n in r)
         Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, xt.apply(this, arguments);
+  }, Nt.apply(this, arguments);
 }
 function ra(e, t) {
   if (e == null) return {};
@@ -3875,7 +3977,7 @@ function ra(e, t) {
     o = n[a], !(t.indexOf(o) >= 0) && (r[o] = e[o]);
   return r;
 }
-function mr(e, t) {
+function pr(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -3885,12 +3987,12 @@ function mr(e, t) {
   }
   return r;
 }
-function mt(e) {
+function bt(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? mr(Object(r), !0).forEach(function(n) {
+    t % 2 ? pr(Object(r), !0).forEach(function(n) {
       na(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : mr(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));
     });
   }
@@ -3921,7 +4023,7 @@ function Et(e, t) {
     return n.__proto__ = o, n;
   }, Et(e, t);
 }
-var Tt = /* @__PURE__ */ function(e) {
+var jt = /* @__PURE__ */ function(e) {
   aa(t, e);
   function t() {
     for (var n, o = arguments.length, a = new Array(o), s = 0; s < o; s++)
@@ -3934,41 +4036,41 @@ var Tt = /* @__PURE__ */ function(e) {
   }, r.resetData = function() {
     this.lastHandleRect = this.slack = null;
   }, r.runConstraints = function(o, a) {
-    var s = this.props, u = s.minConstraints, p = s.maxConstraints, m = s.lockAspectRatio;
-    if (!u && !p && !m) return [o, a];
-    if (m) {
-      var y = this.props.width / this.props.height, E = o - this.props.width, O = a - this.props.height;
-      Math.abs(E) > Math.abs(O * y) ? a = o / y : o = a * y;
+    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 S = o, V = 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)), p && (o = Math.min(p[0], o), a = Math.min(p[1], a)), this.slack = [B + (S - o), W + (V - a)], [o, a];
+    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, p) {
-      var m = p.node, y = p.deltaX, E = p.deltaY;
+    return function(u, m) {
+      var p = m.node, b = m.deltaX, N = 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)) {
-        var V = a[0], $ = a[a.length - 1], B = m.getBoundingClientRect();
+        var A = a[0], $ = a[a.length - 1], B = p.getBoundingClientRect();
         if (s.lastHandleRect != null) {
           if ($ === "w") {
             var W = B.left - s.lastHandleRect.left;
-            y += W;
+            b += W;
           }
-          if (V === "n") {
+          if (A === "n") {
             var v = B.top - s.lastHandleRect.top;
-            E += v;
+            N += v;
           }
         }
-        s.lastHandleRect = B, $ === "w" && (y = -y), V === "n" && (E = -E);
-        var x = s.props.width + (O ? y / s.props.transformScale : 0), N = s.props.height + (S ? E / s.props.transformScale : 0), c = s.runConstraints(x, N);
-        x = c[0], N = c[1];
-        var Y = x !== s.props.width || N !== s.props.height, P = typeof s.props[o] == "function" ? s.props[o] : null, Q = o === "onResize" && !Y;
+        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, {
-          node: m,
+          node: p,
           size: {
             width: x,
-            height: N
+            height: E
           },
           handle: a
         })), o === "onResizeStop" && s.resetData();
@@ -3983,36 +4085,36 @@ var Tt = /* @__PURE__ */ function(e) {
       });
     if (typeof s == "function")
       return s(o, a);
-    var u = typeof s.type == "string", p = mt({
+    var u = typeof s.type == "string", m = bt({
       ref: a
     }, u ? {} : {
       handleAxis: o
     });
-    return /* @__PURE__ */ $e.cloneElement(s, p);
+    return /* @__PURE__ */ $e.cloneElement(s, m);
   }, r.render = function() {
-    var o = this, a = this.props, s = a.children, u = a.className, p = a.draggableOpts;
+    var o = this, a = this.props, s = a.children, u = a.className, m = a.draggableOpts;
     a.width, a.height, a.handle, a.handleSize, a.lockAspectRatio, a.axis, a.minConstraints, a.maxConstraints, a.onResize, a.onResizeStop, a.onResizeStart;
-    var m = a.resizeHandles;
+    var p = a.resizeHandles;
     a.transformScale;
-    var y = ra(a, ea);
-    return (0, Zo.cloneElement)(s, mt(mt({}, y), {}, {
+    var b = ra(a, ea);
+    return (0, Zo.cloneElement)(s, bt(bt({}, b), {}, {
       className: (u ? u + " " : "") + "react-resizable",
-      children: [].concat(s.props.children, m.map(function(E) {
-        var O, S = (O = o.handleRefs[E]) != null ? O : o.handleRefs[E] = /* @__PURE__ */ $e.createRef();
-        return /* @__PURE__ */ $e.createElement(Jo.DraggableCore, xt({}, p, {
+      children: [].concat(s.props.children, p.map(function(N) {
+        var O, S = (O = o.handleRefs[N]) != null ? O : o.handleRefs[N] = /* @__PURE__ */ $e.createRef();
+        return /* @__PURE__ */ $e.createElement(Jo.DraggableCore, Nt({}, m, {
           nodeRef: S,
-          key: "resizableHandle-" + E,
-          onStop: o.resizeHandler("onResizeStop", E),
-          onStart: o.resizeHandler("onResizeStart", E),
-          onDrag: o.resizeHandler("onResize", E)
-        }), o.renderResizeHandle(E, S));
+          key: "resizableHandle-" + N,
+          onStop: o.resizeHandler("onResizeStop", N),
+          onStart: o.resizeHandler("onResizeStart", N),
+          onDrag: o.resizeHandler("onResize", N)
+        }), o.renderResizeHandle(N, S));
       }))
     }));
   }, t;
 }($e.Component);
-ze.default = Tt;
-Tt.propTypes = Qo.resizableProps;
-Tt.defaultProps = {
+ze.default = jt;
+jt.propTypes = Qo.resizableProps;
+jt.defaultProps = {
   axis: "both",
   handleSize: [20, 20],
   lockAspectRatio: !1,
@@ -4021,17 +4123,17 @@ Tt.defaultProps = {
   resizeHandles: ["se"],
   transformScale: 1
 };
-var Je = {};
-Je.__esModule = !0;
-Je.default = void 0;
-var ht = da(ke), sa = $r(Be), la = $r(ze), ca = Ie, ua = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
-function $r(e) {
+var Ze = {};
+Ze.__esModule = !0;
+Ze.default = void 0;
+var ht = da(ke), sa = Ir(Xe), la = Ir(ze), ca = Ie, ua = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
+function Ir(e) {
   return e && e.__esModule ? e : { default: e };
 }
-function zr(e) {
+function Hr(e) {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
-  return (zr = function(o) {
+  return (Hr = function(o) {
     return o ? r : t;
   })(e);
 }
@@ -4040,7 +4142,7 @@ function da(e, t) {
     return e;
   if (e === null || typeof e != "object" && typeof e != "function")
     return { default: e };
-  var r = zr(t);
+  var r = Hr(t);
   if (r && r.has(e))
     return r.get(e);
   var n = {}, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
@@ -4051,17 +4153,17 @@ function da(e, t) {
     }
   return n.default = e, r && r.set(e, n), n;
 }
-function Nt() {
-  return Nt = Object.assign ? Object.assign.bind() : function(e) {
+function St() {
+  return St = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var n in r)
         Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, Nt.apply(this, arguments);
+  }, St.apply(this, arguments);
 }
-function hr(e, t) {
+function br(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -4071,25 +4173,25 @@ function hr(e, t) {
   }
   return r;
 }
-function Ue(e) {
+function Fe(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? hr(Object(r), !0).forEach(function(n) {
+    t % 2 ? br(Object(r), !0).forEach(function(n) {
       fa(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : hr(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : br(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
 function fa(e, t, r) {
-  return t = pa(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+  return t = ma(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
-function pa(e) {
-  var t = ma(e, "string");
+function ma(e) {
+  var t = pa(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function ma(e, t) {
+function pa(e, t) {
   if (typeof e != "object" || e === null) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -4099,23 +4201,23 @@ function ma(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function ha(e, t) {
+function ba(e, t) {
   if (e == null) return {};
   var r = {}, n = Object.keys(e), o, a;
   for (a = 0; a < n.length; a++)
     o = n[a], !(t.indexOf(o) >= 0) && (r[o] = e[o]);
   return r;
 }
-function ba(e, t) {
-  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, St(e, t);
+function ha(e, t) {
+  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, wt(e, t);
 }
-function St(e, t) {
-  return St = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, o) {
+function wt(e, t) {
+  return wt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, o) {
     return n.__proto__ = o, n;
-  }, St(e, t);
+  }, wt(e, t);
 }
-var Ir = /* @__PURE__ */ function(e) {
-  ba(t, e);
+var Lr = /* @__PURE__ */ function(e) {
+  ha(t, e);
   function t() {
     for (var n, o = arguments.length, a = new Array(o), s = 0; s < o; s++)
       a[s] = arguments[s];
@@ -4124,11 +4226,11 @@ var Ir = /* @__PURE__ */ function(e) {
       height: n.props.height,
       propsWidth: n.props.width,
       propsHeight: n.props.height
-    }, n.onResize = function(u, p) {
-      var m = p.size;
-      n.props.onResize ? (u.persist == null || u.persist(), n.setState(m, function() {
-        return n.props.onResize && n.props.onResize(u, p);
-      })) : n.setState(m);
+    }, n.onResize = function(u, m) {
+      var p = m.size;
+      n.props.onResize ? (u.persist == null || u.persist(), n.setState(p, function() {
+        return n.props.onResize && n.props.onResize(u, m);
+      })) : n.setState(p);
     }, n;
   }
   t.getDerivedStateFromProps = function(o, a) {
@@ -4143,53 +4245,53 @@ 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, p = o.onResizeStop, m = o.draggableOpts, y = o.minConstraints, E = o.maxConstraints, O = o.lockAspectRatio, S = o.axis;
+    var u = o.onResizeStart, m = o.onResizeStop, p = o.draggableOpts, b = o.minConstraints, N = o.maxConstraints, O = o.lockAspectRatio, S = o.axis;
     o.width, o.height;
-    var V = o.resizeHandles, $ = o.style, B = o.transformScale, W = ha(o, ua);
+    var A = o.resizeHandles, $ = o.style, B = o.transformScale, W = ba(o, ua);
     return /* @__PURE__ */ ht.createElement(la.default, {
       axis: S,
-      draggableOpts: m,
+      draggableOpts: p,
       handle: a,
       handleSize: s,
       height: this.state.height,
       lockAspectRatio: O,
-      maxConstraints: E,
-      minConstraints: y,
+      maxConstraints: N,
+      minConstraints: b,
       onResizeStart: u,
       onResize: this.onResize,
-      onResizeStop: p,
-      resizeHandles: V,
+      onResizeStop: m,
+      resizeHandles: A,
       transformScale: B,
       width: this.state.width
-    }, /* @__PURE__ */ ht.createElement("div", Nt({}, W, {
-      style: Ue(Ue({}, $), {}, {
+    }, /* @__PURE__ */ ht.createElement("div", St({}, W, {
+      style: Fe(Fe({}, $), {}, {
         width: this.state.width + "px",
         height: this.state.height + "px"
       })
     })));
   }, t;
 }(ht.Component);
-Je.default = Ir;
-Ir.propTypes = Ue(Ue({}, ca.resizableProps), {}, {
+Ze.default = Lr;
+Lr.propTypes = Fe(Fe({}, ca.resizableProps), {}, {
   children: sa.default.element
 });
-_t.exports = function() {
+Dt.exports = function() {
   throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
 };
-_t.exports.Resizable = ze.default;
-var ya = _t.exports.ResizableBox = Je.default;
+Dt.exports.Resizable = ze.default;
+var ya = Dt.exports.ResizableBox = Ze.default;
 const va = (e) => {
-  const { editor: t } = wt();
+  const { editor: t } = Ct();
   if (!t) return null;
-  const { node: r, updateAttributes: n } = e, [o, a] = ge({
+  const { node: r, updateAttributes: n } = e, [o, a] = he({
     width: r.attrs.width || 300,
     height: r.attrs.height || 300
-  }), [s, u] = ge({
+  }), [s, u] = he({
     left: r.attrs.marginLeft || 0,
     right: r.attrs.marginRight || 0
-  }), [p, m] = ge(r.attrs.src || ""), y = sn(null);
-  ln(() => {
-    if (r.attrs.src && y.current) {
+  }), [m, p] = he(r.attrs.src || ""), b = yr(null);
+  vr(() => {
+    if (r.attrs.src && b.current) {
       const S = new Image();
       S.onload = () => {
         (!r.attrs.width || !r.attrs.height) && a({
@@ -4199,26 +4301,27 @@ const va = (e) => {
       }, S.src = r.attrs.src;
     }
   }, [r.attrs.src]);
-  const E = (S, { size: V }) => {
+  const N = (S, { size: A }) => {
     a({
-      width: V.width,
-      height: V.height
+      width: A.width,
+      height: A.height
     }), n({
-      width: V.width,
-      height: V.height
+      width: A.width,
+      height: A.height
     });
   }, O = () => {
     n({
-      src: p,
+      src: m,
       width: o.width,
       height: o.height,
       marginLeft: s.left,
       marginRight: s.right
     });
   };
-  return /* @__PURE__ */ l.jsxDEV(yr, { className: "image-wrapper", children: /* @__PURE__ */ l.jsxDEV(
-    Sr,
+  return /* @__PURE__ */ l.jsxDEV(gr, { className: "image-wrapper", children: /* @__PURE__ */ l.jsxDEV(
+    Cr,
     {
+      title: "Image",
       childrenContent: /* @__PURE__ */ l.jsxDEV(
         "div",
         {
@@ -4232,7 +4335,7 @@ const va = (e) => {
             {
               width: o.width,
               height: o.height,
-              onResize: E,
+              onResize: N,
               minConstraints: [100, 100],
               maxConstraints: [800, 800],
               lockAspectRatio: !0,
@@ -4240,7 +4343,7 @@ const va = (e) => {
               children: /* @__PURE__ */ l.jsxDEV(
                 "img",
                 {
-                  ref: y,
+                  ref: b,
                   src: r.attrs.src,
                   alt: "Uploaded",
                   className: "object-contain w-full h-full",
@@ -4250,7 +4353,7 @@ const va = (e) => {
                 !1,
                 {
                   fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                  lineNumber: 86,
+                  lineNumber: 87,
                   columnNumber: 33
                 },
                 void 0
@@ -4260,14 +4363,14 @@ const va = (e) => {
             !1,
             {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 77,
+              lineNumber: 78,
               columnNumber: 29
             },
             void 0
           ) : /* @__PURE__ */ l.jsxDEV(
             "img",
             {
-              ref: y,
+              ref: b,
               src: r.attrs.src,
               alt: "Uploaded",
               style: {
@@ -4281,7 +4384,7 @@ const va = (e) => {
             !1,
             {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 95,
+              lineNumber: 96,
               columnNumber: 29
             },
             void 0
@@ -4291,7 +4394,7 @@ const va = (e) => {
         !1,
         {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-          lineNumber: 69,
+          lineNumber: 70,
           columnNumber: 21
         },
         void 0
@@ -4301,36 +4404,36 @@ const va = (e) => {
         /* @__PURE__ */ l.jsxDEV("div", { children: [
           /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Image URL" }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 113,
+            lineNumber: 114,
             columnNumber: 29
           }, void 0),
           /* @__PURE__ */ l.jsxDEV(
             "input",
             {
               type: "text",
-              value: p,
-              onChange: (S) => m(S.target.value),
+              value: m,
+              onChange: (S) => p(S.target.value),
               className: "w-full p-2 border rounded"
             },
             void 0,
             !1,
             {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 114,
+              lineNumber: 115,
               columnNumber: 29
             },
             void 0
           )
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-          lineNumber: 112,
+          lineNumber: 113,
           columnNumber: 25
         }, void 0),
         /* @__PURE__ */ l.jsxDEV("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ l.jsxDEV("div", { children: [
             /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Width" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 124,
+              lineNumber: 125,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV(
@@ -4345,20 +4448,20 @@ const va = (e) => {
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                lineNumber: 125,
+                lineNumber: 126,
                 columnNumber: 33
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 123,
+            lineNumber: 124,
             columnNumber: 29
           }, void 0),
           /* @__PURE__ */ l.jsxDEV("div", { children: [
             /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Height" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 133,
+              lineNumber: 134,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV(
@@ -4373,26 +4476,26 @@ const va = (e) => {
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                lineNumber: 134,
+                lineNumber: 135,
                 columnNumber: 33
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 132,
+            lineNumber: 133,
             columnNumber: 29
           }, void 0)
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-          lineNumber: 122,
+          lineNumber: 123,
           columnNumber: 25
         }, void 0),
         /* @__PURE__ */ l.jsxDEV("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ l.jsxDEV("div", { children: [
             /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Margin Left" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 145,
+              lineNumber: 146,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV(
@@ -4407,20 +4510,20 @@ const va = (e) => {
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                lineNumber: 146,
+                lineNumber: 147,
                 columnNumber: 33
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 144,
+            lineNumber: 145,
             columnNumber: 29
           }, void 0),
           /* @__PURE__ */ l.jsxDEV("div", { children: [
             /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Margin Right" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 154,
+              lineNumber: 155,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV(
@@ -4435,19 +4538,19 @@ const va = (e) => {
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                lineNumber: 155,
+                lineNumber: 156,
                 columnNumber: 33
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 153,
+            lineNumber: 154,
             columnNumber: 29
           }, void 0)
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-          lineNumber: 143,
+          lineNumber: 144,
           columnNumber: 25
         }, void 0),
         /* @__PURE__ */ l.jsxDEV(
@@ -4461,14 +4564,14 @@ const va = (e) => {
           !1,
           {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 164,
+            lineNumber: 165,
             columnNumber: 25
           },
           void 0
         )
       ] }, void 0, !0, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-        lineNumber: 111,
+        lineNumber: 112,
         columnNumber: 21
       }, void 0)
     },
@@ -4485,7 +4588,7 @@ const va = (e) => {
     lineNumber: 66,
     columnNumber: 9
   }, void 0);
-}, ga = gr.create({
+}, ga = Nr.create({
   name: "image",
   group: "block",
   content: "inline*",
@@ -4503,10 +4606,10 @@ const va = (e) => {
     return [{ tag: "image" }];
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["image", xr(e)];
+    return ["image", Er(e)];
   },
   addNodeView() {
-    return vr(va);
+    return xr(va);
   },
   addCommands() {
     return {
@@ -4517,12 +4620,12 @@ const va = (e) => {
     };
   }
 }), xa = [
-  mn.configure({
-    types: [Bt.name, pn.name]
+  pn.configure({
+    types: [Bt.name, mn.name]
   }),
   Bt,
-  bn.configure({ multicolor: !0 }),
-  hn.configure({
+  hn.configure({ multicolor: !0 }),
+  bn.configure({
     bulletList: {
       keepMarks: !0,
       keepAttributes: !1
@@ -4539,8 +4642,8 @@ const va = (e) => {
   xn.configure({
     types: ["heading", "paragraph"]
   }),
-  En,
   Nn,
+  En,
   Sn.configure({
     resizable: !0,
     lastColumnResizable: !0,
@@ -4551,7 +4654,7 @@ const va = (e) => {
   }),
   wn,
   Cn,
-  _n.configure({
+  kn.configure({
     HTMLAttributes: {
       class: "table-cell"
     }
@@ -4566,34 +4669,39 @@ const va = (e) => {
   editable: o = !0,
   onChange: a
 }) => {
-  const s = cn(() => xa, []), u = ({ editor: p }) => {
-    a && a(p.getHTML());
+  const s = yr(null), u = ke.useMemo(() => xa, []), m = ({ editor: b }) => {
+    a && a(b.getHTML());
+  }, p = ({ editor: b }) => {
+    s.current = b;
   };
-  return /* @__PURE__ */ l.jsxDEV("div", { className: `cyber-editor-container ${r}`, children: /* @__PURE__ */ l.jsxDEV(
-    dn,
+  return vr(() => {
+    s.current && e !== s.current.getHTML() && s.current.commands.setContent(e);
+  }, [e]), /* @__PURE__ */ l.jsxDEV("div", { className: `cyber-editor-container ${r}`, children: /* @__PURE__ */ l.jsxDEV(
+    un,
     {
-      slotBefore: t === !0 ? /* @__PURE__ */ l.jsxDEV(Fi, {}, void 0, !1, {
+      slotBefore: t ? /* @__PURE__ */ l.jsxDEV(Fi, {}, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
-        lineNumber: 26,
-        columnNumber: 51
+        lineNumber: 38,
+        columnNumber: 42
       }, void 0) : null,
-      extensions: s,
+      extensions: u,
       content: e,
       editable: o,
-      onUpdate: u,
+      onUpdate: m,
+      onCreate: p,
       editorContainerProps: { 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, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
-    lineNumber: 24,
+    lineNumber: 36,
     columnNumber: 9
   }, void 0);
 };