@cyberskill/cyber-editor 3.0.0 → 3.1.0

package/dist/cyber-editor.es.js

@@ -1,25 +1,25 @@
 import _e, { forwardRef as br, createElement as yt, useState as he, useRef as sn, useEffect as hr } from "react";
-import { NodeViewWrapper as yr, NodeViewContent as ln, ReactNodeViewRenderer as vr, useCurrentEditor as cn, useEditor as un, EditorContent as dn } from "@tiptap/react";
-import { ColorPicker as fn, Tooltip as vt, Dropdown as Ct, Menu as Ft, Modal as mn } from "antd";
-import pn from "@tiptap/extension-list-item";
-import { Color as bn } from "@tiptap/extension-color";
+import { NodeViewWrapper as yr, NodeViewContent as ln, ReactNodeViewRenderer as vr, useEditor as cn, EditorContent as un } from "@tiptap/react";
+import { ColorPicker as dn, Tooltip as vt, Dropdown as Ct, Menu as Ft, Modal as fn } from "antd";
+import mn from "@tiptap/extension-list-item";
+import { Color as pn } from "@tiptap/extension-color";
 import Ut from "@tiptap/extension-text-style";
-import hn from "@tiptap/starter-kit";
-import yn from "@tiptap/extension-highlight";
-import vn from "@tiptap/extension-underline";
-import gn from "@tiptap/extension-subscript";
-import xn from "@tiptap/extension-superscript";
-import Nn from "@tiptap/extension-text-align";
-import En from "@tiptap/extension-task-list";
-import Sn from "@tiptap/extension-task-item";
-import wn from "@tiptap/extension-table";
-import Cn from "@tiptap/extension-table-row";
-import kn from "@tiptap/extension-table-header";
-import Dn from "@tiptap/extension-table-cell";
+import bn from "@tiptap/starter-kit";
+import hn from "@tiptap/extension-highlight";
+import yn from "@tiptap/extension-underline";
+import vn from "@tiptap/extension-subscript";
+import gn from "@tiptap/extension-superscript";
+import xn from "@tiptap/extension-text-align";
+import Nn from "@tiptap/extension-task-list";
+import En from "@tiptap/extension-task-item";
+import Sn from "@tiptap/extension-table";
+import wn from "@tiptap/extension-table-row";
+import Cn from "@tiptap/extension-table-header";
+import kn from "@tiptap/extension-table-cell";
 import { Node as gr, mergeAttributes as xr } from "@tiptap/core";
-import _n from "@tiptap/extension-image";
+import Dn from "@tiptap/extension-image";
 import Nr from "react-dom";
-function On(e) {
+function _n(e) {
   if (e.__esModule) return e;
   var t = e.default;
   if (typeof t == "function") {
@@ -49,7 +49,7 @@ var gt = { exports: {} }, Le = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Bt;
-function Rn() {
+function On() {
   if (Bt) return Le;
   Bt = 1;
   var e = Symbol.for("react.fragment");
@@ -66,7 +66,7 @@ var We = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Xt;
-function Tn() {
+function Rn() {
   return Xt || (Xt = 1, process.env.NODE_ENV !== "production" && function() {
     var e = _e, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), u = Symbol.for("react.context"), m = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), A = Symbol.iterator, $ = "@@iterator";
     function B(i) {
@@ -661,7 +661,7 @@ React keys must be passed directly to JSX without using spread:
     We.Fragment = n, We.jsxDEV = nn;
   }()), We;
 }
-process.env.NODE_ENV === "production" ? gt.exports = Rn() : gt.exports = Tn();
+process.env.NODE_ENV === "production" ? gt.exports = On() : gt.exports = Rn();
 var l = gt.exports;
 /**
  * @license lucide-react v0.474.0 - ISC
@@ -669,14 +669,14 @@ var l = gt.exports;
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Pn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Er = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
+const Tn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Er = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var jn = {
+var Pn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -693,7 +693,7 @@ var jn = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mn = br(
+const jn = br(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -707,7 +707,7 @@ const Mn = br(
     "svg",
     {
       ref: m,
-      ...jn,
+      ...Pn,
       width: t,
       height: t,
       stroke: e,
@@ -729,10 +729,10 @@ const Mn = br(
  */
 const L = (e, t) => {
   const r = br(
-    ({ className: n, ...o }, a) => yt(Mn, {
+    ({ className: n, ...o }, a) => yt(jn, {
       ref: a,
       iconNode: t,
-      className: Er(`lucide-${Pn(e)}`, n),
+      className: Er(`lucide-${Tn(e)}`, n),
       ...o
     })
   );
@@ -744,140 +744,140 @@ const L = (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vn = [
+const Mn = [
   ["path", { d: "M17 12H7", key: "16if0g" }],
   ["path", { d: "M19 18H5", key: "18s9l3" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
-], An = L("AlignCenter", Vn);
+], Vn = L("AlignCenter", Mn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $n = [
+const An = [
   ["path", { d: "M3 12h18", key: "1i2n21" }],
   ["path", { d: "M3 18h18", key: "1h113x" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }]
-], zn = L("AlignJustify", $n);
+], $n = L("AlignJustify", An);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const In = [
+const zn = [
   ["path", { d: "M15 12H3", key: "6jk70r" }],
   ["path", { d: "M17 18H3", key: "1amg6g" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
-], Hn = L("AlignLeft", In);
+], In = L("AlignLeft", zn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ln = [
+const Hn = [
   ["path", { d: "M21 12H9", key: "dn1m92" }],
   ["path", { d: "M21 18H7", key: "1ygte8" }],
   ["path", { d: "M21 6H3", key: "1jwq7v" }]
-], Wn = L("AlignRight", Ln);
+], Ln = L("AlignRight", Hn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const qn = [
+const Wn = [
   [
     "path",
     { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8", key: "mg9rjx" }
   ]
-], Yn = L("Bold", qn);
+], qn = L("Bold", Wn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fn = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Un = L("ChevronDown", Fn);
+const Yn = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Fn = L("ChevronDown", Yn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Bn = [
+const Un = [
   ["polyline", { points: "16 18 22 12 16 6", key: "z7tu5w" }],
   ["polyline", { points: "8 6 2 12 8 18", key: "1eg1df" }]
-], Xn = L("Code", Bn);
+], Bn = L("Code", Un);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Kn = [
+const Xn = [
   ["polyline", { points: "15 10 20 15 15 20", key: "1q7qjw" }],
   ["path", { d: "M4 4v7a4 4 0 0 0 4 4h12", key: "z08zvw" }]
-], Gn = L("CornerDownRight", Kn);
+], Kn = L("CornerDownRight", Xn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Jn = [
+const Gn = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "m17 12 3-2v8", key: "1hhhft" }]
-], ot = L("Heading1", Jn);
+], ot = L("Heading1", Gn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Zn = [
+const Jn = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1", key: "9jr5yi" }]
-], Kt = L("Heading2", Zn);
+], Kt = L("Heading2", Jn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qn = [
+const Zn = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2", key: "68ncm8" }],
   ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2", key: "1ejuhz" }]
-], Gt = L("Heading3", Qn);
+], Gt = L("Heading3", Zn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ei = [
+const Qn = [
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["path", { d: "M17 10v3a1 1 0 0 0 1 1h3", key: "tj5zdr" }],
   ["path", { d: "M21 10v8", key: "1kdml4" }],
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }]
-], Jt = L("Heading4", ei);
+], Jt = L("Heading4", Qn);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ti = [
+const ei = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
@@ -886,49 +886,49 @@ const ti = [
     "path",
     { d: "M17 17.7c.4.2.8.3 1.3.3 1.5 0 2.7-1.1 2.7-2.5S19.8 13 18.3 13H17", key: "2nebdn" }
   ]
-], Zt = L("Heading5", ti);
+], Zt = L("Heading5", ei);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ri = [
+const ti = [
   ["path", { d: "M4 12h8", key: "17cfdx" }],
   ["path", { d: "M4 18V6", key: "1rz3zl" }],
   ["path", { d: "M12 18V6", key: "zqpxq5" }],
   ["circle", { cx: "19", cy: "16", r: "2", key: "15mx69" }],
   ["path", { d: "M20 10c-2 2-3 3.5-3 6", key: "f35dl0" }]
-], Qt = L("Heading6", ri);
+], Qt = L("Heading6", ti);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ni = [
+const ri = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
   ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
-], ii = L("Image", ni);
+], ni = L("Image", ri);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const oi = [
+const ii = [
   ["line", { x1: "19", x2: "10", y1: "4", y2: "4", key: "15jd3p" }],
   ["line", { x1: "14", x2: "5", y1: "20", y2: "20", key: "bu0au3" }],
   ["line", { x1: "15", x2: "9", y1: "4", y2: "20", key: "uljnxc" }]
-], ai = L("Italic", oi);
+], oi = L("Italic", ii);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const si = [
+const ai = [
   [
     "path",
     {
@@ -950,49 +950,49 @@ const si = [
       key: "kqbvx6"
     }
   ]
-], li = L("Layers", si);
+], si = L("Layers", ai);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ci = [
+const li = [
   ["path", { d: "M10 12h11", key: "6m4ad9" }],
   ["path", { d: "M10 18h11", key: "11hvi2" }],
   ["path", { d: "M10 6h11", key: "c7qv1k" }],
   ["path", { d: "M4 10h2", key: "16xx2s" }],
   ["path", { d: "M4 6h1v4", key: "cnovpq" }],
   ["path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1", key: "m9a95d" }]
-], ui = L("ListOrdered", ci);
+], ci = L("ListOrdered", li);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const di = [
+const ui = [
   ["path", { d: "M3 12h.01", key: "nlz23k" }],
   ["path", { d: "M3 18h.01", key: "1tta3j" }],
   ["path", { d: "M3 6h.01", key: "1rqtza" }],
   ["path", { d: "M8 12h13", key: "1za7za" }],
   ["path", { d: "M8 18h13", key: "1lx6n3" }],
   ["path", { d: "M8 6h13", key: "ik3vkj" }]
-], fi = L("List", di);
+], di = L("List", ui);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const mi = [["path", { d: "M5 12h14", key: "1ays0h" }]], pi = L("Minus", mi);
+const fi = [["path", { d: "M5 12h14", key: "1ays0h" }]], mi = L("Minus", fi);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const bi = [
+const pi = [
   [
     "path",
     { d: "m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z", key: "irua1i" }
@@ -1000,24 +1000,24 @@ const bi = [
   ["path", { d: "m5 2 5 5", key: "1lls2c" }],
   ["path", { d: "M2 13h15", key: "1hkzvu" }],
   ["path", { d: "M22 20a2 2 0 1 1-4 0c0-1.6 1.7-2.4 2-4 .3 1.6 2 2.4 2 4Z", key: "xk76lq" }]
-], hi = L("PaintBucket", bi);
+], bi = L("PaintBucket", pi);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const yi = [
+const hi = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
-], vi = L("Plus", yi);
+], yi = L("Plus", hi);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const gi = [
+const vi = [
   [
     "path",
     {
@@ -1032,45 +1032,45 @@ const gi = [
       key: "1ymkrd"
     }
   ]
-], xi = L("Quote", gi);
+], gi = L("Quote", vi);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ni = [
+const xi = [
   ["path", { d: "M21 7v6h-6", key: "3ptur4" }],
   ["path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7", key: "1kgawr" }]
-], Ei = L("Redo", Ni);
+], Ni = L("Redo", xi);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Si = [
+const Ei = [
   ["path", { d: "M21 10.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.5", key: "1uzm8b" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
-], wi = L("SquareCheckBig", Si);
+], Si = L("SquareCheckBig", Ei);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ci = [
+const wi = [
   ["path", { d: "M16 4H9a3 3 0 0 0-2.83 4", key: "43sutm" }],
   ["path", { d: "M14 12a4 4 0 0 1 0 8H6", key: "nlfj13" }],
   ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }]
-], ki = L("Strikethrough", Ci);
+], Ci = L("Strikethrough", wi);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Di = [
+const ki = [
   ["path", { d: "m4 5 8 8", key: "1eunvl" }],
   ["path", { d: "m12 5-8 8", key: "1ah0jp" }],
   [
@@ -1080,14 +1080,14 @@ const Di = [
       key: "e8ta8j"
     }
   ]
-], _i = L("Subscript", Di);
+], Di = L("Subscript", ki);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Oi = [
+const _i = [
   ["path", { d: "m4 19 8-8", key: "hr47gm" }],
   ["path", { d: "m12 19-8-8", key: "1dhhmo" }],
   [
@@ -1097,61 +1097,61 @@ const Oi = [
       key: "1dfcux"
     }
   ]
-], Ri = L("Superscript", Oi);
+], Oi = L("Superscript", _i);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ti = [
+const Ri = [
   ["path", { d: "M12 3v18", key: "108xh3" }],
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }],
   ["path", { d: "M3 15h18", key: "5xshup" }]
-], Pi = L("Table", Ti);
+], Ti = L("Table", Ri);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ji = [
+const Pi = [
   ["path", { d: "M17 22h-1a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h1", key: "uvaxm9" }],
   ["path", { d: "M7 22h1a4 4 0 0 0 4-4v-1", key: "11xy8d" }],
   ["path", { d: "M7 2h1a4 4 0 0 1 4 4v1", key: "1uw06m" }]
-], Mi = L("TextCursor", ji);
+], ji = L("TextCursor", Pi);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vi = [
+const Mi = [
   ["path", { d: "M6 4v6a6 6 0 0 0 12 0V4", key: "9kb039" }],
   ["line", { x1: "4", x2: "20", y1: "20", y2: "20", key: "nun2al" }]
-], Ai = L("Underline", Vi);
+], Vi = L("Underline", Mi);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $i = [
+const Ai = [
   ["path", { d: "M3 7v6h6", key: "1v2h90" }],
   ["path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13", key: "1r6uu6" }]
-], zi = L("Undo", $i);
+], $i = L("Undo", Ai);
 /**
  * @license lucide-react v0.474.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ii = [
+const zi = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Hi = L("X", Ii);
-function Li({ editor: e }) {
+], Ii = L("X", zi);
+function Hi({ editor: e }) {
   const [t, r] = he(!1);
   return /* @__PURE__ */ l.jsxDEV("div", { className: "relative", children: [
     /* @__PURE__ */ l.jsxDEV(
@@ -1159,11 +1159,11 @@ function Li({ editor: e }) {
       {
         className: `p-1 text-black transition-all duration-300 rounded-md shadow-lg hover:bg-blue-100 hover:text-blue-600 ${t ? "bg-blue-100 text-blue-600" : ""}`,
         onClick: () => r(!t),
-        children: t ? /* @__PURE__ */ l.jsxDEV(Hi, { size: 24 }, void 0, !1, {
+        children: t ? /* @__PURE__ */ l.jsxDEV(Ii, { size: 24 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
           lineNumber: 13,
           columnNumber: 25
-        }, this) : /* @__PURE__ */ l.jsxDEV(li, { size: 24 }, void 0, !1, {
+        }, this) : /* @__PURE__ */ l.jsxDEV(si, { size: 24 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
           lineNumber: 13,
           columnNumber: 43
@@ -1200,7 +1200,7 @@ function Li({ editor: e }) {
               },
               className: "flex items-center justify-center w-full gap-2 px-3 py-1 text-blue-600 duration-300 rounded-md bg-blue-50 hover:bg-blue-100 hover:text-blue-700",
               children: [
-                /* @__PURE__ */ l.jsxDEV(vi, { size: 16 }, void 0, !1, {
+                /* @__PURE__ */ l.jsxDEV(yi, { size: 16 }, void 0, !1, {
                   fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/cyber-extensions.tsx",
                   lineNumber: 33,
                   columnNumber: 29
@@ -1239,7 +1239,7 @@ function Li({ editor: e }) {
   }, this);
 }
 const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
-  fn,
+  dn,
   {
     value: e,
     onChange: t,
@@ -1267,7 +1267,7 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
     columnNumber: 9
   },
   void 0
-), Wi = ({ editor: e }) => {
+), Li = ({ editor: e }) => {
   const [t, r] = he("#1677ff"), [n, o] = he("#ffffff"), a = (m) => {
     const p = m.toHexString();
     r(p), e.chain().focus().setColor(p).run();
@@ -1279,7 +1279,7 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
   };
   return /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-4", children: [
     /* @__PURE__ */ l.jsxDEV(vt, { title: "Text Color", children: /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-2", onMouseDown: u, children: [
-      /* @__PURE__ */ l.jsxDEV(Mi, { size: 20, color: "black" }, void 0, !1, {
+      /* @__PURE__ */ l.jsxDEV(ji, { size: 20, color: "black" }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
         lineNumber: 33,
         columnNumber: 21
@@ -1299,7 +1299,7 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
       columnNumber: 13
     }, void 0),
     /* @__PURE__ */ l.jsxDEV(vt, { title: "Highlight Color", children: /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-2", onMouseDown: u, children: [
-      /* @__PURE__ */ l.jsxDEV(hi, { size: 20, color: "black" }, void 0, !1, {
+      /* @__PURE__ */ l.jsxDEV(bi, { size: 20, color: "black" }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/color/color-picker.tsx",
         lineNumber: 41,
         columnNumber: 21
@@ -1323,7 +1323,7 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
     lineNumber: 29,
     columnNumber: 9
   }, void 0);
-}, qi = ({ editor: e }) => {
+}, Wi = ({ editor: e }) => {
   if (!e) return null;
   const t = () => {
     for (let n = 1; n <= 6; n++)
@@ -1401,7 +1401,7 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
     lineNumber: 41,
     columnNumber: 9
   }, void 0);
-}, Yi = 8, Fi = 8, Ui = ({
+}, qi = 8, Yi = 8, Fi = ({
   editor: e,
   buttonClass: t,
   activeClass: r
@@ -1416,8 +1416,8 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
       onOpenChange: s,
       trigger: ["hover"],
       overlay: /* @__PURE__ */ l.jsxDEV("div", { className: "w-56 p-4 bg-white border border-gray-300 rounded-lg shadow-xl", children: [
-        /* @__PURE__ */ l.jsxDEV("div", { className: "grid grid-cols-8 gap-1", children: Array.from({ length: Yi }).map(
-          (m, p) => Array.from({ length: Fi }).map((y, v) => {
+        /* @__PURE__ */ l.jsxDEV("div", { className: "grid grid-cols-8 gap-1", children: Array.from({ length: qi }).map(
+          (m, p) => Array.from({ length: Yi }).map((y, v) => {
             const O = p < n.rows && v < n.cols;
             return /* @__PURE__ */ l.jsxDEV(
               "div",
@@ -1455,7 +1455,7 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
         "button",
         {
           className: `${t} ${a ? r : ""} transition-all`,
-          children: /* @__PURE__ */ l.jsxDEV(Pi, { className: "w-5 h-5" }, void 0, !1, {
+          children: /* @__PURE__ */ l.jsxDEV(Ti, { className: "w-5 h-5" }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/table/table-selector.tsx",
             lineNumber: 65,
             columnNumber: 17
@@ -1481,7 +1481,7 @@ const Fe = ({ value: e, onChange: t }) => /* @__PURE__ */ l.jsxDEV(
     void 0
   );
 };
-function Bi({ editor: e }) {
+function Ui({ editor: e }) {
   if (!e) return null;
   const t = "p-2 rounded-md transition-all duration-200 hover:bg-blue-100 hover:text-blue-600", r = "bg-blue-100 text-blue-600", n = (o, a, s, u, m) => /* @__PURE__ */ l.jsxDEV(vt, { title: m, children: /* @__PURE__ */ l.jsxDEV(
     "button",
@@ -1512,7 +1512,7 @@ function Bi({ editor: e }) {
   return /* @__PURE__ */ l.jsxDEV("div", { className: "flex flex-wrap items-center gap-2 p-2 border-b border-gray-200 rounded-t-lg bg-gray-50", children: [
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(Yn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(qn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 52,
           columnNumber: 21
@@ -1523,7 +1523,7 @@ function Bi({ editor: e }) {
         "Bold"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(ai, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(oi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 59,
           columnNumber: 21
@@ -1534,7 +1534,7 @@ function Bi({ editor: e }) {
         "Italic"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Ai, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Vi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 66,
           columnNumber: 21
@@ -1545,7 +1545,7 @@ function Bi({ editor: e }) {
         "Underline"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(ki, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Ci, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 73,
           columnNumber: 21
@@ -1556,7 +1556,7 @@ function Bi({ editor: e }) {
         "Strikethrough"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Xn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Bn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 80,
           columnNumber: 21
@@ -1567,7 +1567,7 @@ function Bi({ editor: e }) {
         "Code"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(_i, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Di, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 87,
           columnNumber: 21
@@ -1578,7 +1578,7 @@ function Bi({ editor: e }) {
         "Subscript"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Ri, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Oi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 94,
           columnNumber: 21
@@ -1598,7 +1598,7 @@ function Bi({ editor: e }) {
       lineNumber: 102,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV(qi, { editor: e }, void 0, !1, {
+    /* @__PURE__ */ l.jsxDEV(Wi, { editor: e }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
       lineNumber: 105,
       columnNumber: 13
@@ -1610,7 +1610,7 @@ function Bi({ editor: e }) {
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(Hn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(In, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 112,
           columnNumber: 21
@@ -1621,7 +1621,7 @@ function Bi({ editor: e }) {
         "Align Left"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(An, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Vn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 119,
           columnNumber: 21
@@ -1632,7 +1632,7 @@ function Bi({ editor: e }) {
         "Align Center"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Wn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Ln, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 124,
           columnNumber: 21
@@ -1643,7 +1643,7 @@ function Bi({ editor: e }) {
         "Align Right"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(zn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV($n, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 129,
           columnNumber: 21
@@ -1665,7 +1665,7 @@ function Bi({ editor: e }) {
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(fi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(di, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 140,
           columnNumber: 21
@@ -1676,7 +1676,7 @@ function Bi({ editor: e }) {
         "Bullet List"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(ui, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(ci, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 145,
           columnNumber: 21
@@ -1687,7 +1687,7 @@ function Bi({ editor: e }) {
         "Ordered List"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(wi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Si, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 150,
           columnNumber: 21
@@ -1709,7 +1709,7 @@ function Bi({ editor: e }) {
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(xi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(gi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 161,
           columnNumber: 21
@@ -1719,13 +1719,13 @@ function Bi({ editor: e }) {
         !1,
         "Blockquote"
       ),
-      /* @__PURE__ */ l.jsxDEV(Ui, { editor: e, buttonClass: t, activeClass: r }, void 0, !1, {
+      /* @__PURE__ */ l.jsxDEV(Fi, { editor: e, buttonClass: t, activeClass: r }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
         lineNumber: 165,
         columnNumber: 17
       }, this),
       n(
-        /* @__PURE__ */ l.jsxDEV(pi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(mi, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 167,
           columnNumber: 21
@@ -1736,7 +1736,7 @@ function Bi({ editor: e }) {
         "Horizontal Rule"
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Gn, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Kn, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 171,
           columnNumber: 21
@@ -1758,7 +1758,7 @@ function Bi({ editor: e }) {
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "flex items-center gap-1", children: [
       n(
-        /* @__PURE__ */ l.jsxDEV(zi, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV($i, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 181,
           columnNumber: 21
@@ -1768,7 +1768,7 @@ function Bi({ editor: e }) {
         !e.can().chain().focus().undo().run()
       ),
       n(
-        /* @__PURE__ */ l.jsxDEV(Ei, { size: 16 }, void 0, !1, {
+        /* @__PURE__ */ l.jsxDEV(Ni, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
           lineNumber: 187,
           columnNumber: 21
@@ -1788,19 +1788,21 @@ function Bi({ editor: e }) {
       columnNumber: 13
     }, this),
     n(
-      /* @__PURE__ */ l.jsxDEV(ii, { size: 16 }, void 0, !1, {
+      /* @__PURE__ */ l.jsxDEV(ni, { size: 16 }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
         lineNumber: 197,
         columnNumber: 17
       }, this),
       () => {
         const o = prompt("Enter the image URL");
-        e.chain().focus().insertContent({
+        o && e.chain().focus().insertContent({
           type: "image",
           attrs: {
             src: o,
             width: 300,
-            height: 300
+            height: 300,
+            marginLeft: 0,
+            marginRight: 0
           }
         }).run();
       },
@@ -1810,22 +1812,22 @@ function Bi({ editor: e }) {
     ),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 215,
+      lineNumber: 218,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV(Wi, { editor: e }, void 0, !1, {
+    /* @__PURE__ */ l.jsxDEV(Li, { editor: e }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 218,
+      lineNumber: 221,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ l.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 220,
+      lineNumber: 223,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ l.jsxDEV(Li, { editor: e }, void 0, !1, {
+    /* @__PURE__ */ l.jsxDEV(Hi, { editor: e }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/tool-bar/tool-bar-tiptap.tsx",
-      lineNumber: 221,
+      lineNumber: 224,
       columnNumber: 13
     }, this)
   ] }, void 0, !0, {
@@ -1856,7 +1858,7 @@ const Sr = ({
       columnNumber: 17
     }, void 0) : t,
     /* @__PURE__ */ l.jsxDEV(
-      mn,
+      fn,
       {
         title: `Edit ${e}`,
         open: o,
@@ -1878,7 +1880,7 @@ const Sr = ({
     lineNumber: 26,
     columnNumber: 9
   }, void 0);
-}, Xi = ({ node: e, editor: t }) => {
+}, Bi = ({ node: e, editor: t }) => {
   const [r, n] = he(!1), [o, a] = he(e.attrs.bgColor || "#f3f4f6"), [s, u] = he(e.attrs.titleColor || "#000000"), m = (v) => {
     v.preventDefault();
   }, p = (v) => {
@@ -1924,7 +1926,7 @@ const Sr = ({
                     void 0
                   ),
                   /* @__PURE__ */ l.jsxDEV(
-                    Un,
+                    Fn,
                     {
                       className: `transition-transform duration-300 ${r ? "rotate-180" : ""}`,
                       size: 20
@@ -2117,7 +2119,7 @@ const Sr = ({
     lineNumber: 25,
     columnNumber: 9
   }, void 0);
-}, Ki = gr.create({
+}, Xi = gr.create({
   name: "accordion",
   group: "block",
   content: "block+",
@@ -2150,7 +2152,7 @@ const Sr = ({
     return ["accordion", xr(e)];
   },
   addNodeView() {
-    return vr(Xi);
+    return vr(Bi);
   },
   addCommands() {
     return {
@@ -2177,7 +2179,7 @@ var kt = { exports: {} }, ze = {}, Be = { exports: {} }, wr = {}, xt = { exports
  * LICENSE file in the root directory of this source tree.
  */
 var er;
-function Gi() {
+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;
@@ -2252,7 +2254,7 @@ var U = {};
  * LICENSE file in the root directory of this source tree.
  */
 var tr;
-function Ji() {
+function Gi() {
   return tr || (tr = 1, process.env.NODE_ENV !== "production" && function() {
     var e = typeof Symbol == "function" && Symbol.for, t = e ? Symbol.for("react.element") : 60103, r = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, o = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, s = e ? Symbol.for("react.provider") : 60109, u = e ? Symbol.for("react.context") : 60110, m = e ? Symbol.for("react.async_mode") : 60111, p = e ? Symbol.for("react.concurrent_mode") : 60111, y = e ? Symbol.for("react.forward_ref") : 60112, v = e ? Symbol.for("react.suspense") : 60113, O = e ? Symbol.for("react.suspense_list") : 60120, S = e ? Symbol.for("react.memo") : 60115, A = e ? Symbol.for("react.lazy") : 60116, $ = e ? Symbol.for("react.block") : 60121, B = e ? Symbol.for("react.fundamental") : 60117, W = e ? Symbol.for("react.responder") : 60118, g = e ? Symbol.for("react.scope") : 60119;
     function N(b) {
@@ -2336,7 +2338,7 @@ function Ji() {
 }
 var rr;
 function Cr() {
-  return rr || (rr = 1, process.env.NODE_ENV === "production" ? qe.exports = Gi() : qe.exports = Ji()), qe.exports;
+  return rr || (rr = 1, process.env.NODE_ENV === "production" ? qe.exports = Ki() : qe.exports = Gi()), qe.exports;
 }
 /*
 object-assign
@@ -2344,7 +2346,7 @@ object-assign
 @license MIT
 */
 var at, nr;
-function Zi() {
+function Ji() {
   if (nr) return at;
   nr = 1;
   var e = Object.getOwnPropertySymbols, t = Object.prototype.hasOwnProperty, r = Object.prototype.propertyIsEnumerable;
@@ -2401,7 +2403,7 @@ function kr() {
   return or || (or = 1, lt = Function.call.bind(Object.prototype.hasOwnProperty)), lt;
 }
 var ct, ar;
-function Qi() {
+function Zi() {
   if (ar) return ct;
   ar = 1;
   var e = function() {
@@ -2450,10 +2452,10 @@ function Qi() {
   }, ct = o, ct;
 }
 var ut, sr;
-function eo() {
+function Qi() {
   if (sr) return ut;
   sr = 1;
-  var e = Cr(), t = Zi(), r = Dt(), n = kr(), o = Qi(), a = function() {
+  var e = Cr(), t = Ji(), r = Dt(), n = kr(), o = Zi(), a = function() {
   };
   process.env.NODE_ENV !== "production" && (a = function(u) {
     var m = "Warning: " + u;
@@ -2771,7 +2773,7 @@ Valid keys: ` + JSON.stringify(Object.keys(f), null, "  ")
   }, ut;
 }
 var dt, lr;
-function to() {
+function eo() {
   if (lr) return dt;
   lr = 1;
   var e = Dt();
@@ -2819,10 +2821,10 @@ function to() {
   }, dt;
 }
 if (process.env.NODE_ENV !== "production") {
-  var ro = Cr(), no = !0;
-  xt.exports = eo()(ro.isElement, no);
+  var to = Cr(), ro = !0;
+  xt.exports = Qi()(to.isElement, ro);
 } else
-  xt.exports = to()();
+  xt.exports = eo()();
 var Xe = xt.exports;
 function Dr(e) {
   var t, r, n = "";
@@ -2835,34 +2837,34 @@ function cr() {
   for (var e, t, r = 0, n = ""; r < arguments.length; ) (e = arguments[r++]) && (t = Dr(e)) && (n && (n += " "), n += t);
   return n;
 }
-const io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const no = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   clsx: cr,
   default: cr
-}, Symbol.toStringTag, { value: "Module" })), oo = /* @__PURE__ */ On(io);
+}, Symbol.toStringTag, { value: "Module" })), io = /* @__PURE__ */ _n(no);
 var K = {}, xe = {};
 Object.defineProperty(xe, "__esModule", {
   value: !0
 });
-xe.dontSetMe = uo;
-xe.findInArray = ao;
-xe.int = co;
-xe.isFunction = so;
-xe.isNum = lo;
-function ao(e, t) {
+xe.dontSetMe = co;
+xe.findInArray = oo;
+xe.int = lo;
+xe.isFunction = ao;
+xe.isNum = so;
+function oo(e, t) {
   for (let r = 0, n = e.length; r < n; r++)
     if (t.apply(t, [e[r], r, e])) return e[r];
 }
-function so(e) {
+function ao(e) {
   return typeof e == "function" || Object.prototype.toString.call(e) === "[object Function]";
 }
-function lo(e) {
+function so(e) {
   return typeof e == "number" && !isNaN(e);
 }
-function co(e) {
+function lo(e) {
   return parseInt(e, 10);
 }
-function uo(e, t, r) {
+function co(e, t, r) {
   if (e[t])
     return new Error("Invalid prop ".concat(t, " passed to ").concat(r, " - do not set this, set it on the child."));
 }
@@ -2871,7 +2873,7 @@ Object.defineProperty(Oe, "__esModule", {
   value: !0
 });
 Oe.browserPrefixToKey = Or;
-Oe.browserPrefixToStyle = fo;
+Oe.browserPrefixToStyle = uo;
 Oe.default = void 0;
 Oe.getPrefix = _r;
 const ft = ["Moz", "Webkit", "O", "ms"];
@@ -2886,12 +2888,12 @@ function _r() {
   return "";
 }
 function Or(e, t) {
-  return t ? "".concat(t).concat(mo(e)) : e;
+  return t ? "".concat(t).concat(fo(e)) : e;
 }
-function fo(e, t) {
+function uo(e, t) {
   return t ? "-".concat(t.toLowerCase(), "-").concat(e) : e;
 }
-function mo(e) {
+function fo(e) {
   let t = "", r = !0;
   for (let n = 0; n < e.length; n++)
     r ? (t += e[n].toUpperCase(), r = !1) : e[n] === "-" ? r = !0 : t += e[n];
@@ -2902,24 +2904,24 @@ Object.defineProperty(K, "__esModule", {
   value: !0
 });
 K.addClassName = Pr;
-K.addEvent = ho;
-K.addUserSelectStyles = Do;
-K.createCSSTransform = So;
-K.createSVGTransform = wo;
-K.getTouch = Co;
-K.getTouchIdentifier = ko;
+K.addEvent = bo;
+K.addUserSelectStyles = ko;
+K.createCSSTransform = Eo;
+K.createSVGTransform = So;
+K.getTouch = wo;
+K.getTouchIdentifier = Co;
 K.getTranslation = _t;
-K.innerHeight = xo;
-K.innerWidth = No;
+K.innerHeight = go;
+K.innerWidth = xo;
 K.matchesSelector = Tr;
-K.matchesSelectorAndParentsTo = bo;
-K.offsetXYFromParent = Eo;
-K.outerHeight = vo;
-K.outerWidth = go;
+K.matchesSelectorAndParentsTo = po;
+K.offsetXYFromParent = No;
+K.outerHeight = yo;
+K.outerWidth = vo;
 K.removeClassName = jr;
-K.removeEvent = yo;
-K.removeUserSelectStyles = _o;
-var ue = xe, ur = po(Oe);
+K.removeEvent = ho;
+K.removeUserSelectStyles = Do;
+var ue = xe, ur = mo(Oe);
 function Rr(e) {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
@@ -2927,7 +2929,7 @@ function Rr(e) {
     return n ? r : t;
   })(e);
 }
-function po(e, t) {
+function mo(e, t) {
   if (e && e.__esModule)
     return e;
   if (e === null || typeof e != "object" && typeof e != "function")
@@ -2949,7 +2951,7 @@ function Tr(e, t) {
     return (0, ue.isFunction)(e[r]);
   })), (0, ue.isFunction)(e[Ye]) ? e[Ye](t) : !1;
 }
-function bo(e, t, r) {
+function po(e, t, r) {
   let n = e;
   do {
     if (Tr(n, t)) return !0;
@@ -2958,7 +2960,7 @@ function bo(e, t, r) {
   } while (n);
   return !1;
 }
-function ho(e, t, r, n) {
+function bo(e, t, r, n) {
   if (!e) return;
   const o = {
     capture: !0,
@@ -2966,7 +2968,7 @@ function ho(e, t, r, n) {
   };
   e.addEventListener ? e.addEventListener(t, r, o) : e.attachEvent ? e.attachEvent("on" + t, r) : e["on" + t] = r;
 }
-function yo(e, t, r, n) {
+function ho(e, t, r, n) {
   if (!e) return;
   const o = {
     capture: !0,
@@ -2974,27 +2976,27 @@ function yo(e, t, r, n) {
   };
   e.removeEventListener ? e.removeEventListener(t, r, o) : e.detachEvent ? e.detachEvent("on" + t, r) : e["on" + t] = null;
 }
-function vo(e) {
+function yo(e) {
   let t = e.clientHeight;
   const r = e.ownerDocument.defaultView.getComputedStyle(e);
   return t += (0, ue.int)(r.borderTopWidth), t += (0, ue.int)(r.borderBottomWidth), t;
 }
-function go(e) {
+function vo(e) {
   let t = e.clientWidth;
   const r = e.ownerDocument.defaultView.getComputedStyle(e);
   return t += (0, ue.int)(r.borderLeftWidth), t += (0, ue.int)(r.borderRightWidth), t;
 }
-function xo(e) {
+function go(e) {
   let t = e.clientHeight;
   const r = e.ownerDocument.defaultView.getComputedStyle(e);
   return t -= (0, ue.int)(r.paddingTop), t -= (0, ue.int)(r.paddingBottom), t;
 }
-function No(e) {
+function xo(e) {
   let t = e.clientWidth;
   const r = e.ownerDocument.defaultView.getComputedStyle(e);
   return t -= (0, ue.int)(r.paddingLeft), t -= (0, ue.int)(r.paddingRight), t;
 }
-function Eo(e, t, r) {
+function No(e, t, r) {
   const o = t === t.ownerDocument.body ? {
     left: 0,
     top: 0
@@ -3004,13 +3006,13 @@ function Eo(e, t, r) {
     y: s
   };
 }
-function So(e, t) {
+function Eo(e, t) {
   const r = _t(e, t, "px");
   return {
     [(0, ur.browserPrefixToKey)("transform", ur.default)]: r
   };
 }
-function wo(e, t) {
+function So(e, t) {
   return _t(e, t, "");
 }
 function _t(e, t, r) {
@@ -3024,21 +3026,21 @@ function _t(e, t, r) {
   }
   return a;
 }
-function Co(e, t) {
+function wo(e, t) {
   return e.targetTouches && (0, ue.findInArray)(e.targetTouches, (r) => t === r.identifier) || e.changedTouches && (0, ue.findInArray)(e.changedTouches, (r) => t === r.identifier);
 }
-function ko(e) {
+function Co(e) {
   if (e.targetTouches && e.targetTouches[0]) return e.targetTouches[0].identifier;
   if (e.changedTouches && e.changedTouches[0]) return e.changedTouches[0].identifier;
 }
-function Do(e) {
+function ko(e) {
   if (!e) return;
   let t = e.getElementById("react-draggable-style-el");
   t || (t = e.createElement("style"), t.type = "text/css", t.id = "react-draggable-style-el", t.innerHTML = `.react-draggable-transparent-selection *::-moz-selection {all: inherit;}
 `, t.innerHTML += `.react-draggable-transparent-selection *::selection {all: inherit;}
 `, e.getElementsByTagName("head")[0].appendChild(t)), e.body && Pr(e.body, "react-draggable-transparent-selection");
 }
-function _o(e) {
+function Do(e) {
   if (e)
     try {
       if (e.body && jr(e.body, "react-draggable-transparent-selection"), e.selection)
@@ -3060,20 +3062,20 @@ var Ne = {};
 Object.defineProperty(Ne, "__esModule", {
   value: !0
 });
-Ne.canDragX = To;
-Ne.canDragY = Po;
-Ne.createCoreData = Mo;
-Ne.createDraggableData = Vo;
-Ne.getBoundPosition = Oo;
-Ne.getControlPosition = jo;
-Ne.snapToGrid = Ro;
+Ne.canDragX = Ro;
+Ne.canDragY = To;
+Ne.createCoreData = jo;
+Ne.createDraggableData = Mo;
+Ne.getBoundPosition = _o;
+Ne.getControlPosition = Po;
+Ne.snapToGrid = Oo;
 var ce = xe, je = K;
-function Oo(e, t, r) {
+function _o(e, t, r) {
   if (!e.props.bounds) return [t, r];
   let {
     bounds: n
   } = e.props;
-  n = typeof n == "string" ? n : Ao(n);
+  n = typeof n == "string" ? n : Vo(n);
   const o = Ot(e);
   if (typeof n == "string") {
     const {
@@ -3092,23 +3094,23 @@ function Oo(e, t, r) {
   }
   return (0, ce.isNum)(n.right) && (t = Math.min(t, n.right)), (0, ce.isNum)(n.bottom) && (r = Math.min(r, n.bottom)), (0, ce.isNum)(n.left) && (t = Math.max(t, n.left)), (0, ce.isNum)(n.top) && (r = Math.max(r, n.top)), [t, r];
 }
-function Ro(e, t, r) {
+function Oo(e, t, r) {
   const n = Math.round(t / e[0]) * e[0], o = Math.round(r / e[1]) * e[1];
   return [n, o];
 }
-function To(e) {
+function Ro(e) {
   return e.props.axis === "both" || e.props.axis === "x";
 }
-function Po(e) {
+function To(e) {
   return e.props.axis === "both" || e.props.axis === "y";
 }
-function jo(e, t, r) {
+function Po(e, t, r) {
   const n = typeof t == "number" ? (0, je.getTouch)(e, t) : null;
   if (typeof t == "number" && !n) return null;
   const o = Ot(r), a = r.props.offsetParent || o.offsetParent || o.ownerDocument.body;
   return (0, je.offsetXYFromParent)(n || e, a, r.props.scale);
 }
-function Mo(e, t, r) {
+function jo(e, t, r) {
   const n = !(0, ce.isNum)(e.lastX), o = Ot(e);
   return n ? {
     node: o,
@@ -3128,7 +3130,7 @@ function Mo(e, t, r) {
     y: r
   };
 }
-function Vo(e, t) {
+function Mo(e, t) {
   const r = e.props.scale;
   return {
     node: t.node,
@@ -3140,7 +3142,7 @@ function Vo(e, t) {
     lastY: e.state.y
   };
 }
-function Ao(e) {
+function Vo(e) {
   return {
     left: e.left,
     top: e.top,
@@ -3158,14 +3160,14 @@ var Ke = {}, Ge = {};
 Object.defineProperty(Ge, "__esModule", {
   value: !0
 });
-Ge.default = $o;
-function $o() {
+Ge.default = Ao;
+function Ao() {
 }
 Object.defineProperty(Ke, "__esModule", {
   value: !0
 });
 Ke.default = void 0;
-var mt = Io(_e), se = Rt(Xe), zo = Rt(Nr), re = K, we = Ne, pt = xe, Ae = Rt(Ge);
+var mt = zo(_e), se = Rt(Xe), $o = Rt(Nr), re = K, we = Ne, pt = xe, Ae = Rt(Ge);
 function Rt(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -3176,7 +3178,7 @@ function Mr(e) {
     return n ? r : t;
   })(e);
 }
-function Io(e, t) {
+function zo(e, t) {
   if (e && e.__esModule)
     return e;
   if (e === null || typeof e != "object" && typeof e != "function")
@@ -3193,13 +3195,13 @@ function Io(e, t) {
   return n.default = e, r && r.set(e, n), n;
 }
 function ie(e, t, r) {
-  return t = Ho(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+  return t = Io(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
-function Ho(e) {
-  var t = Lo(e, "string");
+function Io(e) {
+  var t = Ho(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function Lo(e, t) {
+function Ho(e, t) {
   if (typeof e != "object" || e === null) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -3307,7 +3309,7 @@ let Ce = ve.mouse, Je = class extends mt.Component {
   // the underlying DOM node ourselves. See the README for more information.
   findDOMNode() {
     var t, r;
-    return (t = this.props) !== null && t !== void 0 && t.nodeRef ? (r = this.props) === null || r === void 0 || (r = r.nodeRef) === null || r === void 0 ? void 0 : r.current : zo.default.findDOMNode(this);
+    return (t = this.props) !== null && t !== void 0 && t.nodeRef ? (r = this.props) === null || r === void 0 || (r = r.nodeRef) === null || r === void 0 ? void 0 : r.current : $o.default.findDOMNode(this);
   }
   render() {
     return /* @__PURE__ */ mt.cloneElement(mt.Children.only(this.props.children), {
@@ -3471,7 +3473,7 @@ ie(Je, "defaultProps", {
       return m.default;
     }
   }), e.default = void 0;
-  var t = O(_e), r = y(Xe), n = y(Nr), o = y(oo), a = K, s = Ne, u = xe, m = y(Ke), p = y(Ge);
+  var t = O(_e), r = y(Xe), n = y(Nr), o = y(io), a = K, s = Ne, u = xe, m = y(Ke), p = y(Ge);
   function y(g) {
     return g && g.__esModule ? g : { default: g };
   }
@@ -3785,16 +3787,16 @@ ie(Je, "defaultProps", {
 })(wr);
 const {
   default: Vr,
-  DraggableCore: Wo
+  DraggableCore: Lo
 } = wr;
 Be.exports = Vr;
 Be.exports.default = Vr;
-Be.exports.DraggableCore = Wo;
-var qo = Be.exports, Tt = {};
+Be.exports.DraggableCore = Lo;
+var Wo = Be.exports, Tt = {};
 Tt.__esModule = !0;
-Tt.cloneElement = Ko;
-var Yo = Fo(_e);
-function Fo(e) {
+Tt.cloneElement = Xo;
+var qo = Yo(_e);
+function Yo(e) {
   return e && e.__esModule ? e : { default: e };
 }
 function dr(e, t) {
@@ -3811,21 +3813,21 @@ function fr(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) {
-      Uo(e, n, r[n]);
+      Fo(e, n, r[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : dr(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function Uo(e, t, r) {
-  return t = Bo(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+function Fo(e, t, r) {
+  return t = Uo(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
-function Bo(e) {
-  var t = Xo(e, "string");
+function Uo(e) {
+  var t = Bo(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function Xo(e, t) {
+function Bo(e, t) {
   if (typeof e != "object" || e === null) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -3835,17 +3837,17 @@ function Xo(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function Ko(e, t) {
-  return t.style && e.props.style && (t.style = fr(fr({}, e.props.style), t.style)), t.className && e.props.className && (t.className = e.props.className + " " + t.className), /* @__PURE__ */ Yo.default.cloneElement(e, t);
+function Xo(e, t) {
+  return t.style && e.props.style && (t.style = fr(fr({}, e.props.style), t.style)), t.className && e.props.className && (t.className = e.props.className + " " + t.className), /* @__PURE__ */ qo.default.cloneElement(e, t);
 }
 var Ie = {};
 Ie.__esModule = !0;
 Ie.resizableProps = void 0;
-var D = Go(Xe);
-function Go(e) {
+var D = Ko(Xe);
+function Ko(e) {
   return e && e.__esModule ? e : { default: e };
 }
-var Jo = {
+var Go = {
   /*
   * Restricts resizing to a particular axis (default: 'both')
   * 'both' - allows resizing by width or height
@@ -3950,10 +3952,10 @@ var Jo = {
     return D.default.number.apply(D.default, r);
   }
 };
-Ie.resizableProps = Jo;
+Ie.resizableProps = Go;
 ze.__esModule = !0;
 ze.default = void 0;
-var $e = ra(_e), Zo = qo, Qo = Tt, ea = Ie, ta = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
+var $e = ta(_e), Jo = Wo, Zo = Tt, Qo = Ie, ea = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
 function Ar(e) {
   if (typeof WeakMap != "function") return null;
   var t = /* @__PURE__ */ new WeakMap(), r = /* @__PURE__ */ new WeakMap();
@@ -3961,7 +3963,7 @@ function Ar(e) {
     return o ? r : t;
   })(e);
 }
-function ra(e, t) {
+function ta(e, t) {
   if (e && e.__esModule)
     return e;
   if (e === null || typeof e != "object" && typeof e != "function")
@@ -3987,7 +3989,7 @@ function Nt() {
     return e;
   }, Nt.apply(this, arguments);
 }
-function na(e, t) {
+function ra(e, t) {
   if (e == null) return {};
   var r = {}, n = Object.keys(e), o, a;
   for (a = 0; a < n.length; a++)
@@ -4008,21 +4010,21 @@ 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) {
-      ia(e, n, r[n]);
+      na(e, n, r[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : mr(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function ia(e, t, r) {
-  return t = oa(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+function na(e, t, r) {
+  return t = ia(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
-function oa(e) {
-  var t = aa(e, "string");
+function ia(e) {
+  var t = oa(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function aa(e, t) {
+function oa(e, t) {
   if (typeof e != "object" || e === null) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -4032,7 +4034,7 @@ function aa(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function sa(e, t) {
+function aa(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, Et(e, t);
 }
 function Et(e, t) {
@@ -4041,7 +4043,7 @@ function Et(e, t) {
   }, Et(e, t);
 }
 var Pt = /* @__PURE__ */ function(e) {
-  sa(t, 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];
@@ -4113,12 +4115,12 @@ var Pt = /* @__PURE__ */ function(e) {
     a.width, a.height, a.handle, a.handleSize, a.lockAspectRatio, a.axis, a.minConstraints, a.maxConstraints, a.onResize, a.onResizeStop, a.onResizeStart;
     var p = a.resizeHandles;
     a.transformScale;
-    var y = na(a, ta);
-    return (0, Qo.cloneElement)(s, bt(bt({}, y), {}, {
+    var y = ra(a, ea);
+    return (0, Zo.cloneElement)(s, bt(bt({}, y), {}, {
       className: (u ? u + " " : "") + "react-resizable",
       children: [].concat(s.props.children, p.map(function(v) {
         var O, S = (O = o.handleRefs[v]) != null ? O : o.handleRefs[v] = /* @__PURE__ */ $e.createRef();
-        return /* @__PURE__ */ $e.createElement(Zo.DraggableCore, Nt({}, m, {
+        return /* @__PURE__ */ $e.createElement(Jo.DraggableCore, Nt({}, m, {
           nodeRef: S,
           key: "resizableHandle-" + v,
           onStop: o.resizeHandler("onResizeStop", v),
@@ -4130,7 +4132,7 @@ var Pt = /* @__PURE__ */ function(e) {
   }, t;
 }($e.Component);
 ze.default = Pt;
-Pt.propTypes = ea.resizableProps;
+Pt.propTypes = Qo.resizableProps;
 Pt.defaultProps = {
   axis: "both",
   handleSize: [20, 20],
@@ -4143,7 +4145,7 @@ Pt.defaultProps = {
 var Ze = {};
 Ze.__esModule = !0;
 Ze.default = void 0;
-var ht = fa(_e), la = $r(Xe), ca = $r(ze), ua = Ie, da = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
+var ht = da(_e), sa = $r(Xe), la = $r(ze), ca = Ie, ua = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
 function $r(e) {
   return e && e.__esModule ? e : { default: e };
 }
@@ -4154,7 +4156,7 @@ function zr(e) {
     return o ? r : t;
   })(e);
 }
-function fa(e, t) {
+function da(e, t) {
   if (e && e.__esModule)
     return e;
   if (e === null || typeof e != "object" && typeof e != "function")
@@ -4194,21 +4196,21 @@ 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) {
-      ma(e, n, r[n]);
+      fa(e, n, r[n]);
     }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : pr(Object(r)).forEach(function(n) {
       Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
     });
   }
   return e;
 }
-function ma(e, t, r) {
-  return t = pa(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
+function fa(e, t, r) {
+  return t = ma(t), t in e ? Object.defineProperty(e, t, { value: r, enumerable: !0, configurable: !0, writable: !0 }) : e[t] = r, e;
 }
-function pa(e) {
-  var t = ba(e, "string");
+function ma(e) {
+  var t = pa(e, "string");
   return typeof t == "symbol" ? t : String(t);
 }
-function ba(e, t) {
+function pa(e, t) {
   if (typeof e != "object" || e === null) return e;
   var r = e[Symbol.toPrimitive];
   if (r !== void 0) {
@@ -4218,14 +4220,14 @@ function ba(e, t) {
   }
   return (t === "string" ? String : Number)(e);
 }
-function ha(e, t) {
+function ba(e, t) {
   if (e == null) return {};
   var r = {}, n = Object.keys(e), o, a;
   for (a = 0; a < n.length; a++)
     o = n[a], !(t.indexOf(o) >= 0) && (r[o] = e[o]);
   return r;
 }
-function ya(e, t) {
+function ha(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, wt(e, t);
 }
 function wt(e, t) {
@@ -4234,7 +4236,7 @@ function wt(e, t) {
   }, wt(e, t);
 }
 var Ir = /* @__PURE__ */ function(e) {
-  ya(t, e);
+  ha(t, e);
   function t() {
     for (var n, o = arguments.length, a = new Array(o), s = 0; s < o; s++)
       a[s] = arguments[s];
@@ -4264,8 +4266,8 @@ var Ir = /* @__PURE__ */ function(e) {
     o.onResize;
     var u = o.onResizeStart, m = o.onResizeStop, p = o.draggableOpts, y = o.minConstraints, v = o.maxConstraints, O = o.lockAspectRatio, S = o.axis;
     o.width, o.height;
-    var A = o.resizeHandles, $ = o.style, B = o.transformScale, W = ha(o, da);
-    return /* @__PURE__ */ ht.createElement(ca.default, {
+    var A = o.resizeHandles, $ = o.style, B = o.transformScale, W = ba(o, ua);
+    return /* @__PURE__ */ ht.createElement(la.default, {
       axis: S,
       draggableOpts: p,
       handle: a,
@@ -4289,51 +4291,51 @@ var Ir = /* @__PURE__ */ function(e) {
   }, t;
 }(ht.Component);
 Ze.default = Ir;
-Ir.propTypes = Ue(Ue({}, ua.resizableProps), {}, {
-  children: la.default.element
+Ir.propTypes = Ue(Ue({}, ca.resizableProps), {}, {
+  children: sa.default.element
 });
 kt.exports = function() {
   throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
 };
 kt.exports.Resizable = ze.default;
-var va = kt.exports.ResizableBox = Ze.default;
-const ga = (e) => {
-  const { editor: t } = cn();
-  if (!t) return null;
-  const { node: r, updateAttributes: n } = e, [o, a] = he({
-    width: r.attrs.width || 300,
-    height: r.attrs.height || 300
-  }), [s, u] = he({
-    left: r.attrs.marginLeft || 0,
-    right: r.attrs.marginRight || 0
-  }), [m, p] = he(r.attrs.src || ""), y = sn(null);
+var ya = kt.exports.ResizableBox = Ze.default;
+const va = ({ node: e, updateAttributes: t, editor: r }) => {
+  const [n, o] = he({
+    width: e.attrs.width || 300,
+    height: e.attrs.height || 300
+  }), [a, s] = he({
+    left: e.attrs.marginLeft || 0,
+    right: e.attrs.marginRight || 0
+  }), [u, m] = he(e.attrs.src || ""), p = sn(null);
   hr(() => {
-    if (r.attrs.src && y.current) {
+    if (e.attrs.src && p.current) {
       const S = new Image();
       S.onload = () => {
-        (!r.attrs.width || !r.attrs.height) && a({
+        (!e.attrs.width || !e.attrs.height) && o({
           width: S.width > 600 ? 600 : S.width,
           height: S.width > 600 ? 600 / S.width * S.height : S.height
         });
-      }, S.src = r.attrs.src;
+      }, S.src = e.attrs.src;
     }
-  }, [r.attrs.src]);
-  const v = (S, { size: A }) => {
-    a({
+  }, [e.attrs.src]);
+  const y = (S, { size: A }) => {
+    o({
       width: A.width,
       height: A.height
-    }), n({
+    }), t({
       width: A.width,
       height: A.height
     });
-  }, O = () => {
-    n({
-      src: m,
-      width: o.width,
-      height: o.height,
-      marginLeft: s.left,
-      marginRight: s.right
+  }, v = () => {
+    t({
+      src: u,
+      width: n.width,
+      height: n.height,
+      marginLeft: a.left,
+      marginRight: a.right
     });
+  }, O = (S) => {
+    S.preventDefault();
   };
   return /* @__PURE__ */ l.jsxDEV(yr, { className: "image-wrapper", children: /* @__PURE__ */ l.jsxDEV(
     Sr,
@@ -4344,15 +4346,16 @@ const ga = (e) => {
         {
           className: "relative",
           style: {
-            marginLeft: s.left,
-            marginRight: s.right
+            marginLeft: a.left,
+            marginRight: a.right
           },
-          children: t.isEditable ? /* @__PURE__ */ l.jsxDEV(
-            va,
+          onContextMenu: O,
+          children: r.isEditable ? /* @__PURE__ */ l.jsxDEV(
+            ya,
             {
-              width: o.width,
-              height: o.height,
-              onResize: v,
+              width: n.width,
+              height: n.height,
+              onResize: y,
               minConstraints: [100, 100],
               maxConstraints: [800, 800],
               lockAspectRatio: !0,
@@ -4360,8 +4363,8 @@ const ga = (e) => {
               children: /* @__PURE__ */ l.jsxDEV(
                 "img",
                 {
-                  ref: y,
-                  src: r.attrs.src,
+                  ref: p,
+                  src: e.attrs.src,
                   alt: "Uploaded",
                   className: "object-contain w-full h-full",
                   draggable: !1
@@ -4370,7 +4373,7 @@ const ga = (e) => {
                 !1,
                 {
                   fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                  lineNumber: 87,
+                  lineNumber: 89,
                   columnNumber: 33
                 },
                 void 0
@@ -4380,19 +4383,19 @@ const ga = (e) => {
             !1,
             {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 78,
+              lineNumber: 80,
               columnNumber: 29
             },
             void 0
           ) : /* @__PURE__ */ l.jsxDEV(
             "img",
             {
-              ref: y,
-              src: r.attrs.src,
+              ref: p,
+              src: e.attrs.src,
               alt: "Uploaded",
               style: {
-                width: o.width,
-                height: o.height
+                width: n.width,
+                height: n.height
               },
               className: "object-contain",
               draggable: !1
@@ -4401,7 +4404,7 @@ const ga = (e) => {
             !1,
             {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 96,
+              lineNumber: 98,
               columnNumber: 29
             },
             void 0
@@ -4411,184 +4414,190 @@ const ga = (e) => {
         !1,
         {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-          lineNumber: 70,
+          lineNumber: 71,
           columnNumber: 21
         },
         void 0
       ),
-      editable: t.isEditable,
+      editable: r.isEditable,
       childrenEdit: /* @__PURE__ */ l.jsxDEV("div", { className: "space-y-4", children: [
         /* @__PURE__ */ l.jsxDEV("div", { children: [
           /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Image URL" }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 114,
+            lineNumber: 116,
             columnNumber: 29
           }, void 0),
           /* @__PURE__ */ l.jsxDEV(
             "input",
             {
               type: "text",
-              value: m,
-              onChange: (S) => p(S.target.value),
-              className: "w-full p-2 border rounded"
+              value: u,
+              onChange: (S) => m(S.target.value),
+              className: "w-full p-2 border rounded",
+              disabled: !r.isEditable
             },
             void 0,
             !1,
             {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 115,
+              lineNumber: 117,
               columnNumber: 29
             },
             void 0
           )
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-          lineNumber: 113,
+          lineNumber: 115,
           columnNumber: 25
         }, void 0),
         /* @__PURE__ */ l.jsxDEV("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ l.jsxDEV("div", { children: [
             /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Width" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 125,
+              lineNumber: 128,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV(
               "input",
               {
                 type: "number",
-                value: o.width,
-                onChange: (S) => a({ ...o, width: Number(S.target.value) }),
-                className: "w-full p-2 border rounded"
+                value: n.width,
+                onChange: (S) => o({ ...n, width: Number(S.target.value) }),
+                className: "w-full p-2 border rounded",
+                disabled: !r.isEditable
               },
               void 0,
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                lineNumber: 126,
+                lineNumber: 129,
                 columnNumber: 33
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 124,
+            lineNumber: 127,
             columnNumber: 29
           }, void 0),
           /* @__PURE__ */ l.jsxDEV("div", { children: [
             /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Height" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 134,
+              lineNumber: 138,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV(
               "input",
               {
                 type: "number",
-                value: o.height,
-                onChange: (S) => a({ ...o, height: Number(S.target.value) }),
-                className: "w-full p-2 border rounded"
+                value: n.height,
+                onChange: (S) => o({ ...n, height: Number(S.target.value) }),
+                className: "w-full p-2 border rounded",
+                disabled: !r.isEditable
               },
               void 0,
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                lineNumber: 135,
+                lineNumber: 139,
                 columnNumber: 33
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 133,
+            lineNumber: 137,
             columnNumber: 29
           }, void 0)
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-          lineNumber: 123,
+          lineNumber: 126,
           columnNumber: 25
         }, void 0),
         /* @__PURE__ */ l.jsxDEV("div", { className: "flex gap-2", children: [
           /* @__PURE__ */ l.jsxDEV("div", { children: [
             /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Margin Left" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 146,
+              lineNumber: 151,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV(
               "input",
               {
                 type: "number",
-                value: s.left,
-                onChange: (S) => u({ ...s, left: Number(S.target.value) }),
-                className: "w-full p-2 border rounded"
+                value: a.left,
+                onChange: (S) => s({ ...a, left: Number(S.target.value) }),
+                className: "w-full p-2 border rounded",
+                disabled: !r.isEditable
               },
               void 0,
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                lineNumber: 147,
+                lineNumber: 152,
                 columnNumber: 33
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 145,
+            lineNumber: 150,
             columnNumber: 29
           }, void 0),
           /* @__PURE__ */ l.jsxDEV("div", { children: [
             /* @__PURE__ */ l.jsxDEV("label", { className: "block text-sm font-medium", children: "Margin Right" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-              lineNumber: 155,
+              lineNumber: 161,
               columnNumber: 33
             }, void 0),
             /* @__PURE__ */ l.jsxDEV(
               "input",
               {
                 type: "number",
-                value: s.right,
-                onChange: (S) => u({ ...s, right: Number(S.target.value) }),
-                className: "w-full p-2 border rounded"
+                value: a.right,
+                onChange: (S) => s({ ...a, right: Number(S.target.value) }),
+                className: "w-full p-2 border rounded",
+                disabled: !r.isEditable
               },
               void 0,
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-                lineNumber: 156,
+                lineNumber: 162,
                 columnNumber: 33
               },
               void 0
             )
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 154,
+            lineNumber: 160,
             columnNumber: 29
           }, void 0)
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-          lineNumber: 144,
+          lineNumber: 149,
           columnNumber: 25
         }, void 0),
         /* @__PURE__ */ l.jsxDEV(
           "button",
           {
-            onClick: O,
+            onClick: v,
             className: "w-full p-2 text-white bg-blue-500 rounded hover:bg-blue-600",
+            disabled: !r.isEditable,
             children: "Update Image"
           },
           void 0,
           !1,
           {
             fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-            lineNumber: 165,
+            lineNumber: 172,
             columnNumber: 25
           },
           void 0
         )
       ] }, void 0, !0, {
         fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-        lineNumber: 112,
+        lineNumber: 114,
         columnNumber: 21
       }, void 0)
     },
@@ -4596,16 +4605,16 @@ const ga = (e) => {
     !1,
     {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-      lineNumber: 67,
+      lineNumber: 68,
       columnNumber: 13
     },
     void 0
   ) }, void 0, !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/extensions/image/image-view.tsx",
-    lineNumber: 66,
+    lineNumber: 67,
     columnNumber: 9
   }, void 0);
-}, xa = gr.create({
+}, ga = gr.create({
   name: "image",
   group: "block",
   content: "inline*",
@@ -4616,17 +4625,30 @@ const ga = (e) => {
     return {
       src: { default: null },
       width: { default: 300 },
-      height: { default: 300 }
+      height: { default: 300 },
+      marginLeft: { default: 0 },
+      marginRight: { default: 0 }
     };
   },
   parseHTML() {
-    return [{ tag: "image" }];
+    return [
+      {
+        tag: "img",
+        getAttrs: (e) => e instanceof HTMLElement ? {
+          src: e.getAttribute("src"),
+          width: Number(e.getAttribute("width")) || 300,
+          height: Number(e.getAttribute("height")) || 300,
+          marginLeft: Number(e.getAttribute("marginleft")) || 0,
+          marginRight: Number(e.getAttribute("marginright")) || 0
+        } : null
+      }
+    ];
   },
   renderHTML({ HTMLAttributes: e }) {
-    return ["image", xr(e)];
+    return ["img", xr(e)];
   },
   addNodeView() {
-    return vr(ga);
+    return vr(va);
   },
   addCommands() {
     return {
@@ -4636,13 +4658,13 @@ const ga = (e) => {
       }).run()
     };
   }
-}), Na = [
-  bn.configure({
-    types: [Ut.name, pn.name]
+}), xa = [
+  pn.configure({
+    types: [Ut.name, mn.name]
   }),
   Ut,
-  yn.configure({ multicolor: !0 }),
-  hn.configure({
+  hn.configure({ multicolor: !0 }),
+  bn.configure({
     bulletList: {
       keepMarks: !0,
       keepAttributes: !1
@@ -4652,16 +4674,16 @@ const ga = (e) => {
       keepAttributes: !1
     }
   }),
-  Ki,
+  Xi,
+  yn,
   vn,
   gn,
-  xn,
-  Nn.configure({
+  xn.configure({
     types: ["heading", "paragraph"]
   }),
+  Nn,
   En,
-  Sn,
-  wn.configure({
+  Sn.configure({
     resizable: !0,
     lastColumnResizable: !0,
     allowTableNodeSelection: !0,
@@ -4669,16 +4691,16 @@ const ga = (e) => {
       class: "table-wrapper"
     }
   }),
+  wn,
   Cn,
-  kn,
-  Dn.configure({
+  kn.configure({
     HTMLAttributes: {
       class: "table-cell"
     }
   }),
-  _n,
-  xa
-], Ya = ({
+  Dn,
+  ga
+], qa = ({
   content: e = "",
   slotBefore: t = !1,
   className: r = "",
@@ -4686,8 +4708,8 @@ const ga = (e) => {
   editable: o = !0,
   onChange: a
 }) => {
-  const s = un({
-    extensions: Na,
+  const s = cn({
+    extensions: xa,
     content: e,
     editable: o,
     onUpdate: ({ editor: u }) => {
@@ -4697,12 +4719,12 @@ const ga = (e) => {
   return hr(() => {
     s && e !== s.getHTML() && s.commands.setContent(e, !1);
   }, [s, e]), s ? /* @__PURE__ */ l.jsxDEV("div", { className: `cyber-editor-container ${r}`, children: [
-    t && /* @__PURE__ */ l.jsxDEV(Bi, { editor: s }, void 0, !1, {
+    t && /* @__PURE__ */ l.jsxDEV(Ui, { editor: s }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
       lineNumber: 36,
       columnNumber: 28
     }, void 0),
-    /* @__PURE__ */ l.jsxDEV(dn, { editor: s, className: n }, void 0, !1, {
+    /* @__PURE__ */ l.jsxDEV(un, { editor: s, className: n }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/extensions/editor-provider.tsx",
       lineNumber: 37,
       columnNumber: 13
@@ -4714,5 +4736,5 @@ const ga = (e) => {
   }, void 0) : null;
 };
 export {
-  Ya as CyberEditorProvider
+  qa as CyberEditorProvider
 };