@cyberskill/cyber-editor 3.4.1 → 3.5.0

package/dist/cyber-editor.es.js

@@ -1,9 +1,9 @@
-import _e, { forwardRef as br, createElement as yt, useState as he, useRef as sn, useEffect as hr } from "react";
+import _e, { forwardRef as hr, createElement as yt, useState as ue, useRef as sn, useEffect as vt } from "react";
 import { NodeViewWrapper as yr, NodeViewContent as ln, ReactNodeViewRenderer as vr, useEditor as cn, EditorContent as un } from "@tiptap/react";
-import { ColorPicker as dn, Tooltip as vt, Dropdown as Ct, Menu as Ft, Modal as fn } from "antd";
+import { ColorPicker as dn, Tooltip as gt, Dropdown as kt, Menu as Ut, Modal as fn } from "antd";
 import mn from "@tiptap/extension-list-item";
 import { Color as pn } from "@tiptap/extension-color";
-import Ut from "@tiptap/extension-text-style";
+import Bt from "@tiptap/extension-text-style";
 import bn from "@tiptap/starter-kit";
 import hn from "@tiptap/extension-highlight";
 import yn from "@tiptap/extension-underline";
@@ -38,7 +38,7 @@ function _n(e) {
     });
   }), r;
 }
-var gt = { exports: {} }, Le = {};
+var xt = { exports: {} }, Le = {};
 /**
  * @license React
  * react-jsx-dev-runtime.production.min.js
@@ -48,10 +48,10 @@ var gt = { exports: {} }, Le = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Bt;
+var Xt;
 function On() {
-  if (Bt) return Le;
-  Bt = 1;
+  if (Xt) return Le;
+  Xt = 1;
   var e = Symbol.for("react.fragment");
   return Le.Fragment = e, Le.jsxDEV = void 0, Le;
 }
@@ -65,48 +65,48 @@ var We = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Xt;
+var Kt;
 function Rn() {
-  return Xt || (Xt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = _e, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), u = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), A = Symbol.iterator, $ = "@@iterator";
+  return Kt || (Kt = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = _e, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), u = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), A = Symbol.iterator, $ = "@@iterator";
     function B(i) {
       if (i === null || typeof i != "object")
         return null;
-      var d = A && i[A] || i[$];
-      return typeof d == "function" ? d : null;
+      var f = A && i[A] || i[$];
+      return typeof f == "function" ? f : null;
     }
     var W = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function g(i) {
       {
-        for (var d = arguments.length, h = new Array(d > 1 ? d - 1 : 0), w = 1; w < d; w++)
+        for (var f = arguments.length, h = new Array(f > 1 ? f - 1 : 0), w = 1; w < f; w++)
           h[w - 1] = arguments[w];
         N("error", i, h);
       }
     }
-    function N(i, d, h) {
+    function N(i, f, h) {
       {
         var w = W.ReactDebugCurrentFrame, q = w.getStackAddendum();
-        q !== "" && (d += "%s", h = h.concat([q]));
+        q !== "" && (f += "%s", h = h.concat([q]));
         var X = h.map(function(I) {
           return String(I);
         });
-        X.unshift("Warning: " + d), Function.prototype.apply.call(console[i], console, X);
+        X.unshift("Warning: " + f), Function.prototype.apply.call(console[i], console, X);
       }
     }
-    var E = !1, c = !1, Y = !1, T = !1, Q = !1, de;
-    de = Symbol.for("react.module.reference");
-    function fe(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === n || i === a || Q || i === o || i === p || i === y || T || i === S || E || c || Y || typeof i == "object" && i !== null && (i.$$typeof === O || i.$$typeof === v || i.$$typeof === s || i.$$typeof === u || i.$$typeof === m || // This needs to include all possible module reference object
+    var E = !1, c = !1, Y = !1, T = !1, Q = !1, fe;
+    fe = Symbol.for("react.module.reference");
+    function me(i) {
+      return !!(typeof i == "string" || typeof i == "function" || i === n || i === a || Q || i === o || i === p || i === y || T || i === S || E || c || Y || typeof i == "object" && i !== null && (i.$$typeof === O || i.$$typeof === v || i.$$typeof === l || i.$$typeof === u || i.$$typeof === d || // 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));
+      i.$$typeof === fe || i.getModuleId !== void 0));
     }
-    function ye(i, d, h) {
+    function ye(i, f, h) {
       var w = i.displayName;
       if (w)
         return w;
-      var q = d.displayName || d.name || "";
+      var q = f.displayName || f.name || "";
       return q !== "" ? h + "(" + q + ")" : h;
     }
     function Ee(i) {
@@ -136,12 +136,12 @@ function Rn() {
       if (typeof i == "object")
         switch (i.$$typeof) {
           case u:
-            var d = i;
-            return Ee(d) + ".Consumer";
-          case s:
+            var f = i;
+            return Ee(f) + ".Consumer";
+          case l:
             var h = i;
             return Ee(h._context) + ".Provider";
-          case m:
+          case d:
             return ye(i, i.render, "ForwardRef");
           case v:
             var w = i.displayName || null;
@@ -157,14 +157,14 @@ function Rn() {
         }
       return null;
     }
-    var Z = Object.assign, me = 0, oe, le, ge, Se, f, x, P;
+    var Z = Object.assign, pe = 0, oe, le, ge, Se, m, x, P;
     function R() {
     }
     R.__reactDisabledLog = !0;
     function C() {
       {
-        if (me === 0) {
-          oe = console.log, le = console.info, ge = console.warn, Se = console.error, f = console.group, x = console.groupCollapsed, P = console.groupEnd;
+        if (pe === 0) {
+          oe = console.log, le = console.info, ge = console.warn, Se = console.error, m = console.group, x = console.groupCollapsed, P = console.groupEnd;
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -181,12 +181,12 @@ function Rn() {
             groupEnd: i
           });
         }
-        me++;
+        pe++;
       }
     }
     function z() {
       {
-        if (me--, me === 0) {
+        if (pe--, pe === 0) {
           var i = {
             configurable: !0,
             enumerable: !0,
@@ -206,7 +206,7 @@ function Rn() {
               value: Se
             }),
             group: Z({}, i, {
-              value: f
+              value: m
             }),
             groupCollapsed: Z({}, i, {
               value: x
@@ -216,11 +216,11 @@ function Rn() {
             })
           });
         }
-        me < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        pe < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var k = W.ReactCurrentDispatcher, _;
-    function j(i, d, h) {
+    function j(i, f, h) {
       {
         if (_ === void 0)
           try {
@@ -238,7 +238,7 @@ function Rn() {
       var te = typeof WeakMap == "function" ? WeakMap : Map;
       M = new te();
     }
-    function b(i, d) {
+    function b(i, f) {
       if (!i || H)
         return "";
       {
@@ -253,7 +253,7 @@ function Rn() {
       var X;
       X = k.current, k.current = null, C();
       try {
-        if (d) {
+        if (f) {
           var I = function() {
             throw Error();
           };
@@ -295,9 +295,9 @@ function Rn() {
               if (G !== 1 || J !== 1)
                 do
                   if (G--, J--, J < 0 || V[G] !== ne[J]) {
-                    var be = `
+                    var he = `
 ` + 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;
+                    return i.displayName && he.includes("<anonymous>") && (he = he.replace("<anonymous>", i.displayName)), typeof i == "function" && M.set(i, he), he;
                   }
                 while (G >= 1 && J >= 0);
               break;
@@ -309,14 +309,14 @@ function Rn() {
       var Pe = i ? i.displayName || i.name : "", De = Pe ? j(Pe) : "";
       return typeof i == "function" && M.set(i, De), De;
     }
-    function pe(i, d, h) {
+    function be(i, f, h) {
       return b(i, !1);
     }
     function Re(i) {
-      var d = i.prototype;
-      return !!(d && d.isReactComponent);
+      var f = i.prototype;
+      return !!(f && f.isReactComponent);
     }
-    function ke(i, d, h) {
+    function ke(i, f, h) {
       if (i == null)
         return "";
       if (typeof i == "function")
@@ -331,29 +331,29 @@ function Rn() {
       }
       if (typeof i == "object")
         switch (i.$$typeof) {
-          case m:
-            return pe(i.render);
+          case d:
+            return be(i.render);
           case v:
-            return ke(i.type, d, h);
+            return ke(i.type, f, h);
           case O: {
             var w = i, q = w._payload, X = w._init;
             try {
-              return ke(X(q), d, h);
+              return ke(X(q), f, h);
             } 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, h = ke(i.type, i._source, d ? d.type : null);
-        Mt.setExtraStackFrame(h);
+        var f = i._owner, h = ke(i.type, i._source, f ? f.type : null);
+        Vt.setExtraStackFrame(h);
       } else
-        Mt.setExtraStackFrame(null);
+        Vt.setExtraStackFrame(null);
     }
-    function Hr(i, d, h, w, q) {
+    function Hr(i, f, h, w, q) {
       {
         var X = Function.call.bind(Me);
         for (var I in i)
@@ -364,11 +364,11 @@ function Rn() {
                 var ne = Error((w || "React class") + ": " + h + " type `" + I + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof i[I] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw ne.name = "Invariant Violation", ne;
               }
-              V = i[I](d, I, w, h, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              V = i[I](f, I, w, h, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (G) {
               V = G;
             }
-            V && !(V instanceof Error) && (He(q), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", h, I, typeof V), He(null)), V instanceof Error && !(V.message in jt) && (jt[V.message] = !0, He(q), g("Failed %s type: %s", h, V.message), He(null));
+            V && !(V instanceof Error) && (He(q), g("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", w || "React class", h, I, typeof V), He(null)), V instanceof Error && !(V.message in Mt) && (Mt[V.message] = !0, He(q), g("Failed %s type: %s", h, V.message), He(null));
           }
       }
     }
@@ -378,57 +378,57 @@ function Rn() {
     }
     function Wr(i) {
       {
-        var d = typeof Symbol == "function" && Symbol.toStringTag, h = d && i[Symbol.toStringTag] || i.constructor.name || "Object";
+        var f = typeof Symbol == "function" && Symbol.toStringTag, h = f && i[Symbol.toStringTag] || i.constructor.name || "Object";
         return h;
       }
     }
     function qr(i) {
       try {
-        return Vt(i), !1;
+        return At(i), !1;
       } catch {
         return !0;
       }
     }
-    function Vt(i) {
+    function At(i) {
       return "" + i;
     }
-    function At(i) {
+    function $t(i) {
       if (qr(i))
-        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Wr(i)), Vt(i);
+        return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Wr(i)), At(i);
     }
     var Ve = W.ReactCurrentOwner, Yr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, $t, zt, et;
+    }, zt, It, et;
     et = {};
     function Fr(i) {
       if (Me.call(i, "ref")) {
-        var d = Object.getOwnPropertyDescriptor(i, "ref").get;
-        if (d && d.isReactWarning)
+        var f = Object.getOwnPropertyDescriptor(i, "ref").get;
+        if (f && f.isReactWarning)
           return !1;
       }
       return i.ref !== void 0;
     }
     function Ur(i) {
       if (Me.call(i, "key")) {
-        var d = Object.getOwnPropertyDescriptor(i, "key").get;
-        if (d && d.isReactWarning)
+        var f = Object.getOwnPropertyDescriptor(i, "key").get;
+        if (f && f.isReactWarning)
           return !1;
       }
       return i.key !== void 0;
     }
-    function Br(i, d) {
-      if (typeof i.ref == "string" && Ve.current && d && Ve.current.stateNode !== d) {
+    function Br(i, f) {
+      if (typeof i.ref == "string" && Ve.current && f && Ve.current.stateNode !== f) {
         var h = ee(Ve.current.type);
         et[h] || (g('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', ee(Ve.current.type), i.ref), et[h] = !0);
       }
     }
-    function Xr(i, d) {
+    function Xr(i, f) {
       {
         var h = function() {
-          $t || ($t = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", d));
+          zt || (zt = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
         };
         h.isReactWarning = !0, Object.defineProperty(i, "key", {
           get: h,
@@ -436,10 +436,10 @@ function Rn() {
         });
       }
     }
-    function Kr(i, d) {
+    function Kr(i, f) {
       {
         var h = function() {
-          zt || (zt = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", d));
+          It || (It = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", f));
         };
         h.isReactWarning = !0, Object.defineProperty(i, "ref", {
           get: h,
@@ -447,13 +447,13 @@ function Rn() {
         });
       }
     }
-    var Gr = function(i, d, h, w, q, X, I) {
+    var Gr = function(i, f, h, w, q, X, I) {
       var V = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: i,
-        key: d,
+        key: f,
         ref: h,
         props: I,
         // Record the component responsible for creating this element.
@@ -476,12 +476,12 @@ function Rn() {
         value: q
       }), Object.freeze && (Object.freeze(V.props), Object.freeze(V)), V;
     };
-    function Jr(i, d, h, w, q) {
+    function Jr(i, f, h, w, q) {
       {
         var X, I = {}, V = null, ne = null;
-        h !== void 0 && (At(h), V = "" + h), Ur(d) && (At(d.key), V = "" + d.key), Fr(d) && (ne = d.ref, Br(d, q));
-        for (X in d)
-          Me.call(d, X) && !Yr.hasOwnProperty(X) && (I[X] = d[X]);
+        h !== void 0 && ($t(h), V = "" + h), Ur(f) && ($t(f.key), V = "" + f.key), Fr(f) && (ne = f.ref, Br(f, q));
+        for (X in f)
+          Me.call(f, X) && !Yr.hasOwnProperty(X) && (I[X] = f[X]);
         if (i && i.defaultProps) {
           var G = i.defaultProps;
           for (X in G)
@@ -494,20 +494,20 @@ function Rn() {
         return Gr(i, V, ne, q, w, Ve.current, I);
       }
     }
-    var tt = W.ReactCurrentOwner, It = W.ReactDebugCurrentFrame;
+    var tt = W.ReactCurrentOwner, Ht = W.ReactDebugCurrentFrame;
     function Te(i) {
       if (i) {
-        var d = i._owner, h = ke(i.type, i._source, d ? d.type : null);
-        It.setExtraStackFrame(h);
+        var f = i._owner, h = ke(i.type, i._source, f ? f.type : null);
+        Ht.setExtraStackFrame(h);
       } else
-        It.setExtraStackFrame(null);
+        Ht.setExtraStackFrame(null);
     }
     var rt;
     rt = !1;
     function nt(i) {
       return typeof i == "object" && i !== null && i.$$typeof === t;
     }
-    function Ht() {
+    function Lt() {
       {
         if (tt.current) {
           var i = ee(tt.current.type);
@@ -522,48 +522,48 @@ Check the render method of \`` + i + "`.";
     function Zr(i) {
       {
         if (i !== void 0) {
-          var d = i.fileName.replace(/^.*[\\\/]/, ""), h = i.lineNumber;
+          var f = i.fileName.replace(/^.*[\\\/]/, ""), h = i.lineNumber;
           return `
 
-Check your code at ` + d + ":" + h + ".";
+Check your code at ` + f + ":" + h + ".";
         }
         return "";
       }
     }
-    var Lt = {};
+    var Wt = {};
     function Qr(i) {
       {
-        var d = Ht();
-        if (!d) {
+        var f = Lt();
+        if (!f) {
           var h = typeof i == "string" ? i : i.displayName || i.name;
-          h && (d = `
+          h && (f = `
 
 Check the top-level render call using <` + h + ">.");
         }
-        return d;
+        return f;
       }
     }
-    function Wt(i, d) {
+    function qt(i, f) {
       {
         if (!i._store || i._store.validated || i.key != null)
           return;
         i._store.validated = !0;
-        var h = Qr(d);
-        if (Lt[h])
+        var h = Qr(f);
+        if (Wt[h])
           return;
-        Lt[h] = !0;
+        Wt[h] = !0;
         var w = "";
         i && i._owner && i._owner !== tt.current && (w = " It was passed a child from " + ee(i._owner.type) + "."), Te(i), g('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', h, w), Te(null);
       }
     }
-    function qt(i, d) {
+    function Yt(i, f) {
       {
         if (typeof i != "object")
           return;
         if (Qe(i))
           for (var h = 0; h < i.length; h++) {
             var w = i[h];
-            nt(w) && Wt(w, d);
+            nt(w) && qt(w, f);
           }
         else if (nt(i))
           i._store && (i._store.validated = !0);
@@ -571,39 +571,39 @@ Check the top-level render call using <` + h + ">.");
           var q = B(i);
           if (typeof q == "function" && q !== i.entries)
             for (var X = q.call(i), I; !(I = X.next()).done; )
-              nt(I.value) && Wt(I.value, d);
+              nt(I.value) && qt(I.value, f);
         }
       }
     }
     function en(i) {
       {
-        var d = i.type;
-        if (d == null || typeof d == "string")
+        var f = i.type;
+        if (f == null || typeof f == "string")
           return;
         var h;
-        if (typeof d == "function")
-          h = d.propTypes;
-        else if (typeof d == "object" && (d.$$typeof === m || // Note: Memo only checks outer props here.
+        if (typeof f == "function")
+          h = f.propTypes;
+        else if (typeof f == "object" && (f.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        d.$$typeof === v))
-          h = d.propTypes;
+        f.$$typeof === v))
+          h = f.propTypes;
         else
           return;
         if (h) {
-          var w = ee(d);
+          var w = ee(f);
           Hr(h, i.props, "prop", w, i);
-        } else if (d.PropTypes !== void 0 && !rt) {
+        } else if (f.PropTypes !== void 0 && !rt) {
           rt = !0;
-          var q = ee(d);
+          var q = ee(f);
           g("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", q || "Unknown");
         }
-        typeof d.getDefaultProps == "function" && !d.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof f.getDefaultProps == "function" && !f.getDefaultProps.isReactClassApproved && g("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function tn(i) {
       {
-        for (var d = Object.keys(i.props), h = 0; h < d.length; h++) {
-          var w = d[h];
+        for (var f = Object.keys(i.props), h = 0; h < f.length; h++) {
+          var w = f[h];
           if (w !== "children" && w !== "key") {
             Te(i), g("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", w), Te(null);
             break;
@@ -612,46 +612,46 @@ Check the top-level render call using <` + h + ">.");
         i.ref !== null && (Te(i), g("Invalid attribute `ref` supplied to `React.Fragment`."), Te(null));
       }
     }
-    var Yt = {};
-    function rn(i, d, h, w, q, X) {
+    var Ft = {};
+    function rn(i, f, h, w, q, X) {
       {
-        var I = fe(i);
+        var I = me(i);
         if (!I) {
           var V = "";
           (i === void 0 || typeof i == "object" && i !== null && Object.keys(i).length === 0) && (V += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var ne = Zr(q);
-          ne ? V += ne : V += Ht();
+          ne ? V += ne : V += Lt();
           var G;
           i === null ? G = "null" : Qe(i) ? G = "array" : i !== void 0 && i.$$typeof === t ? (G = "<" + (ee(i.type) || "Unknown") + " />", V = " Did you accidentally export a JSX literal instead of a component?") : G = typeof i, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", G, V);
         }
-        var J = Jr(i, d, h, q, X);
+        var J = Jr(i, f, h, q, X);
         if (J == null)
           return J;
         if (I) {
-          var be = d.children;
-          if (be !== void 0)
+          var he = f.children;
+          if (he !== void 0)
             if (w)
-              if (Qe(be)) {
-                for (var Pe = 0; Pe < be.length; Pe++)
-                  qt(be[Pe], i);
-                Object.freeze && Object.freeze(be);
+              if (Qe(he)) {
+                for (var Pe = 0; Pe < he.length; Pe++)
+                  Yt(he[Pe], i);
+                Object.freeze && Object.freeze(he);
               } else
                 g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              qt(be, i);
+              Yt(he, i);
         }
-        if (Me.call(d, "key")) {
-          var De = ee(i), ae = Object.keys(d).filter(function(an) {
+        if (Me.call(f, "key")) {
+          var De = ee(i), ae = Object.keys(f).filter(function(an) {
             return an !== "key";
           }), it = ae.length > 0 ? "{key: someKey, " + ae.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Yt[De + it]) {
+          if (!Ft[De + it]) {
             var on = ae.length > 0 ? "{" + ae.join(": ..., ") + ": ...}" : "{}";
             g(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, it, De, on, De), Yt[De + it] = !0;
+  <%s key={someKey} {...props} />`, it, De, on, De), Ft[De + it] = !0;
           }
         }
         return i === n ? tn(J) : en(J), J;
@@ -661,8 +661,8 @@ React keys must be passed directly to JSX without using spread:
     We.Fragment = n, We.jsxDEV = nn;
   }()), We;
 }
-process.env.NODE_ENV === "production" ? gt.exports = On() : gt.exports = Rn();
-var l = gt.exports;
+process.env.NODE_ENV === "production" ? xt.exports = On() : xt.exports = Rn();
+var s = xt.exports;
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -693,7 +693,7 @@ var Pn = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jn = br(
+const jn = hr(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -701,12 +701,12 @@ const jn = br(
     absoluteStrokeWidth: n,
     className: o = "",
     children: a,
-    iconNode: s,
+    iconNode: l,
     ...u
-  }, m) => yt(
+  }, d) => yt(
     "svg",
     {
-      ref: m,
+      ref: d,
       ...Pn,
       width: t,
       height: t,
@@ -716,7 +716,7 @@ const jn = br(
       ...u
     },
     [
-      ...s.map(([p, y]) => yt(p, y)),
+      ...l.map(([p, y]) => yt(p, y)),
       ...Array.isArray(a) ? a : [a]
     ]
   )
@@ -728,7 +728,7 @@ const jn = br(
  * See the LICENSE file in the root directory of this source tree.
  */
 const L = (e, t) => {
-  const r = br(
+  const r = hr(
     ({ className: n, ...o }, a) => yt(jn, {
       ref: a,
       iconNode: t,
@@ -844,7 +844,7 @@ const Jn = [
   ["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" }]
-], Kt = L("Heading2", Jn);
+], Gt = L("Heading2", Jn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -857,7 +857,7 @@ const Zn = [
   ["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" }]
-], Gt = L("Heading3", Zn);
+], Jt = L("Heading3", Zn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -870,7 +870,7 @@ const Qn = [
   ["path", { d: "M21 10v8", key: "1kdml4" }],
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }]
-], Jt = L("Heading4", Qn);
+], Zt = L("Heading4", Qn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -886,7 +886,7 @@ 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" }
   ]
-], Zt = L("Heading5", ei);
+], Qt = L("Heading5", ei);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -899,7 +899,7 @@ const ti = [
   ["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" }]
-], Qt = L("Heading6", ti);
+], er = L("Heading6", ti);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
@@ -1152,9 +1152,9 @@ const zi = [
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ], Ii = L("X", zi);
 function Hi({ editor: e }) {
-  const [t, r] = he(!1);
-  return /* @__PURE__ */ l.jsxDEV("div", { className: "relative", children: [
-    /* @__PURE__ */ l.jsxDEV(
+  const [t, r] = ue(!1);
+  return /* @__PURE__ */ s.jsxDEV("div", { className: "relative", children: [
+    /* @__PURE__ */ s.jsxDEV(
       "button",
       {
         type: "button",
@@ -1162,11 +1162,11 @@ function Hi({ editor: e }) {
         onClick: (n) => {
           n.preventDefault(), n.stopPropagation(), r(!t);
         },
-        children: t ? /* @__PURE__ */ l.jsxDEV(Ii, { size: 24 }, void 0, !1, {
+        children: t ? /* @__PURE__ */ s.jsxDEV(Ii, { size: 24 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
           lineNumber: 20,
           columnNumber: 25
-        }, this) : /* @__PURE__ */ l.jsxDEV(si, { size: 24 }, void 0, !1, {
+        }, this) : /* @__PURE__ */ s.jsxDEV(si, { size: 24 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
           lineNumber: 20,
           columnNumber: 43
@@ -1181,13 +1181,13 @@ function Hi({ editor: e }) {
       },
       this
     ),
-    t && /* @__PURE__ */ l.jsxDEV("div", { 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 font-bold text-center text-gray-700", children: "Cyber Extensions" }, void 0, !1, {
+    t && /* @__PURE__ */ s.jsxDEV("div", { 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__ */ s.jsxDEV("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ s.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: 26,
         columnNumber: 25
       }, this),
-      /* @__PURE__ */ l.jsxDEV(
+      /* @__PURE__ */ s.jsxDEV(
         "button",
         {
           type: "button",
@@ -1209,7 +1209,7 @@ function Hi({ editor: e }) {
           },
           className: "flex items-center justify-center w-full gap-2 px-3 py-1 text-blue-600 duration-300 rounded-md bg-blue-50 hover:bg-blue-100 hover:text-blue-700",
           children: [
-            /* @__PURE__ */ l.jsxDEV(yi, { size: 16 }, void 0, !1, {
+            /* @__PURE__ */ s.jsxDEV(yi, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
               lineNumber: 54,
               columnNumber: 29
@@ -1241,7 +1241,7 @@ function Hi({ editor: e }) {
     columnNumber: 9
   }, this);
 }
-const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
+const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ s.jsxDEV(
   dn,
   {
     value: e,
@@ -1271,23 +1271,23 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
   },
   void 0
 ), Li = ({ editor: e }) => {
-  const [t, r] = he("#1677ff"), [n, o] = he("#ffffff"), a = (m) => {
-    const p = m.toHexString();
+  const [t, r] = ue("#1677ff"), [n, o] = ue("#ffffff"), a = (d) => {
+    const p = d.toHexString();
     r(p), e.chain().focus().setColor(p).run();
-  }, s = (m) => {
-    const p = m.toHexString();
+  }, l = (d) => {
+    const p = d.toHexString();
     o(p), e.chain().focus().setHighlight({ color: p }).run();
-  }, u = (m) => {
-    m.preventDefault();
+  }, u = (d) => {
+    d.preventDefault();
   };
-  return /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ l.jsxDEV(vt, { title: "Text Color", children: /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-2", onMouseDown: u, children: [
-      /* @__PURE__ */ l.jsxDEV(ji, { size: 20, color: "black" }, void 0, !1, {
+  return /* @__PURE__ */ s.jsxDEV("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ s.jsxDEV(gt, { title: "Text Color", children: /* @__PURE__ */ s.jsxDEV("div", { className: "flex items-center gap-2", onMouseDown: u, children: [
+      /* @__PURE__ */ s.jsxDEV(ji, { size: 20, color: "black" }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
         lineNumber: 33,
         columnNumber: 21
       }, void 0),
-      /* @__PURE__ */ l.jsxDEV(Fe, { value: t, onChange: a }, void 0, !1, {
+      /* @__PURE__ */ s.jsxDEV(Fe, { value: t, onChange: a }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
         lineNumber: 34,
         columnNumber: 21
@@ -1301,13 +1301,13 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
       lineNumber: 31,
       columnNumber: 13
     }, void 0),
-    /* @__PURE__ */ l.jsxDEV(vt, { title: "Highlight Color", children: /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-2", onMouseDown: u, children: [
-      /* @__PURE__ */ l.jsxDEV(bi, { size: 20, color: "black" }, void 0, !1, {
+    /* @__PURE__ */ s.jsxDEV(gt, { title: "Highlight Color", children: /* @__PURE__ */ s.jsxDEV("div", { className: "flex items-center gap-2", onMouseDown: u, children: [
+      /* @__PURE__ */ s.jsxDEV(bi, { size: 20, color: "black" }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
         lineNumber: 41,
         columnNumber: 21
       }, void 0),
-      /* @__PURE__ */ l.jsxDEV(Fe, { value: n, onChange: s }, void 0, !1, {
+      /* @__PURE__ */ s.jsxDEV(Fe, { value: n, onChange: l }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
         lineNumber: 42,
         columnNumber: 21
@@ -1333,43 +1333,43 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
       if (e.isActive("heading", { level: n }))
         switch (n) {
           case 1:
-            return /* @__PURE__ */ l.jsxDEV(ot, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ s.jsxDEV(ot, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 15,
               columnNumber: 36
             }, void 0);
           case 2:
-            return /* @__PURE__ */ l.jsxDEV(Kt, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ s.jsxDEV(Gt, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 16,
               columnNumber: 36
             }, void 0);
           case 3:
-            return /* @__PURE__ */ l.jsxDEV(Gt, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ s.jsxDEV(Jt, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 17,
               columnNumber: 36
             }, void 0);
           case 4:
-            return /* @__PURE__ */ l.jsxDEV(Jt, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ s.jsxDEV(Zt, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 18,
               columnNumber: 36
             }, void 0);
           case 5:
-            return /* @__PURE__ */ l.jsxDEV(Zt, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ s.jsxDEV(Qt, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 19,
               columnNumber: 36
             }, void 0);
           case 6:
-            return /* @__PURE__ */ l.jsxDEV(Qt, { size: 16 }, void 0, !1, {
+            return /* @__PURE__ */ s.jsxDEV(er, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
               lineNumber: 20,
               columnNumber: 36
             }, void 0);
         }
-    return /* @__PURE__ */ l.jsxDEV(ot, { size: 16 }, void 0, !1, {
+    return /* @__PURE__ */ s.jsxDEV(ot, { size: 16 }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/heading/heading-dropdown.tsx",
       lineNumber: 24,
       columnNumber: 16
@@ -1377,9 +1377,9 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
   }, r = [
     ...Array.from({ length: 6 }, (n, o) => ({
       key: `${o + 1}`,
-      label: /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-2", onClick: () => e.chain().focus().toggleHeading({ level: o + 1 }).run(), children: [
-        _e.createElement([ot, Kt, Gt, Jt, Zt, Qt][o], { size: 16 }),
-        /* @__PURE__ */ l.jsxDEV("span", { children: [
+      label: /* @__PURE__ */ s.jsxDEV("div", { className: "flex items-center gap-2", onClick: () => e.chain().focus().toggleHeading({ level: o + 1 }).run(), children: [
+        _e.createElement([ot, Gt, Jt, Zt, Qt, er][o], { size: 16 }),
+        /* @__PURE__ */ s.jsxDEV("span", { children: [
           "Heading ",
           o + 1
         ] }, void 0, !0, {
@@ -1395,7 +1395,7 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
       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__ */ s.jsxDEV(kt, { menu: { items: r }, trigger: ["hover"], placement: "bottomLeft", children: /* @__PURE__ */ s.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
@@ -1409,20 +1409,20 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
   buttonClass: t,
   activeClass: r
 }) => {
-  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);
+  const [n, o] = ue({ rows: 0, cols: 0 }), [a, l] = ue(!1), u = (d, p) => {
+    e.chain().focus().insertTable({ rows: d, cols: p, withHeaderRow: !0 }).run(), l(!1);
   };
-  return /* @__PURE__ */ l.jsxDEV(
-    Ct,
+  return /* @__PURE__ */ s.jsxDEV(
+    kt,
     {
       open: a,
-      onOpenChange: s,
+      onOpenChange: l,
       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(
-          (m, p) => Array.from({ length: Yi }).map((y, v) => {
+      overlay: /* @__PURE__ */ s.jsxDEV("div", { className: "w-56 p-4 bg-white border border-gray-300 rounded-lg shadow-xl", children: [
+        /* @__PURE__ */ s.jsxDEV("div", { className: "grid grid-cols-8 gap-1", children: Array.from({ length: qi }).map(
+          (d, p) => Array.from({ length: Yi }).map((y, v) => {
             const O = p < n.rows && v < n.cols;
-            return /* @__PURE__ */ l.jsxDEV(
+            return /* @__PURE__ */ s.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"}`,
@@ -1444,7 +1444,7 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
           lineNumber: 35,
           columnNumber: 21
         }, void 0),
-        /* @__PURE__ */ l.jsxDEV("div", { className: "mt-3 text-sm font-medium text-center text-gray-700", children: n.rows > 0 && n.cols > 0 ? `${n.rows} × ${n.cols} Table` : "Insert Table" }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV("div", { className: "mt-3 text-sm font-medium text-center text-gray-700", children: n.rows > 0 && n.cols > 0 ? `${n.rows} × ${n.cols} Table` : "Insert Table" }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/table/table-selector.tsx",
           lineNumber: 53,
           columnNumber: 21
@@ -1454,11 +1454,11 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
         lineNumber: 34,
         columnNumber: 17
       }, void 0),
-      children: /* @__PURE__ */ l.jsxDEV(
+      children: /* @__PURE__ */ s.jsxDEV(
         "button",
         {
           className: `${t} ${a ? r : ""} transition-all`,
-          children: /* @__PURE__ */ l.jsxDEV(Ti, { className: "w-5 h-5" }, void 0, !1, {
+          children: /* @__PURE__ */ s.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
@@ -1486,7 +1486,7 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
 };
 function Ui({ editor: e }) {
   if (!e) return null;
-  const t = "p-2 rounded-md transition-all duration-200 hover:bg-blue-100 hover:text-blue-600", r = "bg-blue-100 text-blue-600", n = (o, a, s, u, m) => /* @__PURE__ */ l.jsxDEV(vt, { title: m, children: /* @__PURE__ */ l.jsxDEV(
+  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, l, u, d) => /* @__PURE__ */ s.jsxDEV(gt, { title: d, children: /* @__PURE__ */ s.jsxDEV(
     "button",
     {
       type: "button",
@@ -1494,7 +1494,7 @@ function Ui({ editor: e }) {
       disabled: u,
       className: `
                     ${t} 
-                    ${s ? r : ""} 
+                    ${l ? r : ""} 
                     ${u ? "opacity-50 cursor-not-allowed" : ""}
                 `,
       children: o
@@ -1512,10 +1512,10 @@ function Ui({ editor: e }) {
     lineNumber: 31,
     columnNumber: 9
   }, this);
-  return /* @__PURE__ */ l.jsxDEV("div", { className: "flex flex-wrap items-center gap-2 p-2 border-b border-gray-200 rounded-t-lg bg-gray-50", children: [
-    /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
+  return /* @__PURE__ */ s.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__ */ s.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(qn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(qn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 52,
           columnNumber: 21
@@ -1526,7 +1526,7 @@ function Ui({ editor: e }) {
         "Bold"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(oi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(oi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 59,
           columnNumber: 21
@@ -1537,7 +1537,7 @@ function Ui({ editor: e }) {
         "Italic"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Vi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(Vi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 66,
           columnNumber: 21
@@ -1548,7 +1548,7 @@ function Ui({ editor: e }) {
         "Underline"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Ci, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(Ci, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 73,
           columnNumber: 21
@@ -1559,7 +1559,7 @@ function Ui({ editor: e }) {
         "Strikethrough"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Bn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(Bn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 80,
           columnNumber: 21
@@ -1570,7 +1570,7 @@ function Ui({ editor: e }) {
         "Code"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Di, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(Di, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 87,
           columnNumber: 21
@@ -1581,7 +1581,7 @@ function Ui({ editor: e }) {
         "Subscript"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Oi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(Oi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 94,
           columnNumber: 21
@@ -1596,24 +1596,24 @@ function Ui({ editor: e }) {
       lineNumber: 50,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
+    /* @__PURE__ */ s.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: 102,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV(Wi, { editor: e }, void 0, !1, {
+    /* @__PURE__ */ s.jsxDEV(Wi, { editor: e }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
       lineNumber: 105,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
+    /* @__PURE__ */ s.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: 107,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ s.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(In, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(In, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 112,
           columnNumber: 21
@@ -1624,7 +1624,7 @@ function Ui({ editor: e }) {
         "Align Left"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Vn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(Vn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 119,
           columnNumber: 21
@@ -1635,7 +1635,7 @@ function Ui({ editor: e }) {
         "Align Center"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Ln, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(Ln, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 124,
           columnNumber: 21
@@ -1646,7 +1646,7 @@ function Ui({ editor: e }) {
         "Align Right"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV($n, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV($n, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 129,
           columnNumber: 21
@@ -1661,14 +1661,14 @@ function Ui({ editor: e }) {
       lineNumber: 110,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
+    /* @__PURE__ */ s.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: 135,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ s.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(di, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(di, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 140,
           columnNumber: 21
@@ -1679,7 +1679,7 @@ function Ui({ editor: e }) {
         "Bullet List"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(ci, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(ci, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 145,
           columnNumber: 21
@@ -1690,7 +1690,7 @@ function Ui({ editor: e }) {
         "Ordered List"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Si, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(Si, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 150,
           columnNumber: 21
@@ -1705,14 +1705,14 @@ function Ui({ editor: e }) {
       lineNumber: 138,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
+    /* @__PURE__ */ s.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: 156,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ s.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(gi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(gi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 161,
           columnNumber: 21
@@ -1722,13 +1722,13 @@ function Ui({ editor: e }) {
         !1,
         "Blockquote"
       ),
-      /* @__PURE__ */ l.jsxDEV(Fi, { editor: e, buttonClass: t, activeClass: r }, void 0, !1, {
+      /* @__PURE__ */ s.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: 165,
         columnNumber: 17
       }, this),
       n(
-        /* @__PURE__ */ l.jsxDEV(mi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(mi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 167,
           columnNumber: 21
@@ -1739,7 +1739,7 @@ function Ui({ editor: e }) {
         "Horizontal Rule"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Kn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(Kn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 171,
           columnNumber: 21
@@ -1754,14 +1754,14 @@ function Ui({ editor: e }) {
       lineNumber: 159,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
+    /* @__PURE__ */ s.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: 176,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ s.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV($i, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV($i, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 181,
           columnNumber: 21
@@ -1771,7 +1771,7 @@ function Ui({ editor: e }) {
         !e.can().chain().focus().undo().run()
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Ni, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV(Ni, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 187,
           columnNumber: 21
@@ -1785,13 +1785,13 @@ function Ui({ editor: e }) {
       lineNumber: 179,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
+    /* @__PURE__ */ s.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: 194,
       columnNumber: 13
     }, this),
     n(
-      /* @__PURE__ */ l.jsxDEV(ni, { size: 16 }, void 0, !1, {
+      /* @__PURE__ */ s.jsxDEV(ni, { size: 16 }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
         lineNumber: 197,
         columnNumber: 17
@@ -1813,22 +1813,22 @@ function Ui({ editor: e }) {
       !1,
       "Insert Image"
     ),
-    /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
+    /* @__PURE__ */ s.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: 218,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV(Li, { editor: e }, void 0, !1, {
+    /* @__PURE__ */ s.jsxDEV(Li, { editor: e }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
       lineNumber: 221,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
+    /* @__PURE__ */ s.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: 223,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV(Hi, { editor: e }, void 0, !1, {
+    /* @__PURE__ */ s.jsxDEV(Hi, { editor: e }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
       lineNumber: 224,
       columnNumber: 13
@@ -1845,7 +1845,7 @@ const Sr = ({
   editable: r,
   childrenEdit: n
 }) => {
-  const [o, a] = he(!1), s = r ? /* @__PURE__ */ l.jsxDEV(Ft, { children: /* @__PURE__ */ l.jsxDEV(Ft.Item, { onClick: () => a(!0), children: "Edit" }, "edit", !1, {
+  const [o, a] = ue(!1), l = r ? /* @__PURE__ */ s.jsxDEV(Ut, { children: /* @__PURE__ */ s.jsxDEV(Ut.Item, { onClick: () => a(!0), children: "Edit" }, "edit", !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/components/modal-edit.tsx",
     lineNumber: 19,
     columnNumber: 13
@@ -1854,13 +1854,13 @@ const Sr = ({
     lineNumber: 18,
     columnNumber: 9
   }, void 0) : null;
-  return /* @__PURE__ */ l.jsxDEV("div", { children: [
-    r && s ? /* @__PURE__ */ l.jsxDEV(Ct, { overlay: s, trigger: ["contextMenu"], children: t }, void 0, !1, {
+  return /* @__PURE__ */ s.jsxDEV("div", { children: [
+    r && l ? /* @__PURE__ */ s.jsxDEV(kt, { overlay: l, trigger: ["contextMenu"], children: t }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/components/modal-edit.tsx",
       lineNumber: 28,
       columnNumber: 17
     }, void 0) : t,
-    /* @__PURE__ */ l.jsxDEV(
+    /* @__PURE__ */ s.jsxDEV(
       fn,
       {
         title: `Edit ${e}`,
@@ -1884,35 +1884,35 @@ const Sr = ({
     columnNumber: 9
   }, void 0);
 }, Bi = ({ node: e, editor: t }) => {
-  const [r, n] = he(!1), [o, a] = he(e.attrs.bgColor || "#f3f4f6"), [s, u] = he(e.attrs.titleColor || "#000000"), m = (v) => {
+  const [r, n] = ue(!1), [o, a] = ue(e.attrs.bgColor || "#f3f4f6"), [l, u] = ue(e.attrs.titleColor || "#000000"), d = (v) => {
     v.preventDefault();
   }, p = (v) => {
     a(v.toHexString());
   }, y = (v) => {
     u(v.toHexString());
   };
-  return /* @__PURE__ */ l.jsxDEV(yr, { className: "accordion-wrapper", children: /* @__PURE__ */ l.jsxDEV(
+  return /* @__PURE__ */ s.jsxDEV(yr, { className: "accordion-wrapper", children: /* @__PURE__ */ s.jsxDEV(
     Sr,
     {
       title: "Accordion",
-      childrenContent: /* @__PURE__ */ l.jsxDEV(
+      childrenContent: /* @__PURE__ */ s.jsxDEV(
         "div",
         {
           className: "my-4 transition-all duration-300 border rounded-lg shadow-sm",
-          onContextMenu: m,
+          onContextMenu: d,
           children: [
-            /* @__PURE__ */ l.jsxDEV(
+            /* @__PURE__ */ s.jsxDEV(
               "div",
               {
                 className: "flex items-center justify-between p-4 transition-colors accordion-header",
                 style: { backgroundColor: o },
                 onClick: () => n(!r),
                 children: [
-                  /* @__PURE__ */ l.jsxDEV(
+                  /* @__PURE__ */ s.jsxDEV(
                     "input",
                     {
                       className: "w-full text-lg font-medium bg-transparent border-none outline-none",
-                      style: { color: s },
+                      style: { color: l },
                       defaultValue: e.attrs.title || "Accordion Title",
                       disabled: !t.isEditable,
                       suppressContentEditableWarning: !0,
@@ -1928,7 +1928,7 @@ const Sr = ({
                     },
                     void 0
                   ),
-                  /* @__PURE__ */ l.jsxDEV(
+                  /* @__PURE__ */ s.jsxDEV(
                     Fn,
                     {
                       className: `transition-transform duration-300 ${r ? "rotate-180" : ""}`,
@@ -1954,11 +1954,11 @@ const Sr = ({
               },
               void 0
             ),
-            /* @__PURE__ */ l.jsxDEV(
+            /* @__PURE__ */ s.jsxDEV(
               "div",
               {
                 className: `overflow-hidden duration-300 ease-in-out ${r ? "max-h-96 opacity-100" : "max-h-0 opacity-0"} `,
-                children: /* @__PURE__ */ l.jsxDEV("div", { className: "p-4 border-t", children: /* @__PURE__ */ l.jsxDEV(
+                children: /* @__PURE__ */ s.jsxDEV("div", { className: "p-4 border-t", children: /* @__PURE__ */ s.jsxDEV(
                   ln,
                   {
                     contentEditable: t.isEditable
@@ -1998,16 +1998,16 @@ const Sr = ({
         void 0
       ),
       editable: t.isEditable,
-      childrenEdit: /* @__PURE__ */ l.jsxDEV("div", { className: "px-6 py-4 space-y-6 rounded-lg bg-gray-50", children: [
-        /* @__PURE__ */ l.jsxDEV("div", { className: "grid grid-cols-1 gap-6", children: [
-          /* @__PURE__ */ l.jsxDEV("div", { className: "flex flex-col space-y-2", children: [
-            /* @__PURE__ */ l.jsxDEV("label", { className: "font-medium text-gray-700", children: "Background Color" }, void 0, !1, {
+      childrenEdit: /* @__PURE__ */ s.jsxDEV("div", { className: "px-6 py-4 space-y-6 rounded-lg bg-gray-50", children: [
+        /* @__PURE__ */ s.jsxDEV("div", { className: "grid grid-cols-1 gap-6", children: [
+          /* @__PURE__ */ s.jsxDEV("div", { className: "flex flex-col space-y-2", children: [
+            /* @__PURE__ */ s.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: 69,
               columnNumber: 33
             }, void 0),
-            /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center space-x-3", children: [
-              /* @__PURE__ */ l.jsxDEV(
+            /* @__PURE__ */ s.jsxDEV("div", { className: "flex items-center space-x-3", children: [
+              /* @__PURE__ */ s.jsxDEV(
                 "div",
                 {
                   className: "w-8 h-8 border rounded shadow",
@@ -2022,7 +2022,7 @@ const Sr = ({
                 },
                 void 0
               ),
-              /* @__PURE__ */ l.jsxDEV(Fe, { value: o, onChange: p }, void 0, !1, {
+              /* @__PURE__ */ s.jsxDEV(Fe, { value: o, onChange: p }, void 0, !1, {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
                 lineNumber: 75,
                 columnNumber: 37
@@ -2037,18 +2037,18 @@ const Sr = ({
             lineNumber: 68,
             columnNumber: 29
           }, void 0),
-          /* @__PURE__ */ l.jsxDEV("div", { className: "flex flex-col space-y-2", children: [
-            /* @__PURE__ */ l.jsxDEV("label", { className: "font-medium text-gray-700", children: "Title Color" }, void 0, !1, {
+          /* @__PURE__ */ s.jsxDEV("div", { className: "flex flex-col space-y-2", children: [
+            /* @__PURE__ */ s.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: 80,
               columnNumber: 33
             }, void 0),
-            /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center space-x-3", children: [
-              /* @__PURE__ */ l.jsxDEV(
+            /* @__PURE__ */ s.jsxDEV("div", { className: "flex items-center space-x-3", children: [
+              /* @__PURE__ */ s.jsxDEV(
                 "div",
                 {
                   className: "w-8 h-8 border rounded shadow",
-                  style: { backgroundColor: s }
+                  style: { backgroundColor: l }
                 },
                 void 0,
                 !1,
@@ -2059,7 +2059,7 @@ const Sr = ({
                 },
                 void 0
               ),
-              /* @__PURE__ */ l.jsxDEV(Fe, { value: s, onChange: y }, void 0, !1, {
+              /* @__PURE__ */ s.jsxDEV(Fe, { value: l, onChange: y }, void 0, !1, {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
                 lineNumber: 86,
                 columnNumber: 37
@@ -2079,13 +2079,13 @@ const Sr = ({
           lineNumber: 67,
           columnNumber: 25
         }, void 0),
-        /* @__PURE__ */ l.jsxDEV("div", { className: "pt-4 border-t border-gray-200", children: /* @__PURE__ */ l.jsxDEV("div", { className: "p-3 bg-white border rounded-md", children: [
-          /* @__PURE__ */ l.jsxDEV("div", { className: "text-sm text-gray-600", children: "Preview" }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV("div", { className: "pt-4 border-t border-gray-200", children: /* @__PURE__ */ s.jsxDEV("div", { className: "p-3 bg-white border rounded-md", children: [
+          /* @__PURE__ */ s.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: 93,
             columnNumber: 33
           }, void 0),
-          /* @__PURE__ */ l.jsxDEV("div", { className: "p-2 mt-2 rounded", style: { backgroundColor: o }, children: /* @__PURE__ */ l.jsxDEV("span", { style: { color: s, fontWeight: 500 }, children: "Accordion Title" }, void 0, !1, {
+          /* @__PURE__ */ s.jsxDEV("div", { className: "p-2 mt-2 rounded", style: { backgroundColor: o }, children: /* @__PURE__ */ s.jsxDEV("span", { style: { color: l, fontWeight: 500 }, children: "Accordion Title" }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/accordion/accordion-view.tsx",
             lineNumber: 95,
             columnNumber: 37
@@ -2172,7 +2172,7 @@ const Sr = ({
     };
   }
 });
-var kt = { exports: {} }, ze = {}, Be = { exports: {} }, wr = {}, xt = { exports: {} }, qe = { exports: {} }, F = {};
+var Dt = { exports: {} }, ze = {}, Be = { exports: {} }, wr = {}, Nt = { exports: {} }, qe = { exports: {} }, F = {};
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -2181,18 +2181,18 @@ var kt = { exports: {} }, ze = {}, Be = { exports: {} }, wr = {}, xt = { exports
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var er;
+var tr;
 function Ki() {
-  if (er) return F;
-  er = 1;
-  var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, m = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, v = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, g = e ? Symbol.for("react.scope") : 60119;
+  if (tr) return F;
+  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, l = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, v = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, g = e ? Symbol.for("react.scope") : 60119;
   function N(c) {
     if (typeof c == "object" && c !== null) {
       var Y = c.$$typeof;
       switch (Y) {
         case t:
           switch (c = c.type, c) {
-            case m:
+            case d:
             case p:
             case n:
             case a:
@@ -2205,7 +2205,7 @@ function Ki() {
                 case y:
                 case A:
                 case S:
-                case s:
+                case l:
                   return c;
                 default:
                   return Y;
@@ -2219,12 +2219,12 @@ function Ki() {
   function E(c) {
     return N(c) === p;
   }
-  return F.AsyncMode = m, F.ConcurrentMode = p, F.ContextConsumer = u, F.ContextProvider = s, F.Element = t, F.ForwardRef = y, F.Fragment = n, F.Lazy = A, F.Memo = S, F.Portal = r, F.Profiler = a, F.StrictMode = o, F.Suspense = v, F.isAsyncMode = function(c) {
-    return E(c) || N(c) === m;
+  return F.AsyncMode = d, F.ConcurrentMode = p, F.ContextConsumer = u, F.ContextProvider = l, F.Element = t, F.ForwardRef = y, F.Fragment = n, F.Lazy = A, F.Memo = S, F.Portal = r, F.Profiler = a, F.StrictMode = o, F.Suspense = v, F.isAsyncMode = function(c) {
+    return E(c) || N(c) === d;
   }, F.isConcurrentMode = E, F.isContextConsumer = function(c) {
     return N(c) === u;
   }, F.isContextProvider = function(c) {
-    return N(c) === s;
+    return N(c) === l;
   }, F.isElement = function(c) {
     return typeof c == "object" && c !== null && c.$$typeof === t;
   }, F.isForwardRef = function(c) {
@@ -2244,7 +2244,7 @@ function Ki() {
   }, F.isSuspense = function(c) {
     return N(c) === v;
   }, F.isValidElementType = function(c) {
-    return typeof c == "string" || typeof c == "function" || c === n || c === p || c === a || c === o || c === v || c === O || typeof c == "object" && c !== null && (c.$$typeof === A || c.$$typeof === S || c.$$typeof === s || c.$$typeof === u || c.$$typeof === y || c.$$typeof === B || c.$$typeof === W || c.$$typeof === g || c.$$typeof === $);
+    return typeof c == "string" || typeof c == "function" || c === n || c === p || c === a || c === o || c === v || c === O || typeof c == "object" && c !== null && (c.$$typeof === A || c.$$typeof === S || c.$$typeof === l || c.$$typeof === u || c.$$typeof === y || c.$$typeof === B || c.$$typeof === W || c.$$typeof === g || c.$$typeof === $);
   }, F.typeOf = N, F;
 }
 var U = {};
@@ -2256,22 +2256,22 @@ var U = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var tr;
+var rr;
 function Gi() {
-  return tr || (tr = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, m = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, v = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, g = e ? Symbol.for("react.scope") : 60119;
+  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, l = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, d = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, v = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, g = e ? Symbol.for("react.scope") : 60119;
     function N(b) {
       return typeof b == "string" || typeof b == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      b === n || b === p || b === a || b === o || b === v || b === O || typeof b == "object" && b !== null && (b.$$typeof === A || b.$$typeof === S || b.$$typeof === s || b.$$typeof === u || b.$$typeof === y || b.$$typeof === B || b.$$typeof === W || b.$$typeof === g || b.$$typeof === $);
+      b === n || b === p || b === a || b === o || b === v || b === O || typeof b == "object" && b !== null && (b.$$typeof === A || b.$$typeof === S || b.$$typeof === l || b.$$typeof === u || b.$$typeof === y || b.$$typeof === B || b.$$typeof === W || b.$$typeof === g || b.$$typeof === $);
     }
     function E(b) {
       if (typeof b == "object" && b !== null) {
-        var pe = b.$$typeof;
-        switch (pe) {
+        var be = b.$$typeof;
+        switch (be) {
           case t:
             var Re = b.type;
             switch (Re) {
-              case m:
+              case d:
               case p:
               case n:
               case a:
@@ -2285,29 +2285,29 @@ function Gi() {
                   case y:
                   case A:
                   case S:
-                  case s:
+                  case l:
                     return ke;
                   default:
-                    return pe;
+                    return be;
                 }
             }
           case r:
-            return pe;
+            return be;
         }
       }
     }
-    var c = m, Y = p, T = u, Q = s, de = t, fe = y, ye = n, Ee = A, ee = S, Z = r, me = a, oe = o, le = v, ge = !1;
+    var c = d, Y = p, T = u, Q = l, fe = t, me = y, ye = n, Ee = A, ee = S, Z = r, pe = a, oe = o, le = v, ge = !1;
     function Se(b) {
-      return ge || (ge = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), f(b) || E(b) === m;
+      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.")), m(b) || E(b) === d;
     }
-    function f(b) {
+    function m(b) {
       return E(b) === p;
     }
     function x(b) {
       return E(b) === u;
     }
     function P(b) {
-      return E(b) === s;
+      return E(b) === l;
     }
     function R(b) {
       return typeof b == "object" && b !== null && b.$$typeof === t;
@@ -2336,22 +2336,22 @@ function Gi() {
     function te(b) {
       return E(b) === v;
     }
-    U.AsyncMode = c, U.ConcurrentMode = Y, U.ContextConsumer = T, U.ContextProvider = Q, U.Element = de, U.ForwardRef = fe, U.Fragment = ye, U.Lazy = Ee, U.Memo = ee, U.Portal = Z, U.Profiler = me, U.StrictMode = oe, U.Suspense = le, U.isAsyncMode = Se, U.isConcurrentMode = f, U.isContextConsumer = x, U.isContextProvider = P, U.isElement = R, U.isForwardRef = C, U.isFragment = z, U.isLazy = k, U.isMemo = _, U.isPortal = j, U.isProfiler = H, U.isStrictMode = M, U.isSuspense = te, U.isValidElementType = N, U.typeOf = E;
+    U.AsyncMode = c, U.ConcurrentMode = Y, U.ContextConsumer = T, U.ContextProvider = Q, U.Element = fe, U.ForwardRef = me, U.Fragment = ye, U.Lazy = Ee, U.Memo = ee, U.Portal = Z, U.Profiler = pe, U.StrictMode = oe, U.Suspense = le, U.isAsyncMode = Se, U.isConcurrentMode = m, U.isContextConsumer = x, U.isContextProvider = P, U.isElement = R, U.isForwardRef = C, U.isFragment = z, U.isLazy = k, U.isMemo = _, U.isPortal = j, U.isProfiler = H, U.isStrictMode = M, U.isSuspense = te, U.isValidElementType = N, U.typeOf = E;
   }()), U;
 }
-var rr;
+var nr;
 function Cr() {
-  return rr || (rr = 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 = Ki() : qe.exports = Gi()), qe.exports;
 }
 /*
 object-assign
 (c) Sindre Sorhus
 @license MIT
 */
-var at, nr;
+var at, ir;
 function Ji() {
-  if (nr) return at;
-  nr = 1;
+  if (ir) return at;
+  ir = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
   function n(a) {
     if (a == null)
@@ -2365,12 +2365,12 @@ function Ji() {
       var a = new String("abc");
       if (a[5] = "de", Object.getOwnPropertyNames(a)[0] === "5")
         return !1;
-      for (var s = {}, u = 0; u < 10; u++)
-        s["_" + String.fromCharCode(u)] = u;
-      var m = Object.getOwnPropertyNames(s).map(function(y) {
-        return s[y];
+      for (var l = {}, u = 0; u < 10; u++)
+        l["_" + String.fromCharCode(u)] = u;
+      var d = Object.getOwnPropertyNames(l).map(function(y) {
+        return l[y];
       });
-      if (m.join("") !== "0123456789")
+      if (d.join("") !== "0123456789")
         return !1;
       var p = {};
       return "abcdefghijklmnopqrst".split("").forEach(function(y) {
@@ -2380,49 +2380,49 @@ function Ji() {
       return !1;
     }
   }
-  return at = o() ? Object.assign : function(a, s) {
-    for (var u, m = n(a), p, y = 1; y < arguments.length; y++) {
+  return at = o() ? Object.assign : function(a, l) {
+    for (var u, d = n(a), p, y = 1; y < arguments.length; y++) {
       u = Object(arguments[y]);
       for (var v in u)
-        t.call(u, v) && (m[v] = u[v]);
+        t.call(u, v) && (d[v] = u[v]);
       if (e) {
         p = e(u);
         for (var O = 0; O < p.length; O++)
-          r.call(u, p[O]) && (m[p[O]] = u[p[O]]);
+          r.call(u, p[O]) && (d[p[O]] = u[p[O]]);
       }
     }
-    return m;
+    return d;
   }, at;
 }
-var st, ir;
-function Dt() {
-  if (ir) return st;
-  ir = 1;
+var st, or;
+function _t() {
+  if (or) return st;
+  or = 1;
   var e = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
   return st = e, st;
 }
-var lt, or;
+var lt, ar;
 function kr() {
-  return or || (or = 1, lt = Function.call.bind(Object.prototype.hasOwnProperty)), lt;
+  return ar || (ar = 1, lt = Function.call.bind(Object.prototype.hasOwnProperty)), lt;
 }
-var ct, ar;
+var ct, sr;
 function Zi() {
-  if (ar) return ct;
-  ar = 1;
+  if (sr) return ct;
+  sr = 1;
   var e = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var t = Dt(), r = {}, n = kr();
+    var t = _t(), r = {}, n = kr();
     e = function(a) {
-      var s = "Warning: " + a;
-      typeof console < "u" && console.error(s);
+      var l = "Warning: " + a;
+      typeof console < "u" && console.error(l);
       try {
-        throw new Error(s);
+        throw new Error(l);
       } catch {
       }
     };
   }
-  function o(a, s, u, m, p) {
+  function o(a, l, u, d, p) {
     if (process.env.NODE_ENV !== "production") {
       for (var y in a)
         if (n(a, y)) {
@@ -2430,16 +2430,16 @@ function Zi() {
           try {
             if (typeof a[y] != "function") {
               var O = Error(
-                (m || "React class") + ": " + u + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                (d || "React class") + ": " + u + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
               );
               throw O.name = "Invariant Violation", O;
             }
-            v = a[y](s, y, m, u, null, t);
+            v = a[y](l, y, d, u, null, t);
           } catch (A) {
             v = A;
           }
           if (v && !(v instanceof Error) && e(
-            (m || "React class") + ": type specification of " + u + " `" + y + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof v + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+            (d || "React class") + ": type specification of " + u + " `" + y + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof v + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
           ), v instanceof Error && !(v.message in r)) {
             r[v.message] = !0;
             var S = p ? p() : "";
@@ -2454,27 +2454,27 @@ function Zi() {
     process.env.NODE_ENV !== "production" && (r = {});
   }, ct = o, ct;
 }
-var ut, sr;
+var ut, lr;
 function Qi() {
-  if (sr) return ut;
-  sr = 1;
-  var e = Cr(), t = Ji(), r = Dt(), n = kr(), o = Zi(), a = function() {
+  if (lr) return ut;
+  lr = 1;
+  var e = Cr(), t = Ji(), r = _t(), n = kr(), o = Zi(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(u) {
-    var m = "Warning: " + u;
-    typeof console < "u" && console.error(m);
+    var d = "Warning: " + u;
+    typeof console < "u" && console.error(d);
     try {
-      throw new Error(m);
+      throw new Error(d);
     } catch {
     }
   });
-  function s() {
+  function l() {
     return null;
   }
-  return ut = function(u, m) {
+  return ut = function(u, d) {
     var p = typeof Symbol == "function" && Symbol.iterator, y = "@@iterator";
-    function v(f) {
-      var x = f && (p && f[p] || f[y]);
+    function v(m) {
+      var x = m && (p && m[p] || m[y]);
       if (typeof x == "function")
         return x;
     }
@@ -2492,51 +2492,51 @@ function Qi() {
       element: E(),
       elementType: c(),
       instanceOf: Y,
-      node: fe(),
+      node: me(),
       objectOf: Q,
       oneOf: T,
-      oneOfType: de,
+      oneOfType: fe,
       shape: Ee,
       exact: ee
     };
-    function A(f, x) {
-      return f === x ? f !== 0 || 1 / f === 1 / x : f !== f && x !== x;
+    function A(m, x) {
+      return m === x ? m !== 0 || 1 / m === 1 / x : m !== m && x !== x;
     }
-    function $(f, x) {
-      this.message = f, this.data = x && typeof x == "object" ? x : {}, this.stack = "";
+    function $(m, x) {
+      this.message = m, this.data = x && typeof x == "object" ? x : {}, this.stack = "";
     }
     $.prototype = Error.prototype;
-    function B(f) {
+    function B(m) {
       if (process.env.NODE_ENV !== "production")
         var x = {}, P = 0;
       function R(z, k, _, j, H, M, te) {
         if (j = j || O, M = M || _, te !== r) {
-          if (m) {
+          if (d) {
             var b = new Error(
               "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
             );
             throw b.name = "Invariant Violation", b;
           } else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
-            var pe = j + ":" + _;
-            !x[pe] && // Avoid spamming the console because they are often not actionable except for lib authors
+            var be = j + ":" + _;
+            !x[be] && // Avoid spamming the console because they are often not actionable except for lib authors
             P < 3 && (a(
               "You are manually calling a React.PropTypes validation function for the `" + M + "` prop on `" + j + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
-            ), x[pe] = !0, P++);
+            ), x[be] = !0, P++);
           }
         }
-        return k[_] == null ? z ? k[_] === null ? new $("The " + H + " `" + M + "` is marked as required " + ("in `" + j + "`, but its value is `null`.")) : new $("The " + H + " `" + M + "` is marked as required in " + ("`" + j + "`, but its value is `undefined`.")) : null : f(k, _, j, H, M);
+        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 : m(k, _, j, H, M);
       }
       var C = R.bind(null, !1);
       return C.isRequired = R.bind(null, !0), C;
     }
-    function W(f) {
+    function W(m) {
       function x(P, R, C, z, k, _) {
         var j = P[R], H = oe(j);
-        if (H !== f) {
+        if (H !== m) {
           var M = le(j);
           return new $(
-            "Invalid " + z + " `" + k + "` of type " + ("`" + M + "` supplied to `" + C + "`, expected ") + ("`" + f + "`."),
-            { expectedType: f }
+            "Invalid " + z + " `" + k + "` of type " + ("`" + M + "` supplied to `" + C + "`, expected ") + ("`" + m + "`."),
+            { expectedType: m }
           );
         }
         return null;
@@ -2544,11 +2544,11 @@ function Qi() {
       return B(x);
     }
     function g() {
-      return B(s);
+      return B(l);
     }
-    function N(f) {
+    function N(m) {
       function x(P, R, C, z, k) {
-        if (typeof f != "function")
+        if (typeof m != "function")
           return new $("Property `" + k + "` of component `" + C + "` has invalid PropType notation inside arrayOf.");
         var _ = P[R];
         if (!Array.isArray(_)) {
@@ -2556,7 +2556,7 @@ function Qi() {
           return new $("Invalid " + z + " `" + k + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected an array."));
         }
         for (var H = 0; H < _.length; H++) {
-          var M = f(_, H, C, z, k + "[" + H + "]", r);
+          var M = m(_, H, C, z, k + "[" + H + "]", r);
           if (M instanceof Error)
             return M;
         }
@@ -2565,7 +2565,7 @@ function Qi() {
       return B(x);
     }
     function E() {
-      function f(x, P, R, C, z) {
+      function m(x, P, R, C, z) {
         var k = x[P];
         if (!u(k)) {
           var _ = oe(k);
@@ -2573,10 +2573,10 @@ function Qi() {
         }
         return null;
       }
-      return B(f);
+      return B(m);
     }
     function c() {
-      function f(x, P, R, C, z) {
+      function m(x, P, R, C, z) {
         var k = x[P];
         if (!e.isValidElementType(k)) {
           var _ = oe(k);
@@ -2584,45 +2584,45 @@ function Qi() {
         }
         return null;
       }
-      return B(f);
+      return B(m);
     }
-    function Y(f) {
+    function Y(m) {
       function x(P, R, C, z, k) {
-        if (!(P[R] instanceof f)) {
-          var _ = f.name || O, j = Se(P[R]);
+        if (!(P[R] instanceof m)) {
+          var _ = m.name || O, j = Se(P[R]);
           return new $("Invalid " + z + " `" + k + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected ") + ("instance of `" + _ + "`."));
         }
         return null;
       }
       return B(x);
     }
-    function T(f) {
-      if (!Array.isArray(f))
+    function T(m) {
+      if (!Array.isArray(m))
         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;
+        ) : a("Invalid argument supplied to oneOf, expected an array.")), l;
       function x(P, R, C, z, k) {
-        for (var _ = P[R], j = 0; j < f.length; j++)
-          if (A(_, f[j]))
+        for (var _ = P[R], j = 0; j < m.length; j++)
+          if (A(_, m[j]))
             return null;
-        var H = JSON.stringify(f, function(te, b) {
-          var pe = le(b);
-          return pe === "symbol" ? String(b) : b;
+        var H = JSON.stringify(m, function(te, b) {
+          var be = le(b);
+          return be === "symbol" ? String(b) : b;
         });
         return new $("Invalid " + z + " `" + k + "` of value `" + String(_) + "` " + ("supplied to `" + C + "`, expected one of " + H + "."));
       }
       return B(x);
     }
-    function Q(f) {
+    function Q(m) {
       function x(P, R, C, z, k) {
-        if (typeof f != "function")
+        if (typeof m != "function")
           return new $("Property `" + k + "` of component `" + C + "` has invalid PropType notation inside objectOf.");
         var _ = P[R], j = oe(_);
         if (j !== "object")
           return new $("Invalid " + z + " `" + k + "` of type " + ("`" + j + "` supplied to `" + C + "`, expected an object."));
         for (var H in _)
           if (n(_, H)) {
-            var M = f(_, H, C, z, k + "." + H, r);
+            var M = m(_, H, C, z, k + "." + H, r);
             if (M instanceof Error)
               return M;
           }
@@ -2630,46 +2630,46 @@ function Qi() {
       }
       return B(x);
     }
-    function de(f) {
-      if (!Array.isArray(f))
-        return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), s;
-      for (var x = 0; x < f.length; x++) {
-        var P = f[x];
+    function fe(m) {
+      if (!Array.isArray(m))
+        return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), l;
+      for (var x = 0; x < m.length; x++) {
+        var P = m[x];
         if (typeof P != "function")
           return a(
             "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + ge(P) + " at index " + x + "."
-          ), s;
+          ), l;
       }
       function R(C, z, k, _, j) {
-        for (var H = [], M = 0; M < f.length; M++) {
-          var te = f[M], b = te(C, z, k, _, j, r);
+        for (var H = [], M = 0; M < m.length; M++) {
+          var te = m[M], b = te(C, z, k, _, j, r);
           if (b == null)
             return null;
           b.data && n(b.data, "expectedType") && H.push(b.data.expectedType);
         }
-        var pe = H.length > 0 ? ", expected one of type [" + H.join(", ") + "]" : "";
-        return new $("Invalid " + _ + " `" + j + "` supplied to " + ("`" + k + "`" + pe + "."));
+        var be = H.length > 0 ? ", expected one of type [" + H.join(", ") + "]" : "";
+        return new $("Invalid " + _ + " `" + j + "` supplied to " + ("`" + k + "`" + be + "."));
       }
       return B(R);
     }
-    function fe() {
-      function f(x, P, R, C, z) {
+    function me() {
+      function m(x, P, R, C, z) {
         return Z(x[P]) ? null : new $("Invalid " + C + " `" + z + "` supplied to " + ("`" + R + "`, expected a ReactNode."));
       }
-      return B(f);
+      return B(m);
     }
-    function ye(f, x, P, R, C) {
+    function ye(m, x, P, R, C) {
       return new $(
-        (f || "React class") + ": " + x + " type `" + P + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + C + "`."
+        (m || "React class") + ": " + x + " type `" + P + "." + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + C + "`."
       );
     }
-    function Ee(f) {
+    function Ee(m) {
       function x(P, R, C, z, k) {
         var _ = P[R], j = oe(_);
         if (j !== "object")
           return new $("Invalid " + z + " `" + k + "` of type `" + j + "` " + ("supplied to `" + C + "`, expected `object`."));
-        for (var H in f) {
-          var M = f[H];
+        for (var H in m) {
+          var M = m[H];
           if (typeof M != "function")
             return ye(C, z, k, H, le(M));
           var te = M(_, H, C, z, k + "." + H, r);
@@ -2680,20 +2680,20 @@ function Qi() {
       }
       return B(x);
     }
-    function ee(f) {
+    function ee(m) {
       function x(P, R, C, z, k) {
         var _ = P[R], j = oe(_);
         if (j !== "object")
           return new $("Invalid " + z + " `" + k + "` of type `" + j + "` " + ("supplied to `" + C + "`, expected `object`."));
-        var H = t({}, P[R], f);
+        var H = t({}, P[R], m);
         for (var M in H) {
-          var te = f[M];
-          if (n(f, M) && typeof te != "function")
+          var te = m[M];
+          if (n(m, M) && typeof te != "function")
             return ye(C, z, k, M, le(te));
           if (!te)
             return new $(
               "Invalid " + z + " `" + k + "` key `" + M + "` supplied to `" + C + "`.\nBad object: " + JSON.stringify(P[R], null, "  ") + `
-Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
+Valid keys: ` + JSON.stringify(Object.keys(m), null, "  ")
             );
           var b = te(_, M, C, z, k + "." + M, r);
           if (b)
@@ -2703,23 +2703,23 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
       }
       return B(x);
     }
-    function Z(f) {
-      switch (typeof f) {
+    function Z(m) {
+      switch (typeof m) {
         case "number":
         case "string":
         case "undefined":
           return !0;
         case "boolean":
-          return !f;
+          return !m;
         case "object":
-          if (Array.isArray(f))
-            return f.every(Z);
-          if (f === null || u(f))
+          if (Array.isArray(m))
+            return m.every(Z);
+          if (m === null || u(m))
             return !0;
-          var x = v(f);
+          var x = v(m);
           if (x) {
-            var P = x.call(f), R;
-            if (x !== f.entries) {
+            var P = x.call(m), R;
+            if (x !== m.entries) {
               for (; !(R = P.next()).done; )
                 if (!Z(R.value))
                   return !1;
@@ -2736,27 +2736,27 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
           return !1;
       }
     }
-    function me(f, x) {
-      return f === "symbol" ? !0 : x ? x["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && x instanceof Symbol : !1;
+    function pe(m, x) {
+      return m === "symbol" ? !0 : x ? x["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && x instanceof Symbol : !1;
     }
-    function oe(f) {
-      var x = typeof f;
-      return Array.isArray(f) ? "array" : f instanceof RegExp ? "object" : me(x, f) ? "symbol" : x;
+    function oe(m) {
+      var x = typeof m;
+      return Array.isArray(m) ? "array" : m instanceof RegExp ? "object" : pe(x, m) ? "symbol" : x;
     }
-    function le(f) {
-      if (typeof f > "u" || f === null)
-        return "" + f;
-      var x = oe(f);
+    function le(m) {
+      if (typeof m > "u" || m === null)
+        return "" + m;
+      var x = oe(m);
       if (x === "object") {
-        if (f instanceof Date)
+        if (m instanceof Date)
           return "date";
-        if (f instanceof RegExp)
+        if (m instanceof RegExp)
           return "regexp";
       }
       return x;
     }
-    function ge(f) {
-      var x = le(f);
+    function ge(m) {
+      var x = le(m);
       switch (x) {
         case "array":
         case "object":
@@ -2769,23 +2769,23 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
           return x;
       }
     }
-    function Se(f) {
-      return !f.constructor || !f.constructor.name ? O : f.constructor.name;
+    function Se(m) {
+      return !m.constructor || !m.constructor.name ? O : m.constructor.name;
     }
     return S.checkPropTypes = o, S.resetWarningCache = o.resetWarningCache, S.PropTypes = S, S;
   }, ut;
 }
-var dt, lr;
+var dt, cr;
 function eo() {
-  if (lr) return dt;
-  lr = 1;
-  var e = Dt();
+  if (cr) return dt;
+  cr = 1;
+  var e = _t();
   function t() {
   }
   function r() {
   }
   return r.resetWarningCache = t, dt = function() {
-    function n(s, u, m, p, y, v) {
+    function n(l, u, d, p, y, v) {
       if (v !== e) {
         var O = new Error(
           "Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
@@ -2825,10 +2825,10 @@ function eo() {
 }
 if (process.env.NODE_ENV !== "production") {
   var to = Cr(), ro = !0;
-  xt.exports = Qi()(to.isElement, ro);
+  Nt.exports = Qi()(to.isElement, ro);
 } else
-  xt.exports = eo()();
-var Xe = xt.exports;
+  Nt.exports = eo()();
+var Xe = Nt.exports;
 function Dr(e) {
   var t, r, n = "";
   if (typeof e == "string" || typeof e == "number") n += e;
@@ -2836,14 +2836,14 @@ function Dr(e) {
   else for (t in e) e[t] && (n && (n += " "), n += t);
   return n;
 }
-function cr() {
+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({
   __proto__: null,
-  clsx: cr,
-  default: cr
+  clsx: ur,
+  default: ur
 }, Symbol.toStringTag, { value: "Module" })), io = /* @__PURE__ */ _n(no);
 var K = {}, xe = {};
 Object.defineProperty(xe, "__esModule", {
@@ -2913,7 +2913,7 @@ K.createCSSTransform = Eo;
 K.createSVGTransform = So;
 K.getTouch = wo;
 K.getTouchIdentifier = Co;
-K.getTranslation = _t;
+K.getTranslation = Ot;
 K.innerHeight = go;
 K.innerWidth = xo;
 K.matchesSelector = Tr;
@@ -2924,7 +2924,7 @@ K.outerWidth = vo;
 K.removeClassName = jr;
 K.removeEvent = ho;
 K.removeUserSelectStyles = Do;
-var ue = xe, ur = mo(Oe);
+var de = xe, dr = mo(Oe);
 function Rr(e) {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
@@ -2943,16 +2943,16 @@ function mo(e, t) {
   var n = {}, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
   for (var a in e)
     if (a !== "default" && Object.prototype.hasOwnProperty.call(e, a)) {
-      var s = o ? Object.getOwnPropertyDescriptor(e, a) : null;
-      s && (s.get || s.set) ? Object.defineProperty(n, a, s) : n[a] = e[a];
+      var l = o ? Object.getOwnPropertyDescriptor(e, a) : null;
+      l && (l.get || l.set) ? Object.defineProperty(n, a, l) : n[a] = e[a];
     }
   return n.default = e, r && r.set(e, n), n;
 }
 let Ye = "";
 function Tr(e, t) {
-  return Ye || (Ye = (0, ue.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(r) {
-    return (0, ue.isFunction)(e[r]);
-  })), (0, ue.isFunction)(e[Ye]) ? e[Ye](t) : !1;
+  return Ye || (Ye = (0, de.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(r) {
+    return (0, de.isFunction)(e[r]);
+  })), (0, de.isFunction)(e[Ye]) ? e[Ye](t) : !1;
 }
 function po(e, t, r) {
   let n = e;
@@ -2982,55 +2982,55 @@ function ho(e, t, r, n) {
 function yo(e) {
   let t = e.clientHeight;
   const r = e.ownerDocument.defaultView.getComputedStyle(e);
-  return t += (0, ue.int)(r.borderTopWidth), t += (0, ue.int)(r.borderBottomWidth), t;
+  return t += (0, de.int)(r.borderTopWidth), t += (0, de.int)(r.borderBottomWidth), t;
 }
 function vo(e) {
   let t = e.clientWidth;
   const r = e.ownerDocument.defaultView.getComputedStyle(e);
-  return t += (0, ue.int)(r.borderLeftWidth), t += (0, ue.int)(r.borderRightWidth), t;
+  return t += (0, de.int)(r.borderLeftWidth), t += (0, de.int)(r.borderRightWidth), t;
 }
 function go(e) {
   let t = e.clientHeight;
   const r = e.ownerDocument.defaultView.getComputedStyle(e);
-  return t -= (0, ue.int)(r.paddingTop), t -= (0, ue.int)(r.paddingBottom), t;
+  return t -= (0, de.int)(r.paddingTop), t -= (0, de.int)(r.paddingBottom), t;
 }
 function xo(e) {
   let t = e.clientWidth;
   const r = e.ownerDocument.defaultView.getComputedStyle(e);
-  return t -= (0, ue.int)(r.paddingLeft), t -= (0, ue.int)(r.paddingRight), t;
+  return t -= (0, de.int)(r.paddingLeft), t -= (0, de.int)(r.paddingRight), t;
 }
 function No(e, t, r) {
   const o = t === t.ownerDocument.body ? {
     left: 0,
     top: 0
-  } : t.getBoundingClientRect(), a = (e.clientX + t.scrollLeft - o.left) / r, s = (e.clientY + t.scrollTop - o.top) / r;
+  } : t.getBoundingClientRect(), a = (e.clientX + t.scrollLeft - o.left) / r, l = (e.clientY + t.scrollTop - o.top) / r;
   return {
     x: a,
-    y: s
+    y: l
   };
 }
 function Eo(e, t) {
-  const r = _t(e, t, "px");
+  const r = Ot(e, t, "px");
   return {
-    [(0, ur.browserPrefixToKey)("transform", ur.default)]: r
+    [(0, dr.browserPrefixToKey)("transform", dr.default)]: r
   };
 }
 function So(e, t) {
-  return _t(e, t, "");
+  return Ot(e, t, "");
 }
-function _t(e, t, r) {
+function Ot(e, t, r) {
   let {
     x: n,
     y: o
   } = e, a = "translate(".concat(n).concat(r, ",").concat(o).concat(r, ")");
   if (t) {
-    const s = "".concat(typeof t.x == "string" ? t.x : t.x + r), u = "".concat(typeof t.y == "string" ? t.y : t.y + r);
-    a = "translate(".concat(s, ", ").concat(u, ")") + a;
+    const l = "".concat(typeof t.x == "string" ? t.x : t.x + r), u = "".concat(typeof t.y == "string" ? t.y : t.y + r);
+    a = "translate(".concat(l, ", ").concat(u, ")") + a;
   }
   return a;
 }
 function wo(e, t) {
-  return e.targetTouches && (0, ue.findInArray)(e.targetTouches, (r) => t === r.identifier) || e.changedTouches && (0, ue.findInArray)(e.changedTouches, (r) => t === r.identifier);
+  return e.targetTouches && (0, de.findInArray)(e.targetTouches, (r) => t === r.identifier) || e.changedTouches && (0, de.findInArray)(e.changedTouches, (r) => t === r.identifier);
 }
 function Co(e) {
   if (e.targetTouches && e.targetTouches[0]) return e.targetTouches[0].identifier;
@@ -3079,20 +3079,20 @@ function _o(e, t, r) {
     bounds: n
   } = e.props;
   n = typeof n == "string" ? n : Vo(n);
-  const o = Ot(e);
+  const o = Rt(e);
   if (typeof n == "string") {
     const {
       ownerDocument: a
-    } = o, s = a.defaultView;
+    } = o, l = a.defaultView;
     let u;
-    if (n === "parent" ? u = o.parentNode : u = a.querySelector(n), !(u instanceof s.HTMLElement))
+    if (n === "parent" ? u = o.parentNode : u = a.querySelector(n), !(u instanceof l.HTMLElement))
       throw new Error('Bounds selector "' + n + '" could not find an element.');
-    const m = u, p = s.getComputedStyle(o), y = s.getComputedStyle(m);
+    const d = u, p = l.getComputedStyle(o), y = l.getComputedStyle(d);
     n = {
       left: -o.offsetLeft + (0, ce.int)(y.paddingLeft) + (0, ce.int)(p.marginLeft),
       top: -o.offsetTop + (0, ce.int)(y.paddingTop) + (0, ce.int)(p.marginTop),
-      right: (0, je.innerWidth)(m) - (0, je.outerWidth)(o) - o.offsetLeft + (0, ce.int)(y.paddingRight) - (0, ce.int)(p.marginRight),
-      bottom: (0, je.innerHeight)(m) - (0, je.outerHeight)(o) - o.offsetTop + (0, ce.int)(y.paddingBottom) - (0, ce.int)(p.marginBottom)
+      right: (0, je.innerWidth)(d) - (0, je.outerWidth)(o) - o.offsetLeft + (0, ce.int)(y.paddingRight) - (0, ce.int)(p.marginRight),
+      bottom: (0, je.innerHeight)(d) - (0, je.outerHeight)(o) - o.offsetTop + (0, ce.int)(y.paddingBottom) - (0, ce.int)(p.marginBottom)
     };
   }
   return (0, ce.isNum)(n.right) && (t = Math.min(t, n.right)), (0, ce.isNum)(n.bottom) && (r = Math.min(r, n.bottom)), (0, ce.isNum)(n.left) && (t = Math.max(t, n.left)), (0, ce.isNum)(n.top) && (r = Math.max(r, n.top)), [t, r];
@@ -3110,11 +3110,11 @@ function To(e) {
 function Po(e, t, r) {
   const n = typeof t == "number" ? (0, je.getTouch)(e, t) : null;
   if (typeof t == "number" && !n) return null;
-  const o = Ot(r), a = r.props.offsetParent || o.offsetParent || o.ownerDocument.body;
+  const o = Rt(r), a = r.props.offsetParent || o.offsetParent || o.ownerDocument.body;
   return (0, je.offsetXYFromParent)(n || e, a, r.props.scale);
 }
 function jo(e, t, r) {
-  const n = !(0, ce.isNum)(e.lastX), o = Ot(e);
+  const n = !(0, ce.isNum)(e.lastX), o = Rt(e);
   return n ? {
     node: o,
     deltaX: 0,
@@ -3153,7 +3153,7 @@ function Vo(e) {
     bottom: e.bottom
   };
 }
-function Ot(e) {
+function Rt(e) {
   const t = e.findDOMNode();
   if (!t)
     throw new Error("<DraggableCore>: Unmounted during event!");
@@ -3170,8 +3170,8 @@ Object.defineProperty(Ke, "__esModule", {
   value: !0
 });
 Ke.default = void 0;
-var mt = zo(_e), se = Rt(Xe), $o = Rt(Nr), re = K, we = Ne, pt = xe, Ae = Rt(Ge);
-function Rt(e) {
+var mt = zo(_e), se = Tt(Xe), $o = Tt(Nr), re = K, we = Ne, pt = xe, Ae = Tt(Ge);
+function Tt(e) {
   return e && e.__esModule ? e : { default: e };
 }
 function Mr(e) {
@@ -3192,8 +3192,8 @@ function zo(e, t) {
   var n = {}, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
   for (var a in e)
     if (a !== "default" && Object.prototype.hasOwnProperty.call(e, a)) {
-      var s = o ? Object.getOwnPropertyDescriptor(e, a) : null;
-      s && (s.get || s.set) ? Object.defineProperty(n, a, s) : n[a] = e[a];
+      var l = o ? Object.getOwnPropertyDescriptor(e, a) : null;
+      l && (l.get || l.set) ? Object.defineProperty(n, a, l) : n[a] = e[a];
     }
   return n.default = e, r && r.set(e, n), n;
 }
@@ -3244,10 +3244,10 @@ let Ce = ve.mouse, Je = class extends mt.Component {
       const a = (0, we.getControlPosition)(t, o, this);
       if (a == null) return;
       const {
-        x: s,
+        x: l,
         y: u
-      } = 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));
+      } = a, d = (0, we.createCoreData)(this, l, u);
+      (0, Ae.default)("DraggableCore: handleDragStart: %j", d), (0, Ae.default)("calling", this.props.onStart), !(this.props.onStart(t, d) === !1 || this.mounted === !1) && (this.props.enableUserSelectHack && (0, re.addUserSelectStyles)(n), this.dragging = !0, this.lastX = l, 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;
@@ -3256,17 +3256,17 @@ let Ce = ve.mouse, Je = class extends mt.Component {
         y: o
       } = r;
       if (Array.isArray(this.props.grid)) {
-        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;
+        let u = n - this.lastX, d = o - this.lastY;
+        if ([u, d] = (0, we.snapToGrid)(this.props.grid, u, d), !u && !d) return;
+        n = this.lastX + u, o = this.lastY + d;
       }
       const a = (0, we.createCoreData)(this, n, o);
       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 m = document.createEvent("MouseEvents");
-          m.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(m);
+          const d = document.createEvent("MouseEvents");
+          d.initMouseEvent("mouseup", !0, !0, window, 0, 0, 0, 0, 0, !1, !1, !1, !1, 0, null), this.handleDragStop(d);
         }
         return;
       }
@@ -3280,8 +3280,8 @@ let Ce = ve.mouse, Je = class extends mt.Component {
         y: o
       } = r;
       if (Array.isArray(this.props.grid)) {
-        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;
+        let d = n - this.lastX || 0, p = o - this.lastY || 0;
+        [d, p] = (0, we.snapToGrid)(this.props.grid, d, p), n = this.lastX + d, o = this.lastY + p;
       }
       const a = (0, we.createCoreData)(this, n, o);
       if (this.props.onStop(t, a) === !1 || this.mounted === !1) return !1;
@@ -3473,10 +3473,10 @@ ie(Je, "defaultProps", {
   }), Object.defineProperty(e, "DraggableCore", {
     enumerable: !0,
     get: function() {
-      return m.default;
+      return d.default;
     }
   }), e.default = void 0;
-  var t = O(_e), r = y(Xe), n = y(Nr), o = y(io), a = K, s = Ne, u = xe, m = y(Ke), p = y(Ge);
+  var t = O(_e), r = y(Xe), n = y(Nr), o = y(io), a = K, l = Ne, u = xe, d = y(Ke), p = y(Ge);
   function y(g) {
     return g && g.__esModule ? g : { default: g };
   }
@@ -3552,7 +3552,7 @@ ie(Je, "defaultProps", {
     }
     constructor(N) {
       super(N), A(this, "onDragStart", (E, c) => {
-        if ((0, p.default)("Draggable: onDragStart: %j", c), this.props.onStart(E, (0, s.createDraggableData)(this, c)) === !1) return !1;
+        if ((0, p.default)("Draggable: onDragStart: %j", c), this.props.onStart(E, (0, l.createDraggableData)(this, c)) === !1) return !1;
         this.setState({
           dragging: !0,
           dragged: !0
@@ -3560,7 +3560,7 @@ ie(Je, "defaultProps", {
       }), A(this, "onDrag", (E, c) => {
         if (!this.state.dragging) return !1;
         (0, p.default)("Draggable: onDrag: %j", c);
-        const Y = (0, s.createDraggableData)(this, c), T = {
+        const Y = (0, l.createDraggableData)(this, c), T = {
           x: Y.x,
           y: Y.y,
           slackX: 0,
@@ -3568,17 +3568,17 @@ ie(Je, "defaultProps", {
         };
         if (this.props.bounds) {
           const {
-            x: de,
-            y: fe
+            x: fe,
+            y: me
           } = T;
           T.x += this.state.slackX, T.y += this.state.slackY;
-          const [ye, Ee] = (0, s.getBoundPosition)(this, T.x, T.y);
-          T.x = ye, T.y = Ee, T.slackX = this.state.slackX + (de - T.x), T.slackY = this.state.slackY + (fe - T.y), Y.x = T.x, Y.y = T.y, Y.deltaX = T.x - this.state.x, Y.deltaY = T.y - this.state.y;
+          const [ye, Ee] = (0, l.getBoundPosition)(this, T.x, T.y);
+          T.x = ye, T.y = Ee, T.slackX = this.state.slackX + (fe - T.x), T.slackY = this.state.slackY + (me - T.y), Y.x = T.x, Y.y = T.y, Y.deltaX = T.x - this.state.x, Y.deltaY = T.y - this.state.y;
         }
         if (this.props.onDrag(E, Y) === !1) return !1;
         this.setState(T);
       }), A(this, "onDragStop", (E, c) => {
-        if (!this.state.dragging || this.props.onStop(E, (0, s.createDraggableData)(this, c)) === !1) return !1;
+        if (!this.state.dragging || this.props.onStop(E, (0, l.createDraggableData)(this, c)) === !1) return !1;
         (0, p.default)("Draggable: onDragStop: %j", c);
         const T = {
           dragging: !1,
@@ -3587,10 +3587,10 @@ ie(Je, "defaultProps", {
         };
         if (!!this.props.position) {
           const {
-            x: de,
-            y: fe
+            x: fe,
+            y: me
           } = this.props.position;
-          T.x = de, T.y = fe;
+          T.x = fe, T.y = me;
         }
         this.setState(T);
       }), this.state = {
@@ -3635,41 +3635,41 @@ ie(Je, "defaultProps", {
         defaultPosition: Y,
         defaultClassName: T,
         defaultClassNameDragging: Q,
-        defaultClassNameDragged: de,
-        position: fe,
+        defaultClassNameDragged: fe,
+        position: me,
         positionOffset: ye,
         scale: Ee,
         ...ee
       } = this.props;
-      let Z = {}, me = null;
-      const le = !!!fe || this.state.dragging, ge = fe || Y, Se = {
+      let Z = {}, pe = null;
+      const le = !!!me || this.state.dragging, ge = me || Y, Se = {
         // Set left if horizontal drag is enabled
-        x: (0, s.canDragX)(this) && le ? this.state.x : ge.x,
+        x: (0, l.canDragX)(this) && le ? this.state.x : ge.x,
         // Set top if vertical drag is enabled
-        y: (0, s.canDragY)(this) && le ? this.state.y : ge.y
+        y: (0, l.canDragY)(this) && le ? this.state.y : ge.y
       };
-      this.state.isElementSVG ? me = (0, a.createSVGTransform)(Se, ye) : Z = (0, a.createCSSTransform)(Se, ye);
-      const f = (0, o.default)(c.props.className || "", T, {
+      this.state.isElementSVG ? pe = (0, a.createSVGTransform)(Se, ye) : Z = (0, a.createCSSTransform)(Se, ye);
+      const m = (0, o.default)(c.props.className || "", T, {
         [Q]: this.state.dragging,
-        [de]: this.state.dragged
+        [fe]: this.state.dragged
       });
-      return /* @__PURE__ */ t.createElement(m.default, S({}, ee, {
+      return /* @__PURE__ */ t.createElement(d.default, S({}, ee, {
         onStart: this.onDragStart,
         onDrag: this.onDrag,
         onStop: this.onDragStop
       }), /* @__PURE__ */ t.cloneElement(t.Children.only(c), {
-        className: f,
+        className: m,
         style: {
           ...c.props.style,
           ...Z
         },
-        transform: me
+        transform: pe
       }));
     }
   }
   e.default = W, A(W, "displayName", "Draggable"), A(W, "propTypes", {
     // Accepts all props <DraggableCore> accepts.
-    ...m.default.propTypes,
+    ...d.default.propTypes,
     /**
      * `axis` determines which axis the draggable can move.
      *
@@ -3775,7 +3775,7 @@ ie(Je, "defaultProps", {
     style: u.dontSetMe,
     transform: u.dontSetMe
   }), A(W, "defaultProps", {
-    ...m.default.defaultProps,
+    ...d.default.defaultProps,
     axis: "both",
     bounds: !1,
     defaultClassName: "react-draggable",
@@ -3795,14 +3795,14 @@ const {
 Be.exports = Vr;
 Be.exports.default = Vr;
 Be.exports.DraggableCore = Lo;
-var Wo = Be.exports, Tt = {};
-Tt.__esModule = !0;
-Tt.cloneElement = Xo;
+var Wo = Be.exports, Pt = {};
+Pt.__esModule = !0;
+Pt.cloneElement = Xo;
 var qo = Yo(_e);
 function Yo(e) {
   return e && e.__esModule ? e : { default: e };
 }
-function dr(e, t) {
+function fr(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -3812,12 +3812,12 @@ function dr(e, t) {
   }
   return r;
 }
-function fr(e) {
+function mr(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? dr(Object(r), !0).forEach(function(n) {
+    t % 2 ? fr(Object(r), !0).forEach(function(n) {
       Fo(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : dr(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : fr(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
@@ -3841,7 +3841,7 @@ function Bo(e, t) {
   return (t === "string" ? String : Number)(e);
 }
 function Xo(e, t) {
-  return t.style && e.props.style && (t.style = fr(fr({}, e.props.style), t.style)), t.className && e.props.className && (t.className = e.props.className + " " + t.className), /* @__PURE__ */ qo.default.cloneElement(e, t);
+  return t.style && e.props.style && (t.style = mr(mr({}, e.props.style), t.style)), t.className && e.props.className && (t.className = e.props.className + " " + t.className), /* @__PURE__ */ qo.default.cloneElement(e, t);
 }
 var Ie = {};
 Ie.__esModule = !0;
@@ -3958,7 +3958,7 @@ var Go = {
 Ie.resizableProps = Go;
 ze.__esModule = !0;
 ze.default = void 0;
-var $e = ta(_e), Jo = Wo, Zo = Tt, Qo = Ie, ea = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
+var $e = ta(_e), Jo = Wo, Zo = Pt, Qo = Ie, ea = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
 function Ar(e) {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
@@ -3977,20 +3977,20 @@ function ta(e, t) {
   var n = {}, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
   for (var a in e)
     if (a !== "default" && Object.prototype.hasOwnProperty.call(e, a)) {
-      var s = o ? Object.getOwnPropertyDescriptor(e, a) : null;
-      s && (s.get || s.set) ? Object.defineProperty(n, a, s) : n[a] = e[a];
+      var l = o ? Object.getOwnPropertyDescriptor(e, a) : null;
+      l && (l.get || l.set) ? Object.defineProperty(n, a, l) : n[a] = e[a];
     }
   return n.default = e, r && r.set(e, n), n;
 }
-function Nt() {
-  return Nt = Object.assign ? Object.assign.bind() : function(e) {
+function Et() {
+  return Et = 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);
+  }, Et.apply(this, arguments);
 }
 function ra(e, t) {
   if (e == null) return {};
@@ -3999,7 +3999,7 @@ function ra(e, t) {
     o = n[a], !(t.indexOf(o) >= 0) && (r[o] = e[o]);
   return r;
 }
-function mr(e, t) {
+function pr(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -4012,9 +4012,9 @@ function mr(e, t) {
 function bt(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? mr(Object(r), !0).forEach(function(n) {
+    t % 2 ? pr(Object(r), !0).forEach(function(n) {
       na(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : mr(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : pr(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
@@ -4038,18 +4038,18 @@ function oa(e, t) {
   return (t === "string" ? String : Number)(e);
 }
 function aa(e, t) {
-  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Et(e, t);
+  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, St(e, t);
 }
-function Et(e, t) {
-  return Et = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, o) {
+function St(e, t) {
+  return St = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, o) {
     return n.__proto__ = o, n;
-  }, Et(e, t);
+  }, St(e, t);
 }
-var Pt = /* @__PURE__ */ function(e) {
+var jt = /* @__PURE__ */ function(e) {
   aa(t, e);
   function t() {
-    for (var n, o = arguments.length, a = new Array(o), s = 0; s < o; s++)
-      a[s] = arguments[s];
+    for (var n, o = arguments.length, a = new Array(o), l = 0; l < o; l++)
+      a[l] = arguments[l];
     return n = e.call.apply(e, [this].concat(a)) || this, n.handleRefs = {}, n.lastHandleRect = null, n.slack = null, n;
   }
   var r = t.prototype;
@@ -4058,36 +4058,36 @@ var Pt = /* @__PURE__ */ function(e) {
   }, r.resetData = function() {
     this.lastHandleRect = this.slack = null;
   }, r.runConstraints = function(o, a) {
-    var s = this.props, u = s.minConstraints, m = s.maxConstraints, p = s.lockAspectRatio;
-    if (!u && !m && !p) return [o, a];
+    var l = this.props, u = l.minConstraints, d = l.maxConstraints, p = l.lockAspectRatio;
+    if (!u && !d && !p) return [o, a];
     if (p) {
       var y = this.props.width / this.props.height, v = o - this.props.width, O = a - this.props.height;
       Math.abs(v) > Math.abs(O * y) ? a = o / y : o = a * y;
     }
     var S = o, A = a, $ = this.slack || [0, 0], B = $[0], W = $[1];
-    return o += B, a += W, u && (o = Math.max(u[0], o), a = Math.max(u[1], a)), m && (o = Math.min(m[0], o), a = Math.min(m[1], a)), this.slack = [B + (S - o), W + (A - a)], [o, a];
+    return o += B, a += W, u && (o = Math.max(u[0], o), a = Math.max(u[1], a)), d && (o = Math.min(d[0], o), a = Math.min(d[1], a)), this.slack = [B + (S - o), W + (A - a)], [o, a];
   }, r.resizeHandler = function(o, a) {
-    var s = this;
-    return function(u, m) {
-      var p = m.node, y = m.deltaX, v = m.deltaY;
-      o === "onResizeStart" && s.resetData();
-      var O = (s.props.axis === "both" || s.props.axis === "x") && a !== "n" && a !== "s", S = (s.props.axis === "both" || s.props.axis === "y") && a !== "e" && a !== "w";
+    var l = this;
+    return function(u, d) {
+      var p = d.node, y = d.deltaX, v = d.deltaY;
+      o === "onResizeStart" && l.resetData();
+      var O = (l.props.axis === "both" || l.props.axis === "x") && a !== "n" && a !== "s", S = (l.props.axis === "both" || l.props.axis === "y") && a !== "e" && a !== "w";
       if (!(!O && !S)) {
         var A = a[0], $ = a[a.length - 1], B = p.getBoundingClientRect();
-        if (s.lastHandleRect != null) {
+        if (l.lastHandleRect != null) {
           if ($ === "w") {
-            var W = B.left - s.lastHandleRect.left;
+            var W = B.left - l.lastHandleRect.left;
             y += W;
           }
           if (A === "n") {
-            var g = B.top - s.lastHandleRect.top;
+            var g = B.top - l.lastHandleRect.top;
             v += g;
           }
         }
-        s.lastHandleRect = B, $ === "w" && (y = -y), A === "n" && (v = -v);
-        var N = s.props.width + (O ? y / s.props.transformScale : 0), E = s.props.height + (S ? v / s.props.transformScale : 0), c = s.runConstraints(N, E);
+        l.lastHandleRect = B, $ === "w" && (y = -y), A === "n" && (v = -v);
+        var N = l.props.width + (O ? y / l.props.transformScale : 0), E = l.props.height + (S ? v / l.props.transformScale : 0), c = l.runConstraints(N, E);
         N = c[0], E = c[1];
-        var Y = N !== s.props.width || E !== s.props.height, T = typeof s.props[o] == "function" ? s.props[o] : null, Q = o === "onResize" && !Y;
+        var Y = N !== l.props.width || E !== l.props.height, T = typeof l.props[o] == "function" ? l.props[o] : null, Q = o === "onResize" && !Y;
         T && !Q && (u.persist == null || u.persist(), T(u, {
           node: p,
           size: {
@@ -4095,35 +4095,35 @@ var Pt = /* @__PURE__ */ function(e) {
             height: E
           },
           handle: a
-        })), o === "onResizeStop" && s.resetData();
+        })), o === "onResizeStop" && l.resetData();
       }
     };
   }, r.renderResizeHandle = function(o, a) {
-    var s = this.props.handle;
-    if (!s)
+    var l = this.props.handle;
+    if (!l)
       return /* @__PURE__ */ $e.createElement("span", {
         className: "react-resizable-handle react-resizable-handle-" + o,
         ref: a
       });
-    if (typeof s == "function")
-      return s(o, a);
-    var u = typeof s.type == "string", m = bt({
+    if (typeof l == "function")
+      return l(o, a);
+    var u = typeof l.type == "string", d = bt({
       ref: a
     }, u ? {} : {
       handleAxis: o
     });
-    return /* @__PURE__ */ $e.cloneElement(s, m);
+    return /* @__PURE__ */ $e.cloneElement(l, d);
   }, r.render = function() {
-    var o = this, a = this.props, s = a.children, u = a.className, m = a.draggableOpts;
+    var o = this, a = this.props, l = a.children, u = a.className, d = 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 p = a.resizeHandles;
     a.transformScale;
     var y = ra(a, ea);
-    return (0, Zo.cloneElement)(s, bt(bt({}, y), {}, {
+    return (0, Zo.cloneElement)(l, bt(bt({}, y), {}, {
       className: (u ? u + " " : "") + "react-resizable",
-      children: [].concat(s.props.children, p.map(function(v) {
+      children: [].concat(l.props.children, p.map(function(v) {
         var O, S = (O = o.handleRefs[v]) != null ? O : o.handleRefs[v] = /* @__PURE__ */ $e.createRef();
-        return /* @__PURE__ */ $e.createElement(Jo.DraggableCore, Nt({}, m, {
+        return /* @__PURE__ */ $e.createElement(Jo.DraggableCore, Et({}, d, {
           nodeRef: S,
           key: "resizableHandle-" + v,
           onStop: o.resizeHandler("onResizeStop", v),
@@ -4134,9 +4134,9 @@ var Pt = /* @__PURE__ */ function(e) {
     }));
   }, t;
 }($e.Component);
-ze.default = Pt;
-Pt.propTypes = Qo.resizableProps;
-Pt.defaultProps = {
+ze.default = jt;
+jt.propTypes = Qo.resizableProps;
+jt.defaultProps = {
   axis: "both",
   handleSize: [20, 20],
   lockAspectRatio: !1,
@@ -4170,22 +4170,22 @@ function da(e, t) {
   var n = {}, o = Object.defineProperty && Object.getOwnPropertyDescriptor;
   for (var a in e)
     if (a !== "default" && Object.prototype.hasOwnProperty.call(e, a)) {
-      var s = o ? Object.getOwnPropertyDescriptor(e, a) : null;
-      s && (s.get || s.set) ? Object.defineProperty(n, a, s) : n[a] = e[a];
+      var l = o ? Object.getOwnPropertyDescriptor(e, a) : null;
+      l && (l.get || l.set) ? Object.defineProperty(n, a, l) : n[a] = e[a];
     }
   return n.default = e, r && r.set(e, n), n;
 }
-function St() {
-  return St = Object.assign ? Object.assign.bind() : function(e) {
+function wt() {
+  return wt = 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;
-  }, St.apply(this, arguments);
+  }, wt.apply(this, arguments);
 }
-function pr(e, t) {
+function br(e, t) {
   var r = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var n = Object.getOwnPropertySymbols(e);
@@ -4198,9 +4198,9 @@ function pr(e, t) {
 function Ue(e) {
   for (var t = 1; t < arguments.length; t++) {
     var r = arguments[t] != null ? arguments[t] : {};
-    t % 2 ? pr(Object(r), !0).forEach(function(n) {
+    t % 2 ? br(Object(r), !0).forEach(function(n) {
       fa(e, n, r[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : pr(Object(r)).forEach(function(n) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : br(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
@@ -4231,27 +4231,27 @@ function ba(e, t) {
   return r;
 }
 function ha(e, t) {
-  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, wt(e, t);
+  e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Ct(e, t);
 }
-function wt(e, t) {
-  return wt = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, o) {
+function Ct(e, t) {
+  return Ct = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(n, o) {
     return n.__proto__ = o, n;
-  }, wt(e, t);
+  }, Ct(e, t);
 }
 var Ir = /* @__PURE__ */ function(e) {
   ha(t, e);
   function t() {
-    for (var n, o = arguments.length, a = new Array(o), s = 0; s < o; s++)
-      a[s] = arguments[s];
+    for (var n, o = arguments.length, a = new Array(o), l = 0; l < o; l++)
+      a[l] = arguments[l];
     return n = e.call.apply(e, [this].concat(a)) || this, n.state = {
       width: n.props.width,
       height: n.props.height,
       propsWidth: n.props.width,
       propsHeight: n.props.height
-    }, n.onResize = function(u, m) {
-      var p = m.size;
+    }, n.onResize = function(u, d) {
+      var p = d.size;
       n.props.onResize ? (u.persist == null || u.persist(), n.setState(p, function() {
-        return n.props.onResize && n.props.onResize(u, m);
+        return n.props.onResize && n.props.onResize(u, d);
       })) : n.setState(p);
     }, n;
   }
@@ -4265,27 +4265,27 @@ var Ir = /* @__PURE__ */ function(e) {
   };
   var r = t.prototype;
   return r.render = function() {
-    var o = this.props, a = o.handle, s = o.handleSize;
+    var o = this.props, a = o.handle, l = o.handleSize;
     o.onResize;
-    var u = o.onResizeStart, m = o.onResizeStop, p = o.draggableOpts, y = o.minConstraints, v = o.maxConstraints, O = o.lockAspectRatio, S = o.axis;
+    var u = o.onResizeStart, d = o.onResizeStop, p = o.draggableOpts, y = o.minConstraints, v = o.maxConstraints, O = o.lockAspectRatio, S = o.axis;
     o.width, o.height;
     var A = o.resizeHandles, $ = o.style, B = o.transformScale, W = ba(o, ua);
     return /* @__PURE__ */ ht.createElement(la.default, {
       axis: S,
       draggableOpts: p,
       handle: a,
-      handleSize: s,
+      handleSize: l,
       height: this.state.height,
       lockAspectRatio: O,
       maxConstraints: v,
       minConstraints: y,
       onResizeStart: u,
       onResize: this.onResize,
-      onResizeStop: m,
+      onResizeStop: d,
       resizeHandles: A,
       transformScale: B,
       width: this.state.width
-    }, /* @__PURE__ */ ht.createElement("div", St({}, W, {
+    }, /* @__PURE__ */ ht.createElement("div", wt({}, W, {
       style: Ue(Ue({}, $), {}, {
         width: this.state.width + "px",
         height: this.state.height + "px"
@@ -4297,20 +4297,20 @@ Ze.default = Ir;
 Ir.propTypes = Ue(Ue({}, ca.resizableProps), {}, {
   children: sa.default.element
 });
-kt.exports = function() {
+Dt.exports = function() {
   throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
 };
-kt.exports.Resizable = ze.default;
-var ya = kt.exports.ResizableBox = Ze.default;
+Dt.exports.Resizable = ze.default;
+var ya = Dt.exports.ResizableBox = Ze.default;
 const va = ({ node: e, updateAttributes: t, editor: r }) => {
-  const [n, o] = he({
+  const [n, o] = ue({
     width: e.attrs.width || 300,
     height: e.attrs.height || 300
-  }), [a, s] = he({
+  }), [a, l] = ue({
     left: e.attrs.marginLeft || 0,
     right: e.attrs.marginRight || 0
-  }), [u, m] = he(e.attrs.src || ""), p = sn(null);
-  hr(() => {
+  }), [u, d] = ue(e.attrs.src || ""), p = sn(null);
+  vt(() => {
     if (e.attrs.src && p.current) {
       const S = new Image();
       S.onload = () => {
@@ -4340,11 +4340,11 @@ const va = ({ node: e, updateAttributes: t, editor: r }) => {
   }, O = (S) => {
     S.preventDefault();
   };
-  return /* @__PURE__ */ l.jsxDEV(yr, { className: "image-wrapper", children: /* @__PURE__ */ l.jsxDEV(
+  return /* @__PURE__ */ s.jsxDEV(yr, { className: "image-wrapper", children: /* @__PURE__ */ s.jsxDEV(
     Sr,
     {
       title: "Image",
-      childrenContent: /* @__PURE__ */ l.jsxDEV(
+      childrenContent: /* @__PURE__ */ s.jsxDEV(
         "div",
         {
           className: "relative",
@@ -4353,7 +4353,7 @@ const va = ({ node: e, updateAttributes: t, editor: r }) => {
             marginRight: a.right
           },
           onContextMenu: O,
-          children: r.isEditable ? /* @__PURE__ */ l.jsxDEV(
+          children: r.isEditable ? /* @__PURE__ */ s.jsxDEV(
             ya,
             {
               width: n.width,
@@ -4363,7 +4363,7 @@ const va = ({ node: e, updateAttributes: t, editor: r }) => {
               maxConstraints: [800, 800],
               lockAspectRatio: !0,
               className: "relative",
-              children: /* @__PURE__ */ l.jsxDEV(
+              children: /* @__PURE__ */ s.jsxDEV(
                 "img",
                 {
                   ref: p,
@@ -4390,7 +4390,7 @@ const va = ({ node: e, updateAttributes: t, editor: r }) => {
               columnNumber: 29
             },
             void 0
-          ) : /* @__PURE__ */ l.jsxDEV(
+          ) : /* @__PURE__ */ s.jsxDEV(
             "img",
             {
               ref: p,
@@ -4423,19 +4423,19 @@ const va = ({ node: e, updateAttributes: t, editor: r }) => {
         void 0
       ),
       editable: r.isEditable,
-      childrenEdit: /* @__PURE__ */ l.jsxDEV("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ l.jsxDEV("div", { children: [
-          /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Image URL" }, void 0, !1, {
+      childrenEdit: /* @__PURE__ */ s.jsxDEV("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ s.jsxDEV("div", { children: [
+          /* @__PURE__ */ s.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: 116,
             columnNumber: 29
           }, void 0),
-          /* @__PURE__ */ l.jsxDEV(
+          /* @__PURE__ */ s.jsxDEV(
             "input",
             {
               type: "text",
               value: u,
-              onChange: (S) => m(S.target.value),
+              onChange: (S) => d(S.target.value),
               className: "w-full p-2 border rounded",
               disabled: !r.isEditable
             },
@@ -4453,14 +4453,14 @@ const va = ({ node: e, updateAttributes: t, editor: r }) => {
           lineNumber: 115,
           columnNumber: 25
         }, void 0),
-        /* @__PURE__ */ l.jsxDEV("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ l.jsxDEV("div", { children: [
-            /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Width" }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ s.jsxDEV("div", { children: [
+            /* @__PURE__ */ s.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: 128,
               columnNumber: 33
             }, void 0),
-            /* @__PURE__ */ l.jsxDEV(
+            /* @__PURE__ */ s.jsxDEV(
               "input",
               {
                 type: "number",
@@ -4483,13 +4483,13 @@ const va = ({ node: e, updateAttributes: t, editor: r }) => {
             lineNumber: 127,
             columnNumber: 29
           }, void 0),
-          /* @__PURE__ */ l.jsxDEV("div", { children: [
-            /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Height" }, void 0, !1, {
+          /* @__PURE__ */ s.jsxDEV("div", { children: [
+            /* @__PURE__ */ s.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: 138,
               columnNumber: 33
             }, void 0),
-            /* @__PURE__ */ l.jsxDEV(
+            /* @__PURE__ */ s.jsxDEV(
               "input",
               {
                 type: "number",
@@ -4517,19 +4517,19 @@ const va = ({ node: e, updateAttributes: t, editor: r }) => {
           lineNumber: 126,
           columnNumber: 25
         }, void 0),
-        /* @__PURE__ */ l.jsxDEV("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ l.jsxDEV("div", { children: [
-            /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Margin Left" }, void 0, !1, {
+        /* @__PURE__ */ s.jsxDEV("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ s.jsxDEV("div", { children: [
+            /* @__PURE__ */ s.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: 151,
               columnNumber: 33
             }, void 0),
-            /* @__PURE__ */ l.jsxDEV(
+            /* @__PURE__ */ s.jsxDEV(
               "input",
               {
                 type: "number",
                 value: a.left,
-                onChange: (S) => s({ ...a, left: Number(S.target.value) }),
+                onChange: (S) => l({ ...a, left: Number(S.target.value) }),
                 className: "w-full p-2 border rounded",
                 disabled: !r.isEditable
               },
@@ -4547,18 +4547,18 @@ const va = ({ node: e, updateAttributes: t, editor: r }) => {
             lineNumber: 150,
             columnNumber: 29
           }, void 0),
-          /* @__PURE__ */ l.jsxDEV("div", { children: [
-            /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Margin Right" }, void 0, !1, {
+          /* @__PURE__ */ s.jsxDEV("div", { children: [
+            /* @__PURE__ */ s.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: 161,
               columnNumber: 33
             }, void 0),
-            /* @__PURE__ */ l.jsxDEV(
+            /* @__PURE__ */ s.jsxDEV(
               "input",
               {
                 type: "number",
                 value: a.right,
-                onChange: (S) => s({ ...a, right: Number(S.target.value) }),
+                onChange: (S) => l({ ...a, right: Number(S.target.value) }),
                 className: "w-full p-2 border rounded",
                 disabled: !r.isEditable
               },
@@ -4581,7 +4581,7 @@ const va = ({ node: e, updateAttributes: t, editor: r }) => {
           lineNumber: 149,
           columnNumber: 25
         }, void 0),
-        /* @__PURE__ */ l.jsxDEV(
+        /* @__PURE__ */ s.jsxDEV(
           "button",
           {
             onClick: v,
@@ -4663,9 +4663,9 @@ const va = ({ node: e, updateAttributes: t, editor: r }) => {
   }
 }), xa = [
   pn.configure({
-    types: [Ut.name, mn.name]
+    types: [Bt.name, mn.name]
   }),
-  Ut,
+  Bt,
   hn.configure({ multicolor: !0 }),
   bn.configure({
     bulletList: {
@@ -4711,33 +4711,38 @@ const va = ({ node: e, updateAttributes: t, editor: r }) => {
   editable: o = !0,
   onChange: a
 }) => {
-  const s = cn({
+  const [l, u] = ue(!1);
+  vt(() => {
+    u(!0);
+  }, []);
+  const d = cn({
     extensions: xa,
     content: e,
     editable: o,
-    onUpdate: ({ editor: u }) => {
-      a && a(u.getHTML());
+    onUpdate: ({ editor: p }) => {
+      a && a(p.getHTML());
     }
   });
-  return hr(() => {
-    s && e !== s.getHTML() && s.commands.setContent(e, !1);
-  }, [s, e]), s ? /* @__PURE__ */ l.jsxDEV("div", { className: `cyber-editor-container ${r}`, children: [
-    t && /* @__PURE__ */ l.jsxDEV(Ui, { editor: s }, void 0, !1, {
+  return vt(() => {
+    d && e !== d.getHTML() && d.commands.setContent(e, !1);
+  }, [d, e]), !l || !d ? null : /* @__PURE__ */ s.jsxDEV("div", { className: `cyber-editor-container ${r}`, children: [
+    t && /* @__PURE__ */ s.jsxDEV(Ui, { editor: d }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
-      lineNumber: 36,
+      lineNumber: 42,
       columnNumber: 28
     }, void 0),
-    /* @__PURE__ */ l.jsxDEV(un, { editor: s, className: n }, void 0, !1, {
+    /* @__PURE__ */ s.jsxDEV(un, { editor: d, className: n }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
-      lineNumber: 37,
+      lineNumber: 43,
       columnNumber: 13
     }, void 0)
   ] }, void 0, !0, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
-    lineNumber: 35,
+    lineNumber: 41,
     columnNumber: 9
-  }, void 0) : null;
+  }, void 0);
 };
 export {
   qa as CyberEditorProvider
 };
+//# sourceMappingURL=cyber-editor.es.js.map