@daneshnaik/rich-text-editor 1.0.3 → 1.0.4

package/dist/rich-text-editor.js

@@ -1,13 +1,13 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useState as b, useEffect as oe, useRef as Q } from "react";
-const It = ({ isOpen: J, onClose: z, onInsert: _, onRemove: re, isEditing: he = !1, initialUrl: O = "", initialText: Z = "", existingLinks: F = [] }) => {
-  const [D, Y] = b(O), [ee, G] = b(Z);
+import { useState as v, useEffect as oe, useRef as K } from "react";
+const Dt = ({ isOpen: Q, onClose: Y, onInsert: re, onRemove: J, isEditing: me = !1, initialUrl: X = "", initialText: Z = "", existingLinks: z = [] }) => {
+  const [D, ee] = v(X), [ae, O] = v(Z);
   return oe(() => {
-    J && (Y(O || ""), G(Z || ""));
-  }, [J, O, Z]), J ? /* @__PURE__ */ e("div", { className: "modal-overlay", onClick: z, children: /* @__PURE__ */ i("div", { className: "modal-content", onClick: (L) => L.stopPropagation(), children: [
+    Q && (ee(X || ""), O(Z || ""));
+  }, [Q, X, Z]), Q ? /* @__PURE__ */ e("div", { className: "modal-overlay", onClick: Y, children: /* @__PURE__ */ i("div", { className: "modal-content", onClick: (R) => R.stopPropagation(), children: [
     /* @__PURE__ */ i("div", { className: "modal-header", children: [
       /* @__PURE__ */ e("h3", { children: "Insert Link" }),
-      /* @__PURE__ */ e("button", { className: "modal-close", onClick: z, children: "×" })
+      /* @__PURE__ */ e("button", { className: "modal-close", onClick: Y, children: "×" })
     ] }),
     /* @__PURE__ */ i("div", { className: "modal-body", children: [
       /* @__PURE__ */ i("div", { className: "form-group", children: [
@@ -19,7 +19,7 @@ const It = ({ isOpen: J, onClose: z, onInsert: _, onRemove: re, isEditing: he =
             className: "form-input",
             placeholder: "https://example.com",
             value: D,
-            onChange: (L) => Y(L.target.value)
+            onChange: (R) => ee(R.target.value)
           }
         )
       ] }),
@@ -30,40 +30,40 @@ const It = ({ isOpen: J, onClose: z, onInsert: _, onRemove: re, isEditing: he =
           {
             type: "text",
             className: "form-input",
-            value: ee,
-            onChange: (L) => G(L.target.value)
+            value: ae,
+            onChange: (R) => O(R.target.value)
           }
         )
       ] }),
-      F && F.length > 0 && /* @__PURE__ */ i("div", { className: "form-group", children: [
+      z && z.length > 0 && /* @__PURE__ */ i("div", { className: "form-group", children: [
         /* @__PURE__ */ e("label", { children: "Existing links:" }),
-        /* @__PURE__ */ e("ul", { className: "existing-links", style: { maxHeight: 160, overflow: "auto", paddingLeft: 16 }, children: F.map((L, ue) => /* @__PURE__ */ i("li", { style: { display: "flex", gap: 8, alignItems: "center", marginBottom: 6 }, children: [
-          /* @__PURE__ */ e("a", { href: L.href, target: "_blank", rel: "noreferrer", children: L.text || L.href }),
+        /* @__PURE__ */ e("ul", { className: "existing-links", style: { maxHeight: 160, overflow: "auto", paddingLeft: 16 }, children: z.map((R, V) => /* @__PURE__ */ i("li", { style: { display: "flex", gap: 8, alignItems: "center", marginBottom: 6 }, children: [
+          /* @__PURE__ */ e("a", { href: R.href, target: "_blank", rel: "noreferrer", children: R.text || R.href }),
           /* @__PURE__ */ e("button", { type: "button", className: "toolbar-btn", onClick: () => {
-            Y(L.href), G(L.text || L.href);
+            ee(R.href), O(R.text || R.href);
           }, style: { marginLeft: "auto" }, children: "Use" })
-        ] }, ue)) })
+        ] }, V)) })
       ] })
     ] }),
     /* @__PURE__ */ i("div", { className: "modal-footer", children: [
-      /* @__PURE__ */ e("button", { className: "btn-secondary", onClick: z, children: "Cancel" }),
-      he && re && /* @__PURE__ */ e("button", { className: "btn-secondary", onClick: () => {
-        re(), z();
+      /* @__PURE__ */ e("button", { className: "btn-secondary", onClick: Y, children: "Cancel" }),
+      me && J && /* @__PURE__ */ e("button", { className: "btn-secondary", onClick: () => {
+        J(), Y();
       }, style: { marginRight: 8 }, children: "Remove Link" }),
       /* @__PURE__ */ e(
         "button",
         {
           className: "btn-primary",
           onClick: () => {
-            _({ url: D || "", text: ee || D || "" });
+            re({ url: D || "", text: ae || D || "" });
           },
           children: "Insert"
         }
       )
     ] })
   ] }) }) : null;
-}, qt = () => {
-  const [J, z] = b(""), [_, re] = b(!1), [he, O] = b(!1), [Z, F] = b(!1), [D, Y] = b(""), [ee, G] = b(!1), [L, ue] = b({ rows: 1, cols: 1 }), [ze, me] = b(!1), [Ve, j] = b(!1), [X, Oe] = b(""), [pe, je] = b(""), [ye, B] = b(""), [De, ae] = b(!1), [be, Ce] = b(3), [xe, we] = b(3), [ke, Xe] = b("a4"), [V, _e] = b({
+}, Xt = ({ width: Q = null, height: Y = null, fullBleed: re = !0, onComponentDrop: J = null }) => {
+  const [me, X] = v(!1), [Z, z] = v(""), [D, ee] = v(!1), [ae, O] = v(!1), [R, V] = v(!1), [pe, xe] = v(""), [we, ke] = v(!1), [ce, Xe] = v({ rows: 1, cols: 1 }), [_e, fe] = v(!1), [Ye, j] = v(!1), [_, Ge] = v(""), [ge, Ke] = v(""), [Ne, B] = v(""), [Qe, ie] = v(!1), [Le, Se] = v(3), [Te, Me] = v(3), [Ee, Je] = v("a4"), [P, Ze] = v({
     bold: !1,
     italic: !1,
     underline: !1,
@@ -73,7 +73,7 @@ const It = ({ isOpen: J, onClose: z, onInsert: _, onRemove: re, isEditing: he =
     justifyRight: !1,
     insertUnorderedList: !1,
     insertOrderedList: !1
-  }), Ne = () => {
+  }), Re = () => {
     try {
       const t = {
         bold: document.queryCommandState("bold"),
@@ -86,27 +86,27 @@ const It = ({ isOpen: J, onClose: z, onInsert: _, onRemove: re, isEditing: he =
         insertUnorderedList: document.queryCommandState("insertUnorderedList"),
         insertOrderedList: document.queryCommandState("insertOrderedList")
       };
-      _e(t);
+      Ze(t);
       try {
         const n = window.getSelection(), l = n && n.anchorNode ? n.anchorNode.nodeType === 3 ? n.anchorNode.parentElement : n.anchorNode : null;
-        let r = "";
+        let o = "";
         try {
-          r = document.queryCommandValue && document.queryCommandValue("fontName") || "";
+          o = document.queryCommandValue && document.queryCommandValue("fontName") || "";
         } catch {
-          r = "";
+          o = "";
         }
-        !r && l && (r = (window.getComputedStyle(l).fontFamily || "").split(",")[0].replace(/["']/g, "").trim()), r && (r = String(r).replace(/^[<>"']+|[<>"']+$/g, "").split(",")[0].trim(), Le(r), Qe((u) => u.includes(r) ? u : [r, ...u]));
-        let a = "";
+        !o && l && (o = (window.getComputedStyle(l).fontFamily || "").split(",")[0].replace(/["']/g, "").trim()), o && (o = String(o).replace(/^[<>"']+|[<>"']+$/g, "").split(",")[0].trim(), Ae(o), lt((u) => u.includes(o) ? u : [o, ...u]));
+        let r = "";
         try {
-          a = document.queryCommandValue("fontSize") || "";
+          r = document.queryCommandValue("fontSize") || "";
         } catch {
-          a = "";
+          r = "";
         }
-        if (!a && l) {
+        if (!r && l) {
           const u = parseFloat(window.getComputedStyle(l).fontSize || "16");
-          u < 12 ? a = "1" : u < 16 ? a = "2" : u < 18 ? a = "3" : u < 22 ? a = "4" : u < 26 ? a = "5" : u < 32 ? a = "6" : a = "7";
+          u < 12 ? r = "1" : u < 16 ? r = "2" : u < 18 ? r = "3" : u < 22 ? r = "4" : u < 26 ? r = "5" : u < 32 ? r = "6" : r = "7";
         }
-        a && Se(String(a));
+        r && He(String(r));
         let h = "";
         try {
           h = document.queryCommandValue && document.queryCommandValue("formatBlock") || "";
@@ -115,7 +115,7 @@ const It = ({ isOpen: J, onClose: z, onInsert: _, onRemove: re, isEditing: he =
         }
         if (!h && l) {
           let u = l;
-          for (; u && u !== f.current; ) {
+          for (; u && u !== p.current; ) {
             if (u.tagName && /H[1-6]|P|BLOCKQUOTE|DIV/.test(u.tagName)) {
               h = u.tagName.toLowerCase();
               break;
@@ -123,12 +123,12 @@ const It = ({ isOpen: J, onClose: z, onInsert: _, onRemove: re, isEditing: he =
             u = u.parentElement;
           }
         }
-        h && (h = String(h).replace(/[<>]/g, "").toLowerCase(), /^(p|h[1-6]|blockquote)$/.test(h) || (h = "p"), fe(h));
+        h && (h = String(h).replace(/[<>]/g, "").toLowerCase(), /^(p|h[1-6]|blockquote)$/.test(h) || (h = "p"), ye(h));
       } catch {
       }
     } catch {
     }
-  }, [Ye, Le] = b("Arial"), [Ge, Se] = b("3"), [Ke, fe] = b("p"), [Bt, Qe] = b([
+  }, [et, Ae] = v("Arial"), [tt, He] = v("3"), [nt, ye] = v("p"), [Ot, lt] = v([
     "Arial",
     "Helvetica",
     "Segoe UI",
@@ -158,56 +158,92 @@ const It = ({ isOpen: J, onClose: z, onInsert: _, onRemove: re, isEditing: he =
     "Lucida Sans",
     "Righteous",
     "Poppins"
-  ]), f = Q(null), Te = Q(null), q = Q(null), N = Q(null), E = Q(null), Je = Q(null), v = (t, n = null) => {
+  ]), p = K(null), Ie = K(null), F = K(null), N = K(null), M = K(null), ot = K(null), y = (t, n = null) => {
     try {
       document.execCommand(t, !1, n);
     } catch (l) {
       console.error("execCommand failed:", l);
     }
-  }, Ze = () => {
-    f.current && (z(f.current.innerHTML), Ne());
+  }, rt = () => {
+    p.current && (z(p.current.innerHTML), Re());
+  }, at = (t) => {
+    t.preventDefault(), t.dataTransfer.dropEffect = "copy", X(!0);
+  }, ct = (t) => {
+    X(!1);
+  }, it = async (t) => {
+    t.preventDefault(), X(!1);
+    const n = t.dataTransfer, l = { html: null, text: null, files: [], types: Array.from(n.types || []) };
+    try {
+      if (n.files && n.files.length > 0)
+        for (let o = 0; o < n.files.length; o++) l.files.push(n.files[o]);
+      try {
+        l.html = n.getData("text/html") || null;
+      } catch {
+        l.html = null;
+      }
+      try {
+        l.text = n.getData("text/plain") || null;
+      } catch {
+        l.text = null;
+      }
+    } catch {
+    }
+    try {
+      if (l.html ? p.current && (p.current.focus(), y("insertHTML", l.html)) : l.text && p.current && (p.current.focus(), y("insertText", l.text)), l.files.length > 0) {
+        for (const o of l.files)
+          if (o.type && o.type.startsWith("image/")) {
+            const r = new FileReader();
+            r.onload = (h) => ve(h.target.result), r.readAsDataURL(o);
+          }
+      }
+    } catch {
+    }
+    try {
+      typeof J == "function" && J(l, t);
+    } catch {
+    }
   };
   oe(() => {
     const t = () => {
-      (document.activeElement === f.current || f.current?.contains(document.activeElement)) && Ne();
+      (document.activeElement === p.current || p.current?.contains(document.activeElement)) && Re();
     };
     return document.addEventListener("selectionchange", t), () => document.removeEventListener("selectionchange", t);
   }, []);
-  const [te, ne] = b({ open: !1, initialUrl: "", initialText: "", existingLinks: [] }), et = () => {
+  const [te, ne] = v({ open: !1, initialUrl: "", initialText: "", existingLinks: [] }), st = () => {
     let t = "";
     try {
       const l = window.getSelection();
       if (l && l.rangeCount > 0) {
-        const r = l.getRangeAt(0);
-        if (f.current && f.current.contains(r.commonAncestorContainer)) {
-          q.current = r, l.isCollapsed || (t = l.toString().trim());
+        const o = l.getRangeAt(0);
+        if (p.current && p.current.contains(o.commonAncestorContainer)) {
+          F.current = o, l.isCollapsed || (t = l.toString().trim());
           try {
-            const a = r.commonAncestorContainer.nodeType === 3 ? r.commonAncestorContainer.parentElement : r.commonAncestorContainer, h = a && a.closest ? a.closest("a") : null;
-            h && f.current.contains(h) ? N.current = h : N.current = null;
+            const r = o.commonAncestorContainer.nodeType === 3 ? o.commonAncestorContainer.parentElement : o.commonAncestorContainer, h = r && r.closest ? r.closest("a") : null;
+            h && p.current.contains(h) ? N.current = h : N.current = null;
           } catch {
             N.current = null;
           }
         } else
-          q.current = null, N.current = null;
+          F.current = null, N.current = null;
       }
     } catch {
-      q.current = null, N.current = null;
+      F.current = null, N.current = null;
     }
     const n = [];
     try {
-      const l = f.current;
-      l && l.querySelectorAll("a").forEach((a) => n.push({ href: a.getAttribute("href"), text: a.innerText }));
+      const l = p.current;
+      l && l.querySelectorAll("a").forEach((r) => n.push({ href: r.getAttribute("href"), text: r.innerText }));
     } catch {
     }
     N.current ? ne({ open: !0, initialUrl: N.current.getAttribute("href") || "", initialText: N.current.innerText || "", existingLinks: n, isEditing: !0 }) : ne({ open: !0, initialUrl: "", initialText: t, existingLinks: n, isEditing: !1 });
-  }, tt = ({ url: t, text: n }) => {
+  }, dt = ({ url: t, text: n }) => {
     if (ne((l) => ({ ...l, open: !1 })), !t) {
-      q.current = null, N.current = null;
+      F.current = null, N.current = null;
       return;
     }
     try {
       const l = window.getSelection();
-      l.removeAllRanges(), q.current && l.addRange(q.current);
+      l.removeAllRanges(), F.current && l.addRange(F.current);
     } catch {
     }
     try {
@@ -215,519 +251,519 @@ const It = ({ isOpen: J, onClose: z, onInsert: _, onRemove: re, isEditing: he =
         try {
           N.current.setAttribute("href", t), N.current.setAttribute("target", "_blank"), N.current.setAttribute("rel", "noopener noreferrer"), N.current.innerText = n || t;
         } catch {
-          const l = (a) => String(a).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), r = `<a href="${l(t)}" target="_blank" rel="noopener noreferrer" contenteditable="false">${l(n || t)}</a>`;
-          v("insertHTML", r);
+          const l = (r) => String(r).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), o = `<a href="${l(t)}" target="_blank" rel="noopener noreferrer" contenteditable="false">${l(n || t)}</a>`;
+          y("insertHTML", o);
         }
-      else if (f.current) {
-        f.current.focus();
-        const l = (a) => String(a).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), r = `<a href="${l(t)}" target="_blank" rel="noopener noreferrer" contenteditable="false">${l(n || t)}</a>`;
-        v("insertHTML", r);
+      else if (p.current) {
+        p.current.focus();
+        const l = (r) => String(r).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;"), o = `<a href="${l(t)}" target="_blank" rel="noopener noreferrer" contenteditable="false">${l(n || t)}</a>`;
+        y("insertHTML", o);
       }
     } catch {
       try {
-        v("createLink", t);
+        y("createLink", t);
       } catch {
       }
     }
-    q.current = null, N.current = null;
-  }, nt = () => {
+    F.current = null, N.current = null;
+  }, ht = () => {
     if (!N.current) return;
     const t = N.current, n = t.innerText || t.getAttribute("href") || "", l = document.createTextNode(n);
-    t.parentNode.replaceChild(l, t), N.current = null, ne((r) => ({ ...r, open: !1 }));
-  }, lt = (t) => {
-    v("foreColor", t.target.value);
-  }, ot = (t) => {
-    v("hiliteColor", t.target.value);
-  }, rt = (t) => {
+    t.parentNode.replaceChild(l, t), N.current = null, ne((o) => ({ ...o, open: !1 }));
+  }, ut = (t) => {
+    y("foreColor", t.target.value);
+  }, mt = (t) => {
+    y("hiliteColor", t.target.value);
+  }, pt = (t) => {
     const n = t && t.target ? t.target.value : t;
-    v("fontSize", n), Se(String(n));
-  }, at = (t) => {
+    y("fontSize", n), He(String(n));
+  }, ft = (t) => {
     const n = t && t.target ? t.target.value : t;
-    v("fontName", n), Le(String(n));
-  }, ct = () => {
-    F(!0);
-  }, it = () => {
-    D && (Me(D), Y(""), F(!1));
-  }, st = (t) => {
+    y("fontName", n), Ae(String(n));
+  }, gt = () => {
+    V(!0);
+  }, yt = () => {
+    pe && (ve(pe), xe(""), V(!1));
+  }, vt = (t) => {
     const n = t.target.files?.[0];
     if (n && n.type.startsWith("image/")) {
       const l = new FileReader();
-      l.onload = (r) => {
-        const a = r.target?.result;
-        Me(a), F(!1);
+      l.onload = (o) => {
+        const r = o.target?.result;
+        ve(r), V(!1);
       }, l.readAsDataURL(n);
     }
-  }, Me = (t) => {
-    if (!f.current) return;
-    f.current.focus();
+  }, ve = (t) => {
+    if (!p.current) return;
+    p.current.focus();
     const n = document.createElement("div");
     n.className = "editable-image-wrap", n.contentEditable = "false";
     const l = document.createElement("img");
     l.src = t, l.alt = "Image", l.style.maxWidth = "100%", l.style.height = "auto", n.appendChild(l);
     try {
-      const r = window.getSelection();
-      if (r && r.rangeCount > 0) {
-        const a = r.getRangeAt(0);
-        a.deleteContents(), a.insertNode(n), a.setStartAfter(n), a.collapse(!0), r.removeAllRanges(), r.addRange(a);
+      const o = window.getSelection();
+      if (o && o.rangeCount > 0) {
+        const r = o.getRangeAt(0);
+        r.deleteContents(), r.insertNode(n), r.setStartAfter(n), r.collapse(!0), o.removeAllRanges(), o.addRange(r);
       } else
-        f.current.appendChild(n);
+        p.current.appendChild(n);
     } catch {
-      f.current.appendChild(n);
+      p.current.appendChild(n);
     }
-    setTimeout(() => Ee(n), 50);
-  }, Ee = (t) => {
+    setTimeout(() => Be(n), 50);
+  }, Be = (t) => {
     if (!t || t.dataset.enhanced) return;
     const n = t.querySelector("img");
     if (!n) return;
     const l = (u) => {
       u.stopPropagation();
       try {
-        f.current?.querySelectorAll(".editable-image-wrap")?.forEach((S) => S.classList.remove("selected"));
+        p.current?.querySelectorAll(".editable-image-wrap")?.forEach((L) => L.classList.remove("selected"));
       } catch {
       }
       t.classList.add("selected");
     };
     t.addEventListener("click", l);
-    const r = document.createElement("div");
-    r.className = "image-controls";
-    const a = (u, x, S) => {
-      const R = document.createElement("button");
-      return R.type = "button", R.className = "image-control-btn", R.title = u, R.innerHTML = x, R.addEventListener("click", (U) => {
-        U.stopPropagation(), S();
-      }), R;
+    const o = document.createElement("div");
+    o.className = "image-controls";
+    const r = (u, x, L) => {
+      const E = document.createElement("button");
+      return E.type = "button", E.className = "image-control-btn", E.title = u, E.innerHTML = x, E.addEventListener("click", (q) => {
+        q.stopPropagation(), L();
+      }), E;
     }, h = () => {
       const u = document.createElement("div");
       return u.className = "image-control-divider", u;
     };
-    r.appendChild(a("Align Left", "&#8676;", () => {
+    o.appendChild(r("Align Left", "&#8676;", () => {
       t.style.display = "block", t.style.marginLeft = "0", t.style.marginRight = "auto";
-    })), r.appendChild(a("Center", "&#8801;", () => {
+    })), o.appendChild(r("Center", "&#8801;", () => {
       t.style.display = "block", t.style.marginLeft = "auto", t.style.marginRight = "auto";
-    })), r.appendChild(a("Align Right", "&#8677;", () => {
+    })), o.appendChild(r("Align Right", "&#8677;", () => {
       t.style.display = "block", t.style.marginLeft = "auto", t.style.marginRight = "0";
-    })), r.appendChild(h()), r.appendChild(a("Original Size", "1:1", () => {
+    })), o.appendChild(h()), o.appendChild(r("Original Size", "1:1", () => {
       n.style.width = "", n.style.height = "", n.style.maxWidth = "100%";
-    })), r.appendChild(a("50% Width", "50%", () => {
+    })), o.appendChild(r("50% Width", "50%", () => {
       n.style.width = "50%", n.style.height = "auto";
-    })), r.appendChild(a("75% Width", "75%", () => {
+    })), o.appendChild(r("75% Width", "75%", () => {
       n.style.width = "75%", n.style.height = "auto";
-    })), r.appendChild(h()), r.appendChild(a("Delete Image", "×", () => {
+    })), o.appendChild(h()), o.appendChild(r("Delete Image", "×", () => {
       confirm("Delete this image?") && t.remove();
-    })), t.appendChild(r), ["nw", "ne", "sw", "se"].forEach((u) => {
+    })), t.appendChild(o), ["nw", "ne", "sw", "se"].forEach((u) => {
       const x = document.createElement("div");
-      x.className = `image-resize-handle ${u}`, x.addEventListener("mousedown", (S) => {
-        S.preventDefault(), S.stopPropagation(), dt(S, n, u);
+      x.className = `image-resize-handle ${u}`, x.addEventListener("mousedown", (L) => {
+        L.preventDefault(), L.stopPropagation(), bt(L, n, u);
       }), t.appendChild(x);
     }), t.dataset.enhanced = "1";
-  }, dt = (t, n, l) => {
-    const r = t.clientX, a = n.offsetWidth, h = n.offsetHeight, u = a / h, x = (R) => {
-      const U = R.clientX - r;
-      let A = a;
-      l.includes("e") ? A = Math.max(50, a + U) : l.includes("w") && (A = Math.max(50, a - U));
-      const K = A / u;
-      n.style.width = A + "px", n.style.height = K + "px", n.style.maxWidth = "none";
-    }, S = () => {
-      document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", S), document.body.style.cursor = "";
+  }, bt = (t, n, l) => {
+    const o = t.clientX, r = n.offsetWidth, h = n.offsetHeight, u = r / h, x = (E) => {
+      const q = E.clientX - o;
+      let A = r;
+      l.includes("e") ? A = Math.max(50, r + q) : l.includes("w") && (A = Math.max(50, r - q));
+      const G = A / u;
+      n.style.width = A + "px", n.style.height = G + "px", n.style.maxWidth = "none";
+    }, L = () => {
+      document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", L), document.body.style.cursor = "";
     };
-    document.addEventListener("mousemove", x), document.addEventListener("mouseup", S);
+    document.addEventListener("mousemove", x), document.addEventListener("mouseup", L);
   };
   oe(() => {
-    const t = f.current;
+    const t = p.current;
     if (!t) return;
     const n = (l) => {
       try {
-        const r = l.target.closest && l.target.closest("a");
-        if (r && r.getAttribute("href")) {
-          const a = r.getAttribute("href");
+        const o = l.target.closest && l.target.closest("a");
+        if (o && o.getAttribute("href")) {
+          const r = o.getAttribute("href");
           if (l.metaKey || l.ctrlKey || l.shiftKey) return;
-          l.preventDefault(), window.open(a, "_blank");
+          l.preventDefault(), window.open(r, "_blank");
         }
       } catch {
       }
     };
     return t.addEventListener("click", n), () => t.removeEventListener("click", n);
   }, []);
-  const ht = (t) => {
-    v("formatBlock", t), fe(t);
-  }, Re = (t, n) => {
+  const Ct = (t) => {
+    y("formatBlock", t), ye(t);
+  }, We = (t, n) => {
     try {
       const h = window.getSelection();
-      if (h.removeAllRanges(), q.current)
-        h.addRange(q.current);
-      else if (f.current) {
-        f.current.focus();
+      if (h.removeAllRanges(), F.current)
+        h.addRange(F.current);
+      else if (p.current) {
+        p.current.focus();
         const u = document.createRange();
-        u.selectNodeContents(f.current), u.collapse(!1), h.removeAllRanges(), h.addRange(u);
+        u.selectNodeContents(p.current), u.collapse(!1), h.removeAllRanges(), h.addRange(u);
       }
     } catch {
     }
-    const l = typeof t == "number" ? t : be, r = typeof n == "number" ? n : xe;
-    let a = '<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; width: auto; margin: 16px 0;">';
-    a += "<thead><tr>";
-    for (let h = 0; h < r; h++)
-      a += `<th style="border: 1px solid #cbd5e1; padding: 12px 16px; background: #f8f9fa; text-align: left; font-weight: 700;">Header ${h + 1}</th>`;
-    a += "</tr></thead>", a += "<tbody>";
+    const l = typeof t == "number" ? t : Le, o = typeof n == "number" ? n : Te;
+    let r = '<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; width: auto; margin: 16px 0;">';
+    r += "<thead><tr>";
+    for (let h = 0; h < o; h++)
+      r += `<th style="border: 1px solid #cbd5e1; padding: 12px 16px; background: #f8f9fa; text-align: left; font-weight: 700;">Header ${h + 1}</th>`;
+    r += "</tr></thead>", r += "<tbody>";
     for (let h = 0; h < l; h++) {
-      a += "<tr>";
-      for (let u = 0; u < r; u++)
-        a += `<td style="border: 1px solid #cbd5e1; padding: 12px 16px; background: #fff;">Cell ${h + 1}-${u + 1}</td>`;
-      a += "</tr>";
+      r += "<tr>";
+      for (let u = 0; u < o; u++)
+        r += `<td style="border: 1px solid #cbd5e1; padding: 12px 16px; background: #fff;">Cell ${h + 1}-${u + 1}</td>`;
+      r += "</tr>";
     }
-    a += "</tbody></table>", v("insertHTML", a), setTimeout(() => {
+    r += "</tbody></table>", y("insertHTML", r), setTimeout(() => {
       try {
-        const h = f.current;
+        const h = p.current;
         if (!h) return;
         const u = h.querySelector("table:last-of-type");
-        u && Ae(u);
+        u && Fe(u);
       } catch {
       }
-    }, 20), ae(!1), Ce(3), we(3);
-  }, ut = (t, n) => {
-    ue({ rows: t + 1, cols: n + 1 });
-  }, mt = (t, n) => {
-    Re(t + 1, n + 1), G(!1);
-  }, ge = () => {
-    if (!X || !f.current) {
+    }, 20), ie(!1), Se(3), Me(3);
+  }, xt = (t, n) => {
+    Xe({ rows: t + 1, cols: n + 1 });
+  }, wt = (t, n) => {
+    We(t + 1, n + 1), ke(!1);
+  }, be = () => {
+    if (!_ || !p.current) {
       B("Enter text to find");
       return;
     }
     try {
-      const t = window.find(X, !1, !1, !1, !1, !0, !1);
+      const t = window.find(_, !1, !1, !1, !1, !0, !1);
       B(t ? "Found" : "No matches found");
     } catch {
       B("Search not available in this browser");
     }
-  }, pt = () => {
-    if (!X || !f.current) {
+  }, kt = () => {
+    if (!_ || !p.current) {
       B("Enter text to find");
       return;
     }
     try {
       const t = window.getSelection();
-      if (t && t.toString().toLowerCase() === X.toLowerCase()) {
+      if (t && t.toString().toLowerCase() === _.toLowerCase()) {
         const n = t.getRangeAt(0);
-        n.deleteContents(), n.insertNode(document.createTextNode(pe)), B("Replaced 1 occurrence"), setTimeout(() => ge(), 100);
+        n.deleteContents(), n.insertNode(document.createTextNode(ge)), B("Replaced 1 occurrence"), setTimeout(() => be(), 100);
       } else
-        ge();
+        be();
     } catch {
       B("Replace failed");
     }
-  }, ft = () => {
-    if (!X || !f.current) {
+  }, Nt = () => {
+    if (!_ || !p.current) {
       B("Enter text to find");
       return;
     }
     try {
       let t = 0;
-      const n = f.current.textContent || "", l = new RegExp(X.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "gi"), r = n.match(l);
-      if (!r || r.length === 0) {
+      const n = p.current.textContent || "", l = new RegExp(_.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "gi"), o = n.match(l);
+      if (!o || o.length === 0) {
         B("No matches found");
         return;
       }
-      const a = document.createTreeWalker(
-        f.current,
+      const r = document.createTreeWalker(
+        p.current,
         NodeFilter.SHOW_TEXT,
         null,
         !1
       ), h = [];
       let u;
-      for (; u = a.nextNode(); )
+      for (; u = r.nextNode(); )
         l.test(u.nodeValue) && h.push(u);
       h.forEach((x) => {
-        const S = x.nodeValue.replace(l, pe), R = (x.nodeValue.match(l) || []).length;
-        t += R, x.nodeValue = S;
-      }), z(f.current.innerHTML), B(`Replaced ${t} occurrence(s)`);
+        const L = x.nodeValue.replace(l, ge), E = (x.nodeValue.match(l) || []).length;
+        t += E, x.nodeValue = L;
+      }), z(p.current.innerHTML), B(`Replaced ${t} occurrence(s)`);
     } catch {
       B("Replace all failed");
     }
-  }, Ae = (t) => {
+  }, Fe = (t) => {
     if (!t || t.dataset.enhanced) return;
     const n = document.createElement("div");
     n.className = "editable-table-wrap", t.parentNode.insertBefore(n, t), n.appendChild(t);
-    const l = (o) => {
-      const d = o.target.closest("td,th");
+    const l = (a) => {
+      const d = a.target.closest("td,th");
       if (d) {
-        if (o.shiftKey && E.current && E.current !== d) {
+        if (a.shiftKey && M.current && M.current !== d) {
           try {
-            f.current.querySelectorAll(".selected-cell").forEach((s) => s.classList.remove("selected-cell"));
+            p.current.querySelectorAll(".selected-cell").forEach((s) => s.classList.remove("selected-cell"));
           } catch {
           }
-          Ht(E.current, d, t), E.current = d;
+          zt(M.current, d, t), M.current = d;
           return;
         }
         try {
-          f.current.querySelectorAll(".selected-cell").forEach((s) => s.classList.remove("selected-cell"));
+          p.current.querySelectorAll(".selected-cell").forEach((s) => s.classList.remove("selected-cell"));
         } catch {
         }
-        d.classList.add("selected-cell"), E.current = d;
+        d.classList.add("selected-cell"), M.current = d;
       }
-    }, r = (o) => {
+    }, o = (a) => {
       try {
-        f.current?.querySelectorAll(".editable-table-wrap")?.forEach((c) => c.classList.remove("selected"));
+        p.current?.querySelectorAll(".editable-table-wrap")?.forEach((c) => c.classList.remove("selected"));
       } catch {
       }
-      n.classList.add("selected"), l(o);
+      n.classList.add("selected"), l(a);
     };
-    t.addEventListener("click", r);
+    t.addEventListener("click", o);
     try {
       t.querySelectorAll("td,th").forEach((d) => d.addEventListener("click", l));
     } catch {
     }
-    const a = document.createElement("div");
-    a.className = "table-controls";
-    const h = (o, d, c) => {
+    const r = document.createElement("div");
+    r.className = "table-controls";
+    const h = (a, d, c) => {
       const s = document.createElement("button");
-      return s.type = "button", s.className = "table-control-btn", s.title = o, s.innerHTML = d, s.addEventListener("click", (m) => {
+      return s.type = "button", s.className = "table-control-btn", s.title = a, s.innerHTML = d, s.addEventListener("click", (m) => {
         m.stopPropagation(), c(t);
       }), s;
     };
-    a.appendChild(h("Add Row Below", "+R", (o) => He(o))), a.appendChild(h("Add Column Right", "+C", (o) => Ie(o))), a.appendChild(h("Delete Row", "-R", (o) => vt(o))), a.appendChild(h("Delete Column", "-C", (o) => yt(o))), a.appendChild(h("Delete Table", "×", (o) => Be(o)));
+    r.appendChild(h("Add Row Below", "+R", (a) => qe(a))), r.appendChild(h("Add Column Right", "+C", (a) => Ue(a))), r.appendChild(h("Delete Row", "-R", (a) => St(a))), r.appendChild(h("Delete Column", "-C", (a) => Tt(a))), r.appendChild(h("Delete Table", "×", (a) => $e(a)));
     const u = document.createElement("input");
-    u.type = "color", u.style.display = "none", u.addEventListener("input", (o) => {
+    u.type = "color", u.style.display = "none", u.addEventListener("input", (a) => {
       try {
-        const d = o.target.value;
-        E.current && (E.current.style.background = d);
+        const d = a.target.value;
+        M.current && (M.current.style.background = d);
       } catch {
       }
     });
     const x = document.createElement("input");
-    x.type = "color", x.style.display = "none", x.addEventListener("input", (o) => {
+    x.type = "color", x.style.display = "none", x.addEventListener("input", (a) => {
       try {
-        const d = o.target.value;
+        const d = a.target.value;
         let c = [];
         const s = t.querySelector("thead");
         s ? c = Array.from(s.querySelectorAll("th")) : t.rows && t.rows[0] && (c = Array.from(t.rows[0].cells)), c.forEach((m) => {
-          m.style.background = d, m.style.color = R(d);
+          m.style.background = d, m.style.color = E(d);
         });
       } catch {
       }
     });
-    const S = () => {
+    const L = () => {
       try {
-        const o = t.querySelector("thead");
-        (o ? Array.from(o.querySelectorAll("th")) : t.rows[0] ? Array.from(t.rows[0].cells) : []).forEach((c) => {
+        const a = t.querySelector("thead");
+        (a ? Array.from(a.querySelectorAll("th")) : t.rows[0] ? Array.from(t.rows[0].cells) : []).forEach((c) => {
           c.style.background = "", c.style.color = "";
         });
       } catch {
       }
-    }, R = (o) => {
-      if (!o) return "#000";
-      const d = o.replace("#", ""), c = parseInt(d.substr(0, 2), 16), s = parseInt(d.substr(2, 2), 16), m = parseInt(d.substr(4, 2), 16);
+    }, E = (a) => {
+      if (!a) return "#000";
+      const d = a.replace("#", ""), c = parseInt(d.substr(0, 2), 16), s = parseInt(d.substr(2, 2), 16), m = parseInt(d.substr(4, 2), 16);
       return (c * 299 + s * 587 + m * 114) / 1e3 >= 128 ? "#000" : "#fff";
-    }, U = (o) => {
+    }, q = (a) => {
       const d = [];
-      for (let c = 0; c < o.rows.length; c++) {
-        const s = o.rows[c];
+      for (let c = 0; c < a.rows.length; c++) {
+        const s = a.rows[c];
         d[c] = d[c] || [];
         let m = 0;
-        for (let p = 0; p < s.cells.length; p++) {
-          const g = s.cells[p];
+        for (let f = 0; f < s.cells.length; f++) {
+          const g = s.cells[f];
           for (; d[c][m]; ) m++;
-          const w = parseInt(g.getAttribute("rowspan") || g.rowSpan || 1, 10), y = parseInt(g.getAttribute("colspan") || g.colSpan || 1, 10);
+          const w = parseInt(g.getAttribute("rowspan") || g.rowSpan || 1, 10), b = parseInt(g.getAttribute("colspan") || g.colSpan || 1, 10);
           for (let k = 0; k < w; k++)
-            for (let C = 0; C < y; C++)
+            for (let C = 0; C < b; C++)
               d[c + k] = d[c + k] || [], d[c + k][m + C] = g;
-          m += y;
+          m += b;
         }
       }
       return d;
-    }, A = (o, d) => {
-      const c = U(o);
+    }, A = (a, d) => {
+      const c = q(a);
       for (let s = 0; s < c.length; s++) {
         const m = c[s] || [];
-        for (let p = 0; p < m.length; p++)
-          if (m[p] === d) return { r: s, c: p, matrix: c };
+        for (let f = 0; f < m.length; f++)
+          if (m[f] === d) return { r: s, c: f, matrix: c };
       }
       return null;
-    }, K = (o, d) => {
-      const c = U(o);
-      let s = 1 / 0, m = 1 / 0, p = -1 / 0, g = -1 / 0;
+    }, G = (a, d) => {
+      const c = q(a);
+      let s = 1 / 0, m = 1 / 0, f = -1 / 0, g = -1 / 0;
       const w = new Set(d);
-      for (let M = 0; M < c.length; M++)
-        for (let H = 0; H < (c[M] || []).length; H++) {
-          const $ = c[M][H];
-          !$ || !w.has($) || (s = Math.min(s, M), m = Math.min(m, H), p = Math.max(p, M), g = Math.max(g, H));
+      for (let T = 0; T < c.length; T++)
+        for (let H = 0; H < (c[T] || []).length; H++) {
+          const $ = c[T][H];
+          !$ || !w.has($) || (s = Math.min(s, T), m = Math.min(m, H), f = Math.max(f, T), g = Math.max(g, H));
         }
       if (s === 1 / 0) return;
-      const y = c[s][m], k = /* @__PURE__ */ new Set();
+      const b = c[s][m], k = /* @__PURE__ */ new Set();
       let C = "";
-      for (let M = s; M <= p; M++)
+      for (let T = s; T <= f; T++)
         for (let H = m; H <= g; H++) {
-          const $ = c[M][H];
-          $ && ($ !== y && k.add($), C.includes($.innerHTML) || (C += (C ? "<br/>" : "") + $.innerHTML));
+          const $ = c[T][H];
+          $ && ($ !== b && k.add($), C.includes($.innerHTML) || (C += (C ? "<br/>" : "") + $.innerHTML));
         }
-      const T = p - s + 1, W = g - m + 1;
+      const S = f - s + 1, W = g - m + 1;
       try {
-        y.rowSpan = T, y.colSpan = W, y.innerHTML = C;
+        b.rowSpan = S, b.colSpan = W, b.innerHTML = C;
       } catch {
       }
-      k.forEach((M) => {
+      k.forEach((T) => {
         try {
-          M.remove();
+          T.remove();
         } catch {
         }
       });
       try {
-        y.classList.add("selected-cell"), E.current = y;
+        b.classList.add("selected-cell"), M.current = b;
       } catch {
       }
-    }, I = (o, d, c) => {
-      const s = A(c, o);
+    }, I = (a, d, c) => {
+      const s = A(c, a);
       if (!s) return;
-      const { r: m, c: p, matrix: g } = s, w = parseInt(o.getAttribute("rowspan") || o.rowSpan || 1, 10), y = parseInt(o.getAttribute("colspan") || o.colSpan || 1, 10);
-      let k = m, C = p;
-      if (d === "right" && (C = p + y), d === "left" && (C = p - 1), d === "down" && (k = m + w), d === "up" && (k = m - 1), !g[k] || typeof g[k][C] > "u") return;
-      const T = g[k][C];
-      if (!T || T === o) return;
-      const W = Math.min(m, k), M = Math.max(m, k + (parseInt(T.getAttribute("rowspan") || T.rowSpan || 1, 10) - 1)), H = Math.min(p, C), $ = Math.max(p + (y - 1), C + (parseInt(T.getAttribute("colspan") || T.colSpan || 1, 10) - 1)), Pe = /* @__PURE__ */ new Set();
-      for (let de = W; de <= M; de++)
-        for (let ve = H; ve <= $; ve++) {
-          const $e = g[de] && g[de][ve];
-          $e && Pe.add($e);
+      const { r: m, c: f, matrix: g } = s, w = parseInt(a.getAttribute("rowspan") || a.rowSpan || 1, 10), b = parseInt(a.getAttribute("colspan") || a.colSpan || 1, 10);
+      let k = m, C = f;
+      if (d === "right" && (C = f + b), d === "left" && (C = f - 1), d === "down" && (k = m + w), d === "up" && (k = m - 1), !g[k] || typeof g[k][C] > "u") return;
+      const S = g[k][C];
+      if (!S || S === a) return;
+      const W = Math.min(m, k), T = Math.max(m, k + (parseInt(S.getAttribute("rowspan") || S.rowSpan || 1, 10) - 1)), H = Math.min(f, C), $ = Math.max(f + (b - 1), C + (parseInt(S.getAttribute("colspan") || S.colSpan || 1, 10) - 1)), Ve = /* @__PURE__ */ new Set();
+      for (let ue = W; ue <= T; ue++)
+        for (let Ce = H; Ce <= $; Ce++) {
+          const je = g[ue] && g[ue][Ce];
+          je && Ve.add(je);
         }
-      K(c, Pe);
-    }, We = (o, d, c) => {
+      G(c, Ve);
+    }, Pe = (a, d, c) => {
       try {
         if (d === "vertical") {
-          const s = parseInt(o.getAttribute("rowspan") || o.rowSpan || 1, 10);
+          const s = parseInt(a.getAttribute("rowspan") || a.rowSpan || 1, 10);
           if (s <= 1) return;
-          const m = A(c, o);
+          const m = A(c, a);
           if (!m) return;
-          const { r: p, c: g } = m;
-          o.rowSpan = 1;
+          const { r: f, c: g } = m;
+          a.rowSpan = 1;
           for (let w = 1; w < s; w++) {
-            const y = c.rows[p + w];
-            if (y) {
+            const b = c.rows[f + w];
+            if (b) {
               const k = (() => {
-                let T = 0;
-                for (let W = 0; W < y.cells.length; W++) {
-                  const M = y.cells[W], H = parseInt(M.getAttribute("colspan") || M.colSpan || 1, 10);
-                  if (T >= g) return W;
-                  T += H;
+                let S = 0;
+                for (let W = 0; W < b.cells.length; W++) {
+                  const T = b.cells[W], H = parseInt(T.getAttribute("colspan") || T.colSpan || 1, 10);
+                  if (S >= g) return W;
+                  S += H;
                 }
-                return y.cells.length;
-              })(), C = y.insertCell(k);
+                return b.cells.length;
+              })(), C = b.insertCell(k);
               C.innerHTML = "";
             }
           }
         } else if (d === "horizontal") {
-          const s = parseInt(o.getAttribute("colspan") || o.colSpan || 1, 10);
+          const s = parseInt(a.getAttribute("colspan") || a.colSpan || 1, 10);
           if (s <= 1) return;
-          const m = o.parentElement, p = Array.prototype.indexOf.call(m.children, o);
-          o.colSpan = 1;
+          const m = a.parentElement, f = Array.prototype.indexOf.call(m.children, a);
+          a.colSpan = 1;
           for (let g = 1; g < s; g++) {
-            const w = m.insertCell(p + g);
+            const w = m.insertCell(f + g);
             w.innerHTML = "";
           }
         }
       } catch {
       }
-    }, Et = (o, d) => {
-      const c = A(d, o);
+    }, Ut = (a, d) => {
+      const c = A(d, a);
       if (!c) return;
       const { r: s, matrix: m } = c;
       try {
-        f.current.querySelectorAll(".selected-cell").forEach((g) => g.classList.remove("selected-cell"));
+        p.current.querySelectorAll(".selected-cell").forEach((g) => g.classList.remove("selected-cell"));
       } catch {
       }
-      for (let p = 0; p < (m[s] || []).length; p++) {
-        const g = m[s][p];
+      for (let f = 0; f < (m[s] || []).length; f++) {
+        const g = m[s][f];
         g && g.classList.add("selected-cell");
       }
-    }, Rt = (o, d) => {
-      const c = A(d, o);
+    }, $t = (a, d) => {
+      const c = A(d, a);
       if (!c) return;
       const { c: s, matrix: m } = c;
       try {
-        f.current.querySelectorAll(".selected-cell").forEach((g) => g.classList.remove("selected-cell"));
+        p.current.querySelectorAll(".selected-cell").forEach((g) => g.classList.remove("selected-cell"));
       } catch {
       }
-      for (let p = 0; p < m.length; p++) {
-        const g = m[p] && m[p][s];
+      for (let f = 0; f < m.length; f++) {
+        const g = m[f] && m[f][s];
         g && g.classList.add("selected-cell");
       }
-    }, At = (o) => {
+    }, Pt = (a) => {
       try {
-        f.current.querySelectorAll(".selected-cell").forEach((c) => c.classList.remove("selected-cell"));
+        p.current.querySelectorAll(".selected-cell").forEach((c) => c.classList.remove("selected-cell"));
       } catch {
       }
       try {
-        o.querySelectorAll("td,th").forEach((c) => c.classList.add("selected-cell"));
+        a.querySelectorAll("td,th").forEach((c) => c.classList.add("selected-cell"));
       } catch {
       }
-    }, Ht = (o, d, c) => {
-      const s = A(c, o), m = A(c, d);
+    }, zt = (a, d, c) => {
+      const s = A(c, a), m = A(c, d);
       if (!s || !m) return;
-      const p = Math.min(s.r, m.r), g = Math.max(s.r, m.r), w = Math.min(s.c, m.c), y = Math.max(s.c, m.c);
+      const f = Math.min(s.r, m.r), g = Math.max(s.r, m.r), w = Math.min(s.c, m.c), b = Math.max(s.c, m.c);
       try {
-        f.current.querySelectorAll(".selected-cell").forEach((T) => T.classList.remove("selected-cell"));
+        p.current.querySelectorAll(".selected-cell").forEach((S) => S.classList.remove("selected-cell"));
       } catch {
       }
       const k = s.matrix;
-      for (let C = p; C <= g; C++)
-        for (let T = w; T <= y; T++) {
-          const W = k[C] && k[C][T];
+      for (let C = f; C <= g; C++)
+        for (let S = w; S <= b; S++) {
+          const W = k[C] && k[C][S];
           W && W.classList.add("selected-cell");
         }
     };
-    a.appendChild(u), a.appendChild(h("Cell Color", "■", () => {
-      if (!E.current) {
+    r.appendChild(u), r.appendChild(h("Cell Color", "■", () => {
+      if (!M.current) {
         alert("Select a table cell first");
         return;
       }
       u.click();
-    })), a.appendChild(x), a.appendChild(h("Header Color", "🎨", () => {
+    })), r.appendChild(x), r.appendChild(h("Header Color", "🎨", () => {
       try {
-        const o = t.rows[0];
-        if (!o) return alert("Table has no rows");
-        if (!(o.cells[0] && o.cells[0].tagName.toLowerCase() === "th")) {
+        const a = t.rows[0];
+        if (!a) return alert("Table has no rows");
+        if (!(a.cells[0] && a.cells[0].tagName.toLowerCase() === "th")) {
           const c = document.createElement("thead"), s = t.rows[0], m = document.createElement("tr");
-          for (let p = 0; p < s.cells.length; p++) {
+          for (let f = 0; f < s.cells.length; f++) {
             const g = document.createElement("th");
-            g.innerHTML = s.cells[p].innerHTML, m.appendChild(g);
+            g.innerHTML = s.cells[f].innerHTML, m.appendChild(g);
           }
           c.appendChild(m), t.deleteRow(0), t.insertBefore(c, t.firstChild);
         }
       } catch {
       }
       x.click();
-    })), a.appendChild(h("Clear Header Color", "✖", () => {
-      S();
-    })), a.appendChild(h("Toggle Header", "H", () => {
+    })), r.appendChild(h("Clear Header Color", "✖", () => {
+      L();
+    })), r.appendChild(h("Toggle Header", "H", () => {
       try {
-        const o = t.rows[0];
-        if (!o) return;
-        if (o.cells[0] && o.cells[0].tagName.toLowerCase() === "th") {
+        const a = t.rows[0];
+        if (!a) return;
+        if (a.cells[0] && a.cells[0].tagName.toLowerCase() === "th") {
           const c = document.createElement("tbody");
           for (let s = 0; s < t.rows.length; s++) {
-            const m = t.rows[0], p = document.createElement("tr"), g = m.cells;
+            const m = t.rows[0], f = document.createElement("tr"), g = m.cells;
             for (let w = 0; w < g.length; w++) {
-              const y = document.createElement("td");
-              y.innerHTML = g[w].innerHTML, y.style.cssText = g[w].style.cssText, p.appendChild(y);
+              const b = document.createElement("td");
+              b.innerHTML = g[w].innerHTML, b.style.cssText = g[w].style.cssText, f.appendChild(b);
             }
-            c.appendChild(p), t.deleteRow(0);
+            c.appendChild(f), t.deleteRow(0);
           }
           t.appendChild(c);
         } else {
-          const c = document.createElement("thead"), s = t.rows[0], m = document.createElement("tr"), p = s.cells;
-          for (let g = 0; g < p.length; g++) {
+          const c = document.createElement("thead"), s = t.rows[0], m = document.createElement("tr"), f = s.cells;
+          for (let g = 0; g < f.length; g++) {
             const w = document.createElement("th");
-            w.innerHTML = p[g].innerHTML, w.style.cssText = p[g].style.cssText, m.appendChild(w);
+            w.innerHTML = f[g].innerHTML, w.style.cssText = f[g].style.cssText, m.appendChild(w);
           }
           c.appendChild(m), t.deleteRow(0), t.insertBefore(c, t.firstChild);
         }
       } catch {
       }
-    })), n.appendChild(a), ["nw", "ne", "sw", "se"].forEach((o) => {
+    })), n.appendChild(r), ["nw", "ne", "sw", "se"].forEach((a) => {
       const d = document.createElement("div");
-      d.className = `table-resize-handle ${o}`, d.addEventListener("mousedown", (c) => {
-        c.preventDefault(), c.stopPropagation(), gt(c, n, t, o);
+      d.className = `table-resize-handle ${a}`, d.addEventListener("mousedown", (c) => {
+        c.preventDefault(), c.stopPropagation(), Lt(c, n, t, a);
       }), n.appendChild(d);
     });
-    const ce = document.createElement("div");
-    ce.className = "table-drag-handle", ce.title = "Drag to move table", n.appendChild(ce);
-    const P = document.createElement("div");
-    P.className = "table-context-menu", P.innerHTML = `
+    const se = document.createElement("div");
+    se.className = "table-drag-handle", se.title = "Drag to move table", n.appendChild(se);
+    const U = document.createElement("div");
+    U.className = "table-context-menu", U.innerHTML = `
       <button type="button" data-action="select-row">Select row</button>
       <button type="button" data-action="select-column">Select column</button>
       <button type="button" data-action="select-table">Select table</button>
@@ -743,134 +779,134 @@ const It = ({ isOpen: J, onClose: z, onInsert: _, onRemove: re, isEditing: he =
       <button type="button" data-action="add-row">Add row below</button>
       <button type="button" data-action="add-col">Add column right</button>
       <button type="button" data-action="delete-table">Delete table</button>
-    `, P.style.display = "none", n.appendChild(P);
-    const ie = (o, d, c) => {
-      o ? (P.style.display = "block", P.style.left = typeof d == "number" ? d + "px" : "8px", P.style.top = typeof c == "number" ? c + "px" : "36px") : P.style.display = "none";
+    `, U.style.display = "none", n.appendChild(U);
+    const de = (a, d, c) => {
+      a ? (U.style.display = "block", U.style.left = typeof d == "number" ? d + "px" : "8px", U.style.top = typeof c == "number" ? c + "px" : "36px") : U.style.display = "none";
     };
-    P.addEventListener("click", (o) => {
-      o.stopPropagation();
-      const d = o.target.closest("button[data-action]");
+    U.addEventListener("click", (a) => {
+      a.stopPropagation();
+      const d = a.target.closest("button[data-action]");
       if (!d) return;
       const c = d.getAttribute("data-action");
       try {
-        const s = E.current || t.rows[0].cells[0];
+        const s = M.current || t.rows[0].cells[0];
         if (!s) return;
-        c === "select-row" && Et(s, t), c === "select-column" && Rt(s, t), c === "select-table" && At(t), c === "merge-right" && I(s, "right", t), c === "merge-left" && I(s, "left", t), c === "merge-up" && I(s, "up", t), c === "merge-down" && I(s, "down", t), c === "split-vertical" && We(s, "vertical", t), c === "split-horizontal" && We(s, "horizontal", t), c === "add-row" && He(t), c === "add-col" && Ie(t), c === "delete-table" && Be(t);
+        c === "select-row" && Ut(s, t), c === "select-column" && $t(s, t), c === "select-table" && Pt(t), c === "merge-right" && I(s, "right", t), c === "merge-left" && I(s, "left", t), c === "merge-up" && I(s, "up", t), c === "merge-down" && I(s, "down", t), c === "split-vertical" && Pe(s, "vertical", t), c === "split-horizontal" && Pe(s, "horizontal", t), c === "add-row" && qe(t), c === "add-col" && Ue(t), c === "delete-table" && $e(t);
       } catch {
       }
-      ie(!1);
+      de(!1);
     });
-    const Fe = h("Table Menu", "&#8942;", () => {
-      ie(P.style.display !== "block");
+    const ze = h("Table Menu", "&#8942;", () => {
+      de(U.style.display !== "block");
     });
-    Fe.className += " table-menu-btn", a.appendChild(Fe), n.addEventListener("contextmenu", (o) => {
-      o.preventDefault(), q.current = null, E.current = o.target.closest("td,th") || E.current;
+    ze.className += " table-menu-btn", r.appendChild(ze), n.addEventListener("contextmenu", (a) => {
+      a.preventDefault(), F.current = null, M.current = a.target.closest("td,th") || M.current;
       const d = n.getBoundingClientRect();
-      ie(!0, o.clientX - d.left, o.clientY - d.top);
-    }), document.addEventListener("click", (o) => {
-      n.contains(o.target) || ie(!1);
+      de(!0, a.clientX - d.left, a.clientY - d.top);
+    }), document.addEventListener("click", (a) => {
+      n.contains(a.target) || de(!1);
     });
-    let se = !1, le = null;
-    const qe = (o) => {
-      if (!se) return;
-      const d = o.clientX - le.x, c = o.clientY - le.y;
+    let he = !1, le = null;
+    const De = (a) => {
+      if (!he) return;
+      const d = a.clientX - le.x, c = a.clientY - le.y;
       n.style.transform = `translate(${le.tx + d}px, ${le.ty + c}px)`;
-    }, Ue = () => {
-      if (!se) return;
-      se = !1, document.removeEventListener("mousemove", qe), document.removeEventListener("mouseup", Ue);
-      const o = n.style.transform.match(/translate\((-?\d+)px,\s*(-?\d+)px\)/);
-      if (o) {
-        const d = parseInt(o[1], 10), c = parseInt(o[2], 10);
+    }, Oe = () => {
+      if (!he) return;
+      he = !1, document.removeEventListener("mousemove", De), document.removeEventListener("mouseup", Oe);
+      const a = n.style.transform.match(/translate\((-?\d+)px,\s*(-?\d+)px\)/);
+      if (a) {
+        const d = parseInt(a[1], 10), c = parseInt(a[2], 10);
         n.style.left = n.offsetLeft + d + "px", n.style.top = n.offsetTop + c + "px", n.style.transform = "", n.style.position = "absolute";
       }
     };
-    ce.addEventListener("mousedown", (o) => {
-      o.preventDefault(), o.stopPropagation(), se = !0, le = { x: o.clientX, y: o.clientY, tx: 0, ty: 0 }, document.addEventListener("mousemove", qe), document.addEventListener("mouseup", Ue);
+    se.addEventListener("mousedown", (a) => {
+      a.preventDefault(), a.stopPropagation(), he = !0, le = { x: a.clientX, y: a.clientY, tx: 0, ty: 0 }, document.addEventListener("mousemove", De), document.addEventListener("mouseup", Oe);
     }), t.dataset.enhanced = "1";
-  }, gt = (t, n, l, r) => {
-    const a = t.clientX, h = t.clientY, u = l.offsetWidth, x = l.offsetHeight, S = (U) => {
-      const A = U.clientX - a, K = U.clientY - h;
-      if (r.includes("e")) {
+  }, Lt = (t, n, l, o) => {
+    const r = t.clientX, h = t.clientY, u = l.offsetWidth, x = l.offsetHeight, L = (q) => {
+      const A = q.clientX - r, G = q.clientY - h;
+      if (o.includes("e")) {
         const I = Math.max(200, u + A);
         l.style.width = I + "px";
-      } else if (r.includes("w")) {
+      } else if (o.includes("w")) {
         const I = Math.max(200, u - A);
         l.style.width = I + "px";
       }
-      if (r.includes("s")) {
-        const I = Math.max(100, x + K);
+      if (o.includes("s")) {
+        const I = Math.max(100, x + G);
         l.style.height = I + "px";
-      } else if (r.includes("n")) {
-        const I = Math.max(100, x - K);
+      } else if (o.includes("n")) {
+        const I = Math.max(100, x - G);
         l.style.height = I + "px";
       }
-    }, R = () => {
-      document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", R), document.body.style.cursor = "";
+    }, E = () => {
+      document.removeEventListener("mousemove", L), document.removeEventListener("mouseup", E), document.body.style.cursor = "";
     };
-    document.addEventListener("mousemove", S), document.addEventListener("mouseup", R);
-  }, He = (t) => {
-    const n = E.current;
+    document.addEventListener("mousemove", L), document.addEventListener("mouseup", E);
+  }, qe = (t) => {
+    const n = M.current;
     let l = -1;
     n && (l = n.parentElement.rowIndex);
-    const r = t.rows[0] ? t.rows[0].cells.length : t.tBodies[0] && t.tBodies[0].rows[0] ? t.tBodies[0].rows[0].cells.length : 1, a = t.insertRow(l + 1);
-    for (let h = 0; h < r; h++) {
-      const u = a.insertCell(-1);
-      u.innerHTML = `Cell ${a.rowIndex}-${h + 1}`;
+    const o = t.rows[0] ? t.rows[0].cells.length : t.tBodies[0] && t.tBodies[0].rows[0] ? t.tBodies[0].rows[0].cells.length : 1, r = t.insertRow(l + 1);
+    for (let h = 0; h < o; h++) {
+      const u = r.insertCell(-1);
+      u.innerHTML = `Cell ${r.rowIndex}-${h + 1}`;
     }
-  }, Ie = (t) => {
-    const n = E.current;
+  }, Ue = (t) => {
+    const n = M.current;
     let l = -1;
     n && (l = Array.prototype.indexOf.call(n.parentElement.children, n));
-    for (let r = 0; r < t.rows.length; r++) {
-      const a = t.rows[r], h = l + 1, u = a.insertCell(h);
+    for (let o = 0; o < t.rows.length; o++) {
+      const r = t.rows[o], h = l + 1, u = r.insertCell(h);
       u.innerHTML = "";
     }
-  }, vt = (t) => {
+  }, St = (t) => {
     if (t.rows.length <= 1) return;
-    const n = E.current;
+    const n = M.current;
     let l = n ? n.parentElement.rowIndex : t.rows.length - 1;
     t.deleteRow(l);
-  }, yt = (t) => {
+  }, Tt = (t) => {
     const n = t.rows[0] ? t.rows[0].cells.length : 0;
     if (n <= 1) return;
-    const l = E.current;
-    let r = l ? Array.prototype.indexOf.call(l.parentElement.children, l) : n - 1;
-    for (let a = 0; a < t.rows.length; a++) {
-      const h = t.rows[a];
-      h.cells[r] && h.deleteCell(r);
+    const l = M.current;
+    let o = l ? Array.prototype.indexOf.call(l.parentElement.children, l) : n - 1;
+    for (let r = 0; r < t.rows.length; r++) {
+      const h = t.rows[r];
+      h.cells[o] && h.deleteCell(o);
     }
-  }, Be = (t) => {
+  }, $e = (t) => {
     const n = t.closest(".editable-table-wrap");
     n ? n.remove() : t.remove();
-  }, bt = () => {
+  }, Mt = () => {
     try {
-      const t = f.current;
+      const t = p.current;
       if (!t) return;
-      t.querySelectorAll("table").forEach((l) => Ae(l));
+      t.querySelectorAll("table").forEach((l) => Fe(l));
     } catch {
     }
-  }, Ct = () => {
+  }, Et = () => {
     try {
-      const t = f.current;
+      const t = p.current;
       if (!t) return;
       t.querySelectorAll("img:not(.editable-image-wrap img)").forEach((l) => {
         if (!l.closest(".editable-image-wrap")) {
-          const r = document.createElement("div");
-          r.className = "editable-image-wrap", r.contentEditable = "false", l.parentNode.insertBefore(r, l), r.appendChild(l), Ee(r);
+          const o = document.createElement("div");
+          o.className = "editable-image-wrap", o.contentEditable = "false", l.parentNode.insertBefore(o, l), o.appendChild(l), Be(o);
         }
       });
     } catch {
     }
-  }, xt = () => {
-    re(!_);
-  }, wt = () => {
-    const t = f.current?.innerHTML || "", n = new Blob([t], { type: "text/html" }), l = URL.createObjectURL(n), r = document.createElement("a");
-    r.href = l, r.download = "document.html", r.click(), URL.revokeObjectURL(l);
+  }, Rt = () => {
+    ee(!D);
+  }, At = () => {
+    const t = p.current?.innerHTML || "", n = new Blob([t], { type: "text/html" }), l = URL.createObjectURL(n), o = document.createElement("a");
+    o.href = l, o.download = "document.html", o.click(), URL.revokeObjectURL(l);
   };
   oe(() => {
     const t = () => {
-      const n = f.current?.innerText || "", l = new Blob([n], { type: "text/plain" }), r = URL.createObjectURL(l), a = document.createElement("a");
-      a.href = r, a.download = "document.txt", a.click(), URL.revokeObjectURL(r);
+      const n = p.current?.innerText || "", l = new Blob([n], { type: "text/plain" }), o = URL.createObjectURL(l), r = document.createElement("a");
+      r.href = o, r.download = "document.txt", r.click(), URL.revokeObjectURL(o);
     };
     try {
       window._exportAsText = t;
@@ -885,649 +921,667 @@ const It = ({ isOpen: J, onClose: z, onInsert: _, onRemove: re, isEditing: he =
   }, []), oe(() => {
     const t = (n) => {
       try {
-        const l = n.target.closest(".editable-table-wrap"), r = n.target.closest(".editable-image-wrap");
-        !l && f.current && f.current.querySelectorAll(".editable-table-wrap.selected").forEach((h) => h.classList.remove("selected")), !r && f.current && f.current.querySelectorAll(".editable-image-wrap.selected").forEach((h) => h.classList.remove("selected"));
+        const l = n.target.closest(".editable-table-wrap"), o = n.target.closest(".editable-image-wrap");
+        !l && p.current && p.current.querySelectorAll(".editable-table-wrap.selected").forEach((h) => h.classList.remove("selected")), !o && p.current && p.current.querySelectorAll(".editable-image-wrap.selected").forEach((h) => h.classList.remove("selected"));
       } catch {
       }
     };
     return document.addEventListener("click", t), () => document.removeEventListener("click", t);
   }, []);
-  const kt = (t) => {
+  const Ht = (t) => {
     const n = t.target.files?.[0];
     if (n) {
       const l = new FileReader();
-      l.onload = (r) => {
-        const a = r.target?.result;
-        f.current && (f.current.innerHTML = a, z(a), setTimeout(() => {
-          bt(), Ct();
+      l.onload = (o) => {
+        const r = o.target?.result;
+        p.current && (p.current.innerHTML = r, z(r), setTimeout(() => {
+          Mt(), Et();
         }, 50));
       }, l.readAsText(n);
     }
-  }, Nt = () => {
+  }, It = () => {
     O(!0);
-  }, Lt = () => {
-    const t = f.current?.innerHTML || "";
+  }, Bt = () => {
+    const t = p.current?.innerHTML || "";
     navigator.clipboard.writeText(t).then(() => {
       alert("HTML copied to clipboard!");
     });
-  }, St = () => {
-    confirm("Are you sure you want to clear all content?") && f.current && (v("selectAll"), v("delete"), z(""));
-  }, Tt = () => {
+  }, Wt = () => {
+    confirm("Are you sure you want to clear all content?") && p.current && (y("selectAll"), y("delete"), z(""));
+  }, Ft = () => {
     const t = prompt("Enter your code:");
     if (t) {
       const n = `<pre><code>${t}</code></pre>`;
-      v("insertHTML", n);
+      y("insertHTML", n);
     }
-  }, Mt = () => {
-    v("formatBlock", "blockquote");
+  }, qt = () => {
+    y("formatBlock", "blockquote");
   };
-  return /* @__PURE__ */ i("div", { className: `editor-container ${_ ? "fullscreen" : ""}`, children: [
-    /* @__PURE__ */ e(
-      "input",
-      {
-        type: "file",
-        ref: Te,
-        onChange: kt,
-        accept: ".html,.txt",
-        style: { display: "none" }
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: "editor-content", children: /* @__PURE__ */ i("div", { className: `page-card size-${ke}`, children: [
-      /* @__PURE__ */ i("div", { className: "editor-toolbar", children: [
-        /* @__PURE__ */ i("div", { className: "toolbar-group", children: [
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: "toolbar-btn",
-              onClick: () => v("undo"),
-              title: "Undo",
-              children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ e("path", { d: "M3 7v6h6" }),
-                /* @__PURE__ */ e("path", { d: "M21 17a9 9 0 00-9-9 9 9 0 00-6 2.3L3 13" })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: "toolbar-btn",
-              onClick: () => v("redo"),
-              title: "Redo",
-              children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ e("path", { d: "M21 7v6h-6" }),
-                /* @__PURE__ */ e("path", { d: "M3 17a9 9 0 019-9 9 9 0 016 2.3l3 2.7" })
-              ] })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e("div", { className: "toolbar-divider" }),
-        /* @__PURE__ */ i("div", { className: "toolbar-group", children: [
-          /* @__PURE__ */ i(
-            "select",
-            {
-              className: "toolbar-select",
-              onChange: at,
-              value: Ye,
-              children: [
-                /* @__PURE__ */ e("option", { value: "Arial", children: "Arial" }),
-                /* @__PURE__ */ e("option", { value: "Helvetica", children: "Helvetica" }),
-                /* @__PURE__ */ e("option", { value: "Segoe UI", children: "Segoe UI" }),
-                /* @__PURE__ */ e("option", { value: "Roboto", children: "Roboto" }),
-                /* @__PURE__ */ e("option", { value: "Open Sans", children: "Open Sans" }),
-                /* @__PURE__ */ e("option", { value: "Lato", children: "Lato" }),
-                /* @__PURE__ */ e("option", { value: "Montserrat", children: "Montserrat" }),
-                /* @__PURE__ */ e("option", { value: "Source Sans Pro", children: "Source Sans Pro" }),
-                /* @__PURE__ */ e("option", { value: "Tahoma", children: "Tahoma" }),
-                /* @__PURE__ */ e("option", { value: "Verdana", children: "Verdana" }),
-                /* @__PURE__ */ e("option", { value: "Trebuchet MS", children: "Trebuchet MS" }),
-                /* @__PURE__ */ e("option", { value: "Georgia", children: "Georgia" }),
-                /* @__PURE__ */ e("option", { value: "Times New Roman", children: "Times New Roman" }),
-                /* @__PURE__ */ e("option", { value: "Palatino Linotype", children: "Palatino Linotype" }),
-                /* @__PURE__ */ e("option", { value: "Garamond", children: "Garamond" }),
-                /* @__PURE__ */ e("option", { value: "Courier New", children: "Courier New" }),
-                /* @__PURE__ */ e("option", { value: "Brush Script MT", children: "Brush Script MT" }),
-                /* @__PURE__ */ e("option", { value: "Impact", children: "Impact" }),
-                /* @__PURE__ */ e("option", { value: "Comic Sans MS", children: "Comic Sans MS" }),
-                /* @__PURE__ */ e("option", { value: "Candara", children: "Candara" }),
-                /* @__PURE__ */ e("option", { value: "Cambria", children: "Cambria" }),
-                /* @__PURE__ */ e("option", { value: "Calibri", children: "Calibri" }),
-                /* @__PURE__ */ e("option", { value: "Merriweather", children: "Merriweather" }),
-                /* @__PURE__ */ e("option", { value: "Noto Sans", children: "Noto Sans" }),
-                /* @__PURE__ */ e("option", { value: "Palatino", children: "Palatino" }),
-                /* @__PURE__ */ e("option", { value: "Bookman", children: "Bookman" }),
-                /* @__PURE__ */ e("option", { value: "Lucida Sans", children: "Lucida Sans" }),
-                /* @__PURE__ */ e("option", { value: "Righteous", children: "Righteous" }),
-                /* @__PURE__ */ e("option", { value: "Poppins", children: "Poppins" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ i(
-            "select",
-            {
-              className: "toolbar-select",
-              onChange: rt,
-              value: Ge,
-              children: [
-                /* @__PURE__ */ e("option", { value: "1", children: "Small" }),
-                /* @__PURE__ */ e("option", { value: "3", children: "Normal" }),
-                /* @__PURE__ */ e("option", { value: "5", children: "Large" }),
-                /* @__PURE__ */ e("option", { value: "7", children: "Huge" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ i(
-            "select",
-            {
-              className: "toolbar-select",
-              onChange: (t) => {
-                ht(t.target.value), fe(t.target.value);
-              },
-              value: Ke,
-              children: [
-                /* @__PURE__ */ e("option", { value: "p", children: "Paragraph" }),
-                /* @__PURE__ */ e("option", { value: "h1", children: "Heading 1" }),
-                /* @__PURE__ */ e("option", { value: "h2", children: "Heading 2" }),
-                /* @__PURE__ */ e("option", { value: "h3", children: "Heading 3" }),
-                /* @__PURE__ */ e("option", { value: "h4", children: "Heading 4" })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e("div", { className: "toolbar-divider" }),
-        /* @__PURE__ */ i("div", { className: "toolbar-group", children: [
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: `toolbar-btn ${V.bold ? "active" : ""}`,
-              onClick: () => v("bold"),
-              title: "Bold",
-              children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: [
-                /* @__PURE__ */ e("path", { d: "M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" }),
-                /* @__PURE__ */ e("path", { d: "M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: `toolbar-btn ${V.italic ? "active" : ""}`,
-              onClick: () => v("italic"),
-              title: "Italic",
-              children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ e("line", { x1: "19", y1: "4", x2: "10", y2: "4" }),
-                /* @__PURE__ */ e("line", { x1: "14", y1: "20", x2: "5", y2: "20" }),
-                /* @__PURE__ */ e("line", { x1: "15", y1: "4", x2: "9", y2: "20" })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: `toolbar-btn ${V.underline ? "active" : ""}`,
-              onClick: () => v("underline"),
-              title: "Underline",
-              children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ e("path", { d: "M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3" }),
-                /* @__PURE__ */ e("line", { x1: "4", y1: "21", x2: "20", y2: "21" })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: `toolbar-btn ${V.strikeThrough ? "active" : ""}`,
-              onClick: () => v("strikeThrough"),
-              title: "Strikethrough",
-              children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ e("path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }),
-                /* @__PURE__ */ e("path", { d: "M14 12a4 4 0 0 1 0 8H6" }),
-                /* @__PURE__ */ e("line", { x1: "4", y1: "12", x2: "20", y2: "12" })
-              ] })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e("div", { className: "toolbar-divider" }),
-        /* @__PURE__ */ i("div", { className: "toolbar-group", children: [
-          /* @__PURE__ */ i("div", { className: "color-picker-wrapper", "data-tooltip": "Text color", "aria-label": "Text color picker", children: [
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: `editor-container ${D ? "fullscreen" : ""}`,
+      onDragOver: at,
+      onDragLeave: ct,
+      onDrop: it,
+      children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "file",
+            ref: Ie,
+            onChange: Ht,
+            accept: ".html,.txt",
+            style: { display: "none" }
+          }
+        ),
+        /* @__PURE__ */ e("div", { className: `editor-content ${re ? "full-bleed" : ""}`, children: /* @__PURE__ */ i(
+          "div",
+          {
+            className: `page-card size-${Ee} ${re ? "no-gutters" : ""}`,
+            style: { width: Q || void 0 },
+            children: [
+              /* @__PURE__ */ i("div", { className: "editor-toolbar", children: [
+                /* @__PURE__ */ i("div", { className: "toolbar-group", children: [
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      className: "toolbar-btn",
+                      onClick: () => y("undo"),
+                      title: "Undo",
+                      children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ e("path", { d: "M3 7v6h6" }),
+                        /* @__PURE__ */ e("path", { d: "M21 17a9 9 0 00-9-9 9 9 0 00-6 2.3L3 13" })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      className: "toolbar-btn",
+                      onClick: () => y("redo"),
+                      title: "Redo",
+                      children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ e("path", { d: "M21 7v6h-6" }),
+                        /* @__PURE__ */ e("path", { d: "M3 17a9 9 0 019-9 9 9 0 016 2.3l3 2.7" })
+                      ] })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e("div", { className: "toolbar-divider" }),
+                /* @__PURE__ */ i("div", { className: "toolbar-group", children: [
+                  /* @__PURE__ */ i(
+                    "select",
+                    {
+                      className: "toolbar-select",
+                      onChange: ft,
+                      value: et,
+                      children: [
+                        /* @__PURE__ */ e("option", { value: "Arial", children: "Arial" }),
+                        /* @__PURE__ */ e("option", { value: "Helvetica", children: "Helvetica" }),
+                        /* @__PURE__ */ e("option", { value: "Segoe UI", children: "Segoe UI" }),
+                        /* @__PURE__ */ e("option", { value: "Roboto", children: "Roboto" }),
+                        /* @__PURE__ */ e("option", { value: "Open Sans", children: "Open Sans" }),
+                        /* @__PURE__ */ e("option", { value: "Lato", children: "Lato" }),
+                        /* @__PURE__ */ e("option", { value: "Montserrat", children: "Montserrat" }),
+                        /* @__PURE__ */ e("option", { value: "Source Sans Pro", children: "Source Sans Pro" }),
+                        /* @__PURE__ */ e("option", { value: "Tahoma", children: "Tahoma" }),
+                        /* @__PURE__ */ e("option", { value: "Verdana", children: "Verdana" }),
+                        /* @__PURE__ */ e("option", { value: "Trebuchet MS", children: "Trebuchet MS" }),
+                        /* @__PURE__ */ e("option", { value: "Georgia", children: "Georgia" }),
+                        /* @__PURE__ */ e("option", { value: "Times New Roman", children: "Times New Roman" }),
+                        /* @__PURE__ */ e("option", { value: "Palatino Linotype", children: "Palatino Linotype" }),
+                        /* @__PURE__ */ e("option", { value: "Garamond", children: "Garamond" }),
+                        /* @__PURE__ */ e("option", { value: "Courier New", children: "Courier New" }),
+                        /* @__PURE__ */ e("option", { value: "Brush Script MT", children: "Brush Script MT" }),
+                        /* @__PURE__ */ e("option", { value: "Impact", children: "Impact" }),
+                        /* @__PURE__ */ e("option", { value: "Comic Sans MS", children: "Comic Sans MS" }),
+                        /* @__PURE__ */ e("option", { value: "Candara", children: "Candara" }),
+                        /* @__PURE__ */ e("option", { value: "Cambria", children: "Cambria" }),
+                        /* @__PURE__ */ e("option", { value: "Calibri", children: "Calibri" }),
+                        /* @__PURE__ */ e("option", { value: "Merriweather", children: "Merriweather" }),
+                        /* @__PURE__ */ e("option", { value: "Noto Sans", children: "Noto Sans" }),
+                        /* @__PURE__ */ e("option", { value: "Palatino", children: "Palatino" }),
+                        /* @__PURE__ */ e("option", { value: "Bookman", children: "Bookman" }),
+                        /* @__PURE__ */ e("option", { value: "Lucida Sans", children: "Lucida Sans" }),
+                        /* @__PURE__ */ e("option", { value: "Righteous", children: "Righteous" }),
+                        /* @__PURE__ */ e("option", { value: "Poppins", children: "Poppins" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ i(
+                    "select",
+                    {
+                      className: "toolbar-select",
+                      onChange: pt,
+                      value: tt,
+                      children: [
+                        /* @__PURE__ */ e("option", { value: "1", children: "Small" }),
+                        /* @__PURE__ */ e("option", { value: "3", children: "Normal" }),
+                        /* @__PURE__ */ e("option", { value: "5", children: "Large" }),
+                        /* @__PURE__ */ e("option", { value: "7", children: "Huge" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ i(
+                    "select",
+                    {
+                      className: "toolbar-select",
+                      onChange: (t) => {
+                        Ct(t.target.value), ye(t.target.value);
+                      },
+                      value: nt,
+                      children: [
+                        /* @__PURE__ */ e("option", { value: "p", children: "Paragraph" }),
+                        /* @__PURE__ */ e("option", { value: "h1", children: "Heading 1" }),
+                        /* @__PURE__ */ e("option", { value: "h2", children: "Heading 2" }),
+                        /* @__PURE__ */ e("option", { value: "h3", children: "Heading 3" }),
+                        /* @__PURE__ */ e("option", { value: "h4", children: "Heading 4" })
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e("div", { className: "toolbar-divider" }),
+                /* @__PURE__ */ i("div", { className: "toolbar-group", children: [
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      className: `toolbar-btn ${P.bold ? "active" : ""}`,
+                      onClick: () => y("bold"),
+                      title: "Bold",
+                      children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: [
+                        /* @__PURE__ */ e("path", { d: "M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" }),
+                        /* @__PURE__ */ e("path", { d: "M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      className: `toolbar-btn ${P.italic ? "active" : ""}`,
+                      onClick: () => y("italic"),
+                      title: "Italic",
+                      children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ e("line", { x1: "19", y1: "4", x2: "10", y2: "4" }),
+                        /* @__PURE__ */ e("line", { x1: "14", y1: "20", x2: "5", y2: "20" }),
+                        /* @__PURE__ */ e("line", { x1: "15", y1: "4", x2: "9", y2: "20" })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      className: `toolbar-btn ${P.underline ? "active" : ""}`,
+                      onClick: () => y("underline"),
+                      title: "Underline",
+                      children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ e("path", { d: "M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3" }),
+                        /* @__PURE__ */ e("line", { x1: "4", y1: "21", x2: "20", y2: "21" })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      className: `toolbar-btn ${P.strikeThrough ? "active" : ""}`,
+                      onClick: () => y("strikeThrough"),
+                      title: "Strikethrough",
+                      children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ e("path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }),
+                        /* @__PURE__ */ e("path", { d: "M14 12a4 4 0 0 1 0 8H6" }),
+                        /* @__PURE__ */ e("line", { x1: "4", y1: "12", x2: "20", y2: "12" })
+                      ] })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e("div", { className: "toolbar-divider" }),
+                /* @__PURE__ */ i("div", { className: "toolbar-group", children: [
+                  /* @__PURE__ */ i("div", { className: "color-picker-wrapper", "data-tooltip": "Text color", "aria-label": "Text color picker", children: [
+                    /* @__PURE__ */ e(
+                      "input",
+                      {
+                        type: "color",
+                        onChange: ut,
+                        className: "color-picker",
+                        title: "Text Color",
+                        defaultValue: "#111827",
+                        "aria-label": "Text color"
+                      }
+                    ),
+                    /* @__PURE__ */ e("span", { className: "color-label", children: "A" }),
+                    /* @__PURE__ */ e("span", { className: "color-caption", children: "Text color" })
+                  ] }),
+                  /* @__PURE__ */ i("div", { className: "color-picker-wrapper", "data-tooltip": "Highlight / background color", "aria-label": "Background color picker", children: [
+                    /* @__PURE__ */ e(
+                      "input",
+                      {
+                        type: "color",
+                        onChange: mt,
+                        className: "color-picker",
+                        title: "Background Color",
+                        defaultValue: "#ffffff",
+                        "aria-label": "Background color"
+                      }
+                    ),
+                    /* @__PURE__ */ e("span", { className: "color-label", children: "◼" }),
+                    /* @__PURE__ */ e("span", { className: "color-caption", children: "Highlight" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ e("div", { className: "toolbar-divider" }),
+                /* @__PURE__ */ e("div", { className: "toolbar-group", children: /* @__PURE__ */ i("div", { style: { position: "relative", display: "inline-block" }, children: [
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      className: "toolbar-btn",
+                      onClick: () => j((t) => !t),
+                      title: "More formatting",
+                      children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ e("circle", { cx: "5", cy: "6", r: "1.2" }),
+                        /* @__PURE__ */ e("circle", { cx: "5", cy: "12", r: "1.2" }),
+                        /* @__PURE__ */ e("circle", { cx: "5", cy: "18", r: "1.2" }),
+                        /* @__PURE__ */ e("line", { x1: "10", y1: "6", x2: "21", y2: "6" }),
+                        /* @__PURE__ */ e("line", { x1: "10", y1: "12", x2: "21", y2: "12" }),
+                        /* @__PURE__ */ e("line", { x1: "10", y1: "18", x2: "21", y2: "18" })
+                      ] })
+                    }
+                  ),
+                  Ye && /* @__PURE__ */ i("div", { className: "toolbar-dropdown-panel", onClick: (t) => t.stopPropagation(), children: [
+                    /* @__PURE__ */ i("div", { className: "toolbar-dropdown-row", children: [
+                      /* @__PURE__ */ e("button", { className: `toolbar-btn ${P.justifyLeft ? "active" : ""}`, onClick: () => {
+                        y("justifyLeft"), j(!1);
+                      }, title: "Align Left", children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ e("line", { x1: "17", y1: "10", x2: "3", y2: "10" }),
+                        /* @__PURE__ */ e("line", { x1: "21", y1: "6", x2: "3", y2: "6" }),
+                        /* @__PURE__ */ e("line", { x1: "21", y1: "14", x2: "3", y2: "14" })
+                      ] }) }),
+                      /* @__PURE__ */ e("button", { className: `toolbar-btn ${P.justifyCenter ? "active" : ""}`, onClick: () => {
+                        y("justifyCenter"), j(!1);
+                      }, title: "Align Center", children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ e("line", { x1: "18", y1: "10", x2: "6", y2: "10" }),
+                        /* @__PURE__ */ e("line", { x1: "21", y1: "6", x2: "3", y2: "6" }),
+                        /* @__PURE__ */ e("line", { x1: "21", y1: "14", x2: "3", y2: "14" })
+                      ] }) }),
+                      /* @__PURE__ */ e("button", { className: `toolbar-btn ${P.justifyRight ? "active" : ""}`, onClick: () => {
+                        y("justifyRight"), j(!1);
+                      }, title: "Align Right", children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ e("line", { x1: "21", y1: "10", x2: "7", y2: "10" }),
+                        /* @__PURE__ */ e("line", { x1: "21", y1: "6", x2: "3", y2: "6" }),
+                        /* @__PURE__ */ e("line", { x1: "21", y1: "14", x2: "3", y2: "14" })
+                      ] }) })
+                    ] }),
+                    /* @__PURE__ */ e("div", { className: "toolbar-dropdown-sep" }),
+                    /* @__PURE__ */ i("div", { className: "toolbar-dropdown-row", children: [
+                      /* @__PURE__ */ e("button", { className: `toolbar-btn ${P.insertUnorderedList ? "active" : ""}`, onClick: () => {
+                        y("insertUnorderedList"), j(!1);
+                      }, title: "Bullet List", children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ e("line", { x1: "8", y1: "6", x2: "21", y2: "6" }),
+                        /* @__PURE__ */ e("line", { x1: "8", y1: "12", x2: "21", y2: "12" }),
+                        /* @__PURE__ */ e("circle", { cx: "4", cy: "6", r: "1", fill: "currentColor" })
+                      ] }) }),
+                      /* @__PURE__ */ e("button", { className: `toolbar-btn ${P.insertOrderedList ? "active" : ""}`, onClick: () => {
+                        y("insertOrderedList"), j(!1);
+                      }, title: "Numbered List", children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ e("line", { x1: "10", y1: "6", x2: "21", y2: "6" }),
+                        /* @__PURE__ */ e("line", { x1: "10", y1: "12", x2: "21", y2: "12" })
+                      ] }) }),
+                      /* @__PURE__ */ e("button", { className: "toolbar-btn", onClick: () => {
+                        y("indent"), j(!1);
+                      }, title: "Indent", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("line", { x1: "21", y1: "4", x2: "9", y2: "4" }) }) }),
+                      /* @__PURE__ */ e("button", { className: "toolbar-btn", onClick: () => {
+                        y("outdent"), j(!1);
+                      }, title: "Outdent", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("line", { x1: "21", y1: "4", x2: "9", y2: "4" }) }) })
+                    ] })
+                  ] })
+                ] }) }),
+                /* @__PURE__ */ e("div", { className: "toolbar-divider" }),
+                /* @__PURE__ */ i("div", { className: "toolbar-group", children: [
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      className: "toolbar-btn",
+                      onClick: st,
+                      title: "Insert Link",
+                      children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ e("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
+                        /* @__PURE__ */ e("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      className: "toolbar-btn",
+                      onClick: gt,
+                      title: "Insert Image",
+                      children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ e("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+                        /* @__PURE__ */ e("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+                        /* @__PURE__ */ e("polyline", { points: "21 15 16 10 5 21" })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ i("div", { style: { position: "relative", display: "inline-block" }, children: [
+                    /* @__PURE__ */ e(
+                      "button",
+                      {
+                        className: "toolbar-btn",
+                        onClick: () => ke(!we),
+                        title: "Insert Table",
+                        children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                          /* @__PURE__ */ e("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+                          /* @__PURE__ */ e("line", { x1: "3", y1: "9", x2: "21", y2: "9" }),
+                          /* @__PURE__ */ e("line", { x1: "3", y1: "15", x2: "21", y2: "15" }),
+                          /* @__PURE__ */ e("line", { x1: "9", y1: "3", x2: "9", y2: "21" }),
+                          /* @__PURE__ */ e("line", { x1: "15", y1: "3", x2: "15", y2: "21" })
+                        ] })
+                      }
+                    ),
+                    we && /* @__PURE__ */ i("div", { className: "table-size-picker show", children: [
+                      /* @__PURE__ */ e(
+                        "div",
+                        {
+                          className: "table-size-grid",
+                          style: { gridTemplateColumns: "repeat(10, 18px)" },
+                          children: Array.from(
+                            { length: 10 },
+                            (t, n) => Array.from({ length: 10 }, (l, o) => /* @__PURE__ */ e(
+                              "div",
+                              {
+                                className: `table-cell-preview ${n < ce.rows && o < ce.cols ? "hover" : ""}`,
+                                onMouseEnter: () => xt(n, o),
+                                onClick: () => wt(n, o)
+                              },
+                              `${n}-${o}`
+                            ))
+                          ).flat()
+                        }
+                      ),
+                      /* @__PURE__ */ i("div", { className: "table-size-label", children: [
+                        ce.rows,
+                        " × ",
+                        ce.cols
+                      ] })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      className: "toolbar-btn",
+                      onClick: () => fe(!0),
+                      title: "Find and Replace",
+                      children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "8" }),
+                        /* @__PURE__ */ e("path", { d: "m21 21-4.35-4.35" })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      className: "toolbar-btn",
+                      onClick: () => y("insertHorizontalRule"),
+                      title: "Horizontal Rule",
+                      children: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("line", { x1: "3", y1: "12", x2: "21", y2: "12" }) })
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      className: "toolbar-btn",
+                      onClick: qt,
+                      title: "Insert Quote",
+                      children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ e("path", { d: "M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z" }),
+                        /* @__PURE__ */ e("path", { d: "M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z" })
+                      ] })
+                    }
+                  ),
+                  /* @__PURE__ */ e(
+                    "button",
+                    {
+                      className: "toolbar-btn",
+                      onClick: Ft,
+                      title: "Code Block",
+                      children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                        /* @__PURE__ */ e("polyline", { points: "16 18 22 12 16 6" }),
+                        /* @__PURE__ */ e("polyline", { points: "8 6 2 12 8 18" })
+                      ] })
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e("div", { className: "toolbar-divider" }),
+                /* @__PURE__ */ i("div", { className: "toolbar-group", children: [
+                  /* @__PURE__ */ i(
+                    "select",
+                    {
+                      className: "toolbar-select",
+                      value: Ee,
+                      onChange: (t) => Je(t.target.value),
+                      title: "Page size",
+                      "aria-label": "Page size",
+                      children: [
+                        /* @__PURE__ */ e("option", { value: "a0", children: "A0" }),
+                        /* @__PURE__ */ e("option", { value: "a1", children: "A1" }),
+                        /* @__PURE__ */ e("option", { value: "a2", children: "A2" }),
+                        /* @__PURE__ */ e("option", { value: "a3", children: "A3" }),
+                        /* @__PURE__ */ e("option", { value: "a4", children: "A4" }),
+                        /* @__PURE__ */ e("option", { value: "a5", children: "A5" }),
+                        /* @__PURE__ */ e("option", { value: "a6", children: "A6" }),
+                        /* @__PURE__ */ e("option", { value: "b0", children: "B0" }),
+                        /* @__PURE__ */ e("option", { value: "b1", children: "B1" }),
+                        /* @__PURE__ */ e("option", { value: "b2", children: "B2" }),
+                        /* @__PURE__ */ e("option", { value: "b3", children: "B3" }),
+                        /* @__PURE__ */ e("option", { value: "b4", children: "B4" }),
+                        /* @__PURE__ */ e("option", { value: "b5", children: "B5" }),
+                        /* @__PURE__ */ e("option", { value: "letter", children: "Letter" }),
+                        /* @__PURE__ */ e("option", { value: "legal", children: "Legal" }),
+                        /* @__PURE__ */ e("option", { value: "ledger", children: "Ledger" }),
+                        /* @__PURE__ */ e("option", { value: "tabloid", children: "Tabloid" }),
+                        /* @__PURE__ */ e("option", { value: "executive", children: "Executive" }),
+                        /* @__PURE__ */ e("option", { value: "statement", children: "Statement" }),
+                        /* @__PURE__ */ e("option", { value: "folio", children: "Folio" }),
+                        /* @__PURE__ */ e("option", { value: "c4", children: "C4" }),
+                        /* @__PURE__ */ e("option", { value: "c5", children: "C5" }),
+                        /* @__PURE__ */ e("option", { value: "monarch", children: "Monarch" }),
+                        /* @__PURE__ */ e("option", { value: "dl-envelope", children: "Envelope DL" }),
+                        /* @__PURE__ */ e("option", { value: "c6-envelope", children: "Envelope C6" }),
+                        /* @__PURE__ */ e("option", { value: "custom", children: "Custom" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e("button", { className: "toolbar-btn", onClick: () => Ie.current?.click(), title: "Import", children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                    /* @__PURE__ */ e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+                    /* @__PURE__ */ e("polyline", { points: "7 10 12 15 17 10" }),
+                    /* @__PURE__ */ e("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+                  ] }) }),
+                  /* @__PURE__ */ e("button", { className: "toolbar-btn", onClick: At, title: "Export HTML", children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                    /* @__PURE__ */ e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+                    /* @__PURE__ */ e("polyline", { points: "17 8 12 3 7 8" }),
+                    /* @__PURE__ */ e("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
+                  ] }) }),
+                  /* @__PURE__ */ e("button", { className: "toolbar-btn", onClick: It, title: "View HTML", children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                    /* @__PURE__ */ e("polyline", { points: "16 18 22 12 16 6" }),
+                    /* @__PURE__ */ e("polyline", { points: "8 6 2 12 8 18" })
+                  ] }) }),
+                  /* @__PURE__ */ e("button", { className: "toolbar-btn", onClick: Wt, title: "Clear All", children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                    /* @__PURE__ */ e("polyline", { points: "3 6 5 6 21 6" }),
+                    /* @__PURE__ */ e("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+                  ] }) }),
+                  /* @__PURE__ */ e("button", { className: "toolbar-btn", onClick: Rt, title: D ? "Exit Fullscreen" : "Fullscreen", children: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: D ? /* @__PURE__ */ e("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" }) : /* @__PURE__ */ e("path", { d: "M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7" }) }) })
+                ] }),
+                /* @__PURE__ */ e("div", { className: "toolbar-divider" }),
+                /* @__PURE__ */ e("div", { className: "toolbar-group", children: /* @__PURE__ */ e(
+                  "button",
+                  {
+                    className: "toolbar-btn",
+                    onClick: () => y("removeFormat"),
+                    title: "Clear Formatting",
+                    children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+                      /* @__PURE__ */ e("path", { d: "M4 7h16M9 20h6M12 4v16" }),
+                      /* @__PURE__ */ e("line", { x1: "3", y1: "3", x2: "21", y2: "21", strokeWidth: "1.5" })
+                    ] })
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  ref: p,
+                  className: "page-body",
+                  contentEditable: !0,
+                  onInput: rt,
+                  suppressContentEditableWarning: !0,
+                  "data-placeholder": "Start typing your content here...",
+                  style: { minHeight: Y || void 0 }
+                }
+              )
+            ]
+          }
+        ) }),
+        me && /* @__PURE__ */ e("div", { className: "rte-drop-overlay", children: "Drop to insert into editor" }),
+        Qe && /* @__PURE__ */ e("div", { className: "modal-overlay", onClick: () => ie(!1), children: /* @__PURE__ */ i("div", { className: "modal-content", onClick: (t) => t.stopPropagation(), children: [
+          /* @__PURE__ */ i("div", { className: "modal-header", children: [
+            /* @__PURE__ */ e("h3", { children: "Insert Table" }),
+            /* @__PURE__ */ e("button", { className: "modal-close", onClick: () => ie(!1), children: "×" })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "modal-body", children: [
+            /* @__PURE__ */ i("div", { className: "form-group", children: [
+              /* @__PURE__ */ e("label", { children: "Rows:" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "number",
+                  min: "1",
+                  max: "20",
+                  value: Le,
+                  onChange: (t) => Se(parseInt(t.target.value) || 1),
+                  className: "form-input"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ i("div", { className: "form-group", children: [
+              /* @__PURE__ */ e("label", { children: "Columns:" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "number",
+                  min: "1",
+                  max: "10",
+                  value: Te,
+                  onChange: (t) => Me(parseInt(t.target.value) || 1),
+                  className: "form-input"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "modal-footer", children: [
+            /* @__PURE__ */ e("button", { className: "btn-secondary", onClick: () => ie(!1), children: "Cancel" }),
+            /* @__PURE__ */ e("button", { className: "btn-primary", onClick: We, children: "Insert Table" })
+          ] })
+        ] }) }),
+        ae && /* @__PURE__ */ e("div", { className: "modal-overlay", onClick: () => O(!1), children: /* @__PURE__ */ i("div", { className: "modal-content modal-large", onClick: (t) => t.stopPropagation(), children: [
+          /* @__PURE__ */ i("div", { className: "modal-header", children: [
+            /* @__PURE__ */ e("h3", { children: "HTML Source Code" }),
+            /* @__PURE__ */ e("button", { className: "modal-close", onClick: () => O(!1), children: "×" })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "modal-body", children: /* @__PURE__ */ e("pre", { className: "html-preview", children: Z || "" }) }),
+          /* @__PURE__ */ i("div", { className: "modal-footer", children: [
+            /* @__PURE__ */ e("button", { className: "btn-secondary", onClick: () => O(!1), children: "Close" }),
+            /* @__PURE__ */ e("button", { className: "btn-primary", onClick: Bt, children: "Copy HTML" })
+          ] })
+        ] }) }),
+        _e && /* @__PURE__ */ e("div", { className: "link-modal-overlay", onClick: () => fe(!1), children: /* @__PURE__ */ i("div", { className: "find-replace-modal", onClick: (t) => t.stopPropagation(), children: [
+          /* @__PURE__ */ e("h3", { children: "Find and Replace" }),
+          /* @__PURE__ */ i("div", { className: "find-replace-group", children: [
+            /* @__PURE__ */ e("label", { children: "Find:" }),
             /* @__PURE__ */ e(
               "input",
               {
-                type: "color",
-                onChange: lt,
-                className: "color-picker",
-                title: "Text Color",
-                defaultValue: "#111827",
-                "aria-label": "Text color"
+                type: "text",
+                className: "find-replace-input",
+                value: _,
+                onChange: (t) => Ge(t.target.value),
+                placeholder: "Enter text to find...",
+                autoFocus: !0
               }
-            ),
-            /* @__PURE__ */ e("span", { className: "color-label", children: "A" }),
-            /* @__PURE__ */ e("span", { className: "color-caption", children: "Text color" })
+            )
           ] }),
-          /* @__PURE__ */ i("div", { className: "color-picker-wrapper", "data-tooltip": "Highlight / background color", "aria-label": "Background color picker", children: [
+          /* @__PURE__ */ i("div", { className: "find-replace-group", children: [
+            /* @__PURE__ */ e("label", { children: "Replace with:" }),
             /* @__PURE__ */ e(
               "input",
               {
-                type: "color",
-                onChange: ot,
-                className: "color-picker",
-                title: "Background Color",
-                defaultValue: "#ffffff",
-                "aria-label": "Background color"
+                type: "text",
+                className: "find-replace-input",
+                value: ge,
+                onChange: (t) => Ke(t.target.value),
+                placeholder: "Enter replacement text..."
               }
-            ),
-            /* @__PURE__ */ e("span", { className: "color-label", children: "◼" }),
-            /* @__PURE__ */ e("span", { className: "color-caption", children: "Highlight" })
-          ] })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "toolbar-divider" }),
-        /* @__PURE__ */ e("div", { className: "toolbar-group", children: /* @__PURE__ */ i("div", { style: { position: "relative", display: "inline-block" }, children: [
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: "toolbar-btn",
-              onClick: () => j((t) => !t),
-              title: "More formatting",
-              children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ e("circle", { cx: "5", cy: "6", r: "1.2" }),
-                /* @__PURE__ */ e("circle", { cx: "5", cy: "12", r: "1.2" }),
-                /* @__PURE__ */ e("circle", { cx: "5", cy: "18", r: "1.2" }),
-                /* @__PURE__ */ e("line", { x1: "10", y1: "6", x2: "21", y2: "6" }),
-                /* @__PURE__ */ e("line", { x1: "10", y1: "12", x2: "21", y2: "12" }),
-                /* @__PURE__ */ e("line", { x1: "10", y1: "18", x2: "21", y2: "18" })
-              ] })
-            }
-          ),
-          Ve && /* @__PURE__ */ i("div", { className: "toolbar-dropdown-panel", onClick: (t) => t.stopPropagation(), children: [
-            /* @__PURE__ */ i("div", { className: "toolbar-dropdown-row", children: [
-              /* @__PURE__ */ e("button", { className: `toolbar-btn ${V.justifyLeft ? "active" : ""}`, onClick: () => {
-                v("justifyLeft"), j(!1);
-              }, title: "Align Left", children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ e("line", { x1: "17", y1: "10", x2: "3", y2: "10" }),
-                /* @__PURE__ */ e("line", { x1: "21", y1: "6", x2: "3", y2: "6" }),
-                /* @__PURE__ */ e("line", { x1: "21", y1: "14", x2: "3", y2: "14" })
-              ] }) }),
-              /* @__PURE__ */ e("button", { className: `toolbar-btn ${V.justifyCenter ? "active" : ""}`, onClick: () => {
-                v("justifyCenter"), j(!1);
-              }, title: "Align Center", children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ e("line", { x1: "18", y1: "10", x2: "6", y2: "10" }),
-                /* @__PURE__ */ e("line", { x1: "21", y1: "6", x2: "3", y2: "6" }),
-                /* @__PURE__ */ e("line", { x1: "21", y1: "14", x2: "3", y2: "14" })
-              ] }) }),
-              /* @__PURE__ */ e("button", { className: `toolbar-btn ${V.justifyRight ? "active" : ""}`, onClick: () => {
-                v("justifyRight"), j(!1);
-              }, title: "Align Right", children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ e("line", { x1: "21", y1: "10", x2: "7", y2: "10" }),
-                /* @__PURE__ */ e("line", { x1: "21", y1: "6", x2: "3", y2: "6" }),
-                /* @__PURE__ */ e("line", { x1: "21", y1: "14", x2: "3", y2: "14" })
-              ] }) })
-            ] }),
-            /* @__PURE__ */ e("div", { className: "toolbar-dropdown-sep" }),
-            /* @__PURE__ */ i("div", { className: "toolbar-dropdown-row", children: [
-              /* @__PURE__ */ e("button", { className: `toolbar-btn ${V.insertUnorderedList ? "active" : ""}`, onClick: () => {
-                v("insertUnorderedList"), j(!1);
-              }, title: "Bullet List", children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ e("line", { x1: "8", y1: "6", x2: "21", y2: "6" }),
-                /* @__PURE__ */ e("line", { x1: "8", y1: "12", x2: "21", y2: "12" }),
-                /* @__PURE__ */ e("circle", { cx: "4", cy: "6", r: "1", fill: "currentColor" })
-              ] }) }),
-              /* @__PURE__ */ e("button", { className: `toolbar-btn ${V.insertOrderedList ? "active" : ""}`, onClick: () => {
-                v("insertOrderedList"), j(!1);
-              }, title: "Numbered List", children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ e("line", { x1: "10", y1: "6", x2: "21", y2: "6" }),
-                /* @__PURE__ */ e("line", { x1: "10", y1: "12", x2: "21", y2: "12" })
-              ] }) }),
-              /* @__PURE__ */ e("button", { className: "toolbar-btn", onClick: () => {
-                v("indent"), j(!1);
-              }, title: "Indent", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("line", { x1: "21", y1: "4", x2: "9", y2: "4" }) }) }),
-              /* @__PURE__ */ e("button", { className: "toolbar-btn", onClick: () => {
-                v("outdent"), j(!1);
-              }, title: "Outdent", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("line", { x1: "21", y1: "4", x2: "9", y2: "4" }) }) })
-            ] })
+            )
+          ] }),
+          Ne && /* @__PURE__ */ e("div", { className: "find-replace-status", children: Ne }),
+          /* @__PURE__ */ i("div", { className: "find-replace-buttons", children: [
+            /* @__PURE__ */ e("button", { className: "find-replace-btn primary", onClick: be, children: "Find Next" }),
+            /* @__PURE__ */ e("button", { className: "find-replace-btn", onClick: kt, children: "Replace" }),
+            /* @__PURE__ */ e("button", { className: "find-replace-btn", onClick: Nt, children: "Replace All" }),
+            /* @__PURE__ */ e("button", { className: "find-replace-btn", onClick: () => fe(!1), children: "Close" })
           ] })
         ] }) }),
-        /* @__PURE__ */ e("div", { className: "toolbar-divider" }),
-        /* @__PURE__ */ i("div", { className: "toolbar-group", children: [
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: "toolbar-btn",
-              onClick: et,
-              title: "Insert Link",
-              children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ e("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }),
-                /* @__PURE__ */ e("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: "toolbar-btn",
-              onClick: ct,
-              title: "Insert Image",
-              children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ e("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-                /* @__PURE__ */ e("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
-                /* @__PURE__ */ e("polyline", { points: "21 15 16 10 5 21" })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ i("div", { style: { position: "relative", display: "inline-block" }, children: [
-            /* @__PURE__ */ e(
-              "button",
-              {
-                className: "toolbar-btn",
-                onClick: () => G(!ee),
-                title: "Insert Table",
-                children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                  /* @__PURE__ */ e("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
-                  /* @__PURE__ */ e("line", { x1: "3", y1: "9", x2: "21", y2: "9" }),
-                  /* @__PURE__ */ e("line", { x1: "3", y1: "15", x2: "21", y2: "15" }),
-                  /* @__PURE__ */ e("line", { x1: "9", y1: "3", x2: "9", y2: "21" }),
-                  /* @__PURE__ */ e("line", { x1: "15", y1: "3", x2: "15", y2: "21" })
-                ] })
-              }
-            ),
-            ee && /* @__PURE__ */ i("div", { className: "table-size-picker show", children: [
+        R && /* @__PURE__ */ e("div", { className: "modal-overlay", onClick: () => V(!1), children: /* @__PURE__ */ i("div", { className: "modal-content", onClick: (t) => t.stopPropagation(), children: [
+          /* @__PURE__ */ i("div", { className: "modal-header", children: [
+            /* @__PURE__ */ e("h3", { children: "Insert Image" }),
+            /* @__PURE__ */ e("button", { className: "modal-close", onClick: () => V(!1), children: "×" })
+          ] }),
+          /* @__PURE__ */ i("div", { className: "modal-body", children: [
+            /* @__PURE__ */ i("div", { className: "form-group", children: [
+              /* @__PURE__ */ e("label", { children: "Image URL:" }),
               /* @__PURE__ */ e(
-                "div",
+                "input",
                 {
-                  className: "table-size-grid",
-                  style: { gridTemplateColumns: "repeat(10, 18px)" },
-                  children: Array.from(
-                    { length: 10 },
-                    (t, n) => Array.from({ length: 10 }, (l, r) => /* @__PURE__ */ e(
-                      "div",
-                      {
-                        className: `table-cell-preview ${n < L.rows && r < L.cols ? "hover" : ""}`,
-                        onMouseEnter: () => ut(n, r),
-                        onClick: () => mt(n, r)
-                      },
-                      `${n}-${r}`
-                    ))
-                  ).flat()
+                  type: "text",
+                  placeholder: "https://example.com/image.jpg",
+                  value: pe,
+                  onChange: (t) => xe(t.target.value),
+                  className: "form-input"
                 }
               ),
-              /* @__PURE__ */ i("div", { className: "table-size-label", children: [
-                L.rows,
-                " × ",
-                L.cols
-              ] })
+              /* @__PURE__ */ e("button", { className: "btn-primary", onClick: yt, style: { marginTop: "10px", width: "100%" }, children: "Insert from URL" })
+            ] }),
+            /* @__PURE__ */ i("div", { className: "form-group", style: { marginTop: "20px" }, children: [
+              /* @__PURE__ */ e("label", { children: "Or upload from your device:" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  type: "file",
+                  ref: ot,
+                  onChange: vt,
+                  accept: "image/*",
+                  className: "form-input",
+                  style: { padding: "8px" }
+                }
+              )
             ] })
           ] }),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: "toolbar-btn",
-              onClick: () => me(!0),
-              title: "Find and Replace",
-              children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ e("circle", { cx: "11", cy: "11", r: "8" }),
-                /* @__PURE__ */ e("path", { d: "m21 21-4.35-4.35" })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: "toolbar-btn",
-              onClick: () => v("insertHorizontalRule"),
-              title: "Horizontal Rule",
-              children: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ e("line", { x1: "3", y1: "12", x2: "21", y2: "12" }) })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: "toolbar-btn",
-              onClick: Mt,
-              title: "Insert Quote",
-              children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ e("path", { d: "M3 21c3 0 7-1 7-8V5c0-1.25-.756-2.017-2-2H4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2 1 0 1 0 1 1v1c0 1-1 2-2 2s-1 .008-1 1.031V20c0 1 0 1 1 1z" }),
-                /* @__PURE__ */ e("path", { d: "M15 21c3 0 7-1 7-8V5c0-1.25-.757-2.017-2-2h-4c-1.25 0-2 .75-2 1.972V11c0 1.25.75 2 2 2h.75c0 2.25.25 4-2.75 4v3c0 1 0 1 1 1z" })
-              ] })
-            }
-          ),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              className: "toolbar-btn",
-              onClick: Tt,
-              title: "Code Block",
-              children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-                /* @__PURE__ */ e("polyline", { points: "16 18 22 12 16 6" }),
-                /* @__PURE__ */ e("polyline", { points: "8 6 2 12 8 18" })
-              ] })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ e("div", { className: "toolbar-divider" }),
-        /* @__PURE__ */ i("div", { className: "toolbar-group", children: [
-          /* @__PURE__ */ i(
-            "select",
-            {
-              className: "toolbar-select",
-              value: ke,
-              onChange: (t) => Xe(t.target.value),
-              title: "Page size",
-              "aria-label": "Page size",
-              children: [
-                /* @__PURE__ */ e("option", { value: "a0", children: "A0" }),
-                /* @__PURE__ */ e("option", { value: "a1", children: "A1" }),
-                /* @__PURE__ */ e("option", { value: "a2", children: "A2" }),
-                /* @__PURE__ */ e("option", { value: "a3", children: "A3" }),
-                /* @__PURE__ */ e("option", { value: "a4", children: "A4" }),
-                /* @__PURE__ */ e("option", { value: "a5", children: "A5" }),
-                /* @__PURE__ */ e("option", { value: "a6", children: "A6" }),
-                /* @__PURE__ */ e("option", { value: "b0", children: "B0" }),
-                /* @__PURE__ */ e("option", { value: "b1", children: "B1" }),
-                /* @__PURE__ */ e("option", { value: "b2", children: "B2" }),
-                /* @__PURE__ */ e("option", { value: "b3", children: "B3" }),
-                /* @__PURE__ */ e("option", { value: "b4", children: "B4" }),
-                /* @__PURE__ */ e("option", { value: "b5", children: "B5" }),
-                /* @__PURE__ */ e("option", { value: "letter", children: "Letter" }),
-                /* @__PURE__ */ e("option", { value: "legal", children: "Legal" }),
-                /* @__PURE__ */ e("option", { value: "ledger", children: "Ledger" }),
-                /* @__PURE__ */ e("option", { value: "tabloid", children: "Tabloid" }),
-                /* @__PURE__ */ e("option", { value: "executive", children: "Executive" }),
-                /* @__PURE__ */ e("option", { value: "statement", children: "Statement" }),
-                /* @__PURE__ */ e("option", { value: "folio", children: "Folio" }),
-                /* @__PURE__ */ e("option", { value: "c4", children: "C4" }),
-                /* @__PURE__ */ e("option", { value: "c5", children: "C5" }),
-                /* @__PURE__ */ e("option", { value: "monarch", children: "Monarch" }),
-                /* @__PURE__ */ e("option", { value: "dl-envelope", children: "Envelope DL" }),
-                /* @__PURE__ */ e("option", { value: "c6-envelope", children: "Envelope C6" }),
-                /* @__PURE__ */ e("option", { value: "custom", children: "Custom" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ e("button", { className: "toolbar-btn", onClick: () => Te.current?.click(), title: "Import", children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-            /* @__PURE__ */ e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-            /* @__PURE__ */ e("polyline", { points: "7 10 12 15 17 10" }),
-            /* @__PURE__ */ e("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
-          ] }) }),
-          /* @__PURE__ */ e("button", { className: "toolbar-btn", onClick: wt, title: "Export HTML", children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-            /* @__PURE__ */ e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-            /* @__PURE__ */ e("polyline", { points: "17 8 12 3 7 8" }),
-            /* @__PURE__ */ e("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
-          ] }) }),
-          /* @__PURE__ */ e("button", { className: "toolbar-btn", onClick: Nt, title: "View HTML", children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-            /* @__PURE__ */ e("polyline", { points: "16 18 22 12 16 6" }),
-            /* @__PURE__ */ e("polyline", { points: "8 6 2 12 8 18" })
-          ] }) }),
-          /* @__PURE__ */ e("button", { className: "toolbar-btn", onClick: St, title: "Clear All", children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-            /* @__PURE__ */ e("polyline", { points: "3 6 5 6 21 6" }),
-            /* @__PURE__ */ e("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-          ] }) }),
-          /* @__PURE__ */ e("button", { className: "toolbar-btn", onClick: xt, title: _ ? "Exit Fullscreen" : "Fullscreen", children: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: _ ? /* @__PURE__ */ e("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" }) : /* @__PURE__ */ e("path", { d: "M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7" }) }) })
-        ] }),
-        /* @__PURE__ */ e("div", { className: "toolbar-divider" }),
-        /* @__PURE__ */ e("div", { className: "toolbar-group", children: /* @__PURE__ */ e(
-          "button",
-          {
-            className: "toolbar-btn",
-            onClick: () => v("removeFormat"),
-            title: "Clear Formatting",
-            children: /* @__PURE__ */ i("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-              /* @__PURE__ */ e("path", { d: "M4 7h16M9 20h6M12 4v16" }),
-              /* @__PURE__ */ e("line", { x1: "3", y1: "3", x2: "21", y2: "21", strokeWidth: "1.5" })
-            ] })
-          }
-        ) })
-      ] }),
-      /* @__PURE__ */ e(
-        "div",
-        {
-          ref: f,
-          className: "page-body",
-          contentEditable: !0,
-          onInput: Ze,
-          suppressContentEditableWarning: !0,
-          "data-placeholder": "Start typing your content here..."
-        }
-      )
-    ] }) }),
-    De && /* @__PURE__ */ e("div", { className: "modal-overlay", onClick: () => ae(!1), children: /* @__PURE__ */ i("div", { className: "modal-content", onClick: (t) => t.stopPropagation(), children: [
-      /* @__PURE__ */ i("div", { className: "modal-header", children: [
-        /* @__PURE__ */ e("h3", { children: "Insert Table" }),
-        /* @__PURE__ */ e("button", { className: "modal-close", onClick: () => ae(!1), children: "×" })
-      ] }),
-      /* @__PURE__ */ i("div", { className: "modal-body", children: [
-        /* @__PURE__ */ i("div", { className: "form-group", children: [
-          /* @__PURE__ */ e("label", { children: "Rows:" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              min: "1",
-              max: "20",
-              value: be,
-              onChange: (t) => Ce(parseInt(t.target.value) || 1),
-              className: "form-input"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ i("div", { className: "form-group", children: [
-          /* @__PURE__ */ e("label", { children: "Columns:" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "number",
-              min: "1",
-              max: "10",
-              value: xe,
-              onChange: (t) => we(parseInt(t.target.value) || 1),
-              className: "form-input"
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ i("div", { className: "modal-footer", children: [
-        /* @__PURE__ */ e("button", { className: "btn-secondary", onClick: () => ae(!1), children: "Cancel" }),
-        /* @__PURE__ */ e("button", { className: "btn-primary", onClick: Re, children: "Insert Table" })
-      ] })
-    ] }) }),
-    he && /* @__PURE__ */ e("div", { className: "modal-overlay", onClick: () => O(!1), children: /* @__PURE__ */ i("div", { className: "modal-content modal-large", onClick: (t) => t.stopPropagation(), children: [
-      /* @__PURE__ */ i("div", { className: "modal-header", children: [
-        /* @__PURE__ */ e("h3", { children: "HTML Source Code" }),
-        /* @__PURE__ */ e("button", { className: "modal-close", onClick: () => O(!1), children: "×" })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "modal-body", children: /* @__PURE__ */ e("pre", { className: "html-preview", children: J || "" }) }),
-      /* @__PURE__ */ i("div", { className: "modal-footer", children: [
-        /* @__PURE__ */ e("button", { className: "btn-secondary", onClick: () => O(!1), children: "Close" }),
-        /* @__PURE__ */ e("button", { className: "btn-primary", onClick: Lt, children: "Copy HTML" })
-      ] })
-    ] }) }),
-    ze && /* @__PURE__ */ e("div", { className: "link-modal-overlay", onClick: () => me(!1), children: /* @__PURE__ */ i("div", { className: "find-replace-modal", onClick: (t) => t.stopPropagation(), children: [
-      /* @__PURE__ */ e("h3", { children: "Find and Replace" }),
-      /* @__PURE__ */ i("div", { className: "find-replace-group", children: [
-        /* @__PURE__ */ e("label", { children: "Find:" }),
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "text",
-            className: "find-replace-input",
-            value: X,
-            onChange: (t) => Oe(t.target.value),
-            placeholder: "Enter text to find...",
-            autoFocus: !0
-          }
-        )
-      ] }),
-      /* @__PURE__ */ i("div", { className: "find-replace-group", children: [
-        /* @__PURE__ */ e("label", { children: "Replace with:" }),
+          /* @__PURE__ */ e("div", { className: "modal-footer", children: /* @__PURE__ */ e("button", { className: "btn-secondary", onClick: () => V(!1), children: "Cancel" }) })
+        ] }) }),
         /* @__PURE__ */ e(
-          "input",
+          Dt,
           {
-            type: "text",
-            className: "find-replace-input",
-            value: pe,
-            onChange: (t) => je(t.target.value),
-            placeholder: "Enter replacement text..."
+            isOpen: te.open,
+            onClose: () => ne((t) => ({ ...t, open: !1 })),
+            onInsert: dt,
+            onRemove: ht,
+            isEditing: !!te.isEditing,
+            initialUrl: te.initialUrl,
+            initialText: te.initialText,
+            existingLinks: te.existingLinks
           }
         )
-      ] }),
-      ye && /* @__PURE__ */ e("div", { className: "find-replace-status", children: ye }),
-      /* @__PURE__ */ i("div", { className: "find-replace-buttons", children: [
-        /* @__PURE__ */ e("button", { className: "find-replace-btn primary", onClick: ge, children: "Find Next" }),
-        /* @__PURE__ */ e("button", { className: "find-replace-btn", onClick: pt, children: "Replace" }),
-        /* @__PURE__ */ e("button", { className: "find-replace-btn", onClick: ft, children: "Replace All" }),
-        /* @__PURE__ */ e("button", { className: "find-replace-btn", onClick: () => me(!1), children: "Close" })
-      ] })
-    ] }) }),
-    Z && /* @__PURE__ */ e("div", { className: "modal-overlay", onClick: () => F(!1), children: /* @__PURE__ */ i("div", { className: "modal-content", onClick: (t) => t.stopPropagation(), children: [
-      /* @__PURE__ */ i("div", { className: "modal-header", children: [
-        /* @__PURE__ */ e("h3", { children: "Insert Image" }),
-        /* @__PURE__ */ e("button", { className: "modal-close", onClick: () => F(!1), children: "×" })
-      ] }),
-      /* @__PURE__ */ i("div", { className: "modal-body", children: [
-        /* @__PURE__ */ i("div", { className: "form-group", children: [
-          /* @__PURE__ */ e("label", { children: "Image URL:" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "text",
-              placeholder: "https://example.com/image.jpg",
-              value: D,
-              onChange: (t) => Y(t.target.value),
-              className: "form-input"
-            }
-          ),
-          /* @__PURE__ */ e("button", { className: "btn-primary", onClick: it, style: { marginTop: "10px", width: "100%" }, children: "Insert from URL" })
-        ] }),
-        /* @__PURE__ */ i("div", { className: "form-group", style: { marginTop: "20px" }, children: [
-          /* @__PURE__ */ e("label", { children: "Or upload from your device:" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              type: "file",
-              ref: Je,
-              onChange: st,
-              accept: "image/*",
-              className: "form-input",
-              style: { padding: "8px" }
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ e("div", { className: "modal-footer", children: /* @__PURE__ */ e("button", { className: "btn-secondary", onClick: () => F(!1), children: "Cancel" }) })
-    ] }) }),
-    /* @__PURE__ */ e(
-      It,
-      {
-        isOpen: te.open,
-        onClose: () => ne((t) => ({ ...t, open: !1 })),
-        onInsert: tt,
-        onRemove: nt,
-        isEditing: !!te.isEditing,
-        initialUrl: te.initialUrl,
-        initialText: te.initialText,
-        existingLinks: te.existingLinks
-      }
-    )
-  ] });
+      ]
+    }
+  );
 };
 export {
-  It as LinkModal,
-  qt as RichTextEditor
+  Dt as LinkModal,
+  Xt as RichTextEditor
 };