@cyberskill/cyber-editor 2.0.1 → 2.0.2

package/dist/cyber-editor.es.js

@@ -1,25 +1,25 @@
-import ke, { forwardRef as br, createElement as bt, useState as ge, useRef as sn, useEffect as ln, useMemo as cn } from "react";
-import { useCurrentEditor as wt, NodeViewWrapper as yr, NodeViewContent as un, ReactNodeViewRenderer as vr, EditorProvider as dn } from "@tiptap/react";
-import { Tooltip as yt, ColorPicker as Ut, Dropdown as Ct, Menu as Ft, Modal as fn } from "antd";
+import _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 mn } from "@tiptap/extension-color";
+import { Color as bn } from "@tiptap/extension-color";
 import Bt from "@tiptap/extension-text-style";
 import hn from "@tiptap/starter-kit";
-import bn 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 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 Nn from "@tiptap/extension-task-item";
-import Sn from "@tiptap/extension-table";
-import wn from "@tiptap/extension-table-row";
-import Cn from "@tiptap/extension-table-header";
-import _n from "@tiptap/extension-table-cell";
+import 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 { Node as gr, mergeAttributes as xr } from "@tiptap/core";
-import Dn from "@tiptap/extension-image";
-import Er from "react-dom";
-function kn(e) {
+import _n from "@tiptap/extension-image";
+import Nr from "react-dom";
+function On(e) {
   if (e.__esModule) return e;
   var t = e.default;
   if (typeof t == "function") {
@@ -38,7 +38,7 @@ function kn(e) {
     });
   }), r;
 }
-var vt = { exports: {} }, Le = {};
+var gt = { exports: {} }, Le = {};
 /**
  * @license React
  * react-jsx-dev-runtime.production.min.js
@@ -49,7 +49,7 @@ var vt = { exports: {} }, Le = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Xt;
-function On() {
+function Rn() {
   if (Xt) return Le;
   Xt = 1;
   var e = Symbol.for("react.fragment");
@@ -66,50 +66,50 @@ var We = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Kt;
-function Rn() {
+function Pn() {
   return Kt || (Kt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = ke, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), u = Symbol.for("react.context"), p = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), V = Symbol.iterator, $ = "@@iterator";
+    var e = _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";
     function B(i) {
       if (i === null || typeof i != "object")
         return null;
-      var d = V && i[V] || i[$];
+      var d = A && i[A] || i[$];
       return typeof d == "function" ? d : null;
     }
     var W = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function v(i) {
       {
-        for (var d = arguments.length, b = new Array(d > 1 ? d - 1 : 0), w = 1; w < d; w++)
-          b[w - 1] = arguments[w];
-        x("error", i, b);
+        for (var d = arguments.length, y = new Array(d > 1 ? d - 1 : 0), w = 1; w < d; w++)
+          y[w - 1] = arguments[w];
+        x("error", i, y);
       }
     }
-    function x(i, d, b) {
+    function x(i, d, y) {
       {
         var w = W.ReactDebugCurrentFrame, q = w.getStackAddendum();
-        q !== "" && (d += "%s", b = b.concat([q]));
-        var X = b.map(function(I) {
+        q !== "" && (d += "%s", y = y.concat([q]));
+        var X = y.map(function(I) {
           return String(I);
         });
         X.unshift("Warning: " + d), Function.prototype.apply.call(console[i], console, X);
       }
     }
-    var N = !1, c = !1, Y = !1, P = !1, Q = !1, de;
+    var E = !1, c = !1, Y = !1, P = !1, Q = !1, de;
     de = Symbol.for("react.module.reference");
     function fe(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === n || i === a || Q || i === o || i === m || i === y || P || i === S || N || c || Y || typeof i == "object" && i !== null && (i.$$typeof === O || i.$$typeof === E || i.$$typeof === s || i.$$typeof === u || i.$$typeof === p || // This needs to include all possible module reference object
+      return !!(typeof i == "string" || typeof i == "function" || i === n || i === a || Q || i === o || i === p || i === b || P || i === S || E || c || Y || typeof i == "object" && i !== null && (i.$$typeof === O || i.$$typeof === N || i.$$typeof === s || i.$$typeof === u || i.$$typeof === m || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       i.$$typeof === de || i.getModuleId !== void 0));
     }
-    function be(i, d, b) {
+    function ye(i, d, y) {
       var w = i.displayName;
       if (w)
         return w;
       var q = d.displayName || d.name || "";
-      return q !== "" ? b + "(" + q + ")" : b;
+      return q !== "" ? y + "(" + q + ")" : y;
     }
-    function Ne(i) {
+    function Ee(i) {
       return i.displayName || "Context";
     }
     function ee(i) {
@@ -128,22 +128,22 @@ function Rn() {
           return "Profiler";
         case o:
           return "StrictMode";
-        case m:
+        case p:
           return "Suspense";
-        case y:
+        case b:
           return "SuspenseList";
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
           case u:
             var d = i;
-            return Ne(d) + ".Consumer";
+            return Ee(d) + ".Consumer";
           case s:
-            var b = i;
-            return Ne(b._context) + ".Provider";
-          case p:
-            return be(i, i.render, "ForwardRef");
-          case E:
+            var y = i;
+            return Ee(y._context) + ".Provider";
+          case m:
+            return ye(i, i.render, "ForwardRef");
+          case N:
             var w = i.displayName || null;
             return w !== null ? w : ee(i.type) || "Memo";
           case O: {
@@ -157,14 +157,14 @@ function Rn() {
         }
       return null;
     }
-    var Z = Object.assign, pe = 0, oe, le, ve, Se, f, g, T;
+    var Z = Object.assign, me = 0, oe, le, ge, Se, f, g, T;
     function R() {
     }
     R.__reactDisabledLog = !0;
     function C() {
       {
-        if (pe === 0) {
-          oe = console.log, le = console.info, ve = console.warn, Se = console.error, f = console.group, g = console.groupCollapsed, T = console.groupEnd;
+        if (me === 0) {
+          oe = console.log, le = console.info, ge = console.warn, Se = console.error, f = console.group, g = console.groupCollapsed, T = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -181,12 +181,12 @@ function Rn() {
             groupEnd: i
           });
         }
-        pe++;
+        me++;
       }
     }
     function z() {
       {
-        if (pe--, pe === 0) {
+        if (me--, me === 0) {
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -200,7 +200,7 @@ function Rn() {
               value: le
             }),
             warn: Z({}, i, {
-              value: ve
+              value: ge
             }),
             error: Z({}, i, {
               value: Se
@@ -216,21 +216,21 @@ function Rn() {
             })
           });
         }
-        pe < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        me < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var _ = W.ReactCurrentDispatcher, k;
-    function j(i, d, b) {
+    var k = W.ReactCurrentDispatcher, _;
+    function j(i, d, y) {
       {
-        if (k === void 0)
+        if (_ === void 0)
           try {
             throw Error();
           } catch (q) {
             var w = q.stack.trim().match(/\n( *(at )?)/);
-            k = w && w[1] || "";
+            _ = w && w[1] || "";
           }
         return `
-` + k + i;
+` + _ + i;
       }
     }
     var H = !1, M;
@@ -242,16 +242,16 @@ function Rn() {
       if (!i || H)
         return "";
       {
-        var b = M.get(i);
-        if (b !== void 0)
-          return b;
+        var y = M.get(i);
+        if (y !== void 0)
+          return y;
       }
       var w;
       H = !0;
       var q = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var X;
-      X = _.current, _.current = null, C();
+      X = k.current, k.current = null, C();
       try {
         if (d) {
           var I = function() {
@@ -286,37 +286,37 @@ function Rn() {
         }
       } catch (ae) {
         if (ae && w && typeof ae.stack == "string") {
-          for (var A = ae.stack.split(`
+          for (var V = ae.stack.split(`
 `), ne = w.stack.split(`
-`), G = A.length - 1, J = ne.length - 1; G >= 1 && J >= 0 && A[G] !== ne[J]; )
+`), G = V.length - 1, J = ne.length - 1; G >= 1 && J >= 0 && V[G] !== ne[J]; )
             J--;
           for (; G >= 1 && J >= 0; G--, J--)
-            if (A[G] !== ne[J]) {
+            if (V[G] !== ne[J]) {
               if (G !== 1 || J !== 1)
                 do
-                  if (G--, J--, J < 0 || A[G] !== ne[J]) {
-                    var he = `
-` + A[G].replace(" at new ", " at ");
-                    return i.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", i.displayName)), typeof i == "function" && M.set(i, he), he;
+                  if (G--, J--, J < 0 || V[G] !== ne[J]) {
+                    var be = `
+` + V[G].replace(" at new ", " at ");
+                    return i.displayName && be.includes("<anonymous>") && (be = be.replace("<anonymous>", i.displayName)), typeof i == "function" && M.set(i, be), be;
                   }
                 while (G >= 1 && J >= 0);
               break;
             }
         }
       } finally {
-        H = !1, _.current = X, z(), Error.prepareStackTrace = q;
+        H = !1, k.current = X, z(), Error.prepareStackTrace = q;
       }
       var Te = i ? i.displayName || i.name : "", De = Te ? j(Te) : "";
       return typeof i == "function" && M.set(i, De), De;
     }
-    function me(i, d, b) {
+    function pe(i, d, y) {
       return h(i, !1);
     }
     function Re(i) {
       var d = i.prototype;
       return !!(d && d.isReactComponent);
     }
-    function _e(i, d, b) {
+    function ke(i, d, y) {
       if (i == null)
         return "";
       if (typeof i == "function")
@@ -324,62 +324,62 @@ function Rn() {
       if (typeof i == "string")
         return j(i);
       switch (i) {
-        case m:
+        case p:
           return j("Suspense");
-        case y:
+        case b:
           return j("SuspenseList");
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
-          case p:
-            return me(i.render);
-          case E:
-            return _e(i.type, d, b);
+          case m:
+            return pe(i.render);
+          case N:
+            return ke(i.type, d, y);
           case O: {
             var w = i, q = w._payload, X = w._init;
             try {
-              return _e(X(q), d, b);
+              return ke(X(q), d, y);
             } catch {
             }
           }
         }
       return "";
     }
-    var Me = Object.prototype.hasOwnProperty, jt = {}, Mt = W.ReactDebugCurrentFrame;
+    var Me = Object.prototype.hasOwnProperty, Mt = {}, Vt = W.ReactDebugCurrentFrame;
     function He(i) {
       if (i) {
-        var d = i._owner, b = _e(i.type, i._source, d ? d.type : null);
-        Mt.setExtraStackFrame(b);
+        var d = i._owner, y = ke(i.type, i._source, d ? d.type : null);
+        Vt.setExtraStackFrame(y);
       } else
-        Mt.setExtraStackFrame(null);
+        Vt.setExtraStackFrame(null);
     }
-    function Hr(i, d, b, w, q) {
+    function Hr(i, d, y, w, q) {
       {
         var X = Function.call.bind(Me);
         for (var I in i)
           if (X(i, I)) {
-            var A = void 0;
+            var V = void 0;
             try {
               if (typeof i[I] != "function") {
-                var ne = Error((w || "React class") + ": " + b + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                var ne = Error((w || "React class") + ": " + y + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ne.name = "Invariant Violation", ne;
               }
-              A = i[I](d, I, w, b, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              V = i[I](d, I, w, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (G) {
-              A = G;
+              V = G;
             }
-            A && !(A instanceof Error) && (He(q), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", b, I, typeof A), He(null)), A instanceof Error && !(A.message in jt) && (jt[A.message] = !0, He(q), v("Failed %s type: %s", b, A.message), He(null));
+            V && !(V instanceof Error) && (He(q), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", y, I, typeof V), He(null)), V instanceof Error && !(V.message in Mt) && (Mt[V.message] = !0, He(q), v("Failed %s type: %s", y, V.message), He(null));
           }
       }
     }
     var Lr = Array.isArray;
-    function Ze(i) {
+    function Qe(i) {
       return Lr(i);
     }
     function Wr(i) {
       {
-        var d = typeof Symbol == "function" && Symbol.toStringTag, b = d && i[Symbol.toStringTag] || i.constructor.name || "Object";
-        return b;
+        var d = typeof Symbol == "function" && Symbol.toStringTag, y = d && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        return y;
       }
     }
     function qr(i) {
@@ -392,17 +392,17 @@ function Rn() {
     function At(i) {
       return "" + i;
     }
-    function Vt(i) {
+    function $t(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);
     }
-    var Ae = W.ReactCurrentOwner, Yr = {
+    var Ve = W.ReactCurrentOwner, Yr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, $t, zt, Qe;
-    Qe = {};
+    }, zt, It, et;
+    et = {};
     function Ur(i) {
       if (Me.call(i, "ref")) {
         var d = Object.getOwnPropertyDescriptor(i, "ref").get;
@@ -420,66 +420,66 @@ function Rn() {
       return i.key !== void 0;
     }
     function Br(i, d) {
-      if (typeof i.ref == "string" && Ae.current && d && Ae.current.stateNode !== d) {
-        var b = ee(Ae.current.type);
-        Qe[b] || (v('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ee(Ae.current.type), i.ref), Qe[b] = !0);
+      if (typeof i.ref == "string" && Ve.current && d && Ve.current.stateNode !== d) {
+        var y = ee(Ve.current.type);
+        et[y] || (v('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ee(Ve.current.type), i.ref), et[y] = !0);
       }
     }
     function Xr(i, d) {
       {
-        var b = function() {
-          $t || ($t = !0, v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", d));
+        var y = function() {
+          zt || (zt = !0, v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", d));
         };
-        b.isReactWarning = !0, Object.defineProperty(i, "key", {
-          get: b,
+        y.isReactWarning = !0, Object.defineProperty(i, "key", {
+          get: y,
           configurable: !0
         });
       }
     }
     function Kr(i, d) {
       {
-        var b = function() {
-          zt || (zt = !0, v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", d));
+        var y = function() {
+          It || (It = !0, v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", d));
         };
-        b.isReactWarning = !0, Object.defineProperty(i, "ref", {
-          get: b,
+        y.isReactWarning = !0, Object.defineProperty(i, "ref", {
+          get: y,
           configurable: !0
         });
       }
     }
-    var Gr = function(i, d, b, w, q, X, I) {
-      var A = {
+    var Gr = function(i, d, y, w, q, X, I) {
+      var V = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: i,
         key: d,
-        ref: b,
+        ref: y,
         props: I,
         // Record the component responsible for creating this element.
         _owner: X
       };
-      return A._store = {}, Object.defineProperty(A._store, "validated", {
+      return V._store = {}, Object.defineProperty(V._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(A, "_self", {
+      }), Object.defineProperty(V, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: w
-      }), Object.defineProperty(A, "_source", {
+      }), Object.defineProperty(V, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: q
-      }), Object.freeze && (Object.freeze(A.props), Object.freeze(A)), A;
+      }), Object.freeze && (Object.freeze(V.props), Object.freeze(V)), V;
     };
-    function Jr(i, d, b, w, q) {
+    function Jr(i, d, y, w, q) {
       {
-        var X, I = {}, A = null, ne = null;
-        b !== void 0 && (Vt(b), A = "" + b), Fr(d) && (Vt(d.key), A = "" + d.key), Ur(d) && (ne = d.ref, Br(d, q));
+        var X, I = {}, V = null, ne = null;
+        y !== void 0 && ($t(y), V = "" + y), Fr(d) && ($t(d.key), V = "" + d.key), Ur(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) {
@@ -487,30 +487,30 @@ function Rn() {
           for (X in G)
             I[X] === void 0 && (I[X] = G[X]);
         }
-        if (A || ne) {
+        if (V || ne) {
           var J = typeof i == "function" ? i.displayName || i.name || "Unknown" : i;
-          A && Xr(I, J), ne && Kr(I, J);
+          V && Xr(I, J), ne && Kr(I, J);
         }
-        return Gr(i, A, ne, q, w, Ae.current, I);
+        return Gr(i, V, ne, q, w, Ve.current, I);
       }
     }
-    var et = W.ReactCurrentOwner, It = W.ReactDebugCurrentFrame;
+    var tt = W.ReactCurrentOwner, Ht = W.ReactDebugCurrentFrame;
     function Pe(i) {
       if (i) {
-        var d = i._owner, b = _e(i.type, i._source, d ? d.type : null);
-        It.setExtraStackFrame(b);
+        var d = i._owner, y = ke(i.type, i._source, d ? d.type : null);
+        Ht.setExtraStackFrame(y);
       } else
-        It.setExtraStackFrame(null);
+        Ht.setExtraStackFrame(null);
     }
-    var tt;
-    tt = !1;
-    function rt(i) {
+    var rt;
+    rt = !1;
+    function nt(i) {
       return typeof i == "object" && i !== null && i.$$typeof === t;
     }
-    function Ht() {
+    function Lt() {
       {
-        if (et.current) {
-          var i = ee(et.current.type);
+        if (tt.current) {
+          var i = ee(tt.current.type);
           if (i)
             return `
 
@@ -522,56 +522,56 @@ Check the render method of \`` + i + "`.";
     function Zr(i) {
       {
         if (i !== void 0) {
-          var d = i.fileName.replace(/^.*[\\\/]/, ""), b = i.lineNumber;
+          var d = i.fileName.replace(/^.*[\\\/]/, ""), y = i.lineNumber;
           return `
 
-Check your code at ` + d + ":" + b + ".";
+Check your code at ` + d + ":" + y + ".";
         }
         return "";
       }
     }
-    var Lt = {};
+    var Wt = {};
     function Qr(i) {
       {
-        var d = Ht();
+        var d = Lt();
         if (!d) {
-          var b = typeof i == "string" ? i : i.displayName || i.name;
-          b && (d = `
+          var y = typeof i == "string" ? i : i.displayName || i.name;
+          y && (d = `
 
-Check the top-level render call using <` + b + ">.");
+Check the top-level render call using <` + y + ">.");
         }
         return d;
       }
     }
-    function Wt(i, d) {
+    function qt(i, d) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var b = Qr(d);
-        if (Lt[b])
+        var y = Qr(d);
+        if (Wt[y])
           return;
-        Lt[b] = !0;
+        Wt[y] = !0;
         var w = "";
-        i && i._owner && i._owner !== et.current && (w = " It was passed a child from " + ee(i._owner.type) + "."), Pe(i), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', b, w), Pe(null);
+        i && i._owner && i._owner !== tt.current && (w = " It was passed a child from " + ee(i._owner.type) + "."), Pe(i), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, w), Pe(null);
       }
     }
-    function qt(i, d) {
+    function Yt(i, d) {
       {
         if (typeof i != "object")
           return;
-        if (Ze(i))
-          for (var b = 0; b < i.length; b++) {
-            var w = i[b];
-            rt(w) && Wt(w, d);
+        if (Qe(i))
+          for (var y = 0; y < i.length; y++) {
+            var w = i[y];
+            nt(w) && qt(w, d);
           }
-        else if (rt(i))
+        else if (nt(i))
           i._store && (i._store.validated = !0);
         else if (i) {
           var q = B(i);
           if (typeof q == "function" && q !== i.entries)
             for (var X = q.call(i), I; !(I = X.next()).done; )
-              rt(I.value) && Wt(I.value, d);
+              nt(I.value) && qt(I.value, d);
         }
       }
     }
@@ -580,20 +580,20 @@ Check the top-level render call using <` + b + ">.");
         var d = i.type;
         if (d == null || typeof d == "string")
           return;
-        var b;
+        var y;
         if (typeof d == "function")
-          b = d.propTypes;
-        else if (typeof d == "object" && (d.$$typeof === p || // Note: Memo only checks outer props here.
+          y = d.propTypes;
+        else if (typeof d == "object" && (d.$$typeof === m || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        d.$$typeof === E))
-          b = d.propTypes;
+        d.$$typeof === N))
+          y = d.propTypes;
         else
           return;
-        if (b) {
+        if (y) {
           var w = ee(d);
-          Hr(b, i.props, "prop", w, i);
-        } else if (d.PropTypes !== void 0 && !tt) {
-          tt = !0;
+          Hr(y, i.props, "prop", w, i);
+        } else if (d.PropTypes !== void 0 && !rt) {
+          rt = !0;
           var q = ee(d);
           v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", q || "Unknown");
         }
@@ -602,8 +602,8 @@ Check the top-level render call using <` + b + ">.");
     }
     function tn(i) {
       {
-        for (var d = Object.keys(i.props), b = 0; b < d.length; b++) {
-          var w = d[b];
+        for (var d = Object.keys(i.props), y = 0; y < d.length; y++) {
+          var w = d[y];
           if (w !== "children" && w !== "key") {
             Pe(i), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), Pe(null);
             break;
@@ -612,46 +612,46 @@ Check the top-level render call using <` + b + ">.");
         i.ref !== null && (Pe(i), v("Invalid attribute `ref` supplied to `React.Fragment`."), Pe(null));
       }
     }
-    var Yt = {};
-    function rn(i, d, b, w, q, X) {
+    var Ut = {};
+    function rn(i, d, y, w, q, X) {
       {
         var I = fe(i);
         if (!I) {
-          var A = "";
-          (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (A += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var 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 ? A += ne : A += Ht();
+          ne ? V += ne : V += Lt();
           var G;
-          i === null ? G = "null" : Ze(i) ? G = "array" : i !== void 0 && i.$$typeof === t ? (G = "<" + (ee(i.type) || "Unknown") + " />", A = " Did you accidentally export a JSX literal instead of a component?") : G = typeof i, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", G, A);
+          i === null ? G = "null" : Qe(i) ? G = "array" : i !== void 0 && i.$$typeof === t ? (G = "<" + (ee(i.type) || "Unknown") + " />", V = " Did you accidentally export a JSX literal instead of a component?") : G = typeof i, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", G, V);
         }
-        var J = Jr(i, d, b, q, X);
+        var J = Jr(i, d, y, q, X);
         if (J == null)
           return J;
         if (I) {
-          var he = d.children;
-          if (he !== void 0)
+          var be = d.children;
+          if (be !== void 0)
             if (w)
-              if (Ze(he)) {
-                for (var Te = 0; Te < he.length; Te++)
-                  qt(he[Te], i);
-                Object.freeze && Object.freeze(he);
+              if (Qe(be)) {
+                for (var Te = 0; Te < be.length; Te++)
+                  Yt(be[Te], i);
+                Object.freeze && Object.freeze(be);
               } else
                 v("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              qt(he, i);
+              Yt(be, i);
         }
         if (Me.call(d, "key")) {
           var De = ee(i), ae = Object.keys(d).filter(function(an) {
             return an !== "key";
-          }), nt = ae.length > 0 ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Yt[De + nt]) {
+          }), it = ae.length > 0 ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Ut[De + it]) {
             var on = ae.length > 0 ? "{" + ae.join(": ..., ") + ": ...}" : "{}";
             v(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, nt, De, on, De), Yt[De + nt] = !0;
+  <%s key={someKey} {...props} />`, it, De, on, De), Ut[De + it] = !0;
           }
         }
         return i === n ? tn(J) : en(J), J;
@@ -661,22 +661,22 @@ React keys must be passed directly to JSX without using spread:
     We.Fragment = n, We.jsxDEV = nn;
   }()), We;
 }
-process.env.NODE_ENV === "production" ? vt.exports = On() : vt.exports = Rn();
-var l = vt.exports;
+process.env.NODE_ENV === "production" ? gt.exports = Rn() : gt.exports = Pn();
+var l = gt.exports;
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Nr = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
+const Tn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Er = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
 /**
  * @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.
  */
-var Tn = {
+var jn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -693,7 +693,7 @@ var Tn = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jn = br(
+const Mn = hr(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -703,20 +703,20 @@ const jn = br(
     children: a,
     iconNode: s,
     ...u
-  }, p) => bt(
+  }, m) => yt(
     "svg",
     {
-      ref: p,
-      ...Tn,
+      ref: m,
+      ...jn,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: n ? Number(r) * 24 / Number(t) : r,
-      className: Nr("lucide", o),
+      className: Er("lucide", o),
       ...u
     },
     [
-      ...s.map(([m, y]) => bt(m, y)),
+      ...s.map(([p, b]) => yt(p, b)),
       ...Array.isArray(a) ? a : [a]
     ]
   )
@@ -728,11 +728,11 @@ const jn = br(
  * See the LICENSE file in the root directory of this source tree.
  */
 const L = (e, t) => {
-  const r = br(
-    ({ className: n, ...o }, a) => bt(jn, {
+  const r = hr(
+    ({ className: n, ...o }, a) => yt(Mn, {
       ref: a,
       iconNode: t,
-      className: Nr(`lucide-${Pn(e)}`, n),
+      className: Er(`lucide-${Tn(e)}`, n),
       ...o
     })
   );
@@ -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 Mn = [
+const Vn = [
   ["path", { d: "M17 12H7", key: "16if0g" }],
   ["path", { d: "M19 18H5", key: "18s9l3" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
-], An = L("AlignCenter", Mn);
+], An = L("AlignCenter", Vn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vn = [
+const $n = [
   ["path", { d: "M3 12h18", key: "1i2n21" }],
   ["path", { d: "M3 18h18", key: "1h113x" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }]
-], $n = L("AlignJustify", Vn);
+], zn = L("AlignJustify", $n);
 /**
  * @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 In = [
   ["path", { d: "M15 12H3", key: "6jk70r" }],
   ["path", { d: "M17 18H3", key: "1amg6g" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
-], In = L("AlignLeft", zn);
+], Hn = L("AlignLeft", In);
 /**
  * @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 Hn = [
+const Ln = [
   ["path", { d: "M21 12H9", key: "dn1m92" }],
   ["path", { d: "M21 18H7", key: "1ygte8" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
-], Ln = L("AlignRight", Hn);
+], Wn = L("AlignRight", Ln);
 /**
  * @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 Wn = [
+const qn = [
   [
     "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" }
   ]
-], qn = L("Bold", Wn);
+], Yn = L("Bold", 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 Yn = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Un = L("ChevronDown", Yn);
+const Un = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Fn = L("ChevronDown", 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 Fn = [
+const Bn = [
   ["polyline", { points: "16 18 22 12 16 6", key: "z7tu5w" }],
   ["polyline", { points: "8 6 2 12 8 18", key: "1eg1df" }]
-], Bn = L("Code", Fn);
+], Xn = L("Code", Bn);
 /**
  * @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 Xn = [
+const Kn = [
   ["polyline", { points: "15 10 20 15 15 20", key: "1q7qjw" }],
   ["path", { d: "M4 4v7a4 4 0 0 0 4 4h12", key: "z08zvw" }]
-], Kn = L("CornerDownRight", Xn);
+], Gn = L("CornerDownRight", Kn);
 /**
  * @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 Gn = [
+const Jn = [
   ["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" }]
-], it = L("Heading1", Gn);
+], ot = L("Heading1", 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 Jn = [
+const Zn = [
   ["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", Jn);
+], Gt = L("Heading2", 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 Zn = [
+const Qn = [
   ["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", Zn);
+], Jt = L("Heading3", 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 Qn = [
+const ei = [
   ["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", Qn);
+], Zt = L("Heading4", 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 ei = [
+const ti = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
@@ -886,49 +886,49 @@ const ei = [
     "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", ei);
+], Qt = L("Heading5", 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 ti = [
+const ri = [
   ["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", ti);
+], er = L("Heading6", 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 ri = [
+const ni = [
   ["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" }]
-], ni = L("Image", ri);
+], ii = L("Image", ni);
 /**
  * @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 oi = [
   ["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" }]
-], oi = L("Italic", ii);
+], ai = L("Italic", oi);
 /**
  * @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 ai = [
+const si = [
   [
     "path",
     {
@@ -950,49 +950,49 @@ const ai = [
       key: "kqbvx6"
     }
   ]
-], si = L("Layers", ai);
+], li = L("Layers", si);
 /**
  * @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 li = [
+const ci = [
   ["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" }]
-], ci = L("ListOrdered", li);
+], ui = L("ListOrdered", ci);
 /**
  * @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 ui = [
+const di = [
   ["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" }]
-], di = L("List", ui);
+], fi = L("List", di);
 /**
  * @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 fi = [["path", { d: "M5 12h14", key: "1ays0h" }]], pi = L("Minus", fi);
+const mi = [["path", { d: "M5 12h14", key: "1ays0h" }]], pi = L("Minus", 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 mi = [
+const bi = [
   [
     "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 mi = [
   ["path", { d: "m5 2 5 5", key: "1lls2c" }],
   ["path", { d: "M2 13h15", key: "1hkzvu" }],
   ["path", { d: "M22 20a2 2 0 1 1-4 0c0-1.6 1.7-2.4 2-4 .3 1.6 2 2.4 2 4Z", key: "xk76lq" }]
-], hi = L("PaintBucket", mi);
+], hi = L("PaintBucket", bi);
 /**
  * @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 yi = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
-], yi = L("Plus", bi);
+], vi = L("Plus", yi);
 /**
  * @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 gi = [
   [
     "path",
     {
@@ -1032,45 +1032,45 @@ const vi = [
       key: "1ymkrd"
     }
   ]
-], gi = L("Quote", vi);
+], xi = L("Quote", gi);
 /**
  * @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 xi = [
+const Ni = [
   ["path", { d: "M21 7v6h-6", key: "3ptur4" }],
   ["path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7", key: "1kgawr" }]
-], Ei = L("Redo", xi);
+], Ei = L("Redo", Ni);
 /**
  * @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 Si = [
   ["path", { d: "M21 10.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.5", key: "1uzm8b" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
-], Si = L("SquareCheckBig", Ni);
+], wi = L("SquareCheckBig", Si);
 /**
  * @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 wi = [
+const Ci = [
   ["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" }]
-], Ci = L("Strikethrough", wi);
+], ki = L("Strikethrough", Ci);
 /**
  * @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 Di = [
   ["path", { d: "m4 5 8 8", key: "1eunvl" }],
   ["path", { d: "m12 5-8 8", key: "1ah0jp" }],
   [
@@ -1080,14 +1080,14 @@ const _i = [
       key: "e8ta8j"
     }
   ]
-], Di = L("Subscript", _i);
+], _i = L("Subscript", Di);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ki = [
+const Oi = [
   ["path", { d: "m4 19 8-8", key: "hr47gm" }],
   ["path", { d: "m12 19-8-8", key: "1dhhmo" }],
   [
@@ -1097,73 +1097,73 @@ const ki = [
       key: "1dfcux"
     }
   ]
-], Oi = L("Superscript", ki);
+], Ri = L("Superscript", Oi);
 /**
  * @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 Pi = [
   ["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" }]
-], Pi = L("Table", Ri);
+], Ti = L("Table", 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 Ti = [
+const ji = [
   ["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" }]
-], ji = L("TextCursor", Ti);
+], Mi = L("TextCursor", ji);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mi = [
+const Vi = [
   ["path", { d: "M6 4v6a6 6 0 0 0 12 0V4", key: "9kb039" }],
   ["line", { x1: "4", x2: "20", y1: "20", y2: "20", key: "nun2al" }]
-], Ai = L("Underline", Mi);
+], Ai = L("Underline", 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 Vi = [
+const $i = [
   ["path", { d: "M3 7v6h6", key: "1v2h90" }],
   ["path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13", key: "1r6uu6" }]
-], $i = L("Undo", Vi);
+], zi = L("Undo", $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 zi = [
+const Ii = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Ii = L("X", zi);
-function Hi({ editor: e }) {
-  const [t, r] = ge(!1);
+], Hi = L("X", Ii);
+function Li({ editor: e }) {
+  const [t, r] = he(!1);
   return /* @__PURE__ */ l.jsxDEV("div", { className: "relative", children: [
     /* @__PURE__ */ l.jsxDEV(
       "button",
       {
-        className: "fixed z-50 flex items-center justify-center w-12 h-12 text-white transition-all duration-300 bg-blue-500 rounded-full shadow-lg bottom-4 right-4 hover:bg-blue-600",
+        className: `p-1 text-black transition-all duration-300 rounded-md shadow-lg hover:bg-blue-100 hover:text-blue-600 ${t ? "bg-blue-100 text-blue-600" : ""}`,
         onClick: () => r(!t),
-        children: t ? /* @__PURE__ */ l.jsxDEV(Ii, { size: 24 }, void 0, !1, {
+        children: t ? /* @__PURE__ */ l.jsxDEV(Hi, { 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(si, { size: 24 }, void 0, !1, {
+        }, this) : /* @__PURE__ */ l.jsxDEV(li, { size: 24 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
           lineNumber: 13,
           columnNumber: 43
@@ -1183,7 +1183,7 @@ function Hi({ editor: e }) {
       {
         className: "fixed z-40 w-64 p-4 bg-white border border-gray-200 rounded-lg shadow-xl bottom-20 right-4 animate-slide-up",
         children: /* @__PURE__ */ l.jsxDEV("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ l.jsxDEV("h3", { className: "mb-3 text-lg font-semibold text-gray-700", children: "Insert Components" }, void 0, !1, {
+          /* @__PURE__ */ l.jsxDEV("h3", { className: "mb-3 font-bold text-center text-gray-700", children: "Cyber Extensions" }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
             lineNumber: 21,
             columnNumber: 25
@@ -1198,14 +1198,14 @@ function Hi({ editor: e }) {
                   content: [{ type: "paragraph", content: [{ type: "text", text: "Accordion content" }] }]
                 }).run();
               },
-              className: "flex items-center justify-center w-full gap-2 px-4 py-2 text-blue-600 duration-300 rounded-md bg-blue-50 hover:bg-blue-100 hover:text-blue-700",
+              className: "flex items-center justify-center w-full gap-2 px-3 py-1 text-blue-600 duration-300 rounded-md bg-blue-50 hover:bg-blue-100 hover:text-blue-700",
               children: [
-                /* @__PURE__ */ l.jsxDEV(yi, { size: 16 }, void 0, !1, {
+                /* @__PURE__ */ l.jsxDEV(vi, { size: 16 }, void 0, !1, {
                   fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
                   lineNumber: 33,
                   columnNumber: 29
                 }, this),
-                "Add Accordion"
+                " Accordion"
               ]
             },
             void 0,
@@ -1238,120 +1238,99 @@ function Hi({ editor: e }) {
     columnNumber: 9
   }, this);
 }
-const Li = ({ editor: e }) => {
-  const [t, r] = ge("#1677ff"), [n, o] = ge("#ffffff"), a = (p) => {
-    const m = p.toHexString();
-    r(m), e.chain().focus().setColor(m).run();
-  }, s = (p) => {
-    const m = p.toHexString();
-    o(m), e.chain().focus().setHighlight({ color: m }).run();
-  }, u = (p) => {
-    p.preventDefault();
+const Ue = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
+  fn,
+  {
+    value: e,
+    onChange: t,
+    presets: [
+      {
+        label: "Recommended",
+        colors: [
+          "#1677ff",
+          "#52c41a",
+          "#faad14",
+          "#ff4d4f",
+          "#722ed1",
+          "#13c2c2",
+          "#ffffff",
+          "#000000"
+        ]
+      }
+    ]
+  },
+  void 0,
+  !1,
+  {
+    fileName: "E:/CyberSkill/cyber-editor/src/components/color-picker.tsx",
+    lineNumber: 12,
+    columnNumber: 9
+  },
+  void 0
+), Wi = ({ editor: e }) => {
+  const [t, r] = he("#1677ff"), [n, o] = he("#ffffff"), a = (m) => {
+    const p = m.toHexString();
+    r(p), e.chain().focus().setColor(p).run();
+  }, s = (m) => {
+    const p = m.toHexString();
+    o(p), e.chain().focus().setHighlight({ color: p }).run();
+  }, u = (m) => {
+    m.preventDefault();
   };
   return /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ l.jsxDEV(yt, { title: "Text Color", children: /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-2", onMouseDown: u, children: [
-      /* @__PURE__ */ l.jsxDEV(ji, { size: 20, color: "black" }, void 0, !1, {
+    /* @__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, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-        lineNumber: 32,
+        lineNumber: 33,
         columnNumber: 21
       }, void 0),
-      /* @__PURE__ */ l.jsxDEV(
-        Ut,
-        {
-          value: t,
-          onChange: a,
-          presets: [
-            {
-              label: "Recommended",
-              colors: [
-                "#1677ff",
-                "#52c41a",
-                "#faad14",
-                "#ff4d4f",
-                "#722ed1",
-                "#13c2c2",
-                "#ffffff",
-                "#000000"
-              ]
-            }
-          ]
-        },
-        void 0,
-        !1,
-        {
-          fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-          lineNumber: 33,
-          columnNumber: 21
-        },
-        void 0
-      )
+      /* @__PURE__ */ l.jsxDEV(Ue, { value: t, onChange: a }, void 0, !1, {
+        fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
+        lineNumber: 34,
+        columnNumber: 21
+      }, void 0)
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-      lineNumber: 31,
+      lineNumber: 32,
       columnNumber: 17
     }, void 0) }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-      lineNumber: 30,
+      lineNumber: 31,
       columnNumber: 13
     }, void 0),
-    /* @__PURE__ */ l.jsxDEV(yt, { title: "Highlight Color", children: /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-2", onMouseDown: u, children: [
+    /* @__PURE__ */ l.jsxDEV(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, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-        lineNumber: 58,
+        lineNumber: 41,
         columnNumber: 21
       }, void 0),
-      /* @__PURE__ */ l.jsxDEV(
-        Ut,
-        {
-          value: n,
-          onChange: s,
-          presets: [
-            {
-              label: "Recommended",
-              colors: [
-                "#1677ff",
-                "#52c41a",
-                "#faad14",
-                "#ff4d4f",
-                "#722ed1",
-                "#13c2c2",
-                "#ffffff",
-                "#000000"
-              ]
-            }
-          ]
-        },
-        void 0,
-        !1,
-        {
-          fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-          lineNumber: 59,
-          columnNumber: 21
-        },
-        void 0
-      )
+      /* @__PURE__ */ l.jsxDEV(Ue, { value: n, onChange: s }, void 0, !1, {
+        fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
+        lineNumber: 42,
+        columnNumber: 21
+      }, void 0)
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-      lineNumber: 57,
+      lineNumber: 40,
       columnNumber: 17
     }, void 0) }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-      lineNumber: 56,
+      lineNumber: 39,
       columnNumber: 13
     }, void 0)
   ] }, void 0, !0, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
-    lineNumber: 28,
+    lineNumber: 29,
     columnNumber: 9
   }, void 0);
-}, Wi = ({ editor: e }) => {
+}, qi = ({ editor: e }) => {
   if (!e) return null;
   const t = () => {
     for (let n = 1; n <= 6; n++)
       if (e.isActive("heading", { level: n }))
         switch (n) {
           case 1:
-            return /* @__PURE__ */ l.jsxDEV(it, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ l.jsxDEV(ot, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 15,
               columnNumber: 36
@@ -1387,7 +1366,7 @@ const Li = ({ editor: e }) => {
               columnNumber: 36
             }, void 0);
         }
-    return /* @__PURE__ */ l.jsxDEV(it, { size: 16 }, void 0, !1, {
+    return /* @__PURE__ */ l.jsxDEV(ot, { size: 16 }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
       lineNumber: 24,
       columnNumber: 16
@@ -1396,7 +1375,7 @@ const Li = ({ editor: e }) => {
     ...Array.from({ length: 6 }, (n, o) => ({
       key: `${o + 1}`,
       label: /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-2", onClick: () => e.chain().focus().toggleHeading({ level: o + 1 }).run(), children: [
-        ke.createElement([it, Gt, Jt, Zt, Qt, er][o], { size: 16 }),
+        _e.createElement([ot, Gt, Jt, Zt, Qt, er][o], { size: 16 }),
         /* @__PURE__ */ l.jsxDEV("span", { children: [
           "Heading ",
           o + 1
@@ -1413,7 +1392,7 @@ const Li = ({ editor: e }) => {
       className: e.isActive("heading", { level: o + 1 }) ? "ant-dropdown-menu-item-active" : ""
     }))
   ];
-  return /* @__PURE__ */ l.jsxDEV(Ct, { menu: { items: r }, trigger: ["hover"], placement: "bottomLeft", children: /* @__PURE__ */ l.jsxDEV("button", { className: "flex items-center gap-1 p-2 rounded-md hover:bg-blue-100 hover:text-blue-600", children: t() }, void 0, !1, {
+  return /* @__PURE__ */ l.jsxDEV(kt, { menu: { items: r }, trigger: ["hover"], placement: "bottomLeft", children: /* @__PURE__ */ l.jsxDEV("button", { className: "flex items-center gap-1 p-2 rounded-md hover:bg-blue-100 hover:text-blue-600", children: t() }, void 0, !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
     lineNumber: 42,
     columnNumber: 13
@@ -1422,32 +1401,32 @@ const Li = ({ editor: e }) => {
     lineNumber: 41,
     columnNumber: 9
   }, void 0);
-}, qi = 8, Yi = 8, Ui = ({
+}, Yi = 8, Ui = 8, Fi = ({
   editor: e,
   buttonClass: t,
   activeClass: r
 }) => {
-  const [n, o] = ge({ rows: 0, cols: 0 }), [a, s] = ge(!1), u = (p, m) => {
-    e.chain().focus().insertTable({ rows: p, cols: m, withHeaderRow: !0 }).run(), s(!1);
+  const [n, o] = he({ rows: 0, cols: 0 }), [a, s] = he(!1), u = (m, p) => {
+    e.chain().focus().insertTable({ rows: m, cols: p, withHeaderRow: !0 }).run(), s(!1);
   };
   return /* @__PURE__ */ l.jsxDEV(
-    Ct,
+    kt,
     {
       open: a,
       onOpenChange: s,
       trigger: ["hover"],
       overlay: /* @__PURE__ */ l.jsxDEV("div", { className: "w-56 p-4 bg-white border border-gray-300 rounded-lg shadow-xl", children: [
-        /* @__PURE__ */ l.jsxDEV("div", { className: "grid grid-cols-8 gap-1", children: Array.from({ length: qi }).map(
-          (p, m) => Array.from({ length: Yi }).map((y, E) => {
-            const O = m < n.rows && E < n.cols;
+        /* @__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;
             return /* @__PURE__ */ l.jsxDEV(
               "div",
               {
                 className: `w-5 h-5 border rounded-sm cursor-pointer transition-all duration-200 ${O ? "bg-blue-400 border-white scale-110" : "bg-gray-200 hover:bg-gray-300"}`,
-                onMouseEnter: () => o({ rows: m + 1, cols: E + 1 }),
-                onClick: () => u(m + 1, E + 1)
+                onMouseEnter: () => o({ rows: p + 1, cols: N + 1 }),
+                onClick: () => u(p + 1, N + 1)
               },
-              `${m}-${E}`,
+              `${p}-${N}`,
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/table/table-selector.tsx",
@@ -1476,7 +1455,7 @@ const Li = ({ editor: e }) => {
         "button",
         {
           className: `${t} ${a ? r : ""} transition-all`,
-          children: /* @__PURE__ */ l.jsxDEV(Pi, { className: "w-5 h-5" }, void 0, !1, {
+          children: /* @__PURE__ */ l.jsxDEV(Ti, { className: "w-5 h-5" }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/table/table-selector.tsx",
             lineNumber: 65,
             columnNumber: 17
@@ -1502,10 +1481,10 @@ const Li = ({ editor: e }) => {
     void 0
   );
 };
-function Fi() {
-  const { editor: e } = wt();
+function Bi() {
+  const { editor: e } = Ct();
   if (!e) return null;
-  const t = "p-2 rounded-md transition-all duration-200 hover:bg-blue-100 hover:text-blue-600", r = "bg-blue-100 text-blue-600", n = (o, a, s, u, p) => /* @__PURE__ */ l.jsxDEV(yt, { title: p, children: /* @__PURE__ */ l.jsxDEV(
+  const t = "p-2 rounded-md transition-all duration-200 hover:bg-blue-100 hover:text-blue-600", r = "bg-blue-100 text-blue-600", n = (o, a, s, u, m) => /* @__PURE__ */ l.jsxDEV(vt, { title: m, children: /* @__PURE__ */ l.jsxDEV(
     "button",
     {
       type: "button",
@@ -1534,7 +1513,7 @@ function Fi() {
   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(qn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Yn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 54,
           columnNumber: 21
@@ -1545,7 +1524,7 @@ function Fi() {
         "Bold"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(oi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(ai, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 61,
           columnNumber: 21
@@ -1567,7 +1546,7 @@ function Fi() {
         "Underline"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Ci, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(ki, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 75,
           columnNumber: 21
@@ -1578,7 +1557,7 @@ function Fi() {
         "Strikethrough"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Bn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Xn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 82,
           columnNumber: 21
@@ -1589,7 +1568,7 @@ function Fi() {
         "Code"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Di, { 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: 89,
           columnNumber: 21
@@ -1600,7 +1579,7 @@ function Fi() {
         "Subscript"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Oi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Ri, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 96,
           columnNumber: 21
@@ -1620,7 +1599,7 @@ function Fi() {
       lineNumber: 104,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV(Wi, { editor: e }, void 0, !1, {
+    /* @__PURE__ */ l.jsxDEV(qi, { editor: e }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
       lineNumber: 107,
       columnNumber: 13
@@ -1632,7 +1611,7 @@ function Fi() {
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(In, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Hn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 114,
           columnNumber: 21
@@ -1654,7 +1633,7 @@ function Fi() {
         "Align Center"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Ln, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Wn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 126,
           columnNumber: 21
@@ -1665,7 +1644,7 @@ function Fi() {
         "Align Right"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV($n, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(zn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 131,
           columnNumber: 21
@@ -1687,7 +1666,7 @@ function Fi() {
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(di, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(fi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 142,
           columnNumber: 21
@@ -1698,7 +1677,7 @@ function Fi() {
         "Bullet List"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(ci, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(ui, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 147,
           columnNumber: 21
@@ -1709,7 +1688,7 @@ function Fi() {
         "Ordered List"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Si, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(wi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 152,
           columnNumber: 21
@@ -1731,7 +1710,7 @@ function Fi() {
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(gi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(xi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 163,
           columnNumber: 21
@@ -1741,7 +1720,7 @@ function Fi() {
         !1,
         "Blockquote"
       ),
-      /* @__PURE__ */ l.jsxDEV(Ui, { editor: e, buttonClass: t, activeClass: r }, void 0, !1, {
+      /* @__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,
         columnNumber: 17
@@ -1758,7 +1737,7 @@ function Fi() {
         "Horizontal Rule"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Kn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Gn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 173,
           columnNumber: 21
@@ -1780,7 +1759,7 @@ function Fi() {
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV($i, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(zi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 183,
           columnNumber: 21
@@ -1810,7 +1789,7 @@ function Fi() {
       columnNumber: 13
     }, this),
     n(
-      /* @__PURE__ */ l.jsxDEV(ni, { size: 16 }, void 0, !1, {
+      /* @__PURE__ */ l.jsxDEV(ii, { size: 16 }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
         lineNumber: 199,
         columnNumber: 17
@@ -1835,14 +1814,19 @@ function Fi() {
       lineNumber: 217,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV(Li, { 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: 220,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV(Hi, { editor: e }, void 0, !1, {
+    /* @__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: 221,
+      lineNumber: 222,
+      columnNumber: 13
+    }, this),
+    /* @__PURE__ */ l.jsxDEV(Li, { editor: e }, void 0, !1, {
+      fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
+      lineNumber: 223,
       columnNumber: 13
     }, this)
   ] }, void 0, !0, {
@@ -1852,57 +1836,63 @@ function Fi() {
   }, this);
 }
 const Sr = ({
-  childrenContent: e,
-  editable: t,
-  childrenEdit: r
+  title: e,
+  childrenContent: t,
+  editable: r,
+  childrenEdit: n
 }) => {
-  const [n, o] = ge(!1), a = t ? /* @__PURE__ */ l.jsxDEV(Ft, { children: /* @__PURE__ */ l.jsxDEV(Ft.Item, { onClick: () => o(!0), children: "Edit" }, "edit", !1, {
+  const [o, a] = he(!1), s = r ? /* @__PURE__ */ l.jsxDEV(Ft, { children: /* @__PURE__ */ l.jsxDEV(Ft.Item, { onClick: () => a(!0), children: "Edit" }, "edit", !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/components/modal-edit.tsx",
-    lineNumber: 17,
+    lineNumber: 19,
     columnNumber: 13
   }, void 0) }, void 0, !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/components/modal-edit.tsx",
-    lineNumber: 16,
+    lineNumber: 18,
     columnNumber: 9
   }, void 0) : null;
   return /* @__PURE__ */ l.jsxDEV("div", { children: [
-    t && a ? /* @__PURE__ */ l.jsxDEV(Ct, { overlay: a, trigger: ["contextMenu"], children: e }, void 0, !1, {
+    r && s ? /* @__PURE__ */ l.jsxDEV(kt, { overlay: s, trigger: ["contextMenu"], children: t }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/components/modal-edit.tsx",
-      lineNumber: 26,
+      lineNumber: 28,
       columnNumber: 17
-    }, void 0) : e,
+    }, void 0) : t,
     /* @__PURE__ */ l.jsxDEV(
-      fn,
+      mn,
       {
-        title: "Edit",
-        open: n,
-        onOk: () => o(!1),
-        onCancel: () => o(!1),
-        children: r
+        title: `Edit ${e}`,
+        open: o,
+        onOk: () => a(!1),
+        onCancel: () => a(!1),
+        children: n
       },
       void 0,
       !1,
       {
         fileName: "E:/CyberSkill/cyber-editor/src/components/modal-edit.tsx",
-        lineNumber: 33,
+        lineNumber: 35,
         columnNumber: 13
       },
       void 0
     )
   ] }, void 0, !0, {
     fileName: "E:/CyberSkill/cyber-editor/src/components/modal-edit.tsx",
-    lineNumber: 24,
+    lineNumber: 26,
     columnNumber: 9
   }, void 0);
-}, Bi = () => {
-  const [e, t] = ge(!1), { editor: r } = wt();
+}, Xi = () => {
+  const [e, t] = he(!1), { editor: r } = Ct();
   if (!r) return null;
-  const n = (o) => {
-    o.preventDefault();
+  const n = (b) => {
+    b.preventDefault();
+  }, [o, a] = he("#f3f4f6"), [s, u] = he("#f3f4f6"), m = (b) => {
+    a(b.toHexString());
+  }, p = (b) => {
+    u(b.toHexString());
   };
   return /* @__PURE__ */ l.jsxDEV(yr, { className: "accordion-wrapper", children: /* @__PURE__ */ l.jsxDEV(
     Sr,
     {
+      title: "Accordion",
       childrenContent: /* @__PURE__ */ l.jsxDEV(
         "div",
         {
@@ -1912,13 +1902,15 @@ const Sr = ({
             /* @__PURE__ */ l.jsxDEV(
               "div",
               {
-                className: "flex items-center justify-between p-4 bg-gray-50 hover:bg-gray-100",
+                className: "flex items-center justify-between p-4 transition-colors accordion-header",
+                style: { backgroundColor: o },
                 onClick: () => t(!e),
                 children: [
                   /* @__PURE__ */ l.jsxDEV(
                     "input",
                     {
                       className: "w-full text-lg font-medium bg-transparent border-none outline-none",
+                      style: { color: s },
                       disabled: !r.isEditable,
                       suppressContentEditableWarning: !0,
                       contentEditable: !0,
@@ -1928,13 +1920,13 @@ const Sr = ({
                     !1,
                     {
                       fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                      lineNumber: 31,
+                      lineNumber: 45,
                       columnNumber: 29
                     },
                     void 0
                   ),
                   /* @__PURE__ */ l.jsxDEV(
-                    Un,
+                    Fn,
                     {
                       className: `transition-transform duration-300 ${e ? "rotate-180" : ""}`,
                       size: 20
@@ -1943,7 +1935,7 @@ const Sr = ({
                     !1,
                     {
                       fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                      lineNumber: 38,
+                      lineNumber: 53,
                       columnNumber: 29
                     },
                     void 0
@@ -1954,7 +1946,7 @@ const Sr = ({
               !0,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                lineNumber: 27,
+                lineNumber: 40,
                 columnNumber: 25
               },
               void 0
@@ -1972,13 +1964,13 @@ const Sr = ({
                   !1,
                   {
                     fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                    lineNumber: 48,
+                    lineNumber: 63,
                     columnNumber: 33
                   },
                   void 0
                 ) }, void 0, !1, {
                   fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                  lineNumber: 47,
+                  lineNumber: 62,
                   columnNumber: 29
                 }, void 0)
               },
@@ -1986,7 +1978,7 @@ const Sr = ({
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-                lineNumber: 44,
+                lineNumber: 59,
                 columnNumber: 25
               },
               void 0
@@ -1997,27 +1989,137 @@ const Sr = ({
         !0,
         {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-          lineNumber: 23,
+          lineNumber: 36,
           columnNumber: 21
         },
         void 0
       ),
-      editable: r.isEditable
+      editable: r.isEditable,
+      childrenEdit: /* @__PURE__ */ l.jsxDEV("div", { className: "px-6 py-4 space-y-6 rounded-lg bg-gray-50", children: [
+        /* @__PURE__ */ l.jsxDEV("div", { className: "grid grid-cols-1 gap-6", children: [
+          /* @__PURE__ */ l.jsxDEV("div", { className: "flex flex-col space-y-2", children: [
+            /* @__PURE__ */ l.jsxDEV("label", { className: "font-medium text-gray-700", children: "Background Color" }, void 0, !1, {
+              fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+              lineNumber: 75,
+              columnNumber: 33
+            }, void 0),
+            /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center space-x-3", children: [
+              /* @__PURE__ */ l.jsxDEV(
+                "div",
+                {
+                  className: "w-8 h-8 border rounded shadow",
+                  style: { backgroundColor: o }
+                },
+                void 0,
+                !1,
+                {
+                  fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+                  lineNumber: 77,
+                  columnNumber: 37
+                },
+                void 0
+              ),
+              /* @__PURE__ */ l.jsxDEV(Ue, { value: o, onChange: m }, void 0, !1, {
+                fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+                lineNumber: 81,
+                columnNumber: 37
+              }, void 0)
+            ] }, void 0, !0, {
+              fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+              lineNumber: 76,
+              columnNumber: 33
+            }, void 0)
+          ] }, void 0, !0, {
+            fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+            lineNumber: 74,
+            columnNumber: 29
+          }, void 0),
+          /* @__PURE__ */ l.jsxDEV("div", { className: "flex flex-col space-y-2", children: [
+            /* @__PURE__ */ l.jsxDEV("label", { className: "font-medium text-gray-700", children: "Title Color" }, void 0, !1, {
+              fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+              lineNumber: 86,
+              columnNumber: 33
+            }, void 0),
+            /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center space-x-3", children: [
+              /* @__PURE__ */ l.jsxDEV(
+                "div",
+                {
+                  className: "w-8 h-8 border rounded shadow",
+                  style: { backgroundColor: s }
+                },
+                void 0,
+                !1,
+                {
+                  fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+                  lineNumber: 88,
+                  columnNumber: 37
+                },
+                void 0
+              ),
+              /* @__PURE__ */ l.jsxDEV(Ue, { value: s, onChange: p }, void 0, !1, {
+                fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+                lineNumber: 92,
+                columnNumber: 37
+              }, void 0)
+            ] }, void 0, !0, {
+              fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+              lineNumber: 87,
+              columnNumber: 33
+            }, void 0)
+          ] }, void 0, !0, {
+            fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+            lineNumber: 85,
+            columnNumber: 29
+          }, void 0)
+        ] }, void 0, !0, {
+          fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+          lineNumber: 73,
+          columnNumber: 25
+        }, void 0),
+        /* @__PURE__ */ l.jsxDEV("div", { className: "pt-4 border-t border-gray-200", children: /* @__PURE__ */ l.jsxDEV("div", { className: "p-3 bg-white border rounded-md", children: [
+          /* @__PURE__ */ l.jsxDEV("div", { className: "text-sm text-gray-600", children: "Preview" }, void 0, !1, {
+            fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+            lineNumber: 99,
+            columnNumber: 33
+          }, void 0),
+          /* @__PURE__ */ l.jsxDEV("div", { className: "p-2 mt-2 rounded", style: { backgroundColor: o }, children: /* @__PURE__ */ l.jsxDEV("span", { style: { color: s, fontWeight: 500 }, children: "Accordion Title" }, void 0, !1, {
+            fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+            lineNumber: 101,
+            columnNumber: 37
+          }, void 0) }, void 0, !1, {
+            fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+            lineNumber: 100,
+            columnNumber: 33
+          }, void 0)
+        ] }, void 0, !0, {
+          fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+          lineNumber: 98,
+          columnNumber: 29
+        }, void 0) }, void 0, !1, {
+          fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+          lineNumber: 97,
+          columnNumber: 25
+        }, void 0)
+      ] }, void 0, !0, {
+        fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
+        lineNumber: 72,
+        columnNumber: 21
+      }, void 0)
     },
     void 0,
     !1,
     {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-      lineNumber: 21,
+      lineNumber: 33,
       columnNumber: 13
     },
     void 0
   ) }, void 0, !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
-    lineNumber: 20,
+    lineNumber: 32,
     columnNumber: 9
   }, void 0);
-}, Xi = gr.create({
+}, Ki = gr.create({
   name: "accordion",
   group: "block",
   content: "block+",
@@ -2037,7 +2139,7 @@ const Sr = ({
     return ["accordion", xr(e)];
   },
   addNodeView() {
-    return vr(Bi);
+    return vr(Xi);
   },
   addCommands() {
     return {
@@ -2048,7 +2150,7 @@ const Sr = ({
     };
   }
 });
-var _t = { exports: {} }, ze = {}, Fe = { exports: {} }, wr = {}, gt = { exports: {} }, qe = { exports: {} }, U = {};
+var Dt = { exports: {} }, ze = {}, Be = { exports: {} }, wr = {}, xt = { exports: {} }, qe = { exports: {} }, U = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -2058,28 +2160,28 @@ var _t = { exports: {} }, ze = {}, Fe = { exports: {} }, wr = {}, gt = { exports
  * LICENSE file in the root directory of this source tree.
  */
 var tr;
-function Ki() {
+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, p = e ? Symbol.for("react.async_mode") : 60111, m = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, E = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, V = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, v = e ? Symbol.for("react.scope") : 60119;
+  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, m = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, b = e ? Symbol.for("react.forward_ref") : 60112, N = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, v = e ? Symbol.for("react.scope") : 60119;
   function x(c) {
     if (typeof c == "object" && c !== null) {
       var Y = c.$$typeof;
       switch (Y) {
         case t:
           switch (c = c.type, c) {
-            case p:
             case m:
+            case p:
             case n:
             case a:
             case o:
-            case E:
+            case N:
               return c;
             default:
               switch (c = c && c.$$typeof, c) {
                 case u:
-                case y:
-                case V:
+                case b:
+                case A:
                 case S:
                 case s:
                   return c;
@@ -2092,23 +2194,23 @@ function Ki() {
       }
     }
   }
-  function N(c) {
-    return x(c) === m;
+  function E(c) {
+    return x(c) === p;
   }
-  return U.AsyncMode = p, U.ConcurrentMode = m, U.ContextConsumer = u, U.ContextProvider = s, U.Element = t, U.ForwardRef = y, U.Fragment = n, U.Lazy = V, U.Memo = S, U.Portal = r, U.Profiler = a, U.StrictMode = o, U.Suspense = E, U.isAsyncMode = function(c) {
-    return N(c) || x(c) === p;
-  }, U.isConcurrentMode = N, U.isContextConsumer = function(c) {
+  return U.AsyncMode = m, U.ConcurrentMode = p, U.ContextConsumer = u, U.ContextProvider = s, U.Element = t, U.ForwardRef = b, U.Fragment = n, U.Lazy = A, U.Memo = S, U.Portal = r, U.Profiler = a, U.StrictMode = o, U.Suspense = N, U.isAsyncMode = function(c) {
+    return E(c) || x(c) === m;
+  }, U.isConcurrentMode = E, U.isContextConsumer = function(c) {
     return x(c) === u;
   }, U.isContextProvider = function(c) {
     return x(c) === s;
   }, U.isElement = function(c) {
     return typeof c == "object" && c !== null && c.$$typeof === t;
   }, U.isForwardRef = function(c) {
-    return x(c) === y;
+    return x(c) === b;
   }, U.isFragment = function(c) {
     return x(c) === n;
   }, U.isLazy = function(c) {
-    return x(c) === V;
+    return x(c) === A;
   }, U.isMemo = function(c) {
     return x(c) === S;
   }, U.isPortal = function(c) {
@@ -2118,9 +2220,9 @@ function Ki() {
   }, U.isStrictMode = function(c) {
     return x(c) === o;
   }, U.isSuspense = function(c) {
-    return x(c) === E;
+    return x(c) === N;
   }, U.isValidElementType = function(c) {
-    return typeof c == "string" || typeof c == "function" || c === n || c === m || c === a || c === o || c === E || c === O || typeof c == "object" && c !== null && (c.$$typeof === V || c.$$typeof === S || c.$$typeof === s || c.$$typeof === u || c.$$typeof === y || c.$$typeof === B || c.$$typeof === W || c.$$typeof === v || c.$$typeof === $);
+    return typeof c == "string" || typeof c == "function" || c === n || c === p || c === a || c === o || c === N || c === O || typeof c == "object" && c !== null && (c.$$typeof === A || c.$$typeof === S || c.$$typeof === s || c.$$typeof === u || c.$$typeof === b || c.$$typeof === B || c.$$typeof === W || c.$$typeof === v || c.$$typeof === $);
   }, U.typeOf = x, U;
 }
 var F = {};
@@ -2133,100 +2235,100 @@ var F = {};
  * LICENSE file in the root directory of this source tree.
  */
 var rr;
-function Gi() {
+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, p = e ? Symbol.for("react.async_mode") : 60111, m = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, E = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, V = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, v = e ? Symbol.for("react.scope") : 60119;
+    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, m = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, b = e ? Symbol.for("react.forward_ref") : 60112, N = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, v = e ? Symbol.for("react.scope") : 60119;
     function x(h) {
       return typeof h == "string" || typeof h == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      h === n || h === m || h === a || h === o || h === E || h === O || typeof h == "object" && h !== null && (h.$$typeof === V || h.$$typeof === S || h.$$typeof === s || h.$$typeof === u || h.$$typeof === y || h.$$typeof === B || h.$$typeof === W || h.$$typeof === v || h.$$typeof === $);
+      h === n || h === p || h === a || h === o || h === N || h === O || typeof h == "object" && h !== null && (h.$$typeof === A || h.$$typeof === S || h.$$typeof === s || h.$$typeof === u || h.$$typeof === b || h.$$typeof === B || h.$$typeof === W || h.$$typeof === v || h.$$typeof === $);
     }
-    function N(h) {
+    function E(h) {
       if (typeof h == "object" && h !== null) {
-        var me = h.$$typeof;
-        switch (me) {
+        var pe = h.$$typeof;
+        switch (pe) {
           case t:
             var Re = h.type;
             switch (Re) {
-              case p:
               case m:
+              case p:
               case n:
               case a:
               case o:
-              case E:
+              case N:
                 return Re;
               default:
-                var _e = Re && Re.$$typeof;
-                switch (_e) {
+                var ke = Re && Re.$$typeof;
+                switch (ke) {
                   case u:
-                  case y:
-                  case V:
+                  case b:
+                  case A:
                   case S:
                   case s:
-                    return _e;
+                    return ke;
                   default:
-                    return me;
+                    return pe;
                 }
             }
           case r:
-            return me;
+            return pe;
         }
       }
     }
-    var c = p, Y = m, P = u, Q = s, de = t, fe = y, be = n, Ne = V, ee = S, Z = r, pe = a, oe = o, le = E, ve = !1;
+    var c = m, Y = p, P = u, Q = s, de = t, fe = b, ye = n, Ee = A, ee = S, Z = r, me = a, oe = o, le = N, ge = !1;
     function Se(h) {
-      return ve || (ve = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), f(h) || N(h) === p;
+      return ge || (ge = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), f(h) || E(h) === m;
     }
     function f(h) {
-      return N(h) === m;
+      return E(h) === p;
     }
     function g(h) {
-      return N(h) === u;
+      return E(h) === u;
     }
     function T(h) {
-      return N(h) === s;
+      return E(h) === s;
     }
     function R(h) {
       return typeof h == "object" && h !== null && h.$$typeof === t;
     }
     function C(h) {
-      return N(h) === y;
+      return E(h) === b;
     }
     function z(h) {
-      return N(h) === n;
-    }
-    function _(h) {
-      return N(h) === V;
+      return E(h) === n;
     }
     function k(h) {
-      return N(h) === S;
+      return E(h) === A;
+    }
+    function _(h) {
+      return E(h) === S;
     }
     function j(h) {
-      return N(h) === r;
+      return E(h) === r;
     }
     function H(h) {
-      return N(h) === a;
+      return E(h) === a;
     }
     function M(h) {
-      return N(h) === o;
+      return E(h) === o;
     }
     function te(h) {
-      return N(h) === E;
+      return E(h) === N;
     }
-    F.AsyncMode = c, F.ConcurrentMode = Y, F.ContextConsumer = P, F.ContextProvider = Q, F.Element = de, F.ForwardRef = fe, F.Fragment = be, F.Lazy = Ne, F.Memo = ee, F.Portal = Z, F.Profiler = pe, F.StrictMode = oe, F.Suspense = le, F.isAsyncMode = Se, F.isConcurrentMode = f, F.isContextConsumer = g, F.isContextProvider = T, F.isElement = R, F.isForwardRef = C, F.isFragment = z, F.isLazy = _, F.isMemo = k, F.isPortal = j, F.isProfiler = H, F.isStrictMode = M, F.isSuspense = te, F.isValidElementType = x, F.typeOf = N;
+    F.AsyncMode = c, F.ConcurrentMode = Y, F.ContextConsumer = P, F.ContextProvider = Q, F.Element = de, F.ForwardRef = fe, F.Fragment = ye, F.Lazy = Ee, F.Memo = ee, F.Portal = Z, F.Profiler = me, F.StrictMode = oe, F.Suspense = le, F.isAsyncMode = Se, F.isConcurrentMode = f, F.isContextConsumer = g, F.isContextProvider = T, F.isElement = R, F.isForwardRef = C, F.isFragment = z, F.isLazy = k, F.isMemo = _, F.isPortal = j, F.isProfiler = H, F.isStrictMode = M, F.isSuspense = te, F.isValidElementType = x, F.typeOf = E;
   }()), F;
 }
 var nr;
 function Cr() {
-  return nr || (nr = 1, process.env.NODE_ENV === "production" ? qe.exports = Ki() : qe.exports = Gi()), qe.exports;
+  return nr || (nr = 1, process.env.NODE_ENV === "production" ? qe.exports = Gi() : qe.exports = Ji()), qe.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var ot, ir;
-function Ji() {
-  if (ir) return ot;
+var at, ir;
+function Zi() {
+  if (ir) return at;
   ir = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
   function n(a) {
@@ -2243,52 +2345,52 @@ function Ji() {
         return !1;
       for (var s = {}, u = 0; u < 10; u++)
         s["_" + String.fromCharCode(u)] = u;
-      var p = Object.getOwnPropertyNames(s).map(function(y) {
-        return s[y];
+      var m = Object.getOwnPropertyNames(s).map(function(b) {
+        return s[b];
       });
-      if (p.join("") !== "0123456789")
+      if (m.join("") !== "0123456789")
         return !1;
-      var m = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(y) {
-        m[y] = y;
-      }), Object.keys(Object.assign({}, m)).join("") === "abcdefghijklmnopqrst";
+      var p = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(b) {
+        p[b] = b;
+      }), Object.keys(Object.assign({}, p)).join("") === "abcdefghijklmnopqrst";
     } catch {
       return !1;
     }
   }
-  return ot = o() ? Object.assign : function(a, s) {
-    for (var u, p = n(a), m, y = 1; y < arguments.length; y++) {
-      u = Object(arguments[y]);
-      for (var E in u)
-        t.call(u, E) && (p[E] = u[E]);
+  return at = o() ? Object.assign : function(a, s) {
+    for (var u, m = n(a), p, b = 1; b < arguments.length; b++) {
+      u = Object(arguments[b]);
+      for (var N in u)
+        t.call(u, N) && (m[N] = u[N]);
       if (e) {
-        m = e(u);
-        for (var O = 0; O < m.length; O++)
-          r.call(u, m[O]) && (p[m[O]] = u[m[O]]);
+        p = e(u);
+        for (var O = 0; O < p.length; O++)
+          r.call(u, p[O]) && (m[p[O]] = u[p[O]]);
       }
     }
-    return p;
-  }, ot;
+    return m;
+  }, at;
 }
-var at, or;
-function Dt() {
-  if (or) return at;
+var st, or;
+function _t() {
+  if (or) return st;
   or = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return at = e, at;
+  return st = e, st;
 }
-var st, ar;
-function _r() {
-  return ar || (ar = 1, st = Function.call.bind(Object.prototype.hasOwnProperty)), st;
+var lt, ar;
+function kr() {
+  return ar || (ar = 1, lt = Function.call.bind(Object.prototype.hasOwnProperty)), lt;
 }
-var lt, sr;
-function Zi() {
-  if (sr) return lt;
+var ct, sr;
+function Qi() {
+  if (sr) return ct;
   sr = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = Dt(), r = {}, n = _r();
+    var t = _t(), r = {}, n = kr();
     e = function(a) {
       var s = "Warning: " + a;
       typeof console < "u" && console.error(s);
@@ -2298,29 +2400,29 @@ function Zi() {
       }
     };
   }
-  function o(a, s, u, p, m) {
+  function o(a, s, u, m, p) {
     if (process.env.NODE_ENV !== "production") {
-      for (var y in a)
-        if (n(a, y)) {
-          var E;
+      for (var b in a)
+        if (n(a, b)) {
+          var N;
           try {
-            if (typeof a[y] != "function") {
+            if (typeof a[b] != "function") {
               var O = Error(
-                (p || "React class") + ": " + u + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (m || "React class") + ": " + u + " type `" + b + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[b] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw O.name = "Invariant Violation", O;
             }
-            E = a[y](s, y, p, u, null, t);
-          } catch (V) {
-            E = V;
+            N = a[b](s, b, m, u, null, t);
+          } catch (A) {
+            N = A;
           }
-          if (E && !(E instanceof Error) && e(
-            (p || "React class") + ": type specification of " + u + " `" + y + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof E + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
-          ), E instanceof Error && !(E.message in r)) {
-            r[E.message] = !0;
-            var S = m ? m() : "";
+          if (N && !(N instanceof Error) && e(
+            (m || "React class") + ": type specification of " + u + " `" + b + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof N + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), N instanceof Error && !(N.message in r)) {
+            r[N.message] = !0;
+            var S = p ? p() : "";
             e(
-              "Failed " + u + " type: " + E.message + (S ?? "")
+              "Failed " + u + " type: " + N.message + (S ?? "")
             );
           }
         }
@@ -2328,29 +2430,29 @@ function Zi() {
   }
   return o.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (r = {});
-  }, lt = o, lt;
+  }, ct = o, ct;
 }
-var ct, lr;
-function Qi() {
-  if (lr) return ct;
+var ut, lr;
+function eo() {
+  if (lr) return ut;
   lr = 1;
-  var e = Cr(), t = Ji(), r = Dt(), n = _r(), o = Zi(), a = function() {
+  var e = Cr(), t = Zi(), r = _t(), n = kr(), o = Qi(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(u) {
-    var p = "Warning: " + u;
-    typeof console < "u" && console.error(p);
+    var m = "Warning: " + u;
+    typeof console < "u" && console.error(m);
     try {
-      throw new Error(p);
+      throw new Error(m);
     } catch {
     }
   });
   function s() {
     return null;
   }
-  return ct = function(u, p) {
-    var m = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
-    function E(f) {
-      var g = f && (m && f[m] || f[y]);
+  return ut = function(u, m) {
+    var p = typeof Symbol == "function" && Symbol.iterator, b = "@@iterator";
+    function N(f) {
+      var g = f && (p && f[p] || f[b]);
       if (typeof g == "function")
         return g;
     }
@@ -2365,17 +2467,17 @@ function Qi() {
       symbol: W("symbol"),
       any: v(),
       arrayOf: x,
-      element: N(),
+      element: E(),
       elementType: c(),
       instanceOf: Y,
       node: fe(),
       objectOf: Q,
       oneOf: P,
       oneOfType: de,
-      shape: Ne,
+      shape: Ee,
       exact: ee
     };
-    function V(f, g) {
+    function A(f, g) {
       return f === g ? f !== 0 || 1 / f === 1 / g : f !== f && g !== g;
     }
     function $(f, g) {
@@ -2385,33 +2487,33 @@ function Qi() {
     function B(f) {
       if (process.env.NODE_ENV !== "production")
         var g = {}, T = 0;
-      function R(z, _, k, j, H, M, te) {
-        if (j = j || O, M = M || k, te !== r) {
-          if (p) {
+      function R(z, k, _, j, H, M, te) {
+        if (j = j || O, M = M || _, te !== r) {
+          if (m) {
             var h = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw h.name = "Invariant Violation", h;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var me = j + ":" + k;
-            !g[me] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var pe = j + ":" + _;
+            !g[pe] && // Avoid spamming the console because they are often not actionable except for lib authors
             T < 3 && (a(
               "You are manually calling a React.PropTypes validation function for the `" + M + "` prop on `" + j + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), g[me] = !0, T++);
+            ), g[pe] = !0, T++);
           }
         }
-        return _[k] == null ? z ? _[k] === null ? new $("The " + H + " `" + M + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new $("The " + H + " `" + M + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : f(_, k, j, H, M);
+        return k[_] == null ? z ? k[_] === null ? new $("The " + H + " `" + M + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new $("The " + H + " `" + M + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : f(k, _, j, H, M);
       }
       var C = R.bind(null, !1);
       return C.isRequired = R.bind(null, !0), C;
     }
     function W(f) {
-      function g(T, R, C, z, _, k) {
+      function g(T, R, C, z, k, _) {
         var j = T[R], H = oe(j);
         if (H !== f) {
           var M = le(j);
           return new $(
-            "Invalid " + z + " `" + _ + "` of type " + ("`" + M + "` supplied to `" + C + "`, expected ") + ("`" + f + "`."),
+            "Invalid " + z + " `" + k + "` of type " + ("`" + M + "` supplied to `" + C + "`, expected ") + ("`" + f + "`."),
             { expectedType: f }
           );
         }
@@ -2423,16 +2525,16 @@ function Qi() {
       return B(s);
     }
     function x(f) {
-      function g(T, R, C, z, _) {
+      function g(T, R, C, z, k) {
         if (typeof f != "function")
-          return new $("Property `" + _ + "` of component `" + C + "` has invalid PropType notation inside arrayOf.");
-        var k = T[R];
-        if (!Array.isArray(k)) {
-          var j = oe(k);
-          return new $("Invalid " + z + " `" + _ + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected an array."));
+          return new $("Property `" + k + "` of component `" + C + "` has invalid PropType notation inside arrayOf.");
+        var _ = T[R];
+        if (!Array.isArray(_)) {
+          var j = oe(_);
+          return new $("Invalid " + z + " `" + k + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected an array."));
         }
-        for (var H = 0; H < k.length; H++) {
-          var M = f(k, H, C, z, _ + "[" + H + "]", r);
+        for (var H = 0; H < _.length; H++) {
+          var M = f(_, H, C, z, k + "[" + H + "]", r);
           if (M instanceof Error)
             return M;
         }
@@ -2440,12 +2542,12 @@ function Qi() {
       }
       return B(g);
     }
-    function N() {
+    function E() {
       function f(g, T, R, C, z) {
-        var _ = g[T];
-        if (!u(_)) {
-          var k = oe(_);
-          return new $("Invalid " + C + " `" + z + "` of type " + ("`" + k + "` supplied to `" + R + "`, expected a single ReactElement."));
+        var k = g[T];
+        if (!u(k)) {
+          var _ = oe(k);
+          return new $("Invalid " + C + " `" + z + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected a single ReactElement."));
         }
         return null;
       }
@@ -2453,20 +2555,20 @@ function Qi() {
     }
     function c() {
       function f(g, T, R, C, z) {
-        var _ = g[T];
-        if (!e.isValidElementType(_)) {
-          var k = oe(_);
-          return new $("Invalid " + C + " `" + z + "` of type " + ("`" + k + "` supplied to `" + R + "`, expected a single ReactElement type."));
+        var k = g[T];
+        if (!e.isValidElementType(k)) {
+          var _ = oe(k);
+          return new $("Invalid " + C + " `" + z + "` of type " + ("`" + _ + "` supplied to `" + R + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return B(f);
     }
     function Y(f) {
-      function g(T, R, C, z, _) {
+      function g(T, R, C, z, k) {
         if (!(T[R] instanceof f)) {
-          var k = f.name || O, j = Se(T[R]);
-          return new $("Invalid " + z + " `" + _ + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected ") + ("instance of `" + k + "`."));
+          var _ = f.name || O, j = Se(T[R]);
+          return new $("Invalid " + z + " `" + k + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected ") + ("instance of `" + _ + "`."));
         }
         return null;
       }
@@ -2477,28 +2579,28 @@ function Qi() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? a(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : a("Invalid argument supplied to oneOf, expected an array.")), s;
-      function g(T, R, C, z, _) {
-        for (var k = T[R], j = 0; j < f.length; j++)
-          if (V(k, f[j]))
+      function g(T, R, C, z, k) {
+        for (var _ = T[R], j = 0; j < f.length; j++)
+          if (A(_, f[j]))
             return null;
         var H = JSON.stringify(f, function(te, h) {
-          var me = le(h);
-          return me === "symbol" ? String(h) : h;
+          var pe = le(h);
+          return pe === "symbol" ? String(h) : h;
         });
-        return new $("Invalid " + z + " `" + _ + "` of value `" + String(k) + "` " + ("supplied to `" + C + "`, expected one of " + H + "."));
+        return new $("Invalid " + z + " `" + k + "` of value `" + String(_) + "` " + ("supplied to `" + C + "`, expected one of " + H + "."));
       }
       return B(g);
     }
     function Q(f) {
-      function g(T, R, C, z, _) {
+      function g(T, R, C, z, k) {
         if (typeof f != "function")
-          return new $("Property `" + _ + "` of component `" + C + "` has invalid PropType notation inside objectOf.");
-        var k = T[R], j = oe(k);
+          return new $("Property `" + k + "` of component `" + C + "` has invalid PropType notation inside objectOf.");
+        var _ = T[R], j = oe(_);
         if (j !== "object")
-          return new $("Invalid " + z + " `" + _ + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected an object."));
-        for (var H in k)
-          if (n(k, H)) {
-            var M = f(k, H, C, z, _ + "." + H, r);
+          return new $("Invalid " + z + " `" + k + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected an object."));
+        for (var H in _)
+          if (n(_, H)) {
+            var M = f(_, H, C, z, k + "." + H, r);
             if (M instanceof Error)
               return M;
           }
@@ -2513,18 +2615,18 @@ function Qi() {
         var T = f[g];
         if (typeof T != "function")
           return a(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ve(T) + " at index " + g + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ge(T) + " at index " + g + "."
           ), s;
       }
-      function R(C, z, _, k, j) {
+      function R(C, z, k, _, j) {
         for (var H = [], M = 0; M < f.length; M++) {
-          var te = f[M], h = te(C, z, _, k, j, r);
+          var te = f[M], h = te(C, z, k, _, j, r);
           if (h == null)
             return null;
           h.data && n(h.data, "expectedType") && H.push(h.data.expectedType);
         }
-        var me = H.length > 0 ? ", expected one of type [" + H.join(", ") + "]" : "";
-        return new $("Invalid " + k + " `" + j + "` supplied to " + ("`" + _ + "`" + me + "."));
+        var pe = H.length > 0 ? ", expected one of type [" + H.join(", ") + "]" : "";
+        return new $("Invalid " + _ + " `" + j + "` supplied to " + ("`" + k + "`" + pe + "."));
       }
       return B(R);
     }
@@ -2534,21 +2636,21 @@ function Qi() {
       }
       return B(f);
     }
-    function be(f, g, T, R, C) {
+    function ye(f, g, T, R, C) {
       return new $(
         (f || "React class") + ": " + g + " type `" + T + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + C + "`."
       );
     }
-    function Ne(f) {
-      function g(T, R, C, z, _) {
-        var k = T[R], j = oe(k);
+    function Ee(f) {
+      function g(T, R, C, z, k) {
+        var _ = T[R], j = oe(_);
         if (j !== "object")
-          return new $("Invalid " + z + " `" + _ + "` of type `" + j + "` " + ("supplied to `" + C + "`, expected `object`."));
+          return new $("Invalid " + z + " `" + k + "` of type `" + j + "` " + ("supplied to `" + C + "`, expected `object`."));
         for (var H in f) {
           var M = f[H];
           if (typeof M != "function")
-            return be(C, z, _, H, le(M));
-          var te = M(k, H, C, z, _ + "." + H, r);
+            return ye(C, z, k, H, le(M));
+          var te = M(_, H, C, z, k + "." + H, r);
           if (te)
             return te;
         }
@@ -2557,21 +2659,21 @@ function Qi() {
       return B(g);
     }
     function ee(f) {
-      function g(T, R, C, z, _) {
-        var k = T[R], j = oe(k);
+      function g(T, R, C, z, k) {
+        var _ = T[R], j = oe(_);
         if (j !== "object")
-          return new $("Invalid " + z + " `" + _ + "` of type `" + j + "` " + ("supplied to `" + C + "`, expected `object`."));
+          return new $("Invalid " + z + " `" + k + "` of type `" + j + "` " + ("supplied to `" + C + "`, expected `object`."));
         var H = t({}, T[R], f);
         for (var M in H) {
           var te = f[M];
           if (n(f, M) && typeof te != "function")
-            return be(C, z, _, M, le(te));
+            return ye(C, z, k, M, le(te));
           if (!te)
             return new $(
-              "Invalid " + z + " `" + _ + "` key `" + M + "` supplied to `" + C + "`.\nBad object: " + JSON.stringify(T[R], null, "  ") + `
+              "Invalid " + z + " `" + k + "` key `" + M + "` supplied to `" + C + "`.\nBad object: " + JSON.stringify(T[R], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
             );
-          var h = te(k, M, C, z, _ + "." + M, r);
+          var h = te(_, M, C, z, k + "." + M, r);
           if (h)
             return h;
         }
@@ -2592,7 +2694,7 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
             return f.every(Z);
           if (f === null || u(f))
             return !0;
-          var g = E(f);
+          var g = N(f);
           if (g) {
             var T = g.call(f), R;
             if (g !== f.entries) {
@@ -2612,12 +2714,12 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
           return !1;
       }
     }
-    function pe(f, g) {
+    function me(f, g) {
       return f === "symbol" ? !0 : g ? g["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && g instanceof Symbol : !1;
     }
     function oe(f) {
       var g = typeof f;
-      return Array.isArray(f) ? "array" : f instanceof RegExp ? "object" : pe(g, f) ? "symbol" : g;
+      return Array.isArray(f) ? "array" : f instanceof RegExp ? "object" : me(g, f) ? "symbol" : g;
     }
     function le(f) {
       if (typeof f > "u" || f === null)
@@ -2631,7 +2733,7 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
       }
       return g;
     }
-    function ve(f) {
+    function ge(f) {
       var g = le(f);
       switch (g) {
         case "array":
@@ -2649,20 +2751,20 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
       return !f.constructor || !f.constructor.name ? O : f.constructor.name;
     }
     return S.checkPropTypes = o, S.resetWarningCache = o.resetWarningCache, S.PropTypes = S, S;
-  }, ct;
+  }, ut;
 }
-var ut, cr;
-function eo() {
-  if (cr) return ut;
+var dt, cr;
+function to() {
+  if (cr) return dt;
   cr = 1;
-  var e = Dt();
+  var e = _t();
   function t() {
   }
   function r() {
   }
-  return r.resetWarningCache = t, ut = function() {
-    function n(s, u, p, m, y, E) {
-      if (E !== e) {
+  return r.resetWarningCache = t, dt = function() {
+    function n(s, u, m, p, b, N) {
+      if (N !== e) {
         var O = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
         );
@@ -2697,14 +2799,14 @@ function eo() {
       resetWarningCache: t
     };
     return a.PropTypes = a, a;
-  }, ut;
+  }, dt;
 }
 if (process.env.NODE_ENV !== "production") {
-  var to = Cr(), ro = !0;
-  gt.exports = Qi()(to.isElement, ro);
+  var ro = Cr(), no = !0;
+  xt.exports = eo()(ro.isElement, no);
 } else
-  gt.exports = eo()();
-var Be = gt.exports;
+  xt.exports = to()();
+var Xe = xt.exports;
 function Dr(e) {
   var t, r, n = "";
   if (typeof e == "string" || typeof e == "number") n += e;
@@ -2716,34 +2818,34 @@ function ur() {
   for (var e, t, r = 0, n = ""; r < arguments.length; ) (e = arguments[r++]) && (t = Dr(e)) && (n && (n += " "), n += t);
   return n;
 }
-const no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   clsx: ur,
   default: ur
-}, Symbol.toStringTag, { value: "Module" })), io = /* @__PURE__ */ kn(no);
+}, Symbol.toStringTag, { value: "Module" })), oo = /* @__PURE__ */ On(io);
 var K = {}, xe = {};
 Object.defineProperty(xe, "__esModule", {
   value: !0
 });
-xe.dontSetMe = co;
-xe.findInArray = oo;
-xe.int = lo;
-xe.isFunction = ao;
-xe.isNum = so;
-function oo(e, t) {
+xe.dontSetMe = uo;
+xe.findInArray = ao;
+xe.int = co;
+xe.isFunction = so;
+xe.isNum = lo;
+function ao(e, t) {
   for (let r = 0, n = e.length; r < n; r++)
     if (t.apply(t, [e[r], r, e])) return e[r];
 }
-function ao(e) {
+function so(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Function]";
 }
-function so(e) {
+function lo(e) {
   return typeof e == "number" && !isNaN(e);
 }
-function lo(e) {
+function co(e) {
   return parseInt(e, 10);
 }
-function co(e, t, r) {
+function uo(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."));
 }
@@ -2752,54 +2854,54 @@ Object.defineProperty(Oe, "__esModule", {
   value: !0
 });
 Oe.browserPrefixToKey = Or;
-Oe.browserPrefixToStyle = uo;
+Oe.browserPrefixToStyle = fo;
 Oe.default = void 0;
-Oe.getPrefix = kr;
-const dt = ["Moz", "Webkit", "O", "ms"];
-function kr() {
+Oe.getPrefix = _r;
+const ft = ["Moz", "Webkit", "O", "ms"];
+function _r() {
   var e;
   let t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
   if (typeof window > "u") return "";
   const r = (e = window.document) === null || e === void 0 || (e = e.documentElement) === null || e === void 0 ? void 0 : e.style;
   if (!r || t in r) return "";
-  for (let n = 0; n < dt.length; n++)
-    if (Or(t, dt[n]) in r) return dt[n];
+  for (let n = 0; n < ft.length; n++)
+    if (Or(t, ft[n]) in r) return ft[n];
   return "";
 }
 function Or(e, t) {
-  return t ? "".concat(t).concat(fo(e)) : e;
+  return t ? "".concat(t).concat(mo(e)) : e;
 }
-function uo(e, t) {
+function fo(e, t) {
   return t ? "-".concat(t.toLowerCase(), "-").concat(e) : e;
 }
-function fo(e) {
+function mo(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];
   return t;
 }
-Oe.default = kr();
+Oe.default = _r();
 Object.defineProperty(K, "__esModule", {
   value: !0
 });
 K.addClassName = Tr;
 K.addEvent = ho;
-K.addUserSelectStyles = _o;
-K.createCSSTransform = No;
-K.createSVGTransform = So;
-K.getTouch = wo;
-K.getTouchIdentifier = Co;
-K.getTranslation = kt;
-K.innerHeight = go;
-K.innerWidth = xo;
+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 = mo;
+K.matchesSelectorAndParentsTo = bo;
 K.offsetXYFromParent = Eo;
-K.outerHeight = yo;
-K.outerWidth = vo;
+K.outerHeight = vo;
+K.outerWidth = go;
 K.removeClassName = jr;
-K.removeEvent = bo;
-K.removeUserSelectStyles = Do;
+K.removeEvent = yo;
+K.removeUserSelectStyles = _o;
 var ue = xe, dr = po(Oe);
 function Rr(e) {
   if (typeof WeakMap != "function") return null;
@@ -2830,7 +2932,7 @@ function Pr(e, t) {
     return (0, ue.isFunction)(e[r]);
   })), (0, ue.isFunction)(e[Ye]) ? e[Ye](t) : !1;
 }
-function mo(e, t, r) {
+function bo(e, t, r) {
   let n = e;
   do {
     if (Pr(n, t)) return !0;
@@ -2847,7 +2949,7 @@ function ho(e, t, r, n) {
   };
   e.addEventListener ? e.addEventListener(t, r, o) : e.attachEvent ? e.attachEvent("on" + t, r) : e["on" + t] = r;
 }
-function bo(e, t, r, n) {
+function yo(e, t, r, n) {
   if (!e) return;
   const o = {
     capture: !0,
@@ -2855,22 +2957,22 @@ function bo(e, t, r, n) {
   };
   e.removeEventListener ? e.removeEventListener(t, r, o) : e.detachEvent ? e.detachEvent("on" + t, r) : e["on" + t] = null;
 }
-function yo(e) {
+function vo(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 vo(e) {
+function go(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 go(e) {
+function xo(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 xo(e) {
+function No(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;
@@ -2885,16 +2987,16 @@ function Eo(e, t, r) {
     y: s
   };
 }
-function No(e, t) {
-  const r = kt(e, t, "px");
+function So(e, t) {
+  const r = Ot(e, t, "px");
   return {
     [(0, dr.browserPrefixToKey)("transform", dr.default)]: r
   };
 }
-function So(e, t) {
-  return kt(e, t, "");
+function wo(e, t) {
+  return Ot(e, t, "");
 }
-function kt(e, t, r) {
+function Ot(e, t, r) {
   let {
     x: n,
     y: o
@@ -2905,21 +3007,21 @@ function kt(e, t, r) {
   }
   return a;
 }
-function wo(e, t) {
+function Co(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 Co(e) {
+function ko(e) {
   if (e.targetTouches && e.targetTouches[0]) return e.targetTouches[0].identifier;
   if (e.changedTouches && e.changedTouches[0]) return e.changedTouches[0].identifier;
 }
-function _o(e) {
+function Do(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");
 }
-function Do(e) {
+function _o(e) {
   if (e)
     try {
       if (e.body && jr(e.body, "react-draggable-transparent-selection"), e.selection)
@@ -2937,25 +3039,25 @@ function Tr(e, t) {
 function jr(e, t) {
   e.classList ? e.classList.remove(t) : e.className = e.className.replace(new RegExp("(?:^|\\s)".concat(t, "(?!\\S)"), "g"), "");
 }
-var Ee = {};
-Object.defineProperty(Ee, "__esModule", {
+var Ne = {};
+Object.defineProperty(Ne, "__esModule", {
   value: !0
 });
-Ee.canDragX = Ro;
-Ee.canDragY = Po;
-Ee.createCoreData = jo;
-Ee.createDraggableData = Mo;
-Ee.getBoundPosition = ko;
-Ee.getControlPosition = To;
-Ee.snapToGrid = Oo;
+Ne.canDragX = Po;
+Ne.canDragY = To;
+Ne.createCoreData = Mo;
+Ne.createDraggableData = Vo;
+Ne.getBoundPosition = Oo;
+Ne.getControlPosition = jo;
+Ne.snapToGrid = Ro;
 var ce = xe, je = K;
-function ko(e, t, r) {
+function Oo(e, t, r) {
   if (!e.props.bounds) return [t, r];
   let {
     bounds: n
   } = e.props;
   n = typeof n == "string" ? n : Ao(n);
-  const o = Ot(e);
+  const o = Rt(e);
   if (typeof n == "string") {
     const {
       ownerDocument: a
@@ -2963,34 +3065,34 @@ function ko(e, t, r) {
     let u;
     if (n === "parent" ? u = o.parentNode : u = a.querySelector(n), !(u instanceof s.HTMLElement))
       throw new Error('Bounds selector "' + n + '" could not find an element.');
-    const p = u, m = s.getComputedStyle(o), y = s.getComputedStyle(p);
+    const m = u, p = s.getComputedStyle(o), b = s.getComputedStyle(m);
     n = {
-      left: -o.offsetLeft + (0, ce.int)(y.paddingLeft) + (0, ce.int)(m.marginLeft),
-      top: -o.offsetTop + (0, ce.int)(y.paddingTop) + (0, ce.int)(m.marginTop),
-      right: (0, je.innerWidth)(p) - (0, je.outerWidth)(o) - o.offsetLeft + (0, ce.int)(y.paddingRight) - (0, ce.int)(m.marginRight),
-      bottom: (0, je.innerHeight)(p) - (0, je.outerHeight)(o) - o.offsetTop + (0, ce.int)(y.paddingBottom) - (0, ce.int)(m.marginBottom)
+      left: -o.offsetLeft + (0, ce.int)(b.paddingLeft) + (0, ce.int)(p.marginLeft),
+      top: -o.offsetTop + (0, ce.int)(b.paddingTop) + (0, ce.int)(p.marginTop),
+      right: (0, je.innerWidth)(m) - (0, je.outerWidth)(o) - o.offsetLeft + (0, ce.int)(b.paddingRight) - (0, ce.int)(p.marginRight),
+      bottom: (0, je.innerHeight)(m) - (0, je.outerHeight)(o) - o.offsetTop + (0, ce.int)(b.paddingBottom) - (0, ce.int)(p.marginBottom)
     };
   }
   return (0, ce.isNum)(n.right) && (t = Math.min(t, n.right)), (0, ce.isNum)(n.bottom) && (r = Math.min(r, n.bottom)), (0, ce.isNum)(n.left) && (t = Math.max(t, n.left)), (0, ce.isNum)(n.top) && (r = Math.max(r, n.top)), [t, r];
 }
-function Oo(e, t, r) {
+function Ro(e, t, r) {
   const n = Math.round(t / e[0]) * e[0], o = Math.round(r / e[1]) * e[1];
   return [n, o];
 }
-function Ro(e) {
+function Po(e) {
   return e.props.axis === "both" || e.props.axis === "x";
 }
-function Po(e) {
+function To(e) {
   return e.props.axis === "both" || e.props.axis === "y";
 }
-function To(e, t, r) {
+function jo(e, t, r) {
   const n = typeof t == "number" ? (0, je.getTouch)(e, t) : null;
   if (typeof t == "number" && !n) return null;
-  const o = Ot(r), a = r.props.offsetParent || o.offsetParent || o.ownerDocument.body;
+  const o = Rt(r), a = r.props.offsetParent || o.offsetParent || o.ownerDocument.body;
   return (0, je.offsetXYFromParent)(n || e, a, r.props.scale);
 }
-function jo(e, t, r) {
-  const n = !(0, ce.isNum)(e.lastX), o = Ot(e);
+function Mo(e, t, r) {
+  const n = !(0, ce.isNum)(e.lastX), o = Rt(e);
   return n ? {
     node: o,
     deltaX: 0,
@@ -3009,7 +3111,7 @@ function jo(e, t, r) {
     y: r
   };
 }
-function Mo(e, t) {
+function Vo(e, t) {
   const r = e.props.scale;
   return {
     node: t.node,
@@ -3029,25 +3131,25 @@ function Ao(e) {
     bottom: e.bottom
   };
 }
-function Ot(e) {
+function Rt(e) {
   const t = e.findDOMNode();
   if (!t)
     throw new Error("<DraggableCore>: Unmounted during event!");
   return t;
 }
-var Xe = {}, Ke = {};
-Object.defineProperty(Ke, "__esModule", {
+var Ke = {}, Ge = {};
+Object.defineProperty(Ge, "__esModule", {
   value: !0
 });
-Ke.default = Vo;
-function Vo() {
+Ge.default = $o;
+function $o() {
 }
-Object.defineProperty(Xe, "__esModule", {
+Object.defineProperty(Ke, "__esModule", {
   value: !0
 });
-Xe.default = void 0;
-var ft = zo(ke), se = Rt(Be), $o = Rt(Er), re = K, we = Ee, pt = xe, Ve = Rt(Ke);
-function Rt(e) {
+Ke.default = void 0;
+var mt = Io(_e), se = Pt(Xe), zo = Pt(Nr), re = K, we = Ne, pt = xe, Ae = Pt(Ge);
+function Pt(e) {
   return e && e.__esModule ? e : { default: e };
 }
 function Mr(e) {
@@ -3057,7 +3159,7 @@ function Mr(e) {
     return n ? r : t;
   })(e);
 }
-function zo(e, t) {
+function Io(e, t) {
   if (e && e.__esModule)
     return e;
   if (e === null || typeof e != "object" && typeof e != "function")
@@ -3074,13 +3176,13 @@ function zo(e, t) {
   return n.default = e, r && r.set(e, n), n;
 }
 function ie(e, t, r) {
-  return t = Io(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+  return t = Ho(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
-function Io(e) {
-  var t = Ho(e, "string");
+function Ho(e) {
+  var t = Lo(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function Ho(e, t) {
+function Lo(e, t) {
   if (typeof e != "object" || e === null) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -3090,7 +3192,7 @@ function Ho(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-const ye = {
+const ve = {
   touch: {
     start: "touchstart",
     move: "touchmove",
@@ -3102,7 +3204,7 @@ const ye = {
     stop: "mouseup"
   }
 };
-let Ce = ye.mouse, Ge = class extends ft.Component {
+let Ce = ve.mouse, Je = class extends mt.Component {
   constructor() {
     super(...arguments), ie(this, "dragging", !1), ie(this, "lastX", NaN), ie(this, "lastY", NaN), ie(this, "touchIdentifier", null), ie(this, "mounted", !1), ie(this, "handleDragStart", (t) => {
       if (this.props.onMouseDown(t), !this.props.allowAnyClick && typeof t.button == "number" && t.button !== 0) return !1;
@@ -3122,8 +3224,8 @@ let Ce = ye.mouse, Ge = class extends ft.Component {
       const {
         x: s,
         y: u
-      } = a, p = (0, we.createCoreData)(this, s, u);
-      (0, Ve.default)("DraggableCore: handleDragStart: %j", p), (0, Ve.default)("calling", this.props.onStart), !(this.props.onStart(t, p) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, re.addUserSelectStyles)(n), this.dragging = !0, this.lastX = s, this.lastY = u, (0, re.addEvent)(n, Ce.move, this.handleDrag), (0, re.addEvent)(n, Ce.stop, this.handleDragStop));
+      } = a, m = (0, we.createCoreData)(this, s, u);
+      (0, Ae.default)("DraggableCore: handleDragStart: %j", m), (0, Ae.default)("calling", this.props.onStart), !(this.props.onStart(t, m) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, re.addUserSelectStyles)(n), this.dragging = !0, this.lastX = s, this.lastY = u, (0, re.addEvent)(n, Ce.move, this.handleDrag), (0, re.addEvent)(n, Ce.stop, this.handleDragStop));
     }), ie(this, "handleDrag", (t) => {
       const r = (0, we.getControlPosition)(t, this.touchIdentifier, this);
       if (r == null) return;
@@ -3132,17 +3234,17 @@ let Ce = ye.mouse, Ge = class extends ft.Component {
         y: o
       } = r;
       if (Array.isArray(this.props.grid)) {
-        let u = n - this.lastX, p = o - this.lastY;
-        if ([u, p] = (0, we.snapToGrid)(this.props.grid, u, p), !u && !p) return;
-        n = this.lastX + u, o = this.lastY + p;
+        let u = n - this.lastX, m = o - this.lastY;
+        if ([u, m] = (0, we.snapToGrid)(this.props.grid, u, m), !u && !m) return;
+        n = this.lastX + u, o = this.lastY + m;
       }
       const a = (0, we.createCoreData)(this, n, o);
-      if ((0, Ve.default)("DraggableCore: handleDrag: %j", a), this.props.onDrag(t, a) === !1 || this.mounted === !1) {
+      if ((0, Ae.default)("DraggableCore: handleDrag: %j", a), this.props.onDrag(t, a) === !1 || this.mounted === !1) {
         try {
           this.handleDragStop(new MouseEvent("mouseup"));
         } catch {
-          const p = document.createEvent("MouseEvents");
-          p.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(p);
+          const m = document.createEvent("MouseEvents");
+          m.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(m);
         }
         return;
       }
@@ -3156,19 +3258,19 @@ let Ce = ye.mouse, Ge = class extends ft.Component {
         y: o
       } = r;
       if (Array.isArray(this.props.grid)) {
-        let p = n - this.lastX || 0, m = o - this.lastY || 0;
-        [p, m] = (0, we.snapToGrid)(this.props.grid, p, m), n = this.lastX + p, o = this.lastY + m;
+        let m = n - this.lastX || 0, p = o - this.lastY || 0;
+        [m, p] = (0, we.snapToGrid)(this.props.grid, m, p), n = this.lastX + m, o = this.lastY + p;
       }
       const a = (0, we.createCoreData)(this, n, o);
       if (this.props.onStop(t, a) === !1 || this.mounted === !1) return !1;
       const u = this.findDOMNode();
-      u && this.props.enableUserSelectHack && (0, re.removeUserSelectStyles)(u.ownerDocument), (0, Ve.default)("DraggableCore: handleDragStop: %j", a), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, u && ((0, Ve.default)("DraggableCore: Removing handlers"), (0, re.removeEvent)(u.ownerDocument, Ce.move, this.handleDrag), (0, re.removeEvent)(u.ownerDocument, Ce.stop, this.handleDragStop));
-    }), ie(this, "onMouseDown", (t) => (Ce = ye.mouse, this.handleDragStart(t))), ie(this, "onMouseUp", (t) => (Ce = ye.mouse, this.handleDragStop(t))), ie(this, "onTouchStart", (t) => (Ce = ye.touch, this.handleDragStart(t))), ie(this, "onTouchEnd", (t) => (Ce = ye.touch, this.handleDragStop(t)));
+      u && this.props.enableUserSelectHack && (0, re.removeUserSelectStyles)(u.ownerDocument), (0, Ae.default)("DraggableCore: handleDragStop: %j", a), this.dragging = !1, this.lastX = NaN, this.lastY = NaN, u && ((0, Ae.default)("DraggableCore: Removing handlers"), (0, re.removeEvent)(u.ownerDocument, Ce.move, this.handleDrag), (0, re.removeEvent)(u.ownerDocument, Ce.stop, this.handleDragStop));
+    }), ie(this, "onMouseDown", (t) => (Ce = ve.mouse, this.handleDragStart(t))), ie(this, "onMouseUp", (t) => (Ce = ve.mouse, this.handleDragStop(t))), ie(this, "onTouchStart", (t) => (Ce = ve.touch, this.handleDragStart(t))), ie(this, "onTouchEnd", (t) => (Ce = ve.touch, this.handleDragStop(t)));
   }
   componentDidMount() {
     this.mounted = !0;
     const t = this.findDOMNode();
-    t && (0, re.addEvent)(t, ye.touch.start, this.onTouchStart, {
+    t && (0, re.addEvent)(t, ve.touch.start, this.onTouchStart, {
       passive: !1
     });
   }
@@ -3179,7 +3281,7 @@ let Ce = ye.mouse, Ge = class extends ft.Component {
       const {
         ownerDocument: r
       } = t;
-      (0, re.removeEvent)(r, ye.mouse.move, this.handleDrag), (0, re.removeEvent)(r, ye.touch.move, this.handleDrag), (0, re.removeEvent)(r, ye.mouse.stop, this.handleDragStop), (0, re.removeEvent)(r, ye.touch.stop, this.handleDragStop), (0, re.removeEvent)(t, ye.touch.start, this.onTouchStart, {
+      (0, re.removeEvent)(r, ve.mouse.move, this.handleDrag), (0, re.removeEvent)(r, ve.touch.move, this.handleDrag), (0, re.removeEvent)(r, ve.mouse.stop, this.handleDragStop), (0, re.removeEvent)(r, ve.touch.stop, this.handleDragStop), (0, re.removeEvent)(t, ve.touch.start, this.onTouchStart, {
         passive: !1
       }), this.props.enableUserSelectHack && (0, re.removeUserSelectStyles)(r);
     }
@@ -3188,10 +3290,10 @@ let Ce = ye.mouse, Ge = class extends ft.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 : $o.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 : zo.default.findDOMNode(this);
   }
   render() {
-    return /* @__PURE__ */ ft.cloneElement(ft.Children.only(this.props.children), {
+    return /* @__PURE__ */ mt.cloneElement(mt.Children.only(this.props.children), {
       // Note: mouseMove handler is attached to document so it will still function
       // when the user drags quickly and leaves the bounds of the element.
       onMouseDown: this.onMouseDown,
@@ -3203,9 +3305,9 @@ let Ce = ye.mouse, Ge = class extends ft.Component {
     });
   }
 };
-Xe.default = Ge;
-ie(Ge, "displayName", "DraggableCore");
-ie(Ge, "propTypes", {
+Ke.default = Je;
+ie(Je, "displayName", "DraggableCore");
+ie(Je, "propTypes", {
   /**
    * `allowAnyClick` allows dragging using any mouse button.
    * By default, we only accept the left button.
@@ -3328,7 +3430,7 @@ ie(Ge, "propTypes", {
   style: pt.dontSetMe,
   transform: pt.dontSetMe
 });
-ie(Ge, "defaultProps", {
+ie(Je, "defaultProps", {
   allowAnyClick: !1,
   // by default only accept left click
   disabled: !1,
@@ -3349,18 +3451,18 @@ ie(Ge, "defaultProps", {
   }), Object.defineProperty(e, "DraggableCore", {
     enumerable: !0,
     get: function() {
-      return p.default;
+      return m.default;
     }
   }), e.default = void 0;
-  var t = O(ke), r = y(Be), n = y(Er), o = y(io), a = K, s = Ee, u = xe, p = y(Xe), m = y(Ke);
-  function y(v) {
+  var t = O(_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 };
   }
-  function E(v) {
+  function N(v) {
     if (typeof WeakMap != "function") return null;
-    var x = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap();
-    return (E = function(c) {
-      return c ? N : x;
+    var x = /* @__PURE__ */ new WeakMap(), E = /* @__PURE__ */ new WeakMap();
+    return (N = function(c) {
+      return c ? E : x;
     })(v);
   }
   function O(v, x) {
@@ -3368,29 +3470,29 @@ ie(Ge, "defaultProps", {
       return v;
     if (v === null || typeof v != "object" && typeof v != "function")
       return { default: v };
-    var N = E(x);
-    if (N && N.has(v))
-      return N.get(v);
+    var E = N(x);
+    if (E && E.has(v))
+      return E.get(v);
     var c = {}, Y = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for (var P in v)
       if (P !== "default" && Object.prototype.hasOwnProperty.call(v, P)) {
         var Q = Y ? Object.getOwnPropertyDescriptor(v, P) : null;
         Q && (Q.get || Q.set) ? Object.defineProperty(c, P, Q) : c[P] = v[P];
       }
-    return c.default = v, N && N.set(v, c), c;
+    return c.default = v, E && E.set(v, c), c;
   }
   function S() {
     return S = Object.assign ? Object.assign.bind() : function(v) {
       for (var x = 1; x < arguments.length; x++) {
-        var N = arguments[x];
-        for (var c in N)
-          Object.prototype.hasOwnProperty.call(N, c) && (v[c] = N[c]);
+        var E = arguments[x];
+        for (var c in E)
+          Object.prototype.hasOwnProperty.call(E, c) && (v[c] = E[c]);
       }
       return v;
     }, S.apply(this, arguments);
   }
-  function V(v, x, N) {
-    return x = $(x), x in v ? Object.defineProperty(v, x, { value: N, enumerable: !0, configurable: !0, writable: !0 }) : v[x] = N, v;
+  function A(v, x, E) {
+    return x = $(x), x in v ? Object.defineProperty(v, x, { value: E, enumerable: !0, configurable: !0, writable: !0 }) : v[x] = E, v;
   }
   function $(v) {
     var x = B(v, "string");
@@ -3398,9 +3500,9 @@ ie(Ge, "defaultProps", {
   }
   function B(v, x) {
     if (typeof v != "object" || v === null) return v;
-    var N = v[Symbol.toPrimitive];
-    if (N !== void 0) {
-      var c = N.call(v, x || "default");
+    var E = v[Symbol.toPrimitive];
+    if (E !== void 0) {
+      var c = E.call(v, x || "default");
       if (typeof c != "object") return c;
       throw new TypeError("@@toPrimitive must return a primitive value.");
     }
@@ -3409,13 +3511,13 @@ ie(Ge, "defaultProps", {
   class W extends t.Component {
     // React 16.3+
     // Arity (props, state)
-    static getDerivedStateFromProps(x, N) {
+    static getDerivedStateFromProps(x, E) {
       let {
         position: c
       } = x, {
         prevPropsPosition: Y
-      } = N;
-      return c && (!Y || c.x !== Y.x || c.y !== Y.y) ? ((0, m.default)("Draggable: getDerivedStateFromProps %j", {
+      } = E;
+      return c && (!Y || c.x !== Y.x || c.y !== Y.y) ? ((0, p.default)("Draggable: getDerivedStateFromProps %j", {
         position: c,
         prevPropsPosition: Y
       }), {
@@ -3427,15 +3529,15 @@ ie(Ge, "defaultProps", {
       }) : null;
     }
     constructor(x) {
-      super(x), V(this, "onDragStart", (N, c) => {
-        if ((0, m.default)("Draggable: onDragStart: %j", c), this.props.onStart(N, (0, s.createDraggableData)(this, c)) === !1) return !1;
+      super(x), A(this, "onDragStart", (E, c) => {
+        if ((0, p.default)("Draggable: onDragStart: %j", c), this.props.onStart(E, (0, s.createDraggableData)(this, c)) === !1) return !1;
         this.setState({
           dragging: !0,
           dragged: !0
         });
-      }), V(this, "onDrag", (N, c) => {
+      }), A(this, "onDrag", (E, c) => {
         if (!this.state.dragging) return !1;
-        (0, m.default)("Draggable: onDrag: %j", c);
+        (0, p.default)("Draggable: onDrag: %j", c);
         const Y = (0, s.createDraggableData)(this, c), P = {
           x: Y.x,
           y: Y.y,
@@ -3448,14 +3550,14 @@ ie(Ge, "defaultProps", {
             y: fe
           } = P;
           P.x += this.state.slackX, P.y += this.state.slackY;
-          const [be, Ne] = (0, s.getBoundPosition)(this, P.x, P.y);
-          P.x = be, P.y = Ne, P.slackX = this.state.slackX + (de - P.x), P.slackY = this.state.slackY + (fe - P.y), Y.x = P.x, Y.y = P.y, Y.deltaX = P.x - this.state.x, Y.deltaY = P.y - this.state.y;
+          const [ye, Ee] = (0, s.getBoundPosition)(this, P.x, P.y);
+          P.x = ye, P.y = Ee, P.slackX = this.state.slackX + (de - P.x), P.slackY = this.state.slackY + (fe - P.y), Y.x = P.x, Y.y = P.y, Y.deltaX = P.x - this.state.x, Y.deltaY = P.y - this.state.y;
         }
-        if (this.props.onDrag(N, Y) === !1) return !1;
+        if (this.props.onDrag(E, Y) === !1) return !1;
         this.setState(P);
-      }), V(this, "onDragStop", (N, c) => {
-        if (!this.state.dragging || this.props.onStop(N, (0, s.createDraggableData)(this, c)) === !1) return !1;
-        (0, m.default)("Draggable: onDragStop: %j", c);
+      }), A(this, "onDragStop", (E, c) => {
+        if (!this.state.dragging || this.props.onStop(E, (0, s.createDraggableData)(this, c)) === !1) return !1;
+        (0, p.default)("Draggable: onDragStop: %j", c);
         const P = {
           dragging: !1,
           slackX: 0,
@@ -3500,36 +3602,36 @@ ie(Ge, "defaultProps", {
     // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
     // the underlying DOM node ourselves. See the README for more information.
     findDOMNode() {
-      var x, N;
-      return (x = (N = this.props) === null || N === void 0 || (N = N.nodeRef) === null || N === void 0 ? void 0 : N.current) !== null && x !== void 0 ? x : n.default.findDOMNode(this);
+      var x, E;
+      return (x = (E = this.props) === null || E === void 0 || (E = E.nodeRef) === null || E === void 0 ? void 0 : E.current) !== null && x !== void 0 ? x : n.default.findDOMNode(this);
     }
     render() {
       const {
         axis: x,
-        bounds: N,
+        bounds: E,
         children: c,
         defaultPosition: Y,
         defaultClassName: P,
         defaultClassNameDragging: Q,
         defaultClassNameDragged: de,
         position: fe,
-        positionOffset: be,
-        scale: Ne,
+        positionOffset: ye,
+        scale: Ee,
         ...ee
       } = this.props;
-      let Z = {}, pe = null;
-      const le = !!!fe || this.state.dragging, ve = fe || Y, Se = {
+      let Z = {}, me = null;
+      const le = !!!fe || this.state.dragging, ge = fe || Y, Se = {
         // Set left if horizontal drag is enabled
-        x: (0, s.canDragX)(this) && le ? this.state.x : ve.x,
+        x: (0, s.canDragX)(this) && le ? this.state.x : ge.x,
         // Set top if vertical drag is enabled
-        y: (0, s.canDragY)(this) && le ? this.state.y : ve.y
+        y: (0, s.canDragY)(this) && le ? this.state.y : ge.y
       };
-      this.state.isElementSVG ? pe = (0, a.createSVGTransform)(Se, be) : Z = (0, a.createCSSTransform)(Se, be);
+      this.state.isElementSVG ? me = (0, a.createSVGTransform)(Se, ye) : Z = (0, a.createCSSTransform)(Se, ye);
       const f = (0, o.default)(c.props.className || "", P, {
         [Q]: this.state.dragging,
         [de]: this.state.dragged
       });
-      return /* @__PURE__ */ t.createElement(p.default, S({}, ee, {
+      return /* @__PURE__ */ t.createElement(m.default, S({}, ee, {
         onStart: this.onDragStart,
         onDrag: this.onDrag,
         onStop: this.onDragStop
@@ -3539,13 +3641,13 @@ ie(Ge, "defaultProps", {
           ...c.props.style,
           ...Z
         },
-        transform: pe
+        transform: me
       }));
     }
   }
-  e.default = W, V(W, "displayName", "Draggable"), V(W, "propTypes", {
+  e.default = W, A(W, "displayName", "Draggable"), A(W, "propTypes", {
     // Accepts all props <DraggableCore> accepts.
-    ...p.default.propTypes,
+    ...m.default.propTypes,
     /**
      * `axis` determines which axis the draggable can move.
      *
@@ -3650,8 +3752,8 @@ ie(Ge, "defaultProps", {
     className: u.dontSetMe,
     style: u.dontSetMe,
     transform: u.dontSetMe
-  }), V(W, "defaultProps", {
-    ...p.default.defaultProps,
+  }), A(W, "defaultProps", {
+    ...m.default.defaultProps,
     axis: "both",
     bounds: !1,
     defaultClassName: "react-draggable",
@@ -3665,17 +3767,17 @@ ie(Ge, "defaultProps", {
   });
 })(wr);
 const {
-  default: Ar,
-  DraggableCore: Lo
+  default: Vr,
+  DraggableCore: Wo
 } = wr;
-Fe.exports = Ar;
-Fe.exports.default = Ar;
-Fe.exports.DraggableCore = Lo;
-var Wo = Fe.exports, Pt = {};
-Pt.__esModule = !0;
-Pt.cloneElement = Xo;
-var qo = Yo(ke);
-function Yo(e) {
+Be.exports = Vr;
+Be.exports.default = Vr;
+Be.exports.DraggableCore = Wo;
+var qo = Be.exports, Tt = {};
+Tt.__esModule = !0;
+Tt.cloneElement = Ko;
+var Yo = Uo(_e);
+function Uo(e) {
   return e && e.__esModule ? e : { default: e };
 }
 function fr(e, t) {
@@ -3688,25 +3790,25 @@ function fr(e, t) {
   }
   return r;
 }
-function pr(e) {
+function mr(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
     t % 2 ? fr(Object(r), !0).forEach(function(n) {
-      Uo(e, n, r[n]);
+      Fo(e, n, r[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : fr(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function Uo(e, t, r) {
-  return t = Fo(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, 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;
 }
-function Fo(e) {
-  var t = Bo(e, "string");
+function Bo(e) {
+  var t = Xo(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function Bo(e, t) {
+function Xo(e, t) {
   if (typeof e != "object" || e === null) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -3716,17 +3818,17 @@ function Bo(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function Xo(e, t) {
-  return t.style && e.props.style && (t.style = pr(pr({}, e.props.style), t.style)), t.className && e.props.className && (t.className = e.props.className + " " + t.className), /* @__PURE__ */ qo.default.cloneElement(e, t);
+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);
 }
 var Ie = {};
 Ie.__esModule = !0;
 Ie.resizableProps = void 0;
-var D = Ko(Be);
-function Ko(e) {
+var D = Go(Xe);
+function Go(e) {
   return e && e.__esModule ? e : { default: e };
 }
-var Go = {
+var Jo = {
   /*
   * Restricts resizing to a particular axis (default: 'both')
   * 'both' - allows resizing by width or height
@@ -3831,23 +3933,23 @@ var Go = {
     return D.default.number.apply(D.default, r);
   }
 };
-Ie.resizableProps = Go;
+Ie.resizableProps = Jo;
 ze.__esModule = !0;
 ze.default = void 0;
-var $e = ta(ke), Jo = Wo, Zo = Pt, Qo = Ie, ea = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
-function Vr(e) {
+var $e = 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"];
+function Ar(e) {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
-  return (Vr = function(o) {
+  return (Ar = function(o) {
     return o ? r : t;
   })(e);
 }
-function ta(e, t) {
+function ra(e, t) {
   if (e && e.__esModule)
     return e;
   if (e === null || typeof e != "object" && typeof e != "function")
     return { default: e };
-  var r = Vr(t);
+  var r = Ar(t);
   if (r && r.has(e))
     return r.get(e);
   var n = {}, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
@@ -3858,24 +3960,24 @@ function ta(e, t) {
     }
   return n.default = e, r && r.set(e, n), n;
 }
-function xt() {
-  return xt = Object.assign ? Object.assign.bind() : function(e) {
+function Nt() {
+  return Nt = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var n in r)
         Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, xt.apply(this, arguments);
+  }, Nt.apply(this, arguments);
 }
-function ra(e, t) {
+function na(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 mr(e, t) {
+function pr(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -3885,25 +3987,25 @@ function mr(e, t) {
   }
   return r;
 }
-function mt(e) {
+function bt(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? mr(Object(r), !0).forEach(function(n) {
-      na(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : mr(Object(r)).forEach(function(n) {
+    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) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return 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 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 ia(e) {
-  var t = oa(e, "string");
+function oa(e) {
+  var t = aa(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function oa(e, t) {
+function aa(e, t) {
   if (typeof e != "object" || e === null) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -3913,7 +4015,7 @@ function oa(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function aa(e, t) {
+function sa(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Et(e, t);
 }
 function Et(e, t) {
@@ -3921,8 +4023,8 @@ function Et(e, t) {
     return n.__proto__ = o, n;
   }, Et(e, t);
 }
-var Tt = /* @__PURE__ */ function(e) {
-  aa(t, e);
+var jt = /* @__PURE__ */ function(e) {
+  sa(t, e);
   function t() {
     for (var n, o = arguments.length, a = new Array(o), s = 0; s < o; s++)
       a[s] = arguments[s];
@@ -3934,41 +4036,41 @@ var Tt = /* @__PURE__ */ function(e) {
   }, r.resetData = function() {
     this.lastHandleRect = this.slack = null;
   }, r.runConstraints = function(o, a) {
-    var s = this.props, u = s.minConstraints, p = s.maxConstraints, m = s.lockAspectRatio;
-    if (!u && !p && !m) return [o, a];
-    if (m) {
-      var y = this.props.width / this.props.height, E = o - this.props.width, O = a - this.props.height;
-      Math.abs(E) > Math.abs(O * y) ? a = o / y : o = a * y;
+    var s = this.props, u = s.minConstraints, m = s.maxConstraints, p = s.lockAspectRatio;
+    if (!u && !m && !p) return [o, a];
+    if (p) {
+      var b = this.props.width / this.props.height, N = o - this.props.width, O = a - this.props.height;
+      Math.abs(N) > Math.abs(O * b) ? a = o / b : o = a * b;
     }
-    var S = o, V = a, $ = this.slack || [0, 0], B = $[0], W = $[1];
-    return o += B, a += W, u && (o = Math.max(u[0], o), a = Math.max(u[1], a)), p && (o = Math.min(p[0], o), a = Math.min(p[1], a)), this.slack = [B + (S - o), W + (V - a)], [o, a];
+    var S = o, A = a, $ = this.slack || [0, 0], B = $[0], W = $[1];
+    return o += B, a += W, u && (o = Math.max(u[0], o), a = Math.max(u[1], a)), m && (o = Math.min(m[0], o), a = Math.min(m[1], a)), this.slack = [B + (S - o), W + (A - a)], [o, a];
   }, r.resizeHandler = function(o, a) {
     var s = this;
-    return function(u, p) {
-      var m = p.node, y = p.deltaX, E = p.deltaY;
+    return function(u, m) {
+      var p = m.node, b = m.deltaX, N = m.deltaY;
       o === "onResizeStart" && s.resetData();
       var O = (s.props.axis === "both" || s.props.axis === "x") && a !== "n" && a !== "s", S = (s.props.axis === "both" || s.props.axis === "y") && a !== "e" && a !== "w";
       if (!(!O && !S)) {
-        var V = a[0], $ = a[a.length - 1], B = m.getBoundingClientRect();
+        var A = a[0], $ = a[a.length - 1], B = p.getBoundingClientRect();
         if (s.lastHandleRect != null) {
           if ($ === "w") {
             var W = B.left - s.lastHandleRect.left;
-            y += W;
+            b += W;
           }
-          if (V === "n") {
+          if (A === "n") {
             var v = B.top - s.lastHandleRect.top;
-            E += v;
+            N += v;
           }
         }
-        s.lastHandleRect = B, $ === "w" && (y = -y), V === "n" && (E = -E);
-        var x = s.props.width + (O ? y / s.props.transformScale : 0), N = s.props.height + (S ? E / s.props.transformScale : 0), c = s.runConstraints(x, N);
-        x = c[0], N = c[1];
-        var Y = x !== s.props.width || N !== s.props.height, P = typeof s.props[o] == "function" ? s.props[o] : null, Q = o === "onResize" && !Y;
+        s.lastHandleRect = B, $ === "w" && (b = -b), A === "n" && (N = -N);
+        var x = s.props.width + (O ? b / s.props.transformScale : 0), E = s.props.height + (S ? N / s.props.transformScale : 0), c = s.runConstraints(x, E);
+        x = c[0], E = c[1];
+        var Y = x !== s.props.width || E !== s.props.height, P = typeof s.props[o] == "function" ? s.props[o] : null, Q = o === "onResize" && !Y;
         P && !Q && (u.persist == null || u.persist(), P(u, {
-          node: m,
+          node: p,
           size: {
             width: x,
-            height: N
+            height: E
           },
           handle: a
         })), o === "onResizeStop" && s.resetData();
@@ -3983,36 +4085,36 @@ var Tt = /* @__PURE__ */ function(e) {
       });
     if (typeof s == "function")
       return s(o, a);
-    var u = typeof s.type == "string", p = mt({
+    var u = typeof s.type == "string", m = bt({
       ref: a
     }, u ? {} : {
       handleAxis: o
     });
-    return /* @__PURE__ */ $e.cloneElement(s, p);
+    return /* @__PURE__ */ $e.cloneElement(s, m);
   }, r.render = function() {
-    var o = this, a = this.props, s = a.children, u = a.className, p = a.draggableOpts;
+    var o = this, a = this.props, s = a.children, u = a.className, m = a.draggableOpts;
     a.width, a.height, a.handle, a.handleSize, a.lockAspectRatio, a.axis, a.minConstraints, a.maxConstraints, a.onResize, a.onResizeStop, a.onResizeStart;
-    var m = a.resizeHandles;
+    var p = a.resizeHandles;
     a.transformScale;
-    var y = ra(a, ea);
-    return (0, Zo.cloneElement)(s, mt(mt({}, y), {}, {
+    var b = na(a, ta);
+    return (0, Qo.cloneElement)(s, bt(bt({}, b), {}, {
       className: (u ? u + " " : "") + "react-resizable",
-      children: [].concat(s.props.children, m.map(function(E) {
-        var O, S = (O = o.handleRefs[E]) != null ? O : o.handleRefs[E] = /* @__PURE__ */ $e.createRef();
-        return /* @__PURE__ */ $e.createElement(Jo.DraggableCore, xt({}, p, {
+      children: [].concat(s.props.children, p.map(function(N) {
+        var O, S = (O = o.handleRefs[N]) != null ? O : o.handleRefs[N] = /* @__PURE__ */ $e.createRef();
+        return /* @__PURE__ */ $e.createElement(Zo.DraggableCore, Nt({}, m, {
           nodeRef: S,
-          key: "resizableHandle-" + E,
-          onStop: o.resizeHandler("onResizeStop", E),
-          onStart: o.resizeHandler("onResizeStart", E),
-          onDrag: o.resizeHandler("onResize", E)
-        }), o.renderResizeHandle(E, S));
+          key: "resizableHandle-" + N,
+          onStop: o.resizeHandler("onResizeStop", N),
+          onStart: o.resizeHandler("onResizeStart", N),
+          onDrag: o.resizeHandler("onResize", N)
+        }), o.renderResizeHandle(N, S));
       }))
     }));
   }, t;
 }($e.Component);
-ze.default = Tt;
-Tt.propTypes = Qo.resizableProps;
-Tt.defaultProps = {
+ze.default = jt;
+jt.propTypes = ea.resizableProps;
+jt.defaultProps = {
   axis: "both",
   handleSize: [20, 20],
   lockAspectRatio: !1,
@@ -4021,10 +4123,10 @@ Tt.defaultProps = {
   resizeHandles: ["se"],
   transformScale: 1
 };
-var Je = {};
-Je.__esModule = !0;
-Je.default = void 0;
-var ht = da(ke), sa = $r(Be), la = $r(ze), ca = Ie, ua = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
+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"];
 function $r(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -4035,7 +4137,7 @@ function zr(e) {
     return o ? r : t;
   })(e);
 }
-function da(e, t) {
+function fa(e, t) {
   if (e && e.__esModule)
     return e;
   if (e === null || typeof e != "object" && typeof e != "function")
@@ -4051,17 +4153,17 @@ function da(e, t) {
     }
   return n.default = e, r && r.set(e, n), n;
 }
-function Nt() {
-  return Nt = Object.assign ? Object.assign.bind() : function(e) {
+function St() {
+  return St = Object.assign ? Object.assign.bind() : function(e) {
     for (var t = 1; t < arguments.length; t++) {
       var r = arguments[t];
       for (var n in r)
         Object.prototype.hasOwnProperty.call(r, n) && (e[n] = r[n]);
     }
     return e;
-  }, Nt.apply(this, arguments);
+  }, St.apply(this, arguments);
 }
-function hr(e, t) {
+function br(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -4071,25 +4173,25 @@ function hr(e, t) {
   }
   return r;
 }
-function Ue(e) {
+function Fe(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? hr(Object(r), !0).forEach(function(n) {
-      fa(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : hr(Object(r)).forEach(function(n) {
+    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) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function fa(e, t, r) {
+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 pa(e) {
-  var t = ma(e, "string");
+  var t = ba(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function ma(e, t) {
+function ba(e, t) {
   if (typeof e != "object" || e === null) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -4106,16 +4208,16 @@ function ha(e, t) {
     o = n[a], !(t.indexOf(o) >= 0) && (r[o] = e[o]);
   return r;
 }
-function ba(e, t) {
-  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, St(e, t);
+function ya(e, t) {
+  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, wt(e, t);
 }
-function St(e, t) {
-  return St = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, o) {
+function wt(e, t) {
+  return wt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, o) {
     return n.__proto__ = o, n;
-  }, St(e, t);
+  }, wt(e, t);
 }
 var Ir = /* @__PURE__ */ function(e) {
-  ba(t, e);
+  ya(t, e);
   function t() {
     for (var n, o = arguments.length, a = new Array(o), s = 0; s < o; s++)
       a[s] = arguments[s];
@@ -4124,11 +4226,11 @@ var Ir = /* @__PURE__ */ function(e) {
       height: n.props.height,
       propsWidth: n.props.width,
       propsHeight: n.props.height
-    }, n.onResize = function(u, p) {
-      var m = p.size;
-      n.props.onResize ? (u.persist == null || u.persist(), n.setState(m, function() {
-        return n.props.onResize && n.props.onResize(u, p);
-      })) : n.setState(m);
+    }, n.onResize = function(u, m) {
+      var p = m.size;
+      n.props.onResize ? (u.persist == null || u.persist(), n.setState(p, function() {
+        return n.props.onResize && n.props.onResize(u, m);
+      })) : n.setState(p);
     }, n;
   }
   t.getDerivedStateFromProps = function(o, a) {
@@ -4143,53 +4245,53 @@ var Ir = /* @__PURE__ */ function(e) {
   return r.render = function() {
     var o = this.props, a = o.handle, s = o.handleSize;
     o.onResize;
-    var u = o.onResizeStart, p = o.onResizeStop, m = o.draggableOpts, y = o.minConstraints, E = o.maxConstraints, O = o.lockAspectRatio, S = o.axis;
+    var u = o.onResizeStart, m = o.onResizeStop, p = o.draggableOpts, b = o.minConstraints, N = o.maxConstraints, O = o.lockAspectRatio, S = o.axis;
     o.width, o.height;
-    var V = o.resizeHandles, $ = o.style, B = o.transformScale, W = ha(o, ua);
-    return /* @__PURE__ */ ht.createElement(la.default, {
+    var A = o.resizeHandles, $ = o.style, B = o.transformScale, W = ha(o, da);
+    return /* @__PURE__ */ ht.createElement(ca.default, {
       axis: S,
-      draggableOpts: m,
+      draggableOpts: p,
       handle: a,
       handleSize: s,
       height: this.state.height,
       lockAspectRatio: O,
-      maxConstraints: E,
-      minConstraints: y,
+      maxConstraints: N,
+      minConstraints: b,
       onResizeStart: u,
       onResize: this.onResize,
-      onResizeStop: p,
-      resizeHandles: V,
+      onResizeStop: m,
+      resizeHandles: A,
       transformScale: B,
       width: this.state.width
-    }, /* @__PURE__ */ ht.createElement("div", Nt({}, W, {
-      style: Ue(Ue({}, $), {}, {
+    }, /* @__PURE__ */ ht.createElement("div", St({}, W, {
+      style: Fe(Fe({}, $), {}, {
         width: this.state.width + "px",
         height: this.state.height + "px"
       })
     })));
   }, t;
 }(ht.Component);
-Je.default = Ir;
-Ir.propTypes = Ue(Ue({}, ca.resizableProps), {}, {
-  children: sa.default.element
+Ze.default = Ir;
+Ir.propTypes = Fe(Fe({}, ua.resizableProps), {}, {
+  children: la.default.element
 });
-_t.exports = function() {
+Dt.exports = function() {
   throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
 };
-_t.exports.Resizable = ze.default;
-var ya = _t.exports.ResizableBox = Je.default;
-const va = (e) => {
-  const { editor: t } = wt();
+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] = ge({
+  const { node: r, updateAttributes: n } = e, [o, a] = he({
     width: r.attrs.width || 300,
     height: r.attrs.height || 300
-  }), [s, u] = ge({
+  }), [s, u] = he({
     left: r.attrs.marginLeft || 0,
     right: r.attrs.marginRight || 0
-  }), [p, m] = ge(r.attrs.src || ""), y = sn(null);
+  }), [m, p] = he(r.attrs.src || ""), b = sn(null);
   ln(() => {
-    if (r.attrs.src && y.current) {
+    if (r.attrs.src && b.current) {
       const S = new Image();
       S.onload = () => {
         (!r.attrs.width || !r.attrs.height) && a({
@@ -4199,17 +4301,17 @@ const va = (e) => {
       }, S.src = r.attrs.src;
     }
   }, [r.attrs.src]);
-  const E = (S, { size: V }) => {
+  const N = (S, { size: A }) => {
     a({
-      width: V.width,
-      height: V.height
+      width: A.width,
+      height: A.height
     }), n({
-      width: V.width,
-      height: V.height
+      width: A.width,
+      height: A.height
     });
   }, O = () => {
     n({
-      src: p,
+      src: m,
       width: o.width,
       height: o.height,
       marginLeft: s.left,
@@ -4219,6 +4321,7 @@ const va = (e) => {
   return /* @__PURE__ */ l.jsxDEV(yr, { className: "image-wrapper", children: /* @__PURE__ */ l.jsxDEV(
     Sr,
     {
+      title: "Image",
       childrenContent: /* @__PURE__ */ l.jsxDEV(
         "div",
         {
@@ -4228,11 +4331,11 @@ const va = (e) => {
             marginRight: s.right
           },
           children: t.isEditable ? /* @__PURE__ */ l.jsxDEV(
-            ya,
+            va,
             {
               width: o.width,
               height: o.height,
-              onResize: E,
+              onResize: N,
               minConstraints: [100, 100],
               maxConstraints: [800, 800],
               lockAspectRatio: !0,
@@ -4240,7 +4343,7 @@ const va = (e) => {
               children: /* @__PURE__ */ l.jsxDEV(
                 "img",
                 {
-                  ref: y,
+                  ref: b,
                   src: r.attrs.src,
                   alt: "Uploaded",
                   className: "object-contain w-full h-full",
@@ -4250,7 +4353,7 @@ const va = (e) => {
                 !1,
                 {
                   fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                  lineNumber: 86,
+                  lineNumber: 87,
                   columnNumber: 33
                 },
                 void 0
@@ -4260,14 +4363,14 @@ const va = (e) => {
             !1,
             {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 77,
+              lineNumber: 78,
               columnNumber: 29
             },
             void 0
           ) : /* @__PURE__ */ l.jsxDEV(
             "img",
             {
-              ref: y,
+              ref: b,
               src: r.attrs.src,
               alt: "Uploaded",
               style: {
@@ -4281,7 +4384,7 @@ const va = (e) => {
             !1,
             {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 95,
+              lineNumber: 96,
               columnNumber: 29
             },
             void 0
@@ -4291,7 +4394,7 @@ const va = (e) => {
         !1,
         {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-          lineNumber: 69,
+          lineNumber: 70,
           columnNumber: 21
         },
         void 0
@@ -4301,36 +4404,36 @@ const va = (e) => {
         /* @__PURE__ */ l.jsxDEV("div", { children: [
           /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Image URL" }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 113,
+            lineNumber: 114,
             columnNumber: 29
           }, void 0),
           /* @__PURE__ */ l.jsxDEV(
             "input",
             {
               type: "text",
-              value: p,
-              onChange: (S) => m(S.target.value),
+              value: m,
+              onChange: (S) => p(S.target.value),
               className: "w-full p-2 border rounded"
             },
             void 0,
             !1,
             {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 114,
+              lineNumber: 115,
               columnNumber: 29
             },
             void 0
           )
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-          lineNumber: 112,
+          lineNumber: 113,
           columnNumber: 25
         }, void 0),
         /* @__PURE__ */ l.jsxDEV("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ l.jsxDEV("div", { children: [
             /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Width" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 124,
+              lineNumber: 125,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV(
@@ -4345,20 +4448,20 @@ const va = (e) => {
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                lineNumber: 125,
+                lineNumber: 126,
                 columnNumber: 33
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 123,
+            lineNumber: 124,
             columnNumber: 29
           }, void 0),
           /* @__PURE__ */ l.jsxDEV("div", { children: [
             /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Height" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 133,
+              lineNumber: 134,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV(
@@ -4373,26 +4476,26 @@ const va = (e) => {
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                lineNumber: 134,
+                lineNumber: 135,
                 columnNumber: 33
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 132,
+            lineNumber: 133,
             columnNumber: 29
           }, void 0)
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-          lineNumber: 122,
+          lineNumber: 123,
           columnNumber: 25
         }, void 0),
         /* @__PURE__ */ l.jsxDEV("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ l.jsxDEV("div", { children: [
             /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Margin Left" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 145,
+              lineNumber: 146,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV(
@@ -4407,20 +4510,20 @@ const va = (e) => {
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                lineNumber: 146,
+                lineNumber: 147,
                 columnNumber: 33
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 144,
+            lineNumber: 145,
             columnNumber: 29
           }, void 0),
           /* @__PURE__ */ l.jsxDEV("div", { children: [
             /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Margin Right" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 154,
+              lineNumber: 155,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV(
@@ -4435,19 +4538,19 @@ const va = (e) => {
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                lineNumber: 155,
+                lineNumber: 156,
                 columnNumber: 33
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 153,
+            lineNumber: 154,
             columnNumber: 29
           }, void 0)
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-          lineNumber: 143,
+          lineNumber: 144,
           columnNumber: 25
         }, void 0),
         /* @__PURE__ */ l.jsxDEV(
@@ -4461,14 +4564,14 @@ const va = (e) => {
           !1,
           {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 164,
+            lineNumber: 165,
             columnNumber: 25
           },
           void 0
         )
       ] }, void 0, !0, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-        lineNumber: 111,
+        lineNumber: 112,
         columnNumber: 21
       }, void 0)
     },
@@ -4485,7 +4588,7 @@ const va = (e) => {
     lineNumber: 66,
     columnNumber: 9
   }, void 0);
-}, ga = gr.create({
+}, xa = gr.create({
   name: "image",
   group: "block",
   content: "inline*",
@@ -4506,7 +4609,7 @@ const va = (e) => {
     return ["image", xr(e)];
   },
   addNodeView() {
-    return vr(va);
+    return vr(ga);
   },
   addCommands() {
     return {
@@ -4516,12 +4619,12 @@ const va = (e) => {
       }).run()
     };
   }
-}), xa = [
-  mn.configure({
+}), Na = [
+  bn.configure({
     types: [Bt.name, pn.name]
   }),
   Bt,
-  bn.configure({ multicolor: !0 }),
+  yn.configure({ multicolor: !0 }),
   hn.configure({
     bulletList: {
       keepMarks: !0,
@@ -4532,16 +4635,16 @@ const va = (e) => {
       keepAttributes: !1
     }
   }),
-  Xi,
-  yn,
+  Ki,
   vn,
   gn,
-  xn.configure({
+  xn,
+  Nn.configure({
     types: ["heading", "paragraph"]
   }),
   En,
-  Nn,
-  Sn.configure({
+  Sn,
+  wn.configure({
     resizable: !0,
     lastColumnResizable: !0,
     allowTableNodeSelection: !0,
@@ -4549,16 +4652,16 @@ const va = (e) => {
       class: "table-wrapper"
     }
   }),
-  wn,
   Cn,
-  _n.configure({
+  kn,
+  Dn.configure({
     HTMLAttributes: {
       class: "table-cell"
     }
   }),
-  Dn,
-  ga
-], qa = ({
+  _n,
+  xa
+], Ya = ({
   content: e = "",
   slotBefore: t = !1,
   className: r = "",
@@ -4566,13 +4669,13 @@ const va = (e) => {
   editable: o = !0,
   onChange: a
 }) => {
-  const s = cn(() => xa, []), u = ({ editor: p }) => {
-    a && a(p.getHTML());
+  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(Fi, {}, void 0, !1, {
+      slotBefore: t === !0 ? /* @__PURE__ */ l.jsxDEV(Bi, {}, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
         lineNumber: 26,
         columnNumber: 51
@@ -4598,5 +4701,5 @@ const va = (e) => {
   }, void 0);
 };
 export {
-  qa as CyberEditorProvider
+  Ya as CyberEditorProvider
 };