@cyberskill/cyber-editor 2.0.4 → 3.1.0

package/dist/cyber-editor.es.js

@@ -1,25 +1,25 @@
-import _e, { forwardRef as hr, createElement as yt, useState as he, useRef as sn, useEffect as ln, useMemo as cn } from "react";
-import { useCurrentEditor as Ct, NodeViewWrapper as yr, NodeViewContent as un, ReactNodeViewRenderer as vr, EditorProvider as dn } from "@tiptap/react";
-import { ColorPicker as fn, Tooltip as vt, Dropdown as kt, Menu as Ft, Modal as mn } from "antd";
-import pn from "@tiptap/extension-list-item";
-import { Color as bn } from "@tiptap/extension-color";
-import Bt from "@tiptap/extension-text-style";
-import hn from "@tiptap/starter-kit";
-import yn from "@tiptap/extension-highlight";
-import vn from "@tiptap/extension-underline";
-import gn from "@tiptap/extension-subscript";
-import xn from "@tiptap/extension-superscript";
-import Nn from "@tiptap/extension-text-align";
-import En from "@tiptap/extension-task-list";
-import Sn from "@tiptap/extension-task-item";
-import wn from "@tiptap/extension-table";
-import Cn from "@tiptap/extension-table-row";
-import kn from "@tiptap/extension-table-header";
-import Dn from "@tiptap/extension-table-cell";
+import _e, { forwardRef as br, createElement as yt, useState as he, useRef as sn, useEffect as hr } from "react";
+import { NodeViewWrapper as yr, NodeViewContent as ln, ReactNodeViewRenderer as vr, useEditor as cn, EditorContent as un } from "@tiptap/react";
+import { ColorPicker as dn, Tooltip as vt, Dropdown as Ct, Menu as Ft, Modal as fn } from "antd";
+import mn from "@tiptap/extension-list-item";
+import { Color as pn } from "@tiptap/extension-color";
+import Ut from "@tiptap/extension-text-style";
+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 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 kn from "@tiptap/extension-table-cell";
 import { Node as gr, mergeAttributes as xr } from "@tiptap/core";
-import _n from "@tiptap/extension-image";
+import Dn from "@tiptap/extension-image";
 import Nr from "react-dom";
-function On(e) {
+function _n(e) {
   if (e.__esModule) return e;
   var t = e.default;
   if (typeof t == "function") {
@@ -48,10 +48,10 @@ var gt = { exports: {} }, Le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Xt;
-function Rn() {
-  if (Xt) return Le;
-  Xt = 1;
+var Bt;
+function On() {
+  if (Bt) return Le;
+  Bt = 1;
   var e = Symbol.for("react.fragment");
   return Le.Fragment = e, Le.jsxDEV = void 0, Le;
 }
@@ -65,10 +65,10 @@ var We = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Kt;
-function Pn() {
-  return Kt || (Kt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = _e, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), u = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), A = Symbol.iterator, $ = "@@iterator";
+var Xt;
+function Rn() {
+  return Xt || (Xt = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = _e, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), u = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), A = Symbol.iterator, $ = "@@iterator";
     function B(i) {
       if (i === null || typeof i != "object")
         return null;
@@ -76,38 +76,38 @@ function Pn() {
       return typeof d == "function" ? d : null;
     }
     var W = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function v(i) {
+    function g(i) {
       {
-        for (var d = arguments.length, y = new Array(d > 1 ? d - 1 : 0), w = 1; w < d; w++)
-          y[w - 1] = arguments[w];
-        x("error", i, y);
+        for (var d = arguments.length, h = new Array(d > 1 ? d - 1 : 0), w = 1; w < d; w++)
+          h[w - 1] = arguments[w];
+        N("error", i, h);
       }
     }
-    function x(i, d, y) {
+    function N(i, d, h) {
       {
         var w = W.ReactDebugCurrentFrame, q = w.getStackAddendum();
-        q !== "" && (d += "%s", y = y.concat([q]));
-        var X = y.map(function(I) {
+        q !== "" && (d += "%s", h = h.concat([q]));
+        var X = h.map(function(I) {
           return String(I);
         });
         X.unshift("Warning: " + d), Function.prototype.apply.call(console[i], console, X);
       }
     }
-    var E = !1, c = !1, Y = !1, P = !1, Q = !1, de;
+    var E = !1, c = !1, Y = !1, T = !1, Q = !1, de;
     de = Symbol.for("react.module.reference");
     function fe(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === n || i === a || Q || i === o || i === p || i === b || P || i === S || E || c || Y || typeof i == "object" && i !== null && (i.$$typeof === O || i.$$typeof === N || i.$$typeof === s || i.$$typeof === u || i.$$typeof === m || // This needs to include all possible module reference object
+      return !!(typeof i == "string" || typeof i == "function" || i === n || i === a || Q || i === o || i === p || i === y || T || i === S || E || c || Y || typeof i == "object" && i !== null && (i.$$typeof === O || i.$$typeof === v || i.$$typeof === s || i.$$typeof === u || i.$$typeof === m || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       i.$$typeof === de || i.getModuleId !== void 0));
     }
-    function ye(i, d, y) {
+    function ye(i, d, h) {
       var w = i.displayName;
       if (w)
         return w;
       var q = d.displayName || d.name || "";
-      return q !== "" ? y + "(" + q + ")" : y;
+      return q !== "" ? h + "(" + q + ")" : h;
     }
     function Ee(i) {
       return i.displayName || "Context";
@@ -115,7 +115,7 @@ function Pn() {
     function ee(i) {
       if (i == null)
         return null;
-      if (typeof i.tag == "number" && v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
+      if (typeof i.tag == "number" && g("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof i == "function")
         return i.displayName || i.name || null;
       if (typeof i == "string")
         return i;
@@ -130,7 +130,7 @@ function Pn() {
           return "StrictMode";
         case p:
           return "Suspense";
-        case b:
+        case y:
           return "SuspenseList";
       }
       if (typeof i == "object")
@@ -139,11 +139,11 @@ function Pn() {
             var d = i;
             return Ee(d) + ".Consumer";
           case s:
-            var y = i;
-            return Ee(y._context) + ".Provider";
+            var h = i;
+            return Ee(h._context) + ".Provider";
           case m:
             return ye(i, i.render, "ForwardRef");
-          case N:
+          case v:
             var w = i.displayName || null;
             return w !== null ? w : ee(i.type) || "Memo";
           case O: {
@@ -157,14 +157,14 @@ function Pn() {
         }
       return null;
     }
-    var Z = Object.assign, me = 0, oe, le, ge, Se, f, g, T;
+    var Z = Object.assign, me = 0, oe, le, ge, Se, f, x, P;
     function R() {
     }
     R.__reactDisabledLog = !0;
     function C() {
       {
         if (me === 0) {
-          oe = console.log, le = console.info, ge = console.warn, Se = console.error, f = console.group, g = console.groupCollapsed, T = console.groupEnd;
+          oe = console.log, le = console.info, ge = console.warn, Se = console.error, f = console.group, x = console.groupCollapsed, P = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -209,18 +209,18 @@ function Pn() {
               value: f
             }),
             groupCollapsed: Z({}, i, {
-              value: g
+              value: x
             }),
             groupEnd: Z({}, i, {
-              value: T
+              value: P
             })
           });
         }
-        me < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        me < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var k = W.ReactCurrentDispatcher, _;
-    function j(i, d, y) {
+    function j(i, d, h) {
       {
         if (_ === void 0)
           try {
@@ -238,13 +238,13 @@ function Pn() {
       var te = typeof WeakMap == "function" ? WeakMap : Map;
       M = new te();
     }
-    function h(i, d) {
+    function b(i, d) {
       if (!i || H)
         return "";
       {
-        var y = M.get(i);
-        if (y !== void 0)
-          return y;
+        var h = M.get(i);
+        if (h !== void 0)
+          return h;
       }
       var w;
       H = !0;
@@ -306,54 +306,54 @@ function Pn() {
       } finally {
         H = !1, k.current = X, z(), Error.prepareStackTrace = q;
       }
-      var Te = i ? i.displayName || i.name : "", De = Te ? j(Te) : "";
+      var Pe = i ? i.displayName || i.name : "", De = Pe ? j(Pe) : "";
       return typeof i == "function" && M.set(i, De), De;
     }
-    function pe(i, d, y) {
-      return h(i, !1);
+    function pe(i, d, h) {
+      return b(i, !1);
     }
     function Re(i) {
       var d = i.prototype;
       return !!(d && d.isReactComponent);
     }
-    function ke(i, d, y) {
+    function ke(i, d, h) {
       if (i == null)
         return "";
       if (typeof i == "function")
-        return h(i, Re(i));
+        return b(i, Re(i));
       if (typeof i == "string")
         return j(i);
       switch (i) {
         case p:
           return j("Suspense");
-        case b:
+        case y:
           return j("SuspenseList");
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
           case m:
             return pe(i.render);
-          case N:
-            return ke(i.type, d, y);
+          case v:
+            return ke(i.type, d, h);
           case O: {
             var w = i, q = w._payload, X = w._init;
             try {
-              return ke(X(q), d, y);
+              return ke(X(q), d, h);
             } catch {
             }
           }
         }
       return "";
     }
-    var Me = Object.prototype.hasOwnProperty, Mt = {}, Vt = W.ReactDebugCurrentFrame;
+    var Me = Object.prototype.hasOwnProperty, jt = {}, Mt = W.ReactDebugCurrentFrame;
     function He(i) {
       if (i) {
-        var d = i._owner, y = ke(i.type, i._source, d ? d.type : null);
-        Vt.setExtraStackFrame(y);
+        var d = i._owner, h = ke(i.type, i._source, d ? d.type : null);
+        Mt.setExtraStackFrame(h);
       } else
-        Vt.setExtraStackFrame(null);
+        Mt.setExtraStackFrame(null);
     }
-    function Hr(i, d, y, w, q) {
+    function Hr(i, d, h, w, q) {
       {
         var X = Function.call.bind(Me);
         for (var I in i)
@@ -361,14 +361,14 @@ function Pn() {
             var V = void 0;
             try {
               if (typeof i[I] != "function") {
-                var ne = Error((w || "React class") + ": " + y + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var ne = Error((w || "React class") + ": " + h + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ne.name = "Invariant Violation", ne;
               }
-              V = i[I](d, I, w, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              V = i[I](d, I, w, h, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (G) {
               V = G;
             }
-            V && !(V instanceof Error) && (He(q), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", y, I, typeof V), He(null)), V instanceof Error && !(V.message in Mt) && (Mt[V.message] = !0, He(q), v("Failed %s type: %s", y, V.message), He(null));
+            V && !(V instanceof Error) && (He(q), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", h, I, typeof V), He(null)), V instanceof Error && !(V.message in jt) && (jt[V.message] = !0, He(q), g("Failed %s type: %s", h, V.message), He(null));
           }
       }
     }
@@ -378,32 +378,32 @@ function Pn() {
     }
     function Wr(i) {
       {
-        var d = typeof Symbol == "function" && Symbol.toStringTag, y = d && i[Symbol.toStringTag] || i.constructor.name || "Object";
-        return y;
+        var d = typeof Symbol == "function" && Symbol.toStringTag, h = d && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        return h;
       }
     }
     function qr(i) {
       try {
-        return At(i), !1;
+        return Vt(i), !1;
       } catch {
         return !0;
       }
     }
-    function At(i) {
+    function Vt(i) {
       return "" + i;
     }
-    function $t(i) {
+    function At(i) {
       if (qr(i))
-        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Wr(i)), At(i);
+        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Wr(i)), Vt(i);
     }
     var Ve = W.ReactCurrentOwner, Yr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, zt, It, et;
+    }, $t, zt, et;
     et = {};
-    function Ur(i) {
+    function Fr(i) {
       if (Me.call(i, "ref")) {
         var d = Object.getOwnPropertyDescriptor(i, "ref").get;
         if (d && d.isReactWarning)
@@ -411,7 +411,7 @@ function Pn() {
       }
       return i.ref !== void 0;
     }
-    function Fr(i) {
+    function Ur(i) {
       if (Me.call(i, "key")) {
         var d = Object.getOwnPropertyDescriptor(i, "key").get;
         if (d && d.isReactWarning)
@@ -421,40 +421,40 @@ function Pn() {
     }
     function Br(i, d) {
       if (typeof i.ref == "string" && Ve.current && d && Ve.current.stateNode !== d) {
-        var y = ee(Ve.current.type);
-        et[y] || (v('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ee(Ve.current.type), i.ref), et[y] = !0);
+        var h = ee(Ve.current.type);
+        et[h] || (g('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ee(Ve.current.type), i.ref), et[h] = !0);
       }
     }
     function Xr(i, d) {
       {
-        var y = function() {
-          zt || (zt = !0, v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", d));
+        var h = function() {
+          $t || ($t = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", d));
         };
-        y.isReactWarning = !0, Object.defineProperty(i, "key", {
-          get: y,
+        h.isReactWarning = !0, Object.defineProperty(i, "key", {
+          get: h,
           configurable: !0
         });
       }
     }
     function Kr(i, d) {
       {
-        var y = function() {
-          It || (It = !0, v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", d));
+        var h = function() {
+          zt || (zt = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", d));
         };
-        y.isReactWarning = !0, Object.defineProperty(i, "ref", {
-          get: y,
+        h.isReactWarning = !0, Object.defineProperty(i, "ref", {
+          get: h,
           configurable: !0
         });
       }
     }
-    var Gr = function(i, d, y, w, q, X, I) {
+    var Gr = function(i, d, h, w, q, X, I) {
       var V = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: i,
         key: d,
-        ref: y,
+        ref: h,
         props: I,
         // Record the component responsible for creating this element.
         _owner: X
@@ -476,10 +476,10 @@ function Pn() {
         value: q
       }), Object.freeze && (Object.freeze(V.props), Object.freeze(V)), V;
     };
-    function Jr(i, d, y, w, q) {
+    function Jr(i, d, h, w, q) {
       {
         var X, I = {}, V = null, ne = null;
-        y !== void 0 && ($t(y), V = "" + y), Fr(d) && ($t(d.key), V = "" + d.key), Ur(d) && (ne = d.ref, Br(d, q));
+        h !== void 0 && (At(h), V = "" + h), Ur(d) && (At(d.key), V = "" + d.key), Fr(d) && (ne = d.ref, Br(d, q));
         for (X in d)
           Me.call(d, X) && !Yr.hasOwnProperty(X) && (I[X] = d[X]);
         if (i && i.defaultProps) {
@@ -494,20 +494,20 @@ function Pn() {
         return Gr(i, V, ne, q, w, Ve.current, I);
       }
     }
-    var tt = W.ReactCurrentOwner, Ht = W.ReactDebugCurrentFrame;
-    function Pe(i) {
+    var tt = W.ReactCurrentOwner, It = W.ReactDebugCurrentFrame;
+    function Te(i) {
       if (i) {
-        var d = i._owner, y = ke(i.type, i._source, d ? d.type : null);
-        Ht.setExtraStackFrame(y);
+        var d = i._owner, h = ke(i.type, i._source, d ? d.type : null);
+        It.setExtraStackFrame(h);
       } else
-        Ht.setExtraStackFrame(null);
+        It.setExtraStackFrame(null);
     }
     var rt;
     rt = !1;
     function nt(i) {
       return typeof i == "object" && i !== null && i.$$typeof === t;
     }
-    function Lt() {
+    function Ht() {
       {
         if (tt.current) {
           var i = ee(tt.current.type);
@@ -522,48 +522,48 @@ Check the render method of \`` + i + "`.";
     function Zr(i) {
       {
         if (i !== void 0) {
-          var d = i.fileName.replace(/^.*[\\\/]/, ""), y = i.lineNumber;
+          var d = i.fileName.replace(/^.*[\\\/]/, ""), h = i.lineNumber;
           return `
 
-Check your code at ` + d + ":" + y + ".";
+Check your code at ` + d + ":" + h + ".";
         }
         return "";
       }
     }
-    var Wt = {};
+    var Lt = {};
     function Qr(i) {
       {
-        var d = Lt();
+        var d = Ht();
         if (!d) {
-          var y = typeof i == "string" ? i : i.displayName || i.name;
-          y && (d = `
+          var h = typeof i == "string" ? i : i.displayName || i.name;
+          h && (d = `
 
-Check the top-level render call using <` + y + ">.");
+Check the top-level render call using <` + h + ">.");
         }
         return d;
       }
     }
-    function qt(i, d) {
+    function Wt(i, d) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var y = Qr(d);
-        if (Wt[y])
+        var h = Qr(d);
+        if (Lt[h])
           return;
-        Wt[y] = !0;
+        Lt[h] = !0;
         var w = "";
-        i && i._owner && i._owner !== tt.current && (w = " It was passed a child from " + ee(i._owner.type) + "."), Pe(i), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, w), Pe(null);
+        i && i._owner && i._owner !== tt.current && (w = " It was passed a child from " + ee(i._owner.type) + "."), Te(i), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', h, w), Te(null);
       }
     }
-    function Yt(i, d) {
+    function qt(i, d) {
       {
         if (typeof i != "object")
           return;
         if (Qe(i))
-          for (var y = 0; y < i.length; y++) {
-            var w = i[y];
-            nt(w) && qt(w, d);
+          for (var h = 0; h < i.length; h++) {
+            var w = i[h];
+            nt(w) && Wt(w, d);
           }
         else if (nt(i))
           i._store && (i._store.validated = !0);
@@ -571,7 +571,7 @@ Check the top-level render call using <` + y + ">.");
           var q = B(i);
           if (typeof q == "function" && q !== i.entries)
             for (var X = q.call(i), I; !(I = X.next()).done; )
-              nt(I.value) && qt(I.value, d);
+              nt(I.value) && Wt(I.value, d);
         }
       }
     }
@@ -580,51 +580,51 @@ Check the top-level render call using <` + y + ">.");
         var d = i.type;
         if (d == null || typeof d == "string")
           return;
-        var y;
+        var h;
         if (typeof d == "function")
-          y = d.propTypes;
+          h = d.propTypes;
         else if (typeof d == "object" && (d.$$typeof === m || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        d.$$typeof === N))
-          y = d.propTypes;
+        d.$$typeof === v))
+          h = d.propTypes;
         else
           return;
-        if (y) {
+        if (h) {
           var w = ee(d);
-          Hr(y, i.props, "prop", w, i);
+          Hr(h, i.props, "prop", w, i);
         } else if (d.PropTypes !== void 0 && !rt) {
           rt = !0;
           var q = ee(d);
-          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", q || "Unknown");
+          g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", q || "Unknown");
         }
-        typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function tn(i) {
       {
-        for (var d = Object.keys(i.props), y = 0; y < d.length; y++) {
-          var w = d[y];
+        for (var d = Object.keys(i.props), h = 0; h < d.length; h++) {
+          var w = d[h];
           if (w !== "children" && w !== "key") {
-            Pe(i), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), Pe(null);
+            Te(i), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), Te(null);
             break;
           }
         }
-        i.ref !== null && (Pe(i), v("Invalid attribute `ref` supplied to `React.Fragment`."), Pe(null));
+        i.ref !== null && (Te(i), g("Invalid attribute `ref` supplied to `React.Fragment`."), Te(null));
       }
     }
-    var Ut = {};
-    function rn(i, d, y, w, q, X) {
+    var Yt = {};
+    function rn(i, d, h, w, q, X) {
       {
         var I = fe(i);
         if (!I) {
           var V = "";
           (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (V += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var ne = Zr(q);
-          ne ? V += ne : V += Lt();
+          ne ? V += ne : V += Ht();
           var G;
-          i === null ? G = "null" : Qe(i) ? G = "array" : i !== void 0 && i.$$typeof === t ? (G = "<" + (ee(i.type) || "Unknown") + " />", V = " Did you accidentally export a JSX literal instead of a component?") : G = typeof i, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", G, V);
+          i === null ? G = "null" : Qe(i) ? G = "array" : i !== void 0 && i.$$typeof === t ? (G = "<" + (ee(i.type) || "Unknown") + " />", V = " Did you accidentally export a JSX literal instead of a component?") : G = typeof i, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", G, V);
         }
-        var J = Jr(i, d, y, q, X);
+        var J = Jr(i, d, h, q, X);
         if (J == null)
           return J;
         if (I) {
@@ -632,26 +632,26 @@ Check the top-level render call using <` + y + ">.");
           if (be !== void 0)
             if (w)
               if (Qe(be)) {
-                for (var Te = 0; Te < be.length; Te++)
-                  Yt(be[Te], i);
+                for (var Pe = 0; Pe < be.length; Pe++)
+                  qt(be[Pe], i);
                 Object.freeze && Object.freeze(be);
               } else
-                v("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              Yt(be, i);
+              qt(be, i);
         }
         if (Me.call(d, "key")) {
           var De = ee(i), ae = Object.keys(d).filter(function(an) {
             return an !== "key";
           }), it = ae.length > 0 ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ut[De + it]) {
+          if (!Yt[De + it]) {
             var on = ae.length > 0 ? "{" + ae.join(": ..., ") + ": ...}" : "{}";
-            v(`A props object containing a "key" prop is being spread into JSX:
+            g(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, it, De, on, De), Ut[De + it] = !0;
+  <%s key={someKey} {...props} />`, it, De, on, De), Yt[De + it] = !0;
           }
         }
         return i === n ? tn(J) : en(J), J;
@@ -661,7 +661,7 @@ React keys must be passed directly to JSX without using spread:
     We.Fragment = n, We.jsxDEV = nn;
   }()), We;
 }
-process.env.NODE_ENV === "production" ? gt.exports = Rn() : gt.exports = Pn();
+process.env.NODE_ENV === "production" ? gt.exports = On() : gt.exports = Rn();
 var l = gt.exports;
 /**
  * @license lucide-react v0.474.0 - ISC
@@ -676,7 +676,7 @@ const Tn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Er = (
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var jn = {
+var Pn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -693,7 +693,7 @@ var jn = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mn = hr(
+const jn = br(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -707,7 +707,7 @@ const Mn = hr(
     "svg",
     {
       ref: m,
-      ...jn,
+      ...Pn,
       width: t,
       height: t,
       stroke: e,
@@ -716,7 +716,7 @@ const Mn = hr(
       ...u
     },
     [
-      ...s.map(([p, b]) => yt(p, b)),
+      ...s.map(([p, y]) => yt(p, y)),
       ...Array.isArray(a) ? a : [a]
     ]
   )
@@ -728,8 +728,8 @@ const Mn = hr(
  * See the LICENSE file in the root directory of this source tree.
  */
 const L = (e, t) => {
-  const r = hr(
-    ({ className: n, ...o }, a) => yt(Mn, {
+  const r = br(
+    ({ className: n, ...o }, a) => yt(jn, {
       ref: a,
       iconNode: t,
       className: Er(`lucide-${Tn(e)}`, n),
@@ -744,140 +744,140 @@ const L = (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vn = [
+const Mn = [
   ["path", { d: "M17 12H7", key: "16if0g" }],
   ["path", { d: "M19 18H5", key: "18s9l3" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
-], An = L("AlignCenter", Vn);
+], 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 $n = [
+const An = [
   ["path", { d: "M3 12h18", key: "1i2n21" }],
   ["path", { d: "M3 18h18", key: "1h113x" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }]
-], zn = L("AlignJustify", $n);
+], $n = L("AlignJustify", An);
 /**
  * @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 In = [
+const zn = [
   ["path", { d: "M15 12H3", key: "6jk70r" }],
   ["path", { d: "M17 18H3", key: "1amg6g" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
-], Hn = L("AlignLeft", In);
+], In = L("AlignLeft", zn);
 /**
  * @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 Ln = [
+const Hn = [
   ["path", { d: "M21 12H9", key: "dn1m92" }],
   ["path", { d: "M21 18H7", key: "1ygte8" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
-], Wn = L("AlignRight", Ln);
+], Ln = L("AlignRight", Hn);
 /**
  * @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 qn = [
+const Wn = [
   [
     "path",
     { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8", key: "mg9rjx" }
   ]
-], Yn = L("Bold", qn);
+], qn = L("Bold", Wn);
 /**
  * @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 Un = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Fn = L("ChevronDown", Un);
+const Yn = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Fn = L("ChevronDown", Yn);
 /**
  * @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 Bn = [
+const Un = [
   ["polyline", { points: "16 18 22 12 16 6", key: "z7tu5w" }],
   ["polyline", { points: "8 6 2 12 8 18", key: "1eg1df" }]
-], Xn = L("Code", Bn);
+], Bn = L("Code", Un);
 /**
  * @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 Kn = [
+const Xn = [
   ["polyline", { points: "15 10 20 15 15 20", key: "1q7qjw" }],
   ["path", { d: "M4 4v7a4 4 0 0 0 4 4h12", key: "z08zvw" }]
-], Gn = L("CornerDownRight", Kn);
+], Kn = L("CornerDownRight", Xn);
 /**
  * @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 Jn = [
+const Gn = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "m17 12 3-2v8", key: "1hhhft" }]
-], ot = L("Heading1", Jn);
+], ot = L("Heading1", Gn);
 /**
  * @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 Zn = [
+const Jn = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1", key: "9jr5yi" }]
-], Gt = L("Heading2", Zn);
+], Kt = L("Heading2", Jn);
 /**
  * @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 Qn = [
+const Zn = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2", key: "68ncm8" }],
   ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2", key: "1ejuhz" }]
-], Jt = L("Heading3", Qn);
+], Gt = L("Heading3", Zn);
 /**
  * @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 ei = [
+const Qn = [
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M17 10v3a1 1 0 0 0 1 1h3", key: "tj5zdr" }],
   ["path", { d: "M21 10v8", key: "1kdml4" }],
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }]
-], Zt = L("Heading4", ei);
+], Jt = L("Heading4", Qn);
 /**
  * @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 ti = [
+const ei = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
@@ -886,49 +886,49 @@ const ti = [
     "path",
     { d: "M17 17.7c.4.2.8.3 1.3.3 1.5 0 2.7-1.1 2.7-2.5S19.8 13 18.3 13H17", key: "2nebdn" }
   ]
-], Qt = L("Heading5", ti);
+], Zt = L("Heading5", ei);
 /**
  * @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 ri = [
+const ti = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["circle", { cx: "19", cy: "16", r: "2", key: "15mx69" }],
   ["path", { d: "M20 10c-2 2-3 3.5-3 6", key: "f35dl0" }]
-], er = L("Heading6", ri);
+], Qt = L("Heading6", ti);
 /**
  * @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 ri = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
   ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
-], ii = L("Image", ni);
+], ni = L("Image", ri);
 /**
  * @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 oi = [
+const ii = [
   ["line", { x1: "19", x2: "10", y1: "4", y2: "4", key: "15jd3p" }],
   ["line", { x1: "14", x2: "5", y1: "20", y2: "20", key: "bu0au3" }],
   ["line", { x1: "15", x2: "9", y1: "4", y2: "20", key: "uljnxc" }]
-], ai = L("Italic", oi);
+], oi = L("Italic", ii);
 /**
  * @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 si = [
+const ai = [
   [
     "path",
     {
@@ -950,49 +950,49 @@ const si = [
       key: "kqbvx6"
     }
   ]
-], li = L("Layers", si);
+], si = L("Layers", ai);
 /**
  * @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 ci = [
+const li = [
   ["path", { d: "M10 12h11", key: "6m4ad9" }],
   ["path", { d: "M10 18h11", key: "11hvi2" }],
   ["path", { d: "M10 6h11", key: "c7qv1k" }],
   ["path", { d: "M4 10h2", key: "16xx2s" }],
   ["path", { d: "M4 6h1v4", key: "cnovpq" }],
   ["path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1", key: "m9a95d" }]
-], ui = L("ListOrdered", ci);
+], ci = L("ListOrdered", li);
 /**
  * @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 di = [
+const ui = [
   ["path", { d: "M3 12h.01", key: "nlz23k" }],
   ["path", { d: "M3 18h.01", key: "1tta3j" }],
   ["path", { d: "M3 6h.01", key: "1rqtza" }],
   ["path", { d: "M8 12h13", key: "1za7za" }],
   ["path", { d: "M8 18h13", key: "1lx6n3" }],
   ["path", { d: "M8 6h13", key: "ik3vkj" }]
-], fi = L("List", di);
+], di = L("List", ui);
 /**
  * @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 = [["path", { d: "M5 12h14", key: "1ays0h" }]], pi = L("Minus", mi);
+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 bi = [
+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,24 +1000,24 @@ const bi = [
   ["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", bi);
+], 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 yi = [
+const hi = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
-], vi = L("Plus", yi);
+], yi = L("Plus", hi);
 /**
  * @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 gi = [
+const vi = [
   [
     "path",
     {
@@ -1032,45 +1032,45 @@ const gi = [
       key: "1ymkrd"
     }
   ]
-], xi = L("Quote", gi);
+], gi = L("Quote", vi);
 /**
  * @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 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", Ni);
+], 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 Si = [
+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" }]
-], wi = L("SquareCheckBig", Si);
+], Si = L("SquareCheckBig", Ei);
 /**
  * @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 Ci = [
+const wi = [
   ["path", { d: "M16 4H9a3 3 0 0 0-2.83 4", key: "43sutm" }],
   ["path", { d: "M14 12a4 4 0 0 1 0 8H6", key: "nlfj13" }],
   ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }]
-], ki = L("Strikethrough", Ci);
+], Ci = L("Strikethrough", wi);
 /**
  * @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 Di = [
+const ki = [
   ["path", { d: "m4 5 8 8", key: "1eunvl" }],
   ["path", { d: "m12 5-8 8", key: "1ah0jp" }],
   [
@@ -1080,14 +1080,14 @@ const Di = [
       key: "e8ta8j"
     }
   ]
-], _i = L("Subscript", Di);
+], 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 Oi = [
+const _i = [
   ["path", { d: "m4 19 8-8", key: "hr47gm" }],
   ["path", { d: "m12 19-8-8", key: "1dhhmo" }],
   [
@@ -1097,61 +1097,61 @@ const Oi = [
       key: "1dfcux"
     }
   ]
-], Ri = L("Superscript", Oi);
+], Oi = L("Superscript", _i);
 /**
  * @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 Pi = [
+const Ri = [
   ["path", { d: "M12 3v18", key: "108xh3" }],
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }],
   ["path", { d: "M3 15h18", key: "5xshup" }]
-], Ti = L("Table", Pi);
+], Ti = L("Table", Ri);
 /**
  * @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 ji = [
+const Pi = [
   ["path", { d: "M17 22h-1a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h1", key: "uvaxm9" }],
   ["path", { d: "M7 22h1a4 4 0 0 0 4-4v-1", key: "11xy8d" }],
   ["path", { d: "M7 2h1a4 4 0 0 1 4 4v1", key: "1uw06m" }]
-], Mi = L("TextCursor", ji);
+], ji = L("TextCursor", 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 Vi = [
+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", Vi);
+], 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 $i = [
+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" }]
-], zi = L("Undo", $i);
+], $i = L("Undo", Ai);
 /**
  * @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 Ii = [
+const zi = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Hi = L("X", Ii);
-function Li({ editor: e }) {
+], Ii = L("X", zi);
+function Hi({ editor: e }) {
   const [t, r] = he(!1);
   return /* @__PURE__ */ l.jsxDEV("div", { className: "relative", children: [
     /* @__PURE__ */ l.jsxDEV(
@@ -1159,11 +1159,11 @@ function Li({ editor: e }) {
       {
         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(Hi, { size: 24 }, void 0, !1, {
+        children: t ? /* @__PURE__ */ l.jsxDEV(Ii, { size: 24 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
           lineNumber: 13,
           columnNumber: 25
-        }, this) : /* @__PURE__ */ l.jsxDEV(li, { size: 24 }, void 0, !1, {
+        }, this) : /* @__PURE__ */ l.jsxDEV(si, { size: 24 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
           lineNumber: 13,
           columnNumber: 43
@@ -1200,7 +1200,7 @@ function Li({ editor: e }) {
               },
               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(vi, { size: 16 }, void 0, !1, {
+                /* @__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
@@ -1238,8 +1238,8 @@ function Li({ editor: e }) {
     columnNumber: 9
   }, this);
 }
-const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
-  fn,
+const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
+  dn,
   {
     value: e,
     onChange: t,
@@ -1267,7 +1267,7 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
     columnNumber: 9
   },
   void 0
-), Wi = ({ editor: e }) => {
+), 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();
@@ -1279,12 +1279,12 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
   };
   return /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-4", 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(Mi, { size: 20, color: "black" }, void 0, !1, {
+      /* @__PURE__ */ l.jsxDEV(ji, { size: 20, color: "black" }, 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, {
+      /* @__PURE__ */ l.jsxDEV(Fe, { value: t, onChange: a }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
         lineNumber: 34,
         columnNumber: 21
@@ -1299,12 +1299,12 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
       columnNumber: 13
     }, void 0),
     /* @__PURE__ */ l.jsxDEV(vt, { 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(bi, { size: 20, color: "black" }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
         lineNumber: 41,
         columnNumber: 21
       }, void 0),
-      /* @__PURE__ */ l.jsxDEV(Ue, { value: n, onChange: s }, void 0, !1, {
+      /* @__PURE__ */ l.jsxDEV(Fe, { value: n, onChange: s }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
         lineNumber: 42,
         columnNumber: 21
@@ -1323,7 +1323,7 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
     lineNumber: 29,
     columnNumber: 9
   }, void 0);
-}, qi = ({ editor: e }) => {
+}, Wi = ({ editor: e }) => {
   if (!e) return null;
   const t = () => {
     for (let n = 1; n <= 6; n++)
@@ -1336,31 +1336,31 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
               columnNumber: 36
             }, void 0);
           case 2:
-            return /* @__PURE__ */ l.jsxDEV(Gt, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ l.jsxDEV(Kt, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 16,
               columnNumber: 36
             }, void 0);
           case 3:
-            return /* @__PURE__ */ l.jsxDEV(Jt, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ l.jsxDEV(Gt, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 17,
               columnNumber: 36
             }, void 0);
           case 4:
-            return /* @__PURE__ */ l.jsxDEV(Zt, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ l.jsxDEV(Jt, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 18,
               columnNumber: 36
             }, void 0);
           case 5:
-            return /* @__PURE__ */ l.jsxDEV(Qt, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ l.jsxDEV(Zt, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 19,
               columnNumber: 36
             }, void 0);
           case 6:
-            return /* @__PURE__ */ l.jsxDEV(er, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ l.jsxDEV(Qt, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 20,
               columnNumber: 36
@@ -1375,7 +1375,7 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
     ...Array.from({ length: 6 }, (n, o) => ({
       key: `${o + 1}`,
       label: /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-2", onClick: () => e.chain().focus().toggleHeading({ level: o + 1 }).run(), children: [
-        _e.createElement([ot, Gt, Jt, Zt, Qt, er][o], { size: 16 }),
+        _e.createElement([ot, Kt, Gt, Jt, Zt, Qt][o], { size: 16 }),
         /* @__PURE__ */ l.jsxDEV("span", { children: [
           "Heading ",
           o + 1
@@ -1392,7 +1392,7 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
       className: e.isActive("heading", { level: o + 1 }) ? "ant-dropdown-menu-item-active" : ""
     }))
   ];
-  return /* @__PURE__ */ l.jsxDEV(kt, { menu: { items: r }, trigger: ["hover"], placement: "bottomLeft", children: /* @__PURE__ */ l.jsxDEV("button", { className: "flex items-center gap-1 p-2 rounded-md hover:bg-blue-100 hover:text-blue-600", children: t() }, void 0, !1, {
+  return /* @__PURE__ */ l.jsxDEV(Ct, { menu: { items: r }, trigger: ["hover"], placement: "bottomLeft", children: /* @__PURE__ */ l.jsxDEV("button", { className: "flex items-center gap-1 p-2 rounded-md hover:bg-blue-100 hover:text-blue-600", children: t() }, void 0, !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
     lineNumber: 42,
     columnNumber: 13
@@ -1401,7 +1401,7 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
     lineNumber: 41,
     columnNumber: 9
   }, void 0);
-}, Yi = 8, Ui = 8, Fi = ({
+}, qi = 8, Yi = 8, Fi = ({
   editor: e,
   buttonClass: t,
   activeClass: r
@@ -1410,23 +1410,23 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
     e.chain().focus().insertTable({ rows: m, cols: p, withHeaderRow: !0 }).run(), s(!1);
   };
   return /* @__PURE__ */ l.jsxDEV(
-    kt,
+    Ct,
     {
       open: a,
       onOpenChange: s,
       trigger: ["hover"],
       overlay: /* @__PURE__ */ l.jsxDEV("div", { className: "w-56 p-4 bg-white border border-gray-300 rounded-lg shadow-xl", children: [
-        /* @__PURE__ */ l.jsxDEV("div", { className: "grid grid-cols-8 gap-1", children: Array.from({ length: Yi }).map(
-          (m, p) => Array.from({ length: Ui }).map((b, N) => {
-            const O = p < n.rows && N < n.cols;
+        /* @__PURE__ */ l.jsxDEV("div", { className: "grid grid-cols-8 gap-1", children: Array.from({ length: qi }).map(
+          (m, p) => Array.from({ length: Yi }).map((y, v) => {
+            const O = p < n.rows && v < n.cols;
             return /* @__PURE__ */ l.jsxDEV(
               "div",
               {
                 className: `w-5 h-5 border rounded-sm cursor-pointer transition-all duration-200 ${O ? "bg-blue-400 border-white scale-110" : "bg-gray-200 hover:bg-gray-300"}`,
-                onMouseEnter: () => o({ rows: p + 1, cols: N + 1 }),
-                onClick: () => u(p + 1, N + 1)
+                onMouseEnter: () => o({ rows: p + 1, cols: v + 1 }),
+                onClick: () => u(p + 1, v + 1)
               },
-              `${p}-${N}`,
+              `${p}-${v}`,
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/table/table-selector.tsx",
@@ -1481,8 +1481,7 @@ const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
     void 0
   );
 };
-function Bi() {
-  const { editor: e } = Ct();
+function Ui({ editor: e }) {
   if (!e) return null;
   const t = "p-2 rounded-md transition-all duration-200 hover:bg-blue-100 hover:text-blue-600", r = "bg-blue-100 text-blue-600", n = (o, a, s, u, m) => /* @__PURE__ */ l.jsxDEV(vt, { title: m, children: /* @__PURE__ */ l.jsxDEV(
     "button",
@@ -1501,21 +1500,21 @@ function Bi() {
     !1,
     {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 34,
+      lineNumber: 32,
       columnNumber: 13
     },
     this
   ) }, void 0, !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-    lineNumber: 33,
+    lineNumber: 31,
     columnNumber: 9
   }, this);
   return /* @__PURE__ */ l.jsxDEV("div", { className: "flex flex-wrap items-center gap-2 p-2 border-b border-gray-200 rounded-t-lg bg-gray-50", children: [
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(Yn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(qn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 54,
+          lineNumber: 52,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleBold().run(),
@@ -1524,9 +1523,9 @@ function Bi() {
         "Bold"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(ai, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(oi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 61,
+          lineNumber: 59,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleItalic().run(),
@@ -1535,9 +1534,9 @@ function Bi() {
         "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,
+          lineNumber: 66,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleUnderline().run(),
@@ -1546,9 +1545,9 @@ function Bi() {
         "Underline"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(ki, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Ci, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 75,
+          lineNumber: 73,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleStrike().run(),
@@ -1557,9 +1556,9 @@ function Bi() {
         "Strikethrough"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Xn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Bn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 82,
+          lineNumber: 80,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleCode().run(),
@@ -1568,9 +1567,9 @@ function Bi() {
         "Code"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(_i, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Di, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 89,
+          lineNumber: 87,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleSubscript().run(),
@@ -1579,9 +1578,9 @@ function Bi() {
         "Subscript"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Ri, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Oi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 96,
+          lineNumber: 94,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleSuperscript().run(),
@@ -1591,29 +1590,29 @@ function Bi() {
       )
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 52,
+      lineNumber: 50,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 104,
+      lineNumber: 102,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV(qi, { editor: e }, void 0, !1, {
+    /* @__PURE__ */ l.jsxDEV(Wi, { editor: e }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 107,
+      lineNumber: 105,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 109,
+      lineNumber: 107,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(Hn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(In, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 114,
+          lineNumber: 112,
           columnNumber: 21
         }, this),
         () => e.chain().focus().setTextAlign("left").run(),
@@ -1622,9 +1621,9 @@ function Bi() {
         "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,
+          lineNumber: 119,
           columnNumber: 21
         }, this),
         () => e.chain().focus().setTextAlign("center").run(),
@@ -1633,9 +1632,9 @@ function Bi() {
         "Align Center"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Wn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Ln, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 126,
+          lineNumber: 124,
           columnNumber: 21
         }, this),
         () => e.chain().focus().setTextAlign("right").run(),
@@ -1644,9 +1643,9 @@ function Bi() {
         "Align Right"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(zn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV($n, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 131,
+          lineNumber: 129,
           columnNumber: 21
         }, this),
         () => e.chain().focus().setTextAlign("justify").run(),
@@ -1656,19 +1655,19 @@ function Bi() {
       )
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 112,
+      lineNumber: 110,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 137,
+      lineNumber: 135,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(fi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(di, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 142,
+          lineNumber: 140,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleBulletList().run(),
@@ -1677,9 +1676,9 @@ function Bi() {
         "Bullet List"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(ui, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(ci, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 147,
+          lineNumber: 145,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleOrderedList().run(),
@@ -1688,9 +1687,9 @@ function Bi() {
         "Ordered List"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(wi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Si, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 152,
+          lineNumber: 150,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleTaskList().run(),
@@ -1700,19 +1699,19 @@ function Bi() {
       )
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 140,
+      lineNumber: 138,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 158,
+      lineNumber: 156,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(xi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(gi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 163,
+          lineNumber: 161,
           columnNumber: 21
         }, this),
         () => e.chain().focus().toggleBlockquote().run(),
@@ -1722,13 +1721,13 @@ function Bi() {
       ),
       /* @__PURE__ */ l.jsxDEV(Fi, { editor: e, buttonClass: t, activeClass: r }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-        lineNumber: 167,
+        lineNumber: 165,
         columnNumber: 17
       }, this),
       n(
-        /* @__PURE__ */ l.jsxDEV(pi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(mi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 169,
+          lineNumber: 167,
           columnNumber: 21
         }, this),
         () => e.chain().focus().setHorizontalRule().run(),
@@ -1737,9 +1736,9 @@ function Bi() {
         "Horizontal Rule"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Gn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Kn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 173,
+          lineNumber: 171,
           columnNumber: 21
         }, this),
         () => e.chain().focus().setHardBreak().run(),
@@ -1749,19 +1748,19 @@ function Bi() {
       )
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 161,
+      lineNumber: 159,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 178,
+      lineNumber: 176,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(zi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV($i, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-          lineNumber: 183,
+          lineNumber: 181,
           columnNumber: 21
         }, this),
         () => e.chain().focus().undo().run(),
@@ -1769,9 +1768,9 @@ function Bi() {
         !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,
+          lineNumber: 187,
           columnNumber: 21
         }, this),
         () => e.chain().focus().redo().run(),
@@ -1780,28 +1779,30 @@ function Bi() {
       )
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 181,
+      lineNumber: 179,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 196,
+      lineNumber: 194,
       columnNumber: 13
     }, this),
     n(
-      /* @__PURE__ */ l.jsxDEV(ii, { size: 16 }, void 0, !1, {
+      /* @__PURE__ */ l.jsxDEV(ni, { size: 16 }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-        lineNumber: 199,
+        lineNumber: 197,
         columnNumber: 17
       }, this),
       () => {
         const o = prompt("Enter the image URL");
-        e.chain().focus().insertContent({
+        o && e.chain().focus().insertContent({
           type: "image",
           attrs: {
             src: o,
             width: 300,
-            height: 300
+            height: 300,
+            marginLeft: 0,
+            marginRight: 0
           }
         }).run();
       },
@@ -1811,27 +1812,27 @@ function Bi() {
     ),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 217,
+      lineNumber: 218,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV(Wi, { editor: e }, void 0, !1, {
+    /* @__PURE__ */ l.jsxDEV(Li, { editor: e }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 220,
+      lineNumber: 221,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 222,
+      lineNumber: 223,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV(Li, { editor: e }, void 0, !1, {
+    /* @__PURE__ */ l.jsxDEV(Hi, { editor: e }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 223,
+      lineNumber: 224,
       columnNumber: 13
     }, this)
   ] }, void 0, !0, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-    lineNumber: 50,
+    lineNumber: 48,
     columnNumber: 9
   }, this);
 }
@@ -1851,13 +1852,13 @@ const Sr = ({
     columnNumber: 9
   }, void 0) : null;
   return /* @__PURE__ */ l.jsxDEV("div", { children: [
-    r && s ? /* @__PURE__ */ l.jsxDEV(kt, { overlay: s, trigger: ["contextMenu"], children: t }, void 0, !1, {
+    r && s ? /* @__PURE__ */ l.jsxDEV(Ct, { overlay: s, trigger: ["contextMenu"], children: t }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/components/modal-edit.tsx",
       lineNumber: 28,
       columnNumber: 17
     }, void 0) : t,
     /* @__PURE__ */ l.jsxDEV(
-      mn,
+      fn,
       {
         title: `Edit ${e}`,
         open: o,
@@ -1879,15 +1880,13 @@ const Sr = ({
     lineNumber: 26,
     columnNumber: 9
   }, void 0);
-}, Xi = () => {
-  const [e, t] = he(!1), { editor: r } = Ct();
-  if (!r) return null;
-  const n = (b) => {
-    b.preventDefault();
-  }, [o, a] = he("#f3f4f6"), [s, u] = he("#f3f4f6"), m = (b) => {
-    a(b.toHexString());
-  }, p = (b) => {
-    u(b.toHexString());
+}, Bi = ({ node: e, editor: t }) => {
+  const [r, n] = he(!1), [o, a] = he(e.attrs.bgColor || "#f3f4f6"), [s, u] = he(e.attrs.titleColor || "#000000"), m = (v) => {
+    v.preventDefault();
+  }, p = (v) => {
+    a(v.toHexString());
+  }, y = (v) => {
+    u(v.toHexString());
   };
   return /* @__PURE__ */ l.jsxDEV(yr, { className: "accordion-wrapper", children: /* @__PURE__ */ l.jsxDEV(
     Sr,
@@ -1897,21 +1896,22 @@ const Sr = ({
         "div",
         {
           className: "my-4 transition-all duration-300 border rounded-lg shadow-sm",
-          onContextMenu: n,
+          onContextMenu: m,
           children: [
             /* @__PURE__ */ l.jsxDEV(
               "div",
               {
                 className: "flex items-center justify-between p-4 transition-colors accordion-header",
                 style: { backgroundColor: o },
-                onClick: () => t(!e),
+                onClick: () => n(!r),
                 children: [
                   /* @__PURE__ */ l.jsxDEV(
                     "input",
                     {
                       className: "w-full text-lg font-medium bg-transparent border-none outline-none",
                       style: { color: s },
-                      disabled: !r.isEditable,
+                      defaultValue: e.attrs.title || "Accordion Title",
+                      disabled: !t.isEditable,
                       suppressContentEditableWarning: !0,
                       contentEditable: !0,
                       placeholder: "Accordion title"
@@ -1920,7 +1920,7 @@ const Sr = ({
                     !1,
                     {
                       fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                      lineNumber: 45,
+                      lineNumber: 38,
                       columnNumber: 29
                     },
                     void 0
@@ -1928,14 +1928,14 @@ const Sr = ({
                   /* @__PURE__ */ l.jsxDEV(
                     Fn,
                     {
-                      className: `transition-transform duration-300 ${e ? "rotate-180" : ""}`,
+                      className: `transition-transform duration-300 ${r ? "rotate-180" : ""}`,
                       size: 20
                     },
                     void 0,
                     !1,
                     {
                       fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                      lineNumber: 53,
+                      lineNumber: 47,
                       columnNumber: 29
                     },
                     void 0
@@ -1946,7 +1946,7 @@ const Sr = ({
               !0,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                lineNumber: 40,
+                lineNumber: 33,
                 columnNumber: 25
               },
               void 0
@@ -1954,23 +1954,23 @@ const Sr = ({
             /* @__PURE__ */ l.jsxDEV(
               "div",
               {
-                className: `overflow-hidden duration-300 ease-in-out ${e ? "max-h-96 opacity-100" : "max-h-0 opacity-0"} `,
+                className: `overflow-hidden duration-300 ease-in-out ${r ? "max-h-96 opacity-100" : "max-h-0 opacity-0"} `,
                 children: /* @__PURE__ */ l.jsxDEV("div", { className: "p-4 border-t", children: /* @__PURE__ */ l.jsxDEV(
-                  un,
+                  ln,
                   {
-                    contentEditable: !0
+                    contentEditable: t.isEditable
                   },
                   void 0,
                   !1,
                   {
                     fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                    lineNumber: 63,
+                    lineNumber: 57,
                     columnNumber: 33
                   },
                   void 0
                 ) }, void 0, !1, {
                   fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                  lineNumber: 62,
+                  lineNumber: 56,
                   columnNumber: 29
                 }, void 0)
               },
@@ -1978,7 +1978,7 @@ const Sr = ({
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                lineNumber: 59,
+                lineNumber: 53,
                 columnNumber: 25
               },
               void 0
@@ -1989,18 +1989,18 @@ const Sr = ({
         !0,
         {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-          lineNumber: 36,
+          lineNumber: 29,
           columnNumber: 21
         },
         void 0
       ),
-      editable: r.isEditable,
+      editable: t.isEditable,
       childrenEdit: /* @__PURE__ */ l.jsxDEV("div", { className: "px-6 py-4 space-y-6 rounded-lg bg-gray-50", children: [
         /* @__PURE__ */ l.jsxDEV("div", { className: "grid grid-cols-1 gap-6", children: [
           /* @__PURE__ */ l.jsxDEV("div", { className: "flex flex-col space-y-2", children: [
             /* @__PURE__ */ l.jsxDEV("label", { className: "font-medium text-gray-700", children: "Background Color" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-              lineNumber: 75,
+              lineNumber: 69,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center space-x-3", children: [
@@ -2014,30 +2014,30 @@ const Sr = ({
                 !1,
                 {
                   fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                  lineNumber: 77,
+                  lineNumber: 71,
                   columnNumber: 37
                 },
                 void 0
               ),
-              /* @__PURE__ */ l.jsxDEV(Ue, { value: o, onChange: m }, void 0, !1, {
+              /* @__PURE__ */ l.jsxDEV(Fe, { value: o, onChange: p }, void 0, !1, {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                lineNumber: 81,
+                lineNumber: 75,
                 columnNumber: 37
               }, void 0)
             ] }, void 0, !0, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-              lineNumber: 76,
+              lineNumber: 70,
               columnNumber: 33
             }, void 0)
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-            lineNumber: 74,
+            lineNumber: 68,
             columnNumber: 29
           }, void 0),
           /* @__PURE__ */ l.jsxDEV("div", { className: "flex flex-col space-y-2", children: [
             /* @__PURE__ */ l.jsxDEV("label", { className: "font-medium text-gray-700", children: "Title Color" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-              lineNumber: 86,
+              lineNumber: 80,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center space-x-3", children: [
@@ -2051,58 +2051,58 @@ const Sr = ({
                 !1,
                 {
                   fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                  lineNumber: 88,
+                  lineNumber: 82,
                   columnNumber: 37
                 },
                 void 0
               ),
-              /* @__PURE__ */ l.jsxDEV(Ue, { value: s, onChange: p }, void 0, !1, {
+              /* @__PURE__ */ l.jsxDEV(Fe, { value: s, onChange: y }, void 0, !1, {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                lineNumber: 92,
+                lineNumber: 86,
                 columnNumber: 37
               }, void 0)
             ] }, void 0, !0, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-              lineNumber: 87,
+              lineNumber: 81,
               columnNumber: 33
             }, void 0)
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-            lineNumber: 85,
+            lineNumber: 79,
             columnNumber: 29
           }, void 0)
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-          lineNumber: 73,
+          lineNumber: 67,
           columnNumber: 25
         }, void 0),
         /* @__PURE__ */ l.jsxDEV("div", { className: "pt-4 border-t border-gray-200", children: /* @__PURE__ */ l.jsxDEV("div", { className: "p-3 bg-white border rounded-md", children: [
           /* @__PURE__ */ l.jsxDEV("div", { className: "text-sm text-gray-600", children: "Preview" }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-            lineNumber: 99,
+            lineNumber: 93,
             columnNumber: 33
           }, void 0),
           /* @__PURE__ */ l.jsxDEV("div", { className: "p-2 mt-2 rounded", style: { backgroundColor: o }, children: /* @__PURE__ */ l.jsxDEV("span", { style: { color: s, fontWeight: 500 }, children: "Accordion Title" }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-            lineNumber: 101,
+            lineNumber: 95,
             columnNumber: 37
           }, void 0) }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-            lineNumber: 100,
+            lineNumber: 94,
             columnNumber: 33
           }, void 0)
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-          lineNumber: 98,
+          lineNumber: 92,
           columnNumber: 29
         }, void 0) }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-          lineNumber: 97,
+          lineNumber: 91,
           columnNumber: 25
         }, void 0)
       ] }, void 0, !0, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-        lineNumber: 72,
+        lineNumber: 66,
         columnNumber: 21
       }, void 0)
     },
@@ -2110,16 +2110,16 @@ const Sr = ({
     !1,
     {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-      lineNumber: 33,
+      lineNumber: 26,
       columnNumber: 13
     },
     void 0
   ) }, void 0, !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-    lineNumber: 32,
+    lineNumber: 25,
     columnNumber: 9
   }, void 0);
-}, Ki = gr.create({
+}, Xi = gr.create({
   name: "accordion",
   group: "block",
   content: "block+",
@@ -2128,6 +2128,19 @@ const Sr = ({
   selectable: !0,
   inline: !1,
   defining: !0,
+  addAttributes() {
+    return {
+      title: {
+        default: "Accordion Title"
+      },
+      bgColor: {
+        default: "#f3f4f6"
+      },
+      titleColor: {
+        default: "#000000"
+      }
+    };
+  },
   parseHTML() {
     return [
       {
@@ -2139,18 +2152,24 @@ const Sr = ({
     return ["accordion", xr(e)];
   },
   addNodeView() {
-    return vr(Xi);
+    return vr(Bi);
   },
   addCommands() {
     return {
       setAccordion: (e) => ({ chain: t }) => t().insertContent({
         type: "accordion",
-        attrs: e
+        attrs: e,
+        content: [
+          {
+            type: "paragraph",
+            content: [{ type: "text", text: "Accordion content" }]
+          }
+        ]
       }).run()
     };
   }
 });
-var Dt = { exports: {} }, ze = {}, Be = { exports: {} }, wr = {}, xt = { exports: {} }, qe = { exports: {} }, U = {};
+var kt = { exports: {} }, ze = {}, Be = { exports: {} }, wr = {}, xt = { exports: {} }, qe = { exports: {} }, F = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -2159,12 +2178,12 @@ var Dt = { exports: {} }, ze = {}, Be = { exports: {} }, wr = {}, xt = { exports
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var tr;
-function Gi() {
-  if (tr) return U;
-  tr = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, m = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, b = e ? Symbol.for("react.forward_ref") : 60112, N = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, v = e ? Symbol.for("react.scope") : 60119;
-  function x(c) {
+var er;
+function Ki() {
+  if (er) return F;
+  er = 1;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, m = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, v = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, g = e ? Symbol.for("react.scope") : 60119;
+  function N(c) {
     if (typeof c == "object" && c !== null) {
       var Y = c.$$typeof;
       switch (Y) {
@@ -2175,12 +2194,12 @@ function Gi() {
             case n:
             case a:
             case o:
-            case N:
+            case v:
               return c;
             default:
               switch (c = c && c.$$typeof, c) {
                 case u:
-                case b:
+                case y:
                 case A:
                 case S:
                 case s:
@@ -2195,37 +2214,37 @@ function Gi() {
     }
   }
   function E(c) {
-    return x(c) === p;
+    return N(c) === p;
   }
-  return U.AsyncMode = m, U.ConcurrentMode = p, U.ContextConsumer = u, U.ContextProvider = s, U.Element = t, U.ForwardRef = b, U.Fragment = n, U.Lazy = A, U.Memo = S, U.Portal = r, U.Profiler = a, U.StrictMode = o, U.Suspense = N, U.isAsyncMode = function(c) {
-    return E(c) || x(c) === m;
-  }, U.isConcurrentMode = E, U.isContextConsumer = function(c) {
-    return x(c) === u;
-  }, U.isContextProvider = function(c) {
-    return x(c) === s;
-  }, U.isElement = function(c) {
+  return F.AsyncMode = m, F.ConcurrentMode = p, F.ContextConsumer = u, F.ContextProvider = s, F.Element = t, F.ForwardRef = y, F.Fragment = n, F.Lazy = A, F.Memo = S, F.Portal = r, F.Profiler = a, F.StrictMode = o, F.Suspense = v, F.isAsyncMode = function(c) {
+    return E(c) || N(c) === m;
+  }, F.isConcurrentMode = E, F.isContextConsumer = function(c) {
+    return N(c) === u;
+  }, F.isContextProvider = function(c) {
+    return N(c) === s;
+  }, F.isElement = function(c) {
     return typeof c == "object" && c !== null && c.$$typeof === t;
-  }, U.isForwardRef = function(c) {
-    return x(c) === b;
-  }, U.isFragment = function(c) {
-    return x(c) === n;
-  }, U.isLazy = function(c) {
-    return x(c) === A;
-  }, U.isMemo = function(c) {
-    return x(c) === S;
-  }, U.isPortal = function(c) {
-    return x(c) === r;
-  }, U.isProfiler = function(c) {
-    return x(c) === a;
-  }, U.isStrictMode = function(c) {
-    return x(c) === o;
-  }, U.isSuspense = function(c) {
-    return x(c) === N;
-  }, U.isValidElementType = function(c) {
-    return typeof c == "string" || typeof c == "function" || c === n || c === p || c === a || c === o || c === N || c === O || typeof c == "object" && c !== null && (c.$$typeof === A || c.$$typeof === S || c.$$typeof === s || c.$$typeof === u || c.$$typeof === b || c.$$typeof === B || c.$$typeof === W || c.$$typeof === v || c.$$typeof === $);
-  }, U.typeOf = x, U;
+  }, F.isForwardRef = function(c) {
+    return N(c) === y;
+  }, F.isFragment = function(c) {
+    return N(c) === n;
+  }, F.isLazy = function(c) {
+    return N(c) === A;
+  }, F.isMemo = function(c) {
+    return N(c) === S;
+  }, F.isPortal = function(c) {
+    return N(c) === r;
+  }, F.isProfiler = function(c) {
+    return N(c) === a;
+  }, F.isStrictMode = function(c) {
+    return N(c) === o;
+  }, F.isSuspense = function(c) {
+    return N(c) === v;
+  }, F.isValidElementType = function(c) {
+    return typeof c == "string" || typeof c == "function" || c === n || c === p || c === a || c === o || c === v || c === O || typeof c == "object" && c !== null && (c.$$typeof === A || c.$$typeof === S || c.$$typeof === s || c.$$typeof === u || c.$$typeof === y || c.$$typeof === B || c.$$typeof === W || c.$$typeof === g || c.$$typeof === $);
+  }, F.typeOf = N, F;
 }
-var F = {};
+var U = {};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -2234,33 +2253,33 @@ var F = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var rr;
-function Ji() {
-  return rr || (rr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, m = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, b = e ? Symbol.for("react.forward_ref") : 60112, N = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, v = e ? Symbol.for("react.scope") : 60119;
-    function x(h) {
-      return typeof h == "string" || typeof h == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      h === n || h === p || h === a || h === o || h === N || h === O || typeof h == "object" && h !== null && (h.$$typeof === A || h.$$typeof === S || h.$$typeof === s || h.$$typeof === u || h.$$typeof === b || h.$$typeof === B || h.$$typeof === W || h.$$typeof === v || h.$$typeof === $);
+var tr;
+function Gi() {
+  return tr || (tr = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, m = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, v = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, g = e ? Symbol.for("react.scope") : 60119;
+    function N(b) {
+      return typeof b == "string" || typeof b == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+      b === n || b === p || b === a || b === o || b === v || b === O || typeof b == "object" && b !== null && (b.$$typeof === A || b.$$typeof === S || b.$$typeof === s || b.$$typeof === u || b.$$typeof === y || b.$$typeof === B || b.$$typeof === W || b.$$typeof === g || b.$$typeof === $);
     }
-    function E(h) {
-      if (typeof h == "object" && h !== null) {
-        var pe = h.$$typeof;
+    function E(b) {
+      if (typeof b == "object" && b !== null) {
+        var pe = b.$$typeof;
         switch (pe) {
           case t:
-            var Re = h.type;
+            var Re = b.type;
             switch (Re) {
               case m:
               case p:
               case n:
               case a:
               case o:
-              case N:
+              case v:
                 return Re;
               default:
                 var ke = Re && Re.$$typeof;
                 switch (ke) {
                   case u:
-                  case b:
+                  case y:
                   case A:
                   case S:
                   case s:
@@ -2274,62 +2293,62 @@ function Ji() {
         }
       }
     }
-    var c = m, Y = p, P = u, Q = s, de = t, fe = b, ye = n, Ee = A, ee = S, Z = r, me = a, oe = o, le = N, ge = !1;
-    function Se(h) {
-      return ge || (ge = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), f(h) || E(h) === m;
+    var c = m, Y = p, T = u, Q = s, de = t, fe = y, ye = n, Ee = A, ee = S, Z = r, me = a, oe = o, le = v, ge = !1;
+    function Se(b) {
+      return ge || (ge = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), f(b) || E(b) === m;
     }
-    function f(h) {
-      return E(h) === p;
+    function f(b) {
+      return E(b) === p;
     }
-    function g(h) {
-      return E(h) === u;
+    function x(b) {
+      return E(b) === u;
     }
-    function T(h) {
-      return E(h) === s;
+    function P(b) {
+      return E(b) === s;
     }
-    function R(h) {
-      return typeof h == "object" && h !== null && h.$$typeof === t;
+    function R(b) {
+      return typeof b == "object" && b !== null && b.$$typeof === t;
     }
-    function C(h) {
-      return E(h) === b;
+    function C(b) {
+      return E(b) === y;
     }
-    function z(h) {
-      return E(h) === n;
+    function z(b) {
+      return E(b) === n;
     }
-    function k(h) {
-      return E(h) === A;
+    function k(b) {
+      return E(b) === A;
     }
-    function _(h) {
-      return E(h) === S;
+    function _(b) {
+      return E(b) === S;
     }
-    function j(h) {
-      return E(h) === r;
+    function j(b) {
+      return E(b) === r;
     }
-    function H(h) {
-      return E(h) === a;
+    function H(b) {
+      return E(b) === a;
     }
-    function M(h) {
-      return E(h) === o;
+    function M(b) {
+      return E(b) === o;
     }
-    function te(h) {
-      return E(h) === N;
+    function te(b) {
+      return E(b) === v;
     }
-    F.AsyncMode = c, F.ConcurrentMode = Y, F.ContextConsumer = P, F.ContextProvider = Q, F.Element = de, F.ForwardRef = fe, F.Fragment = ye, F.Lazy = Ee, F.Memo = ee, F.Portal = Z, F.Profiler = me, F.StrictMode = oe, F.Suspense = le, F.isAsyncMode = Se, F.isConcurrentMode = f, F.isContextConsumer = g, F.isContextProvider = T, F.isElement = R, F.isForwardRef = C, F.isFragment = z, F.isLazy = k, F.isMemo = _, F.isPortal = j, F.isProfiler = H, F.isStrictMode = M, F.isSuspense = te, F.isValidElementType = x, F.typeOf = E;
-  }()), F;
+    U.AsyncMode = c, U.ConcurrentMode = Y, U.ContextConsumer = T, U.ContextProvider = Q, U.Element = de, U.ForwardRef = fe, U.Fragment = ye, U.Lazy = Ee, U.Memo = ee, U.Portal = Z, U.Profiler = me, U.StrictMode = oe, U.Suspense = le, U.isAsyncMode = Se, U.isConcurrentMode = f, U.isContextConsumer = x, U.isContextProvider = P, U.isElement = R, U.isForwardRef = C, U.isFragment = z, U.isLazy = k, U.isMemo = _, U.isPortal = j, U.isProfiler = H, U.isStrictMode = M, U.isSuspense = te, U.isValidElementType = N, U.typeOf = E;
+  }()), U;
 }
-var nr;
+var rr;
 function Cr() {
-  return nr || (nr = 1, process.env.NODE_ENV === "production" ? qe.exports = Gi() : qe.exports = Ji()), qe.exports;
+  return rr || (rr = 1, process.env.NODE_ENV === "production" ? qe.exports = Ki() : qe.exports = Gi()), qe.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var at, ir;
-function Zi() {
-  if (ir) return at;
-  ir = 1;
+var at, nr;
+function Ji() {
+  if (nr) return at;
+  nr = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
   function n(a) {
     if (a == null)
@@ -2345,24 +2364,24 @@ function Zi() {
         return !1;
       for (var s = {}, u = 0; u < 10; u++)
         s["_" + String.fromCharCode(u)] = u;
-      var m = Object.getOwnPropertyNames(s).map(function(b) {
-        return s[b];
+      var m = Object.getOwnPropertyNames(s).map(function(y) {
+        return s[y];
       });
       if (m.join("") !== "0123456789")
         return !1;
       var p = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(b) {
-        p[b] = b;
+      return "abcdefghijklmnopqrst".split("").forEach(function(y) {
+        p[y] = y;
       }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
   return at = o() ? Object.assign : function(a, s) {
-    for (var u, m = n(a), p, b = 1; b < arguments.length; b++) {
-      u = Object(arguments[b]);
-      for (var N in u)
-        t.call(u, N) && (m[N] = u[N]);
+    for (var u, m = n(a), p, y = 1; y < arguments.length; y++) {
+      u = Object(arguments[y]);
+      for (var v in u)
+        t.call(u, v) && (m[v] = u[v]);
       if (e) {
         p = e(u);
         for (var O = 0; O < p.length; O++)
@@ -2372,25 +2391,25 @@ function Zi() {
     return m;
   }, at;
 }
-var st, or;
-function _t() {
-  if (or) return st;
-  or = 1;
+var st, ir;
+function Dt() {
+  if (ir) return st;
+  ir = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return st = e, st;
 }
-var lt, ar;
+var lt, or;
 function kr() {
-  return ar || (ar = 1, lt = Function.call.bind(Object.prototype.hasOwnProperty)), lt;
+  return or || (or = 1, lt = Function.call.bind(Object.prototype.hasOwnProperty)), lt;
 }
-var ct, sr;
-function Qi() {
-  if (sr) return ct;
-  sr = 1;
+var ct, ar;
+function Zi() {
+  if (ar) return ct;
+  ar = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = _t(), r = {}, n = kr();
+    var t = Dt(), r = {}, n = kr();
     e = function(a) {
       var s = "Warning: " + a;
       typeof console < "u" && console.error(s);
@@ -2402,27 +2421,27 @@ function Qi() {
   }
   function o(a, s, u, m, p) {
     if (process.env.NODE_ENV !== "production") {
-      for (var b in a)
-        if (n(a, b)) {
-          var N;
+      for (var y in a)
+        if (n(a, y)) {
+          var v;
           try {
-            if (typeof a[b] != "function") {
+            if (typeof a[y] != "function") {
               var O = Error(
-                (m || "React class") + ": " + u + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (m || "React class") + ": " + u + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw O.name = "Invariant Violation", O;
             }
-            N = a[b](s, b, m, u, null, t);
+            v = a[y](s, y, m, u, null, t);
           } catch (A) {
-            N = A;
+            v = A;
           }
-          if (N && !(N instanceof Error) && e(
-            (m || "React class") + ": type specification of " + u + " `" + b + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof N + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), N instanceof Error && !(N.message in r)) {
-            r[N.message] = !0;
+          if (v && !(v instanceof Error) && e(
+            (m || "React class") + ": type specification of " + u + " `" + y + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof v + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), v instanceof Error && !(v.message in r)) {
+            r[v.message] = !0;
             var S = p ? p() : "";
             e(
-              "Failed " + u + " type: " + N.message + (S ?? "")
+              "Failed " + u + " type: " + v.message + (S ?? "")
             );
           }
         }
@@ -2432,11 +2451,11 @@ function Qi() {
     process.env.NODE_ENV !== "production" && (r = {});
   }, ct = o, ct;
 }
-var ut, lr;
-function eo() {
-  if (lr) return ut;
-  lr = 1;
-  var e = Cr(), t = Zi(), r = _t(), n = kr(), o = Qi(), a = function() {
+var ut, sr;
+function Qi() {
+  if (sr) return ut;
+  sr = 1;
+  var e = Cr(), t = Ji(), r = Dt(), n = kr(), o = Zi(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(u) {
     var m = "Warning: " + u;
@@ -2450,11 +2469,11 @@ function eo() {
     return null;
   }
   return ut = function(u, m) {
-    var p = typeof Symbol == "function" && Symbol.iterator, b = "@@iterator";
-    function N(f) {
-      var g = f && (p && f[p] || f[b]);
-      if (typeof g == "function")
-        return g;
+    var p = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
+    function v(f) {
+      var x = f && (p && f[p] || f[y]);
+      if (typeof x == "function")
+        return x;
     }
     var O = "<<anonymous>>", S = {
       array: W("array"),
@@ -2465,41 +2484,41 @@ function eo() {
       object: W("object"),
       string: W("string"),
       symbol: W("symbol"),
-      any: v(),
-      arrayOf: x,
+      any: g(),
+      arrayOf: N,
       element: E(),
       elementType: c(),
       instanceOf: Y,
       node: fe(),
       objectOf: Q,
-      oneOf: P,
+      oneOf: T,
       oneOfType: de,
       shape: Ee,
       exact: ee
     };
-    function A(f, g) {
-      return f === g ? f !== 0 || 1 / f === 1 / g : f !== f && g !== g;
+    function A(f, x) {
+      return f === x ? f !== 0 || 1 / f === 1 / x : f !== f && x !== x;
     }
-    function $(f, g) {
-      this.message = f, this.data = g && typeof g == "object" ? g : {}, this.stack = "";
+    function $(f, x) {
+      this.message = f, this.data = x && typeof x == "object" ? x : {}, this.stack = "";
     }
     $.prototype = Error.prototype;
     function B(f) {
       if (process.env.NODE_ENV !== "production")
-        var g = {}, T = 0;
+        var x = {}, P = 0;
       function R(z, k, _, j, H, M, te) {
         if (j = j || O, M = M || _, te !== r) {
           if (m) {
-            var h = new Error(
+            var b = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
-            throw h.name = "Invariant Violation", h;
+            throw b.name = "Invariant Violation", b;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
             var pe = j + ":" + _;
-            !g[pe] && // Avoid spamming the console because they are often not actionable except for lib authors
-            T < 3 && (a(
+            !x[pe] && // Avoid spamming the console because they are often not actionable except for lib authors
+            P < 3 && (a(
               "You are manually calling a React.PropTypes validation function for the `" + M + "` prop on `" + j + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), g[pe] = !0, T++);
+            ), x[pe] = !0, P++);
           }
         }
         return k[_] == null ? z ? k[_] === null ? new $("The " + H + " `" + M + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new $("The " + H + " `" + M + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : f(k, _, j, H, M);
@@ -2508,8 +2527,8 @@ function eo() {
       return C.isRequired = R.bind(null, !0), C;
     }
     function W(f) {
-      function g(T, R, C, z, k, _) {
-        var j = T[R], H = oe(j);
+      function x(P, R, C, z, k, _) {
+        var j = P[R], H = oe(j);
         if (H !== f) {
           var M = le(j);
           return new $(
@@ -2519,16 +2538,16 @@ function eo() {
         }
         return null;
       }
-      return B(g);
+      return B(x);
     }
-    function v() {
+    function g() {
       return B(s);
     }
-    function x(f) {
-      function g(T, R, C, z, k) {
+    function N(f) {
+      function x(P, R, C, z, k) {
         if (typeof f != "function")
           return new $("Property `" + k + "` of component `" + C + "` has invalid PropType notation inside arrayOf.");
-        var _ = T[R];
+        var _ = P[R];
         if (!Array.isArray(_)) {
           var j = oe(_);
           return new $("Invalid " + z + " `" + k + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected an array."));
@@ -2540,11 +2559,11 @@ function eo() {
         }
         return null;
       }
-      return B(g);
+      return B(x);
     }
     function E() {
-      function f(g, T, R, C, z) {
-        var k = g[T];
+      function f(x, P, R, C, z) {
+        var k = x[P];
         if (!u(k)) {
           var _ = oe(k);
           return new $("Invalid " + C + " `" + z + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected a single ReactElement."));
@@ -2554,8 +2573,8 @@ function eo() {
       return B(f);
     }
     function c() {
-      function f(g, T, R, C, z) {
-        var k = g[T];
+      function f(x, P, R, C, z) {
+        var k = x[P];
         if (!e.isValidElementType(k)) {
           var _ = oe(k);
           return new $("Invalid " + C + " `" + z + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected a single ReactElement type."));
@@ -2565,37 +2584,37 @@ function eo() {
       return B(f);
     }
     function Y(f) {
-      function g(T, R, C, z, k) {
-        if (!(T[R] instanceof f)) {
-          var _ = f.name || O, j = Se(T[R]);
+      function x(P, R, C, z, k) {
+        if (!(P[R] instanceof f)) {
+          var _ = f.name || O, j = Se(P[R]);
           return new $("Invalid " + z + " `" + k + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected ") + ("instance of `" + _ + "`."));
         }
         return null;
       }
-      return B(g);
+      return B(x);
     }
-    function P(f) {
+    function T(f) {
       if (!Array.isArray(f))
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : a("Invalid argument supplied to oneOf, expected an array.")), s;
-      function g(T, R, C, z, k) {
-        for (var _ = T[R], j = 0; j < f.length; j++)
+      function x(P, R, C, z, k) {
+        for (var _ = P[R], j = 0; j < f.length; j++)
           if (A(_, f[j]))
             return null;
-        var H = JSON.stringify(f, function(te, h) {
-          var pe = le(h);
-          return pe === "symbol" ? String(h) : h;
+        var H = JSON.stringify(f, function(te, b) {
+          var pe = le(b);
+          return pe === "symbol" ? String(b) : b;
         });
         return new $("Invalid " + z + " `" + k + "` of value `" + String(_) + "` " + ("supplied to `" + C + "`, expected one of " + H + "."));
       }
-      return B(g);
+      return B(x);
     }
     function Q(f) {
-      function g(T, R, C, z, k) {
+      function x(P, R, C, z, k) {
         if (typeof f != "function")
           return new $("Property `" + k + "` of component `" + C + "` has invalid PropType notation inside objectOf.");
-        var _ = T[R], j = oe(_);
+        var _ = P[R], j = oe(_);
         if (j !== "object")
           return new $("Invalid " + z + " `" + k + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected an object."));
         for (var H in _)
@@ -2606,24 +2625,24 @@ function eo() {
           }
         return null;
       }
-      return B(g);
+      return B(x);
     }
     function de(f) {
       if (!Array.isArray(f))
         return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), s;
-      for (var g = 0; g < f.length; g++) {
-        var T = f[g];
-        if (typeof T != "function")
+      for (var x = 0; x < f.length; x++) {
+        var P = f[x];
+        if (typeof P != "function")
           return a(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ge(T) + " at index " + g + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ge(P) + " at index " + x + "."
           ), s;
       }
       function R(C, z, k, _, j) {
         for (var H = [], M = 0; M < f.length; M++) {
-          var te = f[M], h = te(C, z, k, _, j, r);
-          if (h == null)
+          var te = f[M], b = te(C, z, k, _, j, r);
+          if (b == null)
             return null;
-          h.data && n(h.data, "expectedType") && H.push(h.data.expectedType);
+          b.data && n(b.data, "expectedType") && H.push(b.data.expectedType);
         }
         var pe = H.length > 0 ? ", expected one of type [" + H.join(", ") + "]" : "";
         return new $("Invalid " + _ + " `" + j + "` supplied to " + ("`" + k + "`" + pe + "."));
@@ -2631,19 +2650,19 @@ function eo() {
       return B(R);
     }
     function fe() {
-      function f(g, T, R, C, z) {
-        return Z(g[T]) ? null : new $("Invalid " + C + " `" + z + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
+      function f(x, P, R, C, z) {
+        return Z(x[P]) ? null : new $("Invalid " + C + " `" + z + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
       }
       return B(f);
     }
-    function ye(f, g, T, R, C) {
+    function ye(f, x, P, R, C) {
       return new $(
-        (f || "React class") + ": " + g + " type `" + T + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + C + "`."
+        (f || "React class") + ": " + x + " type `" + P + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + C + "`."
       );
     }
     function Ee(f) {
-      function g(T, R, C, z, k) {
-        var _ = T[R], j = oe(_);
+      function x(P, R, C, z, k) {
+        var _ = P[R], j = oe(_);
         if (j !== "object")
           return new $("Invalid " + z + " `" + k + "` of type `" + j + "` " + ("supplied to `" + C + "`, expected `object`."));
         for (var H in f) {
@@ -2656,30 +2675,30 @@ function eo() {
         }
         return null;
       }
-      return B(g);
+      return B(x);
     }
     function ee(f) {
-      function g(T, R, C, z, k) {
-        var _ = T[R], j = oe(_);
+      function x(P, R, C, z, k) {
+        var _ = P[R], j = oe(_);
         if (j !== "object")
           return new $("Invalid " + z + " `" + k + "` of type `" + j + "` " + ("supplied to `" + C + "`, expected `object`."));
-        var H = t({}, T[R], f);
+        var H = t({}, P[R], f);
         for (var M in H) {
           var te = f[M];
           if (n(f, M) && typeof te != "function")
             return ye(C, z, k, M, le(te));
           if (!te)
             return new $(
-              "Invalid " + z + " `" + k + "` key `" + M + "` supplied to `" + C + "`.\nBad object: " + JSON.stringify(T[R], null, "  ") + `
+              "Invalid " + z + " `" + k + "` key `" + M + "` supplied to `" + C + "`.\nBad object: " + JSON.stringify(P[R], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
             );
-          var h = te(_, M, C, z, k + "." + M, r);
-          if (h)
-            return h;
+          var b = te(_, M, C, z, k + "." + M, r);
+          if (b)
+            return b;
         }
         return null;
       }
-      return B(g);
+      return B(x);
     }
     function Z(f) {
       switch (typeof f) {
@@ -2694,15 +2713,15 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
             return f.every(Z);
           if (f === null || u(f))
             return !0;
-          var g = N(f);
-          if (g) {
-            var T = g.call(f), R;
-            if (g !== f.entries) {
-              for (; !(R = T.next()).done; )
+          var x = v(f);
+          if (x) {
+            var P = x.call(f), R;
+            if (x !== f.entries) {
+              for (; !(R = P.next()).done; )
                 if (!Z(R.value))
                   return !1;
             } else
-              for (; !(R = T.next()).done; ) {
+              for (; !(R = P.next()).done; ) {
                 var C = R.value;
                 if (C && !Z(C[1]))
                   return !1;
@@ -2714,37 +2733,37 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
           return !1;
       }
     }
-    function me(f, g) {
-      return f === "symbol" ? !0 : g ? g["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && g instanceof Symbol : !1;
+    function me(f, x) {
+      return f === "symbol" ? !0 : x ? x["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && x instanceof Symbol : !1;
     }
     function oe(f) {
-      var g = typeof f;
-      return Array.isArray(f) ? "array" : f instanceof RegExp ? "object" : me(g, f) ? "symbol" : g;
+      var x = typeof f;
+      return Array.isArray(f) ? "array" : f instanceof RegExp ? "object" : me(x, f) ? "symbol" : x;
     }
     function le(f) {
       if (typeof f > "u" || f === null)
         return "" + f;
-      var g = oe(f);
-      if (g === "object") {
+      var x = oe(f);
+      if (x === "object") {
         if (f instanceof Date)
           return "date";
         if (f instanceof RegExp)
           return "regexp";
       }
-      return g;
+      return x;
     }
     function ge(f) {
-      var g = le(f);
-      switch (g) {
+      var x = le(f);
+      switch (x) {
         case "array":
         case "object":
-          return "an " + g;
+          return "an " + x;
         case "boolean":
         case "date":
         case "regexp":
-          return "a " + g;
+          return "a " + x;
         default:
-          return g;
+          return x;
       }
     }
     function Se(f) {
@@ -2753,18 +2772,18 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
     return S.checkPropTypes = o, S.resetWarningCache = o.resetWarningCache, S.PropTypes = S, S;
   }, ut;
 }
-var dt, cr;
-function to() {
-  if (cr) return dt;
-  cr = 1;
-  var e = _t();
+var dt, lr;
+function eo() {
+  if (lr) return dt;
+  lr = 1;
+  var e = Dt();
   function t() {
   }
   function r() {
   }
   return r.resetWarningCache = t, dt = function() {
-    function n(s, u, m, p, b, N) {
-      if (N !== e) {
+    function n(s, u, m, p, y, v) {
+      if (v !== e) {
         var O = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
@@ -2802,10 +2821,10 @@ function to() {
   }, dt;
 }
 if (process.env.NODE_ENV !== "production") {
-  var ro = Cr(), no = !0;
-  xt.exports = eo()(ro.isElement, no);
+  var to = Cr(), ro = !0;
+  xt.exports = Qi()(to.isElement, ro);
 } else
-  xt.exports = to()();
+  xt.exports = eo()();
 var Xe = xt.exports;
 function Dr(e) {
   var t, r, n = "";
@@ -2814,38 +2833,38 @@ function Dr(e) {
   else for (t in e) e[t] && (n && (n += " "), n += t);
   return n;
 }
-function ur() {
+function cr() {
   for (var e, t, r = 0, n = ""; r < arguments.length; ) (e = arguments[r++]) && (t = Dr(e)) && (n && (n += " "), n += t);
   return n;
 }
-const io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  clsx: ur,
-  default: ur
-}, Symbol.toStringTag, { value: "Module" })), oo = /* @__PURE__ */ On(io);
+  clsx: cr,
+  default: cr
+}, Symbol.toStringTag, { value: "Module" })), io = /* @__PURE__ */ _n(no);
 var K = {}, xe = {};
 Object.defineProperty(xe, "__esModule", {
   value: !0
 });
-xe.dontSetMe = uo;
-xe.findInArray = ao;
-xe.int = co;
-xe.isFunction = so;
-xe.isNum = lo;
-function ao(e, t) {
+xe.dontSetMe = co;
+xe.findInArray = oo;
+xe.int = lo;
+xe.isFunction = ao;
+xe.isNum = so;
+function oo(e, t) {
   for (let r = 0, n = e.length; r < n; r++)
     if (t.apply(t, [e[r], r, e])) return e[r];
 }
-function so(e) {
+function ao(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Function]";
 }
-function lo(e) {
+function so(e) {
   return typeof e == "number" && !isNaN(e);
 }
-function co(e) {
+function lo(e) {
   return parseInt(e, 10);
 }
-function uo(e, t, r) {
+function co(e, t, r) {
   if (e[t])
     return new Error("Invalid prop ".concat(t, " passed to ").concat(r, " - do not set this, set it on the child."));
 }
@@ -2854,7 +2873,7 @@ Object.defineProperty(Oe, "__esModule", {
   value: !0
 });
 Oe.browserPrefixToKey = Or;
-Oe.browserPrefixToStyle = fo;
+Oe.browserPrefixToStyle = uo;
 Oe.default = void 0;
 Oe.getPrefix = _r;
 const ft = ["Moz", "Webkit", "O", "ms"];
@@ -2869,12 +2888,12 @@ function _r() {
   return "";
 }
 function Or(e, t) {
-  return t ? "".concat(t).concat(mo(e)) : e;
+  return t ? "".concat(t).concat(fo(e)) : e;
 }
-function fo(e, t) {
+function uo(e, t) {
   return t ? "-".concat(t.toLowerCase(), "-").concat(e) : e;
 }
-function mo(e) {
+function fo(e) {
   let t = "", r = !0;
   for (let n = 0; n < e.length; n++)
     r ? (t += e[n].toUpperCase(), r = !1) : e[n] === "-" ? r = !0 : t += e[n];
@@ -2884,25 +2903,25 @@ Oe.default = _r();
 Object.defineProperty(K, "__esModule", {
   value: !0
 });
-K.addClassName = Tr;
-K.addEvent = ho;
-K.addUserSelectStyles = Do;
-K.createCSSTransform = So;
-K.createSVGTransform = wo;
-K.getTouch = Co;
-K.getTouchIdentifier = ko;
-K.getTranslation = Ot;
-K.innerHeight = xo;
-K.innerWidth = No;
-K.matchesSelector = Pr;
-K.matchesSelectorAndParentsTo = bo;
-K.offsetXYFromParent = Eo;
-K.outerHeight = vo;
-K.outerWidth = go;
+K.addClassName = Pr;
+K.addEvent = bo;
+K.addUserSelectStyles = ko;
+K.createCSSTransform = Eo;
+K.createSVGTransform = So;
+K.getTouch = wo;
+K.getTouchIdentifier = Co;
+K.getTranslation = _t;
+K.innerHeight = go;
+K.innerWidth = xo;
+K.matchesSelector = Tr;
+K.matchesSelectorAndParentsTo = po;
+K.offsetXYFromParent = No;
+K.outerHeight = yo;
+K.outerWidth = vo;
 K.removeClassName = jr;
-K.removeEvent = yo;
-K.removeUserSelectStyles = _o;
-var ue = xe, dr = po(Oe);
+K.removeEvent = ho;
+K.removeUserSelectStyles = Do;
+var ue = xe, ur = mo(Oe);
 function Rr(e) {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
@@ -2910,7 +2929,7 @@ function Rr(e) {
     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")
@@ -2927,21 +2946,21 @@ function po(e, t) {
   return n.default = e, r && r.set(e, n), n;
 }
 let Ye = "";
-function Pr(e, t) {
+function Tr(e, t) {
   return Ye || (Ye = (0, ue.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(r) {
     return (0, ue.isFunction)(e[r]);
   })), (0, ue.isFunction)(e[Ye]) ? e[Ye](t) : !1;
 }
-function bo(e, t, r) {
+function po(e, t, r) {
   let n = e;
   do {
-    if (Pr(n, t)) return !0;
+    if (Tr(n, t)) return !0;
     if (n === r) return !1;
     n = n.parentNode;
   } while (n);
   return !1;
 }
-function ho(e, t, r, n) {
+function bo(e, t, r, n) {
   if (!e) return;
   const o = {
     capture: !0,
@@ -2949,7 +2968,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 yo(e, t, r, n) {
+function ho(e, t, r, n) {
   if (!e) return;
   const o = {
     capture: !0,
@@ -2957,27 +2976,27 @@ function yo(e, t, r, n) {
   };
   e.removeEventListener ? e.removeEventListener(t, r, o) : e.detachEvent ? e.detachEvent("on" + t, r) : e["on" + t] = null;
 }
-function vo(e) {
+function yo(e) {
   let t = e.clientHeight;
   const r = e.ownerDocument.defaultView.getComputedStyle(e);
   return t += (0, ue.int)(r.borderTopWidth), t += (0, ue.int)(r.borderBottomWidth), t;
 }
-function go(e) {
+function vo(e) {
   let t = e.clientWidth;
   const r = e.ownerDocument.defaultView.getComputedStyle(e);
   return t += (0, ue.int)(r.borderLeftWidth), t += (0, ue.int)(r.borderRightWidth), t;
 }
-function xo(e) {
+function go(e) {
   let t = e.clientHeight;
   const r = e.ownerDocument.defaultView.getComputedStyle(e);
   return t -= (0, ue.int)(r.paddingTop), t -= (0, ue.int)(r.paddingBottom), t;
 }
-function No(e) {
+function xo(e) {
   let t = e.clientWidth;
   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
@@ -2987,16 +3006,16 @@ function Eo(e, t, r) {
     y: s
   };
 }
-function So(e, t) {
-  const r = Ot(e, t, "px");
+function Eo(e, t) {
+  const r = _t(e, t, "px");
   return {
-    [(0, dr.browserPrefixToKey)("transform", dr.default)]: r
+    [(0, ur.browserPrefixToKey)("transform", ur.default)]: r
   };
 }
-function wo(e, t) {
-  return Ot(e, t, "");
+function So(e, t) {
+  return _t(e, t, "");
 }
-function Ot(e, t, r) {
+function _t(e, t, r) {
   let {
     x: n,
     y: o
@@ -3007,21 +3026,21 @@ function Ot(e, t, r) {
   }
   return a;
 }
-function Co(e, t) {
+function wo(e, t) {
   return e.targetTouches && (0, ue.findInArray)(e.targetTouches, (r) => t === r.identifier) || e.changedTouches && (0, ue.findInArray)(e.changedTouches, (r) => t === r.identifier);
 }
-function ko(e) {
+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 Do(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 && Pr(e.body, "react-draggable-transparent-selection");
 }
-function _o(e) {
+function Do(e) {
   if (e)
     try {
       if (e.body && jr(e.body, "react-draggable-transparent-selection"), e.selection)
@@ -3033,7 +3052,7 @@ function _o(e) {
     } catch {
     }
 }
-function Tr(e, t) {
+function Pr(e, t) {
   e.classList ? e.classList.add(t) : e.className.match(new RegExp("(?:^|\\s)".concat(t, "(?!\\S)"))) || (e.className += " ".concat(t));
 }
 function jr(e, t) {
@@ -3043,21 +3062,21 @@ var Ne = {};
 Object.defineProperty(Ne, "__esModule", {
   value: !0
 });
-Ne.canDragX = Po;
+Ne.canDragX = Ro;
 Ne.canDragY = To;
-Ne.createCoreData = Mo;
-Ne.createDraggableData = Vo;
-Ne.getBoundPosition = Oo;
-Ne.getControlPosition = jo;
-Ne.snapToGrid = Ro;
+Ne.createCoreData = jo;
+Ne.createDraggableData = Mo;
+Ne.getBoundPosition = _o;
+Ne.getControlPosition = Po;
+Ne.snapToGrid = Oo;
 var ce = xe, je = K;
-function Oo(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 = Rt(e);
+  n = typeof n == "string" ? n : Vo(n);
+  const o = Ot(e);
   if (typeof n == "string") {
     const {
       ownerDocument: a
@@ -3065,34 +3084,34 @@ function Oo(e, t, r) {
     let u;
     if (n === "parent" ? u = o.parentNode : u = a.querySelector(n), !(u instanceof s.HTMLElement))
       throw new Error('Bounds selector "' + n + '" could not find an element.');
-    const m = u, p = s.getComputedStyle(o), b = s.getComputedStyle(m);
+    const m = u, p = s.getComputedStyle(o), y = s.getComputedStyle(m);
     n = {
-      left: -o.offsetLeft + (0, ce.int)(b.paddingLeft) + (0, ce.int)(p.marginLeft),
-      top: -o.offsetTop + (0, ce.int)(b.paddingTop) + (0, ce.int)(p.marginTop),
-      right: (0, je.innerWidth)(m) - (0, je.outerWidth)(o) - o.offsetLeft + (0, ce.int)(b.paddingRight) - (0, ce.int)(p.marginRight),
-      bottom: (0, je.innerHeight)(m) - (0, je.outerHeight)(o) - o.offsetTop + (0, ce.int)(b.paddingBottom) - (0, ce.int)(p.marginBottom)
+      left: -o.offsetLeft + (0, ce.int)(y.paddingLeft) + (0, ce.int)(p.marginLeft),
+      top: -o.offsetTop + (0, ce.int)(y.paddingTop) + (0, ce.int)(p.marginTop),
+      right: (0, je.innerWidth)(m) - (0, je.outerWidth)(o) - o.offsetLeft + (0, ce.int)(y.paddingRight) - (0, ce.int)(p.marginRight),
+      bottom: (0, je.innerHeight)(m) - (0, je.outerHeight)(o) - o.offsetTop + (0, ce.int)(y.paddingBottom) - (0, ce.int)(p.marginBottom)
     };
   }
   return (0, ce.isNum)(n.right) && (t = Math.min(t, n.right)), (0, ce.isNum)(n.bottom) && (r = Math.min(r, n.bottom)), (0, ce.isNum)(n.left) && (t = Math.max(t, n.left)), (0, ce.isNum)(n.top) && (r = Math.max(r, n.top)), [t, r];
 }
-function Ro(e, t, r) {
+function Oo(e, t, r) {
   const n = Math.round(t / e[0]) * e[0], o = Math.round(r / e[1]) * e[1];
   return [n, o];
 }
-function Po(e) {
+function Ro(e) {
   return e.props.axis === "both" || e.props.axis === "x";
 }
 function To(e) {
   return e.props.axis === "both" || e.props.axis === "y";
 }
-function jo(e, t, r) {
+function Po(e, t, r) {
   const n = typeof t == "number" ? (0, je.getTouch)(e, t) : null;
   if (typeof t == "number" && !n) return null;
-  const o = Rt(r), a = r.props.offsetParent || o.offsetParent || o.ownerDocument.body;
+  const o = Ot(r), a = r.props.offsetParent || o.offsetParent || o.ownerDocument.body;
   return (0, je.offsetXYFromParent)(n || e, a, r.props.scale);
 }
-function Mo(e, t, r) {
-  const n = !(0, ce.isNum)(e.lastX), o = Rt(e);
+function jo(e, t, r) {
+  const n = !(0, ce.isNum)(e.lastX), o = Ot(e);
   return n ? {
     node: o,
     deltaX: 0,
@@ -3111,7 +3130,7 @@ function Mo(e, t, r) {
     y: r
   };
 }
-function Vo(e, t) {
+function Mo(e, t) {
   const r = e.props.scale;
   return {
     node: t.node,
@@ -3123,7 +3142,7 @@ function Vo(e, t) {
     lastY: e.state.y
   };
 }
-function Ao(e) {
+function Vo(e) {
   return {
     left: e.left,
     top: e.top,
@@ -3131,7 +3150,7 @@ function Ao(e) {
     bottom: e.bottom
   };
 }
-function Rt(e) {
+function Ot(e) {
   const t = e.findDOMNode();
   if (!t)
     throw new Error("<DraggableCore>: Unmounted during event!");
@@ -3141,15 +3160,15 @@ var Ke = {}, Ge = {};
 Object.defineProperty(Ge, "__esModule", {
   value: !0
 });
-Ge.default = $o;
-function $o() {
+Ge.default = Ao;
+function Ao() {
 }
 Object.defineProperty(Ke, "__esModule", {
   value: !0
 });
 Ke.default = void 0;
-var mt = Io(_e), se = Pt(Xe), zo = Pt(Nr), re = K, we = Ne, pt = xe, Ae = Pt(Ge);
-function Pt(e) {
+var mt = zo(_e), se = Rt(Xe), $o = Rt(Nr), re = K, we = Ne, pt = xe, Ae = Rt(Ge);
+function Rt(e) {
   return e && e.__esModule ? e : { default: e };
 }
 function Mr(e) {
@@ -3159,7 +3178,7 @@ function Mr(e) {
     return n ? r : t;
   })(e);
 }
-function Io(e, t) {
+function zo(e, t) {
   if (e && e.__esModule)
     return e;
   if (e === null || typeof e != "object" && typeof e != "function")
@@ -3176,13 +3195,13 @@ function Io(e, t) {
   return n.default = e, r && r.set(e, n), n;
 }
 function ie(e, t, r) {
-  return t = Ho(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+  return t = Io(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
-function Ho(e) {
-  var t = Lo(e, "string");
+function Io(e) {
+  var t = Ho(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function Lo(e, t) {
+function Ho(e, t) {
   if (typeof e != "object" || e === null) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -3290,7 +3309,7 @@ let Ce = ve.mouse, Je = class extends mt.Component {
   // the underlying DOM node ourselves. See the README for more information.
   findDOMNode() {
     var t, r;
-    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 : zo.default.findDOMNode(this);
+    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__ */ mt.cloneElement(mt.Children.only(this.props.children), {
@@ -3454,67 +3473,67 @@ ie(Je, "defaultProps", {
       return m.default;
     }
   }), e.default = void 0;
-  var t = O(_e), r = b(Xe), n = b(Nr), o = b(oo), a = K, s = Ne, u = xe, m = b(Ke), p = b(Ge);
-  function b(v) {
-    return v && v.__esModule ? v : { default: v };
+  var t = O(_e), r = y(Xe), n = y(Nr), o = y(io), a = K, s = Ne, u = xe, m = y(Ke), p = y(Ge);
+  function y(g) {
+    return g && g.__esModule ? g : { default: g };
   }
-  function N(v) {
+  function v(g) {
     if (typeof WeakMap != "function") return null;
-    var x = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap();
-    return (N = function(c) {
-      return c ? E : x;
-    })(v);
+    var N = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap();
+    return (v = function(c) {
+      return c ? E : N;
+    })(g);
   }
-  function O(v, x) {
-    if (v && v.__esModule)
-      return v;
-    if (v === null || typeof v != "object" && typeof v != "function")
-      return { default: v };
-    var E = N(x);
-    if (E && E.has(v))
-      return E.get(v);
+  function O(g, N) {
+    if (g && g.__esModule)
+      return g;
+    if (g === null || typeof g != "object" && typeof g != "function")
+      return { default: g };
+    var E = v(N);
+    if (E && E.has(g))
+      return E.get(g);
     var c = {}, Y = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for (var P in v)
-      if (P !== "default" && Object.prototype.hasOwnProperty.call(v, P)) {
-        var Q = Y ? Object.getOwnPropertyDescriptor(v, P) : null;
-        Q && (Q.get || Q.set) ? Object.defineProperty(c, P, Q) : c[P] = v[P];
+    for (var T in g)
+      if (T !== "default" && Object.prototype.hasOwnProperty.call(g, T)) {
+        var Q = Y ? Object.getOwnPropertyDescriptor(g, T) : null;
+        Q && (Q.get || Q.set) ? Object.defineProperty(c, T, Q) : c[T] = g[T];
       }
-    return c.default = v, E && E.set(v, c), c;
+    return c.default = g, E && E.set(g, c), c;
   }
   function S() {
-    return S = Object.assign ? Object.assign.bind() : function(v) {
-      for (var x = 1; x < arguments.length; x++) {
-        var E = arguments[x];
+    return S = Object.assign ? Object.assign.bind() : function(g) {
+      for (var N = 1; N < arguments.length; N++) {
+        var E = arguments[N];
         for (var c in E)
-          Object.prototype.hasOwnProperty.call(E, c) && (v[c] = E[c]);
+          Object.prototype.hasOwnProperty.call(E, c) && (g[c] = E[c]);
       }
-      return v;
+      return g;
     }, S.apply(this, arguments);
   }
-  function A(v, x, E) {
-    return x = $(x), x in v ? Object.defineProperty(v, x, { value: E, enumerable: !0, configurable: !0, writable: !0 }) : v[x] = E, v;
+  function A(g, N, E) {
+    return N = $(N), N in g ? Object.defineProperty(g, N, { value: E, enumerable: !0, configurable: !0, writable: !0 }) : g[N] = E, g;
   }
-  function $(v) {
-    var x = B(v, "string");
-    return typeof x == "symbol" ? x : String(x);
+  function $(g) {
+    var N = B(g, "string");
+    return typeof N == "symbol" ? N : String(N);
   }
-  function B(v, x) {
-    if (typeof v != "object" || v === null) return v;
-    var E = v[Symbol.toPrimitive];
+  function B(g, N) {
+    if (typeof g != "object" || g === null) return g;
+    var E = g[Symbol.toPrimitive];
     if (E !== void 0) {
-      var c = E.call(v, x || "default");
+      var c = E.call(g, N || "default");
       if (typeof c != "object") return c;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
-    return (x === "string" ? String : Number)(v);
+    return (N === "string" ? String : Number)(g);
   }
   class W extends t.Component {
     // React 16.3+
     // Arity (props, state)
-    static getDerivedStateFromProps(x, E) {
+    static getDerivedStateFromProps(N, E) {
       let {
         position: c
-      } = x, {
+      } = N, {
         prevPropsPosition: Y
       } = E;
       return c && (!Y || c.x !== Y.x || c.y !== Y.y) ? ((0, p.default)("Draggable: getDerivedStateFromProps %j", {
@@ -3528,8 +3547,8 @@ ie(Je, "defaultProps", {
         }
       }) : null;
     }
-    constructor(x) {
-      super(x), A(this, "onDragStart", (E, c) => {
+    constructor(N) {
+      super(N), A(this, "onDragStart", (E, c) => {
         if ((0, p.default)("Draggable: onDragStart: %j", c), this.props.onStart(E, (0, s.createDraggableData)(this, c)) === !1) return !1;
         this.setState({
           dragging: !0,
@@ -3538,7 +3557,7 @@ ie(Je, "defaultProps", {
       }), A(this, "onDrag", (E, c) => {
         if (!this.state.dragging) return !1;
         (0, p.default)("Draggable: onDrag: %j", c);
-        const Y = (0, s.createDraggableData)(this, c), P = {
+        const Y = (0, s.createDraggableData)(this, c), T = {
           x: Y.x,
           y: Y.y,
           slackX: 0,
@@ -3548,17 +3567,17 @@ ie(Je, "defaultProps", {
           const {
             x: de,
             y: fe
-          } = P;
-          P.x += this.state.slackX, P.y += this.state.slackY;
-          const [ye, Ee] = (0, s.getBoundPosition)(this, P.x, P.y);
-          P.x = ye, P.y = Ee, P.slackX = this.state.slackX + (de - P.x), P.slackY = this.state.slackY + (fe - P.y), Y.x = P.x, Y.y = P.y, Y.deltaX = P.x - this.state.x, Y.deltaY = P.y - this.state.y;
+          } = T;
+          T.x += this.state.slackX, T.y += this.state.slackY;
+          const [ye, Ee] = (0, s.getBoundPosition)(this, T.x, T.y);
+          T.x = ye, T.y = Ee, T.slackX = this.state.slackX + (de - T.x), T.slackY = this.state.slackY + (fe - T.y), Y.x = T.x, Y.y = T.y, Y.deltaX = T.x - this.state.x, Y.deltaY = T.y - this.state.y;
         }
         if (this.props.onDrag(E, Y) === !1) return !1;
-        this.setState(P);
+        this.setState(T);
       }), A(this, "onDragStop", (E, c) => {
         if (!this.state.dragging || this.props.onStop(E, (0, s.createDraggableData)(this, c)) === !1) return !1;
         (0, p.default)("Draggable: onDragStop: %j", c);
-        const P = {
+        const T = {
           dragging: !1,
           slackX: 0,
           slackY: 0
@@ -3568,26 +3587,26 @@ ie(Je, "defaultProps", {
             x: de,
             y: fe
           } = this.props.position;
-          P.x = de, P.y = fe;
+          T.x = de, T.y = fe;
         }
-        this.setState(P);
+        this.setState(T);
       }), this.state = {
         // Whether or not we are currently dragging.
         dragging: !1,
         // Whether or not we have been dragged before.
         dragged: !1,
         // Current transform x and y.
-        x: x.position ? x.position.x : x.defaultPosition.x,
-        y: x.position ? x.position.y : x.defaultPosition.y,
+        x: N.position ? N.position.x : N.defaultPosition.x,
+        y: N.position ? N.position.y : N.defaultPosition.y,
         prevPropsPosition: {
-          ...x.position
+          ...N.position
         },
         // Used for compensating for out-of-bounds drags
         slackX: 0,
         slackY: 0,
         // Can only determine if SVG after mounting
         isElementSVG: !1
-      }, x.position && !(x.onDrag || x.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
+      }, N.position && !(N.onDrag || N.onStop) && console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
     }
     componentDidMount() {
       typeof window.SVGElement < "u" && this.findDOMNode() instanceof window.SVGElement && this.setState({
@@ -3602,16 +3621,16 @@ ie(Je, "defaultProps", {
     // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
     // the underlying DOM node ourselves. See the README for more information.
     findDOMNode() {
-      var x, E;
-      return (x = (E = this.props) === null || E === void 0 || (E = E.nodeRef) === null || E === void 0 ? void 0 : E.current) !== null && x !== void 0 ? x : n.default.findDOMNode(this);
+      var N, E;
+      return (N = (E = this.props) === null || E === void 0 || (E = E.nodeRef) === null || E === void 0 ? void 0 : E.current) !== null && N !== void 0 ? N : n.default.findDOMNode(this);
     }
     render() {
       const {
-        axis: x,
+        axis: N,
         bounds: E,
         children: c,
         defaultPosition: Y,
-        defaultClassName: P,
+        defaultClassName: T,
         defaultClassNameDragging: Q,
         defaultClassNameDragged: de,
         position: fe,
@@ -3627,7 +3646,7 @@ ie(Je, "defaultProps", {
         y: (0, s.canDragY)(this) && le ? this.state.y : ge.y
       };
       this.state.isElementSVG ? me = (0, a.createSVGTransform)(Se, ye) : Z = (0, a.createCSSTransform)(Se, ye);
-      const f = (0, o.default)(c.props.className || "", P, {
+      const f = (0, o.default)(c.props.className || "", T, {
         [Q]: this.state.dragging,
         [de]: this.state.dragged
       });
@@ -3768,19 +3787,19 @@ ie(Je, "defaultProps", {
 })(wr);
 const {
   default: Vr,
-  DraggableCore: Wo
+  DraggableCore: Lo
 } = wr;
 Be.exports = Vr;
 Be.exports.default = Vr;
-Be.exports.DraggableCore = Wo;
-var qo = Be.exports, Tt = {};
+Be.exports.DraggableCore = Lo;
+var Wo = Be.exports, Tt = {};
 Tt.__esModule = !0;
-Tt.cloneElement = Ko;
-var Yo = Uo(_e);
-function Uo(e) {
+Tt.cloneElement = Xo;
+var qo = Yo(_e);
+function Yo(e) {
   return e && e.__esModule ? e : { default: e };
 }
-function fr(e, t) {
+function dr(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -3790,25 +3809,25 @@ function fr(e, t) {
   }
   return r;
 }
-function mr(e) {
+function fr(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? fr(Object(r), !0).forEach(function(n) {
+    t % 2 ? dr(Object(r), !0).forEach(function(n) {
       Fo(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : fr(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : dr(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
 function Fo(e, t, r) {
-  return t = Bo(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+  return t = Uo(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
-function Bo(e) {
-  var t = Xo(e, "string");
+function Uo(e) {
+  var t = Bo(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function Xo(e, t) {
+function Bo(e, t) {
   if (typeof e != "object" || e === null) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -3818,17 +3837,17 @@ function Xo(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function Ko(e, t) {
-  return t.style && e.props.style && (t.style = mr(mr({}, e.props.style), t.style)), t.className && e.props.className && (t.className = e.props.className + " " + t.className), /* @__PURE__ */ Yo.default.cloneElement(e, t);
+function Xo(e, t) {
+  return t.style && e.props.style && (t.style = fr(fr({}, e.props.style), t.style)), t.className && e.props.className && (t.className = e.props.className + " " + t.className), /* @__PURE__ */ qo.default.cloneElement(e, t);
 }
 var Ie = {};
 Ie.__esModule = !0;
 Ie.resizableProps = void 0;
-var D = Go(Xe);
-function Go(e) {
+var D = Ko(Xe);
+function Ko(e) {
   return e && e.__esModule ? e : { default: e };
 }
-var Jo = {
+var Go = {
   /*
   * Restricts resizing to a particular axis (default: 'both')
   * 'both' - allows resizing by width or height
@@ -3933,10 +3952,10 @@ var Jo = {
     return D.default.number.apply(D.default, r);
   }
 };
-Ie.resizableProps = Jo;
+Ie.resizableProps = Go;
 ze.__esModule = !0;
 ze.default = void 0;
-var $e = ra(_e), Zo = qo, Qo = Tt, ea = Ie, ta = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
+var $e = ta(_e), Jo = Wo, Zo = Tt, Qo = Ie, ea = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
 function Ar(e) {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
@@ -3944,7 +3963,7 @@ function Ar(e) {
     return o ? r : t;
   })(e);
 }
-function ra(e, t) {
+function ta(e, t) {
   if (e && e.__esModule)
     return e;
   if (e === null || typeof e != "object" && typeof e != "function")
@@ -3970,14 +3989,14 @@ function Nt() {
     return e;
   }, Nt.apply(this, arguments);
 }
-function na(e, t) {
+function ra(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 pr(e, t) {
+function mr(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -3990,22 +4009,22 @@ function pr(e, t) {
 function bt(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? pr(Object(r), !0).forEach(function(n) {
-      ia(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : pr(Object(r)).forEach(function(n) {
+    t % 2 ? mr(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.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function ia(e, t, r) {
-  return t = oa(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+function na(e, t, r) {
+  return t = ia(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
-function oa(e) {
-  var t = aa(e, "string");
+function ia(e) {
+  var t = oa(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function aa(e, t) {
+function oa(e, t) {
   if (typeof e != "object" || e === null) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -4015,7 +4034,7 @@ function aa(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function sa(e, t) {
+function aa(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Et(e, t);
 }
 function Et(e, t) {
@@ -4023,8 +4042,8 @@ function Et(e, t) {
     return n.__proto__ = o, n;
   }, Et(e, t);
 }
-var jt = /* @__PURE__ */ function(e) {
-  sa(t, e);
+var Pt = /* @__PURE__ */ function(e) {
+  aa(t, e);
   function t() {
     for (var n, o = arguments.length, a = new Array(o), s = 0; s < o; s++)
       a[s] = arguments[s];
@@ -4039,15 +4058,15 @@ var jt = /* @__PURE__ */ function(e) {
     var s = this.props, u = s.minConstraints, m = s.maxConstraints, p = s.lockAspectRatio;
     if (!u && !m && !p) return [o, a];
     if (p) {
-      var b = this.props.width / this.props.height, N = o - this.props.width, O = a - this.props.height;
-      Math.abs(N) > Math.abs(O * b) ? a = o / b : o = a * b;
+      var y = this.props.width / this.props.height, v = o - this.props.width, O = a - this.props.height;
+      Math.abs(v) > Math.abs(O * y) ? a = o / y : o = a * y;
     }
     var S = o, A = a, $ = this.slack || [0, 0], B = $[0], W = $[1];
     return o += B, a += W, u && (o = Math.max(u[0], o), a = Math.max(u[1], a)), m && (o = Math.min(m[0], o), a = Math.min(m[1], a)), this.slack = [B + (S - o), W + (A - a)], [o, a];
   }, r.resizeHandler = function(o, a) {
     var s = this;
     return function(u, m) {
-      var p = m.node, b = m.deltaX, N = m.deltaY;
+      var p = m.node, y = m.deltaX, v = m.deltaY;
       o === "onResizeStart" && s.resetData();
       var O = (s.props.axis === "both" || s.props.axis === "x") && a !== "n" && a !== "s", S = (s.props.axis === "both" || s.props.axis === "y") && a !== "e" && a !== "w";
       if (!(!O && !S)) {
@@ -4055,21 +4074,21 @@ var jt = /* @__PURE__ */ function(e) {
         if (s.lastHandleRect != null) {
           if ($ === "w") {
             var W = B.left - s.lastHandleRect.left;
-            b += W;
+            y += W;
           }
           if (A === "n") {
-            var v = B.top - s.lastHandleRect.top;
-            N += v;
+            var g = B.top - s.lastHandleRect.top;
+            v += g;
           }
         }
-        s.lastHandleRect = B, $ === "w" && (b = -b), A === "n" && (N = -N);
-        var x = s.props.width + (O ? b / s.props.transformScale : 0), E = s.props.height + (S ? N / s.props.transformScale : 0), c = s.runConstraints(x, E);
-        x = c[0], E = c[1];
-        var Y = x !== s.props.width || E !== s.props.height, P = typeof s.props[o] == "function" ? s.props[o] : null, Q = o === "onResize" && !Y;
-        P && !Q && (u.persist == null || u.persist(), P(u, {
+        s.lastHandleRect = B, $ === "w" && (y = -y), A === "n" && (v = -v);
+        var N = s.props.width + (O ? y / s.props.transformScale : 0), E = s.props.height + (S ? v / s.props.transformScale : 0), c = s.runConstraints(N, E);
+        N = c[0], E = c[1];
+        var Y = N !== s.props.width || E !== s.props.height, T = typeof s.props[o] == "function" ? s.props[o] : null, Q = o === "onResize" && !Y;
+        T && !Q && (u.persist == null || u.persist(), T(u, {
           node: p,
           size: {
-            width: x,
+            width: N,
             height: E
           },
           handle: a
@@ -4096,25 +4115,25 @@ var jt = /* @__PURE__ */ function(e) {
     a.width, a.height, a.handle, a.handleSize, a.lockAspectRatio, a.axis, a.minConstraints, a.maxConstraints, a.onResize, a.onResizeStop, a.onResizeStart;
     var p = a.resizeHandles;
     a.transformScale;
-    var b = na(a, ta);
-    return (0, Qo.cloneElement)(s, bt(bt({}, b), {}, {
+    var y = ra(a, ea);
+    return (0, Zo.cloneElement)(s, bt(bt({}, y), {}, {
       className: (u ? u + " " : "") + "react-resizable",
-      children: [].concat(s.props.children, p.map(function(N) {
-        var O, S = (O = o.handleRefs[N]) != null ? O : o.handleRefs[N] = /* @__PURE__ */ $e.createRef();
-        return /* @__PURE__ */ $e.createElement(Zo.DraggableCore, Nt({}, m, {
+      children: [].concat(s.props.children, p.map(function(v) {
+        var O, S = (O = o.handleRefs[v]) != null ? O : o.handleRefs[v] = /* @__PURE__ */ $e.createRef();
+        return /* @__PURE__ */ $e.createElement(Jo.DraggableCore, Nt({}, m, {
           nodeRef: S,
-          key: "resizableHandle-" + N,
-          onStop: o.resizeHandler("onResizeStop", N),
-          onStart: o.resizeHandler("onResizeStart", N),
-          onDrag: o.resizeHandler("onResize", N)
-        }), o.renderResizeHandle(N, S));
+          key: "resizableHandle-" + v,
+          onStop: o.resizeHandler("onResizeStop", v),
+          onStart: o.resizeHandler("onResizeStart", v),
+          onDrag: o.resizeHandler("onResize", v)
+        }), o.renderResizeHandle(v, S));
       }))
     }));
   }, t;
 }($e.Component);
-ze.default = jt;
-jt.propTypes = ea.resizableProps;
-jt.defaultProps = {
+ze.default = Pt;
+Pt.propTypes = Qo.resizableProps;
+Pt.defaultProps = {
   axis: "both",
   handleSize: [20, 20],
   lockAspectRatio: !1,
@@ -4126,7 +4145,7 @@ jt.defaultProps = {
 var Ze = {};
 Ze.__esModule = !0;
 Ze.default = void 0;
-var ht = fa(_e), la = $r(Xe), ca = $r(ze), ua = Ie, da = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
+var ht = da(_e), sa = $r(Xe), la = $r(ze), ca = Ie, ua = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
 function $r(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -4137,7 +4156,7 @@ function zr(e) {
     return o ? r : t;
   })(e);
 }
-function fa(e, t) {
+function da(e, t) {
   if (e && e.__esModule)
     return e;
   if (e === null || typeof e != "object" && typeof e != "function")
@@ -4163,7 +4182,7 @@ function St() {
     return e;
   }, St.apply(this, arguments);
 }
-function br(e, t) {
+function pr(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -4173,25 +4192,25 @@ function br(e, t) {
   }
   return r;
 }
-function Fe(e) {
+function Ue(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? br(Object(r), !0).forEach(function(n) {
-      ma(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : br(Object(r)).forEach(function(n) {
+    t % 2 ? pr(Object(r), !0).forEach(function(n) {
+      fa(e, n, r[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : pr(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function ma(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;
+function fa(e, t, r) {
+  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 = ba(e, "string");
+function ma(e) {
+  var t = pa(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function ba(e, t) {
+function pa(e, t) {
   if (typeof e != "object" || e === null) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -4201,14 +4220,14 @@ function ba(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 ya(e, t) {
+function ha(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, wt(e, t);
 }
 function wt(e, t) {
@@ -4217,7 +4236,7 @@ function wt(e, t) {
   }, wt(e, t);
 }
 var Ir = /* @__PURE__ */ function(e) {
-  ya(t, 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];
@@ -4245,18 +4264,18 @@ var Ir = /* @__PURE__ */ function(e) {
   return r.render = function() {
     var o = this.props, a = o.handle, s = o.handleSize;
     o.onResize;
-    var u = o.onResizeStart, m = o.onResizeStop, p = o.draggableOpts, b = o.minConstraints, N = o.maxConstraints, O = o.lockAspectRatio, S = o.axis;
+    var u = o.onResizeStart, m = o.onResizeStop, p = o.draggableOpts, y = o.minConstraints, v = o.maxConstraints, O = o.lockAspectRatio, S = o.axis;
     o.width, o.height;
-    var A = o.resizeHandles, $ = o.style, B = o.transformScale, W = ha(o, da);
-    return /* @__PURE__ */ ht.createElement(ca.default, {
+    var A = o.resizeHandles, $ = o.style, B = o.transformScale, W = ba(o, ua);
+    return /* @__PURE__ */ ht.createElement(la.default, {
       axis: S,
       draggableOpts: p,
       handle: a,
       handleSize: s,
       height: this.state.height,
       lockAspectRatio: O,
-      maxConstraints: N,
-      minConstraints: b,
+      maxConstraints: v,
+      minConstraints: y,
       onResizeStart: u,
       onResize: this.onResize,
       onResizeStop: m,
@@ -4264,7 +4283,7 @@ var Ir = /* @__PURE__ */ function(e) {
       transformScale: B,
       width: this.state.width
     }, /* @__PURE__ */ ht.createElement("div", St({}, W, {
-      style: Fe(Fe({}, $), {}, {
+      style: Ue(Ue({}, $), {}, {
         width: this.state.width + "px",
         height: this.state.height + "px"
       })
@@ -4272,51 +4291,51 @@ var Ir = /* @__PURE__ */ function(e) {
   }, t;
 }(ht.Component);
 Ze.default = Ir;
-Ir.propTypes = Fe(Fe({}, ua.resizableProps), {}, {
-  children: la.default.element
+Ir.propTypes = Ue(Ue({}, ca.resizableProps), {}, {
+  children: sa.default.element
 });
-Dt.exports = function() {
+kt.exports = function() {
   throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
 };
-Dt.exports.Resizable = ze.default;
-var va = Dt.exports.ResizableBox = Ze.default;
-const ga = (e) => {
-  const { editor: t } = Ct();
-  if (!t) return null;
-  const { node: r, updateAttributes: n } = e, [o, a] = he({
-    width: r.attrs.width || 300,
-    height: r.attrs.height || 300
-  }), [s, u] = he({
-    left: r.attrs.marginLeft || 0,
-    right: r.attrs.marginRight || 0
-  }), [m, p] = he(r.attrs.src || ""), b = sn(null);
-  ln(() => {
-    if (r.attrs.src && b.current) {
+kt.exports.Resizable = ze.default;
+var ya = kt.exports.ResizableBox = Ze.default;
+const va = ({ node: e, updateAttributes: t, editor: r }) => {
+  const [n, o] = he({
+    width: e.attrs.width || 300,
+    height: e.attrs.height || 300
+  }), [a, s] = he({
+    left: e.attrs.marginLeft || 0,
+    right: e.attrs.marginRight || 0
+  }), [u, m] = he(e.attrs.src || ""), p = sn(null);
+  hr(() => {
+    if (e.attrs.src && p.current) {
       const S = new Image();
       S.onload = () => {
-        (!r.attrs.width || !r.attrs.height) && a({
+        (!e.attrs.width || !e.attrs.height) && o({
           width: S.width > 600 ? 600 : S.width,
           height: S.width > 600 ? 600 / S.width * S.height : S.height
         });
-      }, S.src = r.attrs.src;
+      }, S.src = e.attrs.src;
     }
-  }, [r.attrs.src]);
-  const N = (S, { size: A }) => {
-    a({
+  }, [e.attrs.src]);
+  const y = (S, { size: A }) => {
+    o({
       width: A.width,
       height: A.height
-    }), n({
+    }), t({
       width: A.width,
       height: A.height
     });
-  }, O = () => {
-    n({
-      src: m,
-      width: o.width,
-      height: o.height,
-      marginLeft: s.left,
-      marginRight: s.right
+  }, v = () => {
+    t({
+      src: u,
+      width: n.width,
+      height: n.height,
+      marginLeft: a.left,
+      marginRight: a.right
     });
+  }, O = (S) => {
+    S.preventDefault();
   };
   return /* @__PURE__ */ l.jsxDEV(yr, { className: "image-wrapper", children: /* @__PURE__ */ l.jsxDEV(
     Sr,
@@ -4327,15 +4346,16 @@ const ga = (e) => {
         {
           className: "relative",
           style: {
-            marginLeft: s.left,
-            marginRight: s.right
+            marginLeft: a.left,
+            marginRight: a.right
           },
-          children: t.isEditable ? /* @__PURE__ */ l.jsxDEV(
-            va,
+          onContextMenu: O,
+          children: r.isEditable ? /* @__PURE__ */ l.jsxDEV(
+            ya,
             {
-              width: o.width,
-              height: o.height,
-              onResize: N,
+              width: n.width,
+              height: n.height,
+              onResize: y,
               minConstraints: [100, 100],
               maxConstraints: [800, 800],
               lockAspectRatio: !0,
@@ -4343,8 +4363,8 @@ const ga = (e) => {
               children: /* @__PURE__ */ l.jsxDEV(
                 "img",
                 {
-                  ref: b,
-                  src: r.attrs.src,
+                  ref: p,
+                  src: e.attrs.src,
                   alt: "Uploaded",
                   className: "object-contain w-full h-full",
                   draggable: !1
@@ -4353,7 +4373,7 @@ const ga = (e) => {
                 !1,
                 {
                   fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                  lineNumber: 87,
+                  lineNumber: 89,
                   columnNumber: 33
                 },
                 void 0
@@ -4363,19 +4383,19 @@ const ga = (e) => {
             !1,
             {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 78,
+              lineNumber: 80,
               columnNumber: 29
             },
             void 0
           ) : /* @__PURE__ */ l.jsxDEV(
             "img",
             {
-              ref: b,
-              src: r.attrs.src,
+              ref: p,
+              src: e.attrs.src,
               alt: "Uploaded",
               style: {
-                width: o.width,
-                height: o.height
+                width: n.width,
+                height: n.height
               },
               className: "object-contain",
               draggable: !1
@@ -4384,7 +4404,7 @@ const ga = (e) => {
             !1,
             {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 96,
+              lineNumber: 98,
               columnNumber: 29
             },
             void 0
@@ -4394,184 +4414,190 @@ const ga = (e) => {
         !1,
         {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-          lineNumber: 70,
+          lineNumber: 71,
           columnNumber: 21
         },
         void 0
       ),
-      editable: t.isEditable,
+      editable: r.isEditable,
       childrenEdit: /* @__PURE__ */ l.jsxDEV("div", { className: "space-y-4", children: [
         /* @__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: 114,
+            lineNumber: 116,
             columnNumber: 29
           }, void 0),
           /* @__PURE__ */ l.jsxDEV(
             "input",
             {
               type: "text",
-              value: m,
-              onChange: (S) => p(S.target.value),
-              className: "w-full p-2 border rounded"
+              value: u,
+              onChange: (S) => m(S.target.value),
+              className: "w-full p-2 border rounded",
+              disabled: !r.isEditable
             },
             void 0,
             !1,
             {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 115,
+              lineNumber: 117,
               columnNumber: 29
             },
             void 0
           )
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-          lineNumber: 113,
+          lineNumber: 115,
           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: 125,
+              lineNumber: 128,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV(
               "input",
               {
                 type: "number",
-                value: o.width,
-                onChange: (S) => a({ ...o, width: Number(S.target.value) }),
-                className: "w-full p-2 border rounded"
+                value: n.width,
+                onChange: (S) => o({ ...n, width: Number(S.target.value) }),
+                className: "w-full p-2 border rounded",
+                disabled: !r.isEditable
               },
               void 0,
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                lineNumber: 126,
+                lineNumber: 129,
                 columnNumber: 33
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 124,
+            lineNumber: 127,
             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: 134,
+              lineNumber: 138,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV(
               "input",
               {
                 type: "number",
-                value: o.height,
-                onChange: (S) => a({ ...o, height: Number(S.target.value) }),
-                className: "w-full p-2 border rounded"
+                value: n.height,
+                onChange: (S) => o({ ...n, height: Number(S.target.value) }),
+                className: "w-full p-2 border rounded",
+                disabled: !r.isEditable
               },
               void 0,
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                lineNumber: 135,
+                lineNumber: 139,
                 columnNumber: 33
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 133,
+            lineNumber: 137,
             columnNumber: 29
           }, void 0)
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-          lineNumber: 123,
+          lineNumber: 126,
           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: 146,
+              lineNumber: 151,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV(
               "input",
               {
                 type: "number",
-                value: s.left,
-                onChange: (S) => u({ ...s, left: Number(S.target.value) }),
-                className: "w-full p-2 border rounded"
+                value: a.left,
+                onChange: (S) => s({ ...a, left: Number(S.target.value) }),
+                className: "w-full p-2 border rounded",
+                disabled: !r.isEditable
               },
               void 0,
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                lineNumber: 147,
+                lineNumber: 152,
                 columnNumber: 33
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 145,
+            lineNumber: 150,
             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: 155,
+              lineNumber: 161,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV(
               "input",
               {
                 type: "number",
-                value: s.right,
-                onChange: (S) => u({ ...s, right: Number(S.target.value) }),
-                className: "w-full p-2 border rounded"
+                value: a.right,
+                onChange: (S) => s({ ...a, right: Number(S.target.value) }),
+                className: "w-full p-2 border rounded",
+                disabled: !r.isEditable
               },
               void 0,
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                lineNumber: 156,
+                lineNumber: 162,
                 columnNumber: 33
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 154,
+            lineNumber: 160,
             columnNumber: 29
           }, void 0)
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-          lineNumber: 144,
+          lineNumber: 149,
           columnNumber: 25
         }, void 0),
         /* @__PURE__ */ l.jsxDEV(
           "button",
           {
-            onClick: O,
+            onClick: v,
             className: "w-full p-2 text-white bg-blue-500 rounded hover:bg-blue-600",
+            disabled: !r.isEditable,
             children: "Update Image"
           },
           void 0,
           !1,
           {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 165,
+            lineNumber: 172,
             columnNumber: 25
           },
           void 0
         )
       ] }, void 0, !0, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-        lineNumber: 112,
+        lineNumber: 114,
         columnNumber: 21
       }, void 0)
     },
@@ -4579,16 +4605,16 @@ const ga = (e) => {
     !1,
     {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-      lineNumber: 67,
+      lineNumber: 68,
       columnNumber: 13
     },
     void 0
   ) }, void 0, !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-    lineNumber: 66,
+    lineNumber: 67,
     columnNumber: 9
   }, void 0);
-}, xa = gr.create({
+}, ga = gr.create({
   name: "image",
   group: "block",
   content: "inline*",
@@ -4599,17 +4625,30 @@ const ga = (e) => {
     return {
       src: { default: null },
       width: { default: 300 },
-      height: { default: 300 }
+      height: { default: 300 },
+      marginLeft: { default: 0 },
+      marginRight: { default: 0 }
     };
   },
   parseHTML() {
-    return [{ tag: "image" }];
+    return [
+      {
+        tag: "img",
+        getAttrs: (e) => e instanceof HTMLElement ? {
+          src: e.getAttribute("src"),
+          width: Number(e.getAttribute("width")) || 300,
+          height: Number(e.getAttribute("height")) || 300,
+          marginLeft: Number(e.getAttribute("marginleft")) || 0,
+          marginRight: Number(e.getAttribute("marginright")) || 0
+        } : null
+      }
+    ];
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["image", xr(e)];
+    return ["img", xr(e)];
   },
   addNodeView() {
-    return vr(ga);
+    return vr(va);
   },
   addCommands() {
     return {
@@ -4619,13 +4658,13 @@ const ga = (e) => {
       }).run()
     };
   }
-}), Na = [
-  bn.configure({
-    types: [Bt.name, pn.name]
+}), xa = [
+  pn.configure({
+    types: [Ut.name, mn.name]
   }),
-  Bt,
-  yn.configure({ multicolor: !0 }),
-  hn.configure({
+  Ut,
+  hn.configure({ multicolor: !0 }),
+  bn.configure({
     bulletList: {
       keepMarks: !0,
       keepAttributes: !1
@@ -4635,16 +4674,16 @@ const ga = (e) => {
       keepAttributes: !1
     }
   }),
-  Ki,
+  Xi,
+  yn,
   vn,
   gn,
-  xn,
-  Nn.configure({
+  xn.configure({
     types: ["heading", "paragraph"]
   }),
+  Nn,
   En,
-  Sn,
-  wn.configure({
+  Sn.configure({
     resizable: !0,
     lastColumnResizable: !0,
     allowTableNodeSelection: !0,
@@ -4652,16 +4691,16 @@ const ga = (e) => {
       class: "table-wrapper"
     }
   }),
+  wn,
   Cn,
-  kn,
-  Dn.configure({
+  kn.configure({
     HTMLAttributes: {
       class: "table-cell"
     }
   }),
-  _n,
-  xa
-], Ya = ({
+  Dn,
+  ga
+], qa = ({
   content: e = "",
   slotBefore: t = !1,
   className: r = "",
@@ -4669,37 +4708,33 @@ const ga = (e) => {
   editable: o = !0,
   onChange: a
 }) => {
-  const s = cn(() => Na, []), u = ({ editor: m }) => {
-    a && a(m.getHTML());
-  };
-  return /* @__PURE__ */ l.jsxDEV("div", { className: `cyber-editor-container ${r}`, children: /* @__PURE__ */ l.jsxDEV(
-    dn,
-    {
-      slotBefore: t === !0 ? /* @__PURE__ */ l.jsxDEV(Bi, {}, void 0, !1, {
-        fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
-        lineNumber: 27,
-        columnNumber: 51
-      }, void 0) : null,
-      extensions: s,
-      content: e,
-      editable: o,
-      onUpdate: u,
-      editorContainerProps: { className: `${n}` }
-    },
-    e,
-    !1,
-    {
+  const s = cn({
+    extensions: xa,
+    content: e,
+    editable: o,
+    onUpdate: ({ editor: u }) => {
+      a && a(u.getHTML());
+    }
+  });
+  return hr(() => {
+    s && e !== s.getHTML() && s.commands.setContent(e, !1);
+  }, [s, e]), s ? /* @__PURE__ */ l.jsxDEV("div", { className: `cyber-editor-container ${r}`, children: [
+    t && /* @__PURE__ */ l.jsxDEV(Ui, { editor: s }, void 0, !1, {
+      fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
+      lineNumber: 36,
+      columnNumber: 28
+    }, void 0),
+    /* @__PURE__ */ l.jsxDEV(un, { editor: s, className: n }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
-      lineNumber: 25,
+      lineNumber: 37,
       columnNumber: 13
-    },
-    void 0
-  ) }, void 0, !1, {
+    }, void 0)
+  ] }, void 0, !0, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
-    lineNumber: 24,
+    lineNumber: 35,
     columnNumber: 9
-  }, void 0);
+  }, void 0) : null;
 };
 export {
-  Ya as CyberEditorProvider
+  qa as CyberEditorProvider
 };