@cyberskill/cyber-editor 3.8.2 → 3.8.3

package/dist/cyber-editor.es.js

@@ -44515,8 +44515,8 @@ function J5({ editor: t }) {
   }, s = (l) => {
     l.preventDefault();
   };
-  return /* @__PURE__ */ ve.jsxDEV("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ ve.jsxDEV(ei, { title: "Text Color", children: /* @__PURE__ */ ve.jsxDEV("div", { className: "flex items-center gap-2", onMouseDown: s, children: [
+  return /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:flex ce:items-center ce:gap-4", children: [
+    /* @__PURE__ */ ve.jsxDEV(ei, { title: "Text Color", children: /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:flex ce:items-center ce:gap-2", onMouseDown: s, children: [
       /* @__PURE__ */ ve.jsxDEV(W5, { size: 20, color: "black" }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/modules/color-picker/color-picker.component.tsx",
         lineNumber: 36,
@@ -44536,7 +44536,7 @@ function J5({ editor: t }) {
       lineNumber: 34,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ ve.jsxDEV(ei, { title: "Highlight Color", children: /* @__PURE__ */ ve.jsxDEV("div", { className: "flex items-center gap-2", onMouseDown: s, children: [
+    /* @__PURE__ */ ve.jsxDEV(ei, { title: "Highlight Color", children: /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:flex ce:items-center ce:gap-2", onMouseDown: s, children: [
       /* @__PURE__ */ ve.jsxDEV(O5, { size: 20, color: "black" }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/modules/color-picker/color-picker.component.tsx",
         lineNumber: 44,
@@ -44572,75 +44572,119 @@ function Q5({ editor: t }) {
           case 1:
             return /* @__PURE__ */ ve.jsxDEV(Vd, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/modules/heading/heading.component.tsx",
-              lineNumber: 26,
-              columnNumber: 36
+              lineNumber: 27,
+              columnNumber: 32
             }, this);
           case 2:
             return /* @__PURE__ */ ve.jsxDEV(f0, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/modules/heading/heading.component.tsx",
-              lineNumber: 27,
-              columnNumber: 36
+              lineNumber: 29,
+              columnNumber: 32
             }, this);
           case 3:
             return /* @__PURE__ */ ve.jsxDEV(h0, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/modules/heading/heading.component.tsx",
-              lineNumber: 28,
-              columnNumber: 36
+              lineNumber: 31,
+              columnNumber: 32
             }, this);
           case 4:
             return /* @__PURE__ */ ve.jsxDEV(p0, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/modules/heading/heading.component.tsx",
-              lineNumber: 29,
-              columnNumber: 36
+              lineNumber: 33,
+              columnNumber: 32
             }, this);
           case 5:
             return /* @__PURE__ */ ve.jsxDEV(m0, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/modules/heading/heading.component.tsx",
-              lineNumber: 30,
-              columnNumber: 36
+              lineNumber: 35,
+              columnNumber: 32
             }, this);
           case 6:
             return /* @__PURE__ */ ve.jsxDEV(g0, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/modules/heading/heading.component.tsx",
-              lineNumber: 31,
-              columnNumber: 36
+              lineNumber: 37,
+              columnNumber: 32
             }, this);
         }
     return /* @__PURE__ */ ve.jsxDEV(Vd, { size: 16 }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/heading/heading.component.tsx",
-      lineNumber: 35,
+      lineNumber: 41,
       columnNumber: 16
     }, this);
   }, n = [
     ...Array.from({ length: 6 }, (r, o) => ({
       key: `${o + 1}`,
-      label: /* @__PURE__ */ ve.jsxDEV("div", { className: "flex items-center gap-2", onClick: () => t.chain().focus().toggleHeading({ level: o + 1 }).run(), children: [
-        z.createElement([Vd, f0, h0, p0, m0, g0][o], { size: 16 }),
-        /* @__PURE__ */ ve.jsxDEV("span", { children: [
-          "Heading",
-          o + 1
-        ] }, void 0, !0, {
+      label: /* @__PURE__ */ ve.jsxDEV(
+        "div",
+        {
+          className: "ce:flex ce:items-center ce:gap-2",
+          onClick: () => t.chain().focus().toggleHeading({ level: o + 1 }).run(),
+          children: [
+            z.createElement(
+              [
+                Vd,
+                f0,
+                h0,
+                p0,
+                m0,
+                g0
+              ][o],
+              { size: 16 }
+            ),
+            /* @__PURE__ */ ve.jsxDEV("span", { children: [
+              "Heading",
+              o + 1
+            ] }, void 0, !0, {
+              fileName: "E:/CyberSkill/cyber-editor/src/modules/heading/heading.component.tsx",
+              lineNumber: 69,
+              columnNumber: 21
+            }, this)
+          ]
+        },
+        void 0,
+        !0,
+        {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/heading/heading.component.tsx",
-          lineNumber: 44,
-          columnNumber: 21
-        }, this)
-      ] }, void 0, !0, {
-        fileName: "E:/CyberSkill/cyber-editor/src/modules/heading/heading.component.tsx",
-        lineNumber: 42,
-        columnNumber: 17
-      }, this),
+          lineNumber: 48,
+          columnNumber: 17
+        },
+        this
+      ),
       className: t.isActive("heading", { level: o + 1 }) ? "ant-dropdown-menu-item-active" : ""
     }))
   ];
-  return /* @__PURE__ */ ve.jsxDEV(Mu, { menu: { items: n }, trigger: ["hover"], placement: "bottomLeft", children: /* @__PURE__ */ ve.jsxDEV("button", { className: "flex items-center gap-1 p-2 rounded-md hover:bg-blue-100 hover:text-blue-600", type: "button", children: e() }, void 0, !1, {
-    fileName: "E:/CyberSkill/cyber-editor/src/modules/heading/heading.component.tsx",
-    lineNumber: 56,
-    columnNumber: 13
-  }, this) }, void 0, !1, {
-    fileName: "E:/CyberSkill/cyber-editor/src/modules/heading/heading.component.tsx",
-    lineNumber: 55,
-    columnNumber: 9
-  }, this);
+  return /* @__PURE__ */ ve.jsxDEV(
+    Mu,
+    {
+      menu: { items: n },
+      trigger: ["hover"],
+      placement: "bottomLeft",
+      children: /* @__PURE__ */ ve.jsxDEV(
+        "button",
+        {
+          className: "ce:flex ce:items-center ce:gap-1 ce:p-2 ce:rounded-md ce:hover:bg-blue-100 ce:hover:text-blue-600",
+          type: "button",
+          children: e()
+        },
+        void 0,
+        !1,
+        {
+          fileName: "E:/CyberSkill/cyber-editor/src/modules/heading/heading.component.tsx",
+          lineNumber: 87,
+          columnNumber: 13
+        },
+        this
+      )
+    },
+    void 0,
+    !1,
+    {
+      fileName: "E:/CyberSkill/cyber-editor/src/modules/heading/heading.component.tsx",
+      lineNumber: 82,
+      columnNumber: 9
+    },
+    this
+  );
 }
 const Z5 = 8, e3 = 8;
 function t3({
@@ -44660,15 +44704,15 @@ function t3({
       open: i,
       onOpenChange: (l) => a(l),
       trigger: ["hover"],
-      dropdownRender: () => /* @__PURE__ */ ve.jsxDEV("div", { className: "w-56 p-4 bg-white border border-gray-300 rounded-lg shadow-xl", children: [
-        /* @__PURE__ */ ve.jsxDEV("div", { className: "grid grid-cols-8 gap-1", children: Array.from({ length: Z5 }).map(
+      dropdownRender: () => /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:w-56 ce:p-4 ce:bg-white ce:border ce:border-gray-300 ce:rounded-lg ce:shadow-xl", children: [
+        /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:grid ce:grid-cols-8 ce:gap-1", children: Array.from({ length: Z5 }).map(
           (l, c) => Array.from({ length: e3 }).map(
             (u, d) => {
               const f = c < r.rows && d < r.cols;
               return /* @__PURE__ */ ve.jsxDEV(
                 "div",
                 {
-                  className: `w-5 h-5 border rounded-sm cursor-pointer transition-all duration-200 ${f ? "bg-blue-400 border-white scale-110" : "bg-gray-200 hover:bg-gray-300"}`,
+                  className: `ce:w-5 ce:h-5 ce:border ce:rounded-sm ce:cursor-pointer ce:transition-all ce:duration-200 ${f ? "ce:bg-blue-400 ce:border-white ce:scale-110" : "ce:bg-gray-200 ce:hover:bg-gray-300"}`,
                   onMouseEnter: () => o({
                     rows: c + 1,
                     cols: d + 1
@@ -44696,7 +44740,7 @@ function t3({
           lineNumber: 39,
           columnNumber: 21
         }, this),
-        /* @__PURE__ */ ve.jsxDEV("div", { className: "mt-3 text-sm font-medium text-center text-gray-700", children: r.rows > 0 && r.cols > 0 ? `${r.rows} × ${r.cols} Table` : "Insert Table" }, void 0, !1, {
+        /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:mt-3 ce:text-sm ce:font-medium ce:text-center ce:text-gray-700", children: r.rows > 0 && r.cols > 0 ? `${r.rows} × ${r.cols} Table` : "Insert Table" }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/table/table.component.tsx",
           lineNumber: 73,
           columnNumber: 21
@@ -44710,11 +44754,11 @@ function t3({
         "button",
         {
           type: "button",
-          className: `${e} ${i ? n : ""} transition-all`,
+          className: `${e} ${i ? n : ""} ce:transition-all`,
           onClick: (l) => {
             l.preventDefault(), a(!i);
           },
-          children: /* @__PURE__ */ ve.jsxDEV(F5, { className: "w-5 h-5" }, void 0, !1, {
+          children: /* @__PURE__ */ ve.jsxDEV(F5, { className: "ce:w-5 ce:h-5" }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/modules/table/table.component.tsx",
             lineNumber: 91,
             columnNumber: 17
@@ -44742,12 +44786,12 @@ function t3({
 }
 function n3({ editor: t }) {
   const [e, n] = _t(!1);
-  return /* @__PURE__ */ ve.jsxDEV("div", { className: "relative", children: [
+  return /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:relative", children: [
     /* @__PURE__ */ ve.jsxDEV(
       "button",
       {
         type: "button",
-        className: `p-1 text-black transition-all duration-300 rounded-md shadow-lg hover:bg-blue-100 hover:text-blue-600 ${e ? "bg-blue-100 text-blue-600" : ""}`,
+        className: `ce:p-1 ce:text-black ce:transition-all ce:duration-300 ce:rounded-md ce:shadow-lg ce:hover:bg-blue-100 ce:hover:text-blue-600 ${e ? "ce:bg-blue-100 ce:text-blue-600" : ""}`,
         onClick: (r) => {
           r.preventDefault(), r.stopPropagation(), n(!e);
         },
@@ -44770,8 +44814,8 @@ function n3({ editor: t }) {
       },
       this
     ),
-    e && /* @__PURE__ */ ve.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__ */ ve.jsxDEV("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ ve.jsxDEV("h3", { className: "mb-3 font-bold text-center text-gray-700", children: "Custom Extensions" }, void 0, !1, {
+    e && /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:fixed ce:z-40 ce:w-64 ce:p-4 ce:bg-white ce:border ce:border-gray-200 ce:rounded-lg ce:shadow-xl ce:bottom-20 ce:right-4 ce:animate-slide-up", children: /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:space-y-2", children: [
+      /* @__PURE__ */ ve.jsxDEV("h3", { className: "ce:mb-3 ce:font-bold ce:text-center ce:text-gray-700", children: "Custom Extensions" }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/custom.tsx",
         lineNumber: 26,
         columnNumber: 25
@@ -44796,7 +44840,7 @@ function n3({ editor: t }) {
               ]
             }).run();
           },
-          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",
+          className: "ce:flex ce:items-center ce:justify-center ce:w-full ce:gap-2 ce:px-3 ce:py-1 ce:text-blue-600 ce:duration-300 ce:rounded-md ce:bg-blue-50 ce:hover:bg-blue-100 ce:hover:text-blue-700",
           children: [
             /* @__PURE__ */ ve.jsxDEV(M5, { size: 16 }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/custom.tsx",
@@ -44833,7 +44877,7 @@ function n3({ editor: t }) {
 function r3({ editor: t }) {
   if (!t)
     return null;
-  const e = "p-2 rounded-md transition-all duration-200 hover:bg-blue-100 hover:text-blue-600", n = "bg-blue-100 text-blue-600", r = (o, i, a, s, l) => /* @__PURE__ */ ve.jsxDEV(ei, { title: l, children: /* @__PURE__ */ ve.jsxDEV(
+  const e = "ce:p-2 ce:rounded-md ce:transition-all ce:duration-200 ce:hover:bg-blue-100 ce:hover:text-blue-600", n = "ce:bg-blue-100  ce:text-blue-600", r = (o, i, a, s, l) => /* @__PURE__ */ ve.jsxDEV(ei, { title: l, children: /* @__PURE__ */ ve.jsxDEV(
     "button",
     {
       type: "button",
@@ -44842,7 +44886,7 @@ function r3({ editor: t }) {
       className: `
                     ${e} 
                     ${a ? n : ""} 
-                    ${s ? "opacity-50 cursor-not-allowed" : ""}
+                    ${s ? "ce:opacity-50 ce:cursor-not-allowed" : ""}
                 `,
       children: o
     },
@@ -44850,21 +44894,21 @@ function r3({ editor: t }) {
     !1,
     {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 46,
+      lineNumber: 47,
       columnNumber: 13
     },
     this
   ) }, void 0, !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-    lineNumber: 45,
+    lineNumber: 46,
     columnNumber: 9
   }, this);
-  return /* @__PURE__ */ ve.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__ */ ve.jsxDEV("div", { className: "flex items-center gap-1", children: [
+  return /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:flex ce:flex-wrap ce:items-center ce:gap-2 ce:p-2 ce:border-b ce:border-gray-200 ce:rounded-t-lg ce:bg-gray-50", children: [
+    /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:flex ce:items-center ce:gap-1", children: [
       r(
         /* @__PURE__ */ ve.jsxDEV(e5, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 66,
+          lineNumber: 67,
           columnNumber: 21
         }, this),
         () => t.chain().focus().toggleBold().run(),
@@ -44875,7 +44919,7 @@ function r3({ editor: t }) {
       r(
         /* @__PURE__ */ ve.jsxDEV(g5, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 73,
+          lineNumber: 74,
           columnNumber: 21
         }, this),
         () => t.chain().focus().toggleItalic().run(),
@@ -44886,7 +44930,7 @@ function r3({ editor: t }) {
       r(
         /* @__PURE__ */ ve.jsxDEV(K5, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 80,
+          lineNumber: 81,
           columnNumber: 21
         }, this),
         () => t.chain().focus().toggleUnderline().run(),
@@ -44897,7 +44941,7 @@ function r3({ editor: t }) {
       r(
         /* @__PURE__ */ ve.jsxDEV(_5, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 87,
+          lineNumber: 88,
           columnNumber: 21
         }, this),
         () => t.chain().focus().toggleStrike().run(),
@@ -44908,7 +44952,7 @@ function r3({ editor: t }) {
       r(
         /* @__PURE__ */ ve.jsxDEV(o5, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 94,
+          lineNumber: 95,
           columnNumber: 21
         }, this),
         () => t.chain().focus().toggleCode().run(),
@@ -44919,7 +44963,7 @@ function r3({ editor: t }) {
       r(
         /* @__PURE__ */ ve.jsxDEV(j5, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 101,
+          lineNumber: 102,
           columnNumber: 21
         }, this),
         () => t.chain().focus().toggleSubscript().run(),
@@ -44930,7 +44974,7 @@ function r3({ editor: t }) {
       r(
         /* @__PURE__ */ ve.jsxDEV(L5, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 108,
+          lineNumber: 109,
           columnNumber: 21
         }, this),
         () => t.chain().focus().toggleSuperscript().run(),
@@ -44940,29 +44984,29 @@ function r3({ editor: t }) {
       )
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 64,
+      lineNumber: 65,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ ve.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
+    /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 116,
+      lineNumber: 117,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ ve.jsxDEV(Q5, { editor: t }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 119,
+      lineNumber: 120,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ ve.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
+    /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 121,
+      lineNumber: 122,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ ve.jsxDEV("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:flex ce:items-center ce:gap-1", children: [
       r(
         /* @__PURE__ */ ve.jsxDEV(YH, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 126,
+          lineNumber: 127,
           columnNumber: 21
         }, this),
         () => t.chain().focus().setTextAlign("left").run(),
@@ -44973,7 +45017,7 @@ function r3({ editor: t }) {
       r(
         /* @__PURE__ */ ve.jsxDEV(KH, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 133,
+          lineNumber: 134,
           columnNumber: 21
         }, this),
         () => t.chain().focus().setTextAlign("center").run(),
@@ -44984,7 +45028,7 @@ function r3({ editor: t }) {
       r(
         /* @__PURE__ */ ve.jsxDEV(QH, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 140,
+          lineNumber: 141,
           columnNumber: 21
         }, this),
         () => t.chain().focus().setTextAlign("right").run(),
@@ -44995,7 +45039,7 @@ function r3({ editor: t }) {
       r(
         /* @__PURE__ */ ve.jsxDEV(GH, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 147,
+          lineNumber: 148,
           columnNumber: 21
         }, this),
         () => t.chain().focus().setTextAlign("justify").run(),
@@ -45005,19 +45049,19 @@ function r3({ editor: t }) {
       )
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 124,
+      lineNumber: 125,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ ve.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
+    /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 155,
+      lineNumber: 156,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ ve.jsxDEV("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:flex ce:items-center ce:gap-1", children: [
       r(
         /* @__PURE__ */ ve.jsxDEV(x5, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 160,
+          lineNumber: 161,
           columnNumber: 21
         }, this),
         () => t.chain().focus().toggleBulletList().run(),
@@ -45028,7 +45072,7 @@ function r3({ editor: t }) {
       r(
         /* @__PURE__ */ ve.jsxDEV(C5, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 167,
+          lineNumber: 168,
           columnNumber: 21
         }, this),
         () => t.chain().focus().toggleOrderedList().run(),
@@ -45039,7 +45083,7 @@ function r3({ editor: t }) {
       r(
         /* @__PURE__ */ ve.jsxDEV(k5, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 174,
+          lineNumber: 175,
           columnNumber: 21
         }, this),
         () => t.chain().focus().toggleTaskList().run(),
@@ -45049,19 +45093,19 @@ function r3({ editor: t }) {
       )
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 158,
+      lineNumber: 159,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ ve.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
+    /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 182,
+      lineNumber: 183,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ ve.jsxDEV("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:flex ce:items-center ce:gap-1", children: [
       r(
         /* @__PURE__ */ ve.jsxDEV(R5, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 187,
+          lineNumber: 188,
           columnNumber: 21
         }, this),
         () => t.chain().focus().toggleBlockquote().run(),
@@ -45069,15 +45113,26 @@ function r3({ editor: t }) {
         !1,
         "Blockquote"
       ),
-      /* @__PURE__ */ ve.jsxDEV(t3, { editor: t, buttonClass: e, activeClass: n }, void 0, !1, {
-        fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-        lineNumber: 193,
-        columnNumber: 17
-      }, this),
+      /* @__PURE__ */ ve.jsxDEV(
+        t3,
+        {
+          editor: t,
+          buttonClass: e,
+          activeClass: n
+        },
+        void 0,
+        !1,
+        {
+          fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
+          lineNumber: 194,
+          columnNumber: 17
+        },
+        this
+      ),
       r(
         /* @__PURE__ */ ve.jsxDEV(E5, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 195,
+          lineNumber: 200,
           columnNumber: 21
         }, this),
         () => t.chain().focus().setHorizontalRule().run(),
@@ -45088,7 +45143,7 @@ function r3({ editor: t }) {
       r(
         /* @__PURE__ */ ve.jsxDEV(a5, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 202,
+          lineNumber: 207,
           columnNumber: 21
         }, this),
         () => t.chain().focus().setHardBreak().run(),
@@ -45098,19 +45153,19 @@ function r3({ editor: t }) {
       )
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 185,
+      lineNumber: 186,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ ve.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
+    /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 210,
+      lineNumber: 215,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ ve.jsxDEV("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:flex ce:items-center ce:gap-1", children: [
       r(
         /* @__PURE__ */ ve.jsxDEV(G5, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 215,
+          lineNumber: 220,
           columnNumber: 21
         }, this),
         () => t.chain().focus().undo().run(),
@@ -45120,7 +45175,7 @@ function r3({ editor: t }) {
       r(
         /* @__PURE__ */ ve.jsxDEV(P5, { size: 16 }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-          lineNumber: 221,
+          lineNumber: 226,
           columnNumber: 21
         }, this),
         () => t.chain().focus().redo().run(),
@@ -45129,18 +45184,18 @@ function r3({ editor: t }) {
       )
     ] }, void 0, !0, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 213,
+      lineNumber: 218,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ ve.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
+    /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 228,
+      lineNumber: 233,
       columnNumber: 13
     }, this),
     r(
       /* @__PURE__ */ ve.jsxDEV(p5, { size: 16 }, void 0, !1, {
         fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-        lineNumber: 231,
+        lineNumber: 236,
         columnNumber: 17
       }, this),
       () => {
@@ -45160,29 +45215,29 @@ function r3({ editor: t }) {
       !1,
       "Insert Image"
     ),
-    /* @__PURE__ */ ve.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
+    /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 252,
+      lineNumber: 261,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ ve.jsxDEV(J5, { editor: t }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 255,
+      lineNumber: 264,
       columnNumber: 13
     }, this),
-    /* @__PURE__ */ ve.jsxDEV("div", { className: "h-5 w-[1px] bg-gray-300 mx-2" }, void 0, !1, {
+    /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:h-5 ce:w-[1px] ce:bg-gray-300 ce:mx-2" }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 257,
+      lineNumber: 266,
       columnNumber: 13
     }, this),
     /* @__PURE__ */ ve.jsxDEV(n3, { editor: t }, void 0, !1, {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-      lineNumber: 258,
+      lineNumber: 267,
       columnNumber: 13
     }, this)
   ] }, void 0, !0, {
     fileName: "E:/CyberSkill/cyber-editor/src/modules/toolbar/index.tsx",
-    lineNumber: 62,
+    lineNumber: 63,
     columnNumber: 9
   }, this);
 }
@@ -49033,7 +49088,9 @@ function dE({
   }, this);
 }
 function S6({ node: t, editor: e }) {
-  const [n, r] = _t(!1), [o, i] = _t(t.attrs.bgColor || "#f3f4f6"), [a, s] = _t(t.attrs.titleColor || "#000000"), l = (d) => {
+  const [n, r] = _t(!1), [o, i] = _t(t.attrs.bgColor || "#f3f4f6"), [a, s] = _t(
+    t.attrs.titleColor || "#000000"
+  ), l = (d) => {
     d.preventDefault();
   }, c = (d) => {
     i(d.toHexString());
@@ -49047,20 +49104,20 @@ function S6({ node: t, editor: e }) {
       childrenContent: /* @__PURE__ */ ve.jsxDEV(
         "div",
         {
-          className: "my-4 transition-all duration-300 border rounded-lg shadow-sm",
+          className: "ce:my-4 ce:transition-all ce:duration-300 ce:border ce:rounded-lg ce:shadow-sm",
           onContextMenu: l,
           children: [
             /* @__PURE__ */ ve.jsxDEV(
               "div",
               {
-                className: "flex items-center justify-between p-4 transition-colors accordion-header",
+                className: "ce:flex ce:items-center ce:justify-between ce:p-4 ce:transition-colors ce:accordion-header",
                 style: { backgroundColor: o },
                 onClick: () => r(!n),
                 children: [
                   /* @__PURE__ */ ve.jsxDEV(
                     "input",
                     {
-                      className: "w-full text-lg font-medium bg-transparent border-none outline-none",
+                      className: "ce:w-full ce:text-lg ce:font-medium ce:bg-transparent ce:border-none ce:outline-none",
                       style: { color: a },
                       defaultValue: t.attrs.title || "Accordion Title",
                       disabled: !e.isEditable,
@@ -49072,7 +49129,7 @@ function S6({ node: t, editor: e }) {
                     !1,
                     {
                       fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-                      lineNumber: 41,
+                      lineNumber: 43,
                       columnNumber: 29
                     },
                     this
@@ -49080,14 +49137,14 @@ function S6({ node: t, editor: e }) {
                   /* @__PURE__ */ ve.jsxDEV(
                     n5,
                     {
-                      className: `transition-transform duration-300 ${n ? "rotate-180" : ""}`,
+                      className: `ce:transition-transform ce:duration-300 ${n ? "ce:rotate-180" : ""}`,
                       size: 20
                     },
                     void 0,
                     !1,
                     {
                       fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-                      lineNumber: 50,
+                      lineNumber: 54,
                       columnNumber: 29
                     },
                     this
@@ -49098,7 +49155,7 @@ function S6({ node: t, editor: e }) {
               !0,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-                lineNumber: 36,
+                lineNumber: 38,
                 columnNumber: 25
               },
               this
@@ -49106,8 +49163,8 @@ function S6({ node: t, editor: e }) {
             /* @__PURE__ */ ve.jsxDEV(
               "div",
               {
-                className: `overflow-hidden duration-300 ease-in-out ${n ? "max-h-96 opacity-100" : "max-h-0 opacity-0"} `,
-                children: /* @__PURE__ */ ve.jsxDEV("div", { className: "p-4 border-t", children: /* @__PURE__ */ ve.jsxDEV(
+                className: `ce:overflow-hidden ce:duration-300 ce:ease-in-out ${n ? "ce:max-h-96 ce:opacity-100" : "ce:max-h-0 ce:opacity-0"} `,
+                children: /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:p-4 ce:border-t", children: /* @__PURE__ */ ve.jsxDEV(
                   JI,
                   {
                     contentEditable: e.isEditable
@@ -49116,13 +49173,13 @@ function S6({ node: t, editor: e }) {
                   !1,
                   {
                     fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-                    lineNumber: 60,
+                    lineNumber: 70,
                     columnNumber: 33
                   },
                   this
                 ) }, void 0, !1, {
                   fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-                  lineNumber: 59,
+                  lineNumber: 69,
                   columnNumber: 29
                 }, this)
               },
@@ -49130,7 +49187,7 @@ function S6({ node: t, editor: e }) {
               !1,
               {
                 fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-                lineNumber: 56,
+                lineNumber: 62,
                 columnNumber: 25
               },
               this
@@ -49141,120 +49198,164 @@ function S6({ node: t, editor: e }) {
         !0,
         {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-          lineNumber: 32,
+          lineNumber: 34,
           columnNumber: 21
         },
         this
       ),
       editable: e.isEditable,
-      childrenEdit: /* @__PURE__ */ ve.jsxDEV("div", { className: "px-6 py-4 space-y-6 rounded-lg bg-gray-50", children: [
-        /* @__PURE__ */ ve.jsxDEV("div", { className: "grid grid-cols-1 gap-6", children: [
-          /* @__PURE__ */ ve.jsxDEV("div", { className: "flex flex-col space-y-2", children: [
-            /* @__PURE__ */ ve.jsxDEV("label", { className: "font-medium text-gray-700", children: "Background Color" }, void 0, !1, {
+      childrenEdit: /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:px-6 ce:py-4 ce:space-y-6 ce:rounded-lg ce:bg-gray-50", children: [
+        /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:grid ce:grid-cols-1 ce:gap-6", children: [
+          /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:flex ce:flex-col ce:space-y-2", children: [
+            /* @__PURE__ */ ve.jsxDEV("label", { className: "ce:font-medium ce:text-gray-700", children: "Background Color" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-              lineNumber: 72,
+              lineNumber: 82,
               columnNumber: 33
             }, this),
-            /* @__PURE__ */ ve.jsxDEV("div", { className: "flex items-center space-x-3", children: [
+            /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:flex ce:items-center ce:space-x-3", children: [
               /* @__PURE__ */ ve.jsxDEV(
                 "div",
                 {
-                  className: "w-8 h-8 border rounded shadow",
+                  className: "ce:w-8 ce:h-8 ce:border ce:rounded ce:shadow",
                   style: { backgroundColor: o }
                 },
                 void 0,
                 !1,
                 {
                   fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-                  lineNumber: 74,
+                  lineNumber: 86,
                   columnNumber: 37
                 },
                 this
               ),
-              /* @__PURE__ */ ve.jsxDEV(Dc, { value: o, onChange: c }, void 0, !1, {
-                fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-                lineNumber: 78,
-                columnNumber: 37
-              }, this)
+              /* @__PURE__ */ ve.jsxDEV(
+                Dc,
+                {
+                  value: o,
+                  onChange: c
+                },
+                void 0,
+                !1,
+                {
+                  fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
+                  lineNumber: 90,
+                  columnNumber: 37
+                },
+                this
+              )
             ] }, void 0, !0, {
               fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-              lineNumber: 73,
+              lineNumber: 85,
               columnNumber: 33
             }, this)
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-            lineNumber: 71,
+            lineNumber: 81,
             columnNumber: 29
           }, this),
-          /* @__PURE__ */ ve.jsxDEV("div", { className: "flex flex-col space-y-2", children: [
-            /* @__PURE__ */ ve.jsxDEV("label", { className: "font-medium text-gray-700", children: "Title Color" }, void 0, !1, {
+          /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:flex ce:flex-col ce:space-y-2", children: [
+            /* @__PURE__ */ ve.jsxDEV("label", { className: "ce:font-medium ce:text-gray-700", children: "Title Color" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-              lineNumber: 83,
+              lineNumber: 98,
               columnNumber: 33
             }, this),
-            /* @__PURE__ */ ve.jsxDEV("div", { className: "flex items-center space-x-3", children: [
+            /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:flex ce:items-center ce:space-x-3", children: [
               /* @__PURE__ */ ve.jsxDEV(
                 "div",
                 {
-                  className: "w-8 h-8 border rounded shadow",
+                  className: "ce:w-8 ce:h-8 ce:border ce:rounded ce:shadow",
                   style: { backgroundColor: a }
                 },
                 void 0,
                 !1,
                 {
                   fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-                  lineNumber: 85,
+                  lineNumber: 102,
                   columnNumber: 37
                 },
                 this
               ),
-              /* @__PURE__ */ ve.jsxDEV(Dc, { value: a, onChange: u }, void 0, !1, {
-                fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-                lineNumber: 89,
-                columnNumber: 37
-              }, this)
+              /* @__PURE__ */ ve.jsxDEV(
+                Dc,
+                {
+                  value: a,
+                  onChange: u
+                },
+                void 0,
+                !1,
+                {
+                  fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
+                  lineNumber: 106,
+                  columnNumber: 37
+                },
+                this
+              )
             ] }, void 0, !0, {
               fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-              lineNumber: 84,
+              lineNumber: 101,
               columnNumber: 33
             }, this)
           ] }, void 0, !0, {
             fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-            lineNumber: 82,
+            lineNumber: 97,
             columnNumber: 29
           }, this)
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-          lineNumber: 70,
+          lineNumber: 80,
           columnNumber: 25
         }, this),
-        /* @__PURE__ */ ve.jsxDEV("div", { className: "pt-4 border-t border-gray-200", children: /* @__PURE__ */ ve.jsxDEV("div", { className: "p-3 bg-white border rounded-md", children: [
-          /* @__PURE__ */ ve.jsxDEV("div", { className: "text-sm text-gray-600", children: "Preview" }, void 0, !1, {
+        /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:pt-4 ce:border-t ce:border-gray-200", children: /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:p-3 ce:bg-white ce:border ce:rounded-md", children: [
+          /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:text-sm ce:text-gray-600", children: "Preview" }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-            lineNumber: 96,
+            lineNumber: 116,
             columnNumber: 33
           }, this),
-          /* @__PURE__ */ ve.jsxDEV("div", { className: "p-2 mt-2 rounded", style: { backgroundColor: o }, children: /* @__PURE__ */ ve.jsxDEV("span", { style: { color: a, fontWeight: 500 }, children: "Accordion Title" }, void 0, !1, {
-            fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-            lineNumber: 98,
-            columnNumber: 37
-          }, this) }, void 0, !1, {
-            fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-            lineNumber: 97,
-            columnNumber: 33
-          }, this)
+          /* @__PURE__ */ ve.jsxDEV(
+            "div",
+            {
+              className: "ce:p-2 ce:mt-2 ce:rounded",
+              style: { backgroundColor: o },
+              children: /* @__PURE__ */ ve.jsxDEV(
+                "span",
+                {
+                  style: {
+                    color: a,
+                    fontWeight: 500
+                  },
+                  children: "Accordion Title"
+                },
+                void 0,
+                !1,
+                {
+                  fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
+                  lineNumber: 123,
+                  columnNumber: 37
+                },
+                this
+              )
+            },
+            void 0,
+            !1,
+            {
+              fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
+              lineNumber: 119,
+              columnNumber: 33
+            },
+            this
+          )
         ] }, void 0, !0, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-          lineNumber: 95,
+          lineNumber: 115,
           columnNumber: 29
         }, this) }, void 0, !1, {
           fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-          lineNumber: 94,
+          lineNumber: 114,
           columnNumber: 25
         }, this)
       ] }, void 0, !0, {
         fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-        lineNumber: 69,
+        lineNumber: 79,
         columnNumber: 21
       }, this)
     },
@@ -49262,13 +49363,13 @@ function S6({ node: t, editor: e }) {
     !1,
     {
       fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-      lineNumber: 29,
+      lineNumber: 31,
       columnNumber: 13
     },
     this
   ) }, void 0, !1, {
     fileName: "E:/CyberSkill/cyber-editor/src/modules/accordion/accordion-view.component.tsx",
-    lineNumber: 28,
+    lineNumber: 30,
     columnNumber: 9
   }, this);
 }
@@ -49356,14 +49457,14 @@ function w6({
   }, d = (f) => {
     f.preventDefault();
   };
-  return /* @__PURE__ */ ve.jsxDEV(MC, { className: "image-wrapper w-full", children: /* @__PURE__ */ ve.jsxDEV(
+  return /* @__PURE__ */ ve.jsxDEV(MC, { className: "image-wrapper ce:w-full", children: /* @__PURE__ */ ve.jsxDEV(
     dE,
     {
       title: "Image",
       childrenContent: /* @__PURE__ */ ve.jsxDEV(
         "div",
         {
-          className: "relative w-full max-w-full overflow-hidden",
+          className: "ce:relative ce:w-full ce:max-w-full ce:overflow-hidden",
           style: {
             marginLeft: i.left + "%",
             marginRight: i.right + "%"
@@ -49375,7 +49476,7 @@ function w6({
               ref: c,
               src: t.attrs.src,
               alt: "Uploaded",
-              className: "w-full h-auto object-contain inline-block",
+              className: "ce:w-full ce:h-auto ce:object-contain ce:inline-block",
               style: {
                 width: r.width + "%",
                 height: r.height === "auto" ? "auto" : r.height + "%",
@@ -49403,9 +49504,9 @@ function w6({
         this
       ),
       editable: n.isEditable,
-      childrenEdit: /* @__PURE__ */ ve.jsxDEV("div", { className: "space-y-4", children: [
+      childrenEdit: /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:space-y-4", children: [
         /* @__PURE__ */ ve.jsxDEV("div", { children: [
-          /* @__PURE__ */ ve.jsxDEV("label", { className: "block text-sm font-medium text-gray-700", children: "Image URL" }, void 0, !1, {
+          /* @__PURE__ */ ve.jsxDEV("label", { className: "ce:block ce:text-sm ce:font-medium ce:text-gray-700", children: "Image URL" }, void 0, !1, {
             fileName: "E:/CyberSkill/cyber-editor/src/modules/image/image-view.component.tsx",
             lineNumber: 89,
             columnNumber: 29
@@ -49416,7 +49517,7 @@ function w6({
               type: "text",
               value: s,
               onChange: (f) => l(f.target.value),
-              className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50",
+              className: "ce:mt-1 ce:block ce:w-full ce:rounded-md ce:border-gray-300 ce:shadow-sm ce:focus:border-indigo-300 ce:focus:ring ce:focus:ring-indigo-200 focus:ring-opacity-50",
               disabled: !n.isEditable
             },
             void 0,
@@ -49433,9 +49534,9 @@ function w6({
           lineNumber: 88,
           columnNumber: 25
         }, this),
-        /* @__PURE__ */ ve.jsxDEV("div", { className: "flex gap-4", children: [
-          /* @__PURE__ */ ve.jsxDEV("div", { className: "flex-1", children: [
-            /* @__PURE__ */ ve.jsxDEV("label", { className: "block text-sm font-medium text-gray-700", children: "Width (%)" }, void 0, !1, {
+        /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:flex ce:gap-4", children: [
+          /* @__PURE__ */ ve.jsxDEV("div", { className: "ce:flex-1", children: [
+            /* @__PURE__ */ ve.jsxDEV("label", { className: "ce:block ce:text-sm ce:font-medium ce:text-gray-700", children: "Width (%)" }, void 0, !1, {
               fileName: "E:/CyberSkill/cyber-editor/src/modules/image/image-view.component.tsx",
               lineNumber: 103,
               columnNumber: 33