@daneshnaik/rich-text-editor 1.0.0

package/dist/rich-text-editor.js

@@ -0,0 +1,1543 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useState as b, useEffect as oe, useRef as J } from "react";
+const It = ({ isOpen: D, onClose: z, onInsert: Y, onRemove: re, isEditing: he = !1, initialUrl: O = "", initialText: Z = "", existingLinks: F = [] }) => {
+  const [X, G] = b(O), [ee, K] = b(Z);
+  return oe(() => {
+    D && (G(O || ""), K(Z || ""));
+  }, [D, O, Z]), D ? /* @__PURE__ */ e("div", { className: "modal-overlay", onClick: z, children: /* @__PURE__ */ i("div", { className: "modal-content", onClick: (L) => L.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__ */ i("div", { className: "modal-body", children: [
+      /* @__PURE__ */ i("div", { className: "form-group", children: [
+        /* @__PURE__ */ e("label", { children: "URL:" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            className: "form-input",
+            placeholder: "https://example.com",
+            value: X,
+            onChange: (L) => G(L.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "form-group", children: [
+        /* @__PURE__ */ e("label", { children: "Display text:" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            className: "form-input",
+            value: ee,
+            onChange: (L) => K(L.target.value)
+          }
+        )
+      ] }),
+      F && F.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("button", { type: "button", className: "toolbar-btn", onClick: () => {
+            G(L.href), K(L.text || L.href);
+          }, style: { marginLeft: "auto" }, children: "Use" })
+        ] }, ue)) })
+      ] })
+    ] }),
+    /* @__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();
+      }, style: { marginRight: 8 }, children: "Remove Link" }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: "btn-primary",
+          onClick: () => {
+            Y({ url: X || "", text: ee || X || "" });
+          },
+          children: "Insert"
+        }
+      )
+    ] })
+  ] }) }) : null;
+}, qt = () => {
+  const [D, z] = b(""), [Y, re] = b(!1), [he, O] = b(!1), [Z, F] = b(!1), [X, G] = b(""), [ee, K] = b(!1), [L, ue] = b({ rows: 1, cols: 1 }), [ze, me] = b(!1), [Ve, j] = b(!1), [_, 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({
+    bold: !1,
+    italic: !1,
+    underline: !1,
+    strikeThrough: !1,
+    justifyLeft: !1,
+    justifyCenter: !1,
+    justifyRight: !1,
+    insertUnorderedList: !1,
+    insertOrderedList: !1
+  }), Ne = () => {
+    try {
+      const t = {
+        bold: document.queryCommandState("bold"),
+        italic: document.queryCommandState("italic"),
+        underline: document.queryCommandState("underline"),
+        strikeThrough: document.queryCommandState("strikeThrough"),
+        justifyLeft: document.queryCommandState("justifyLeft"),
+        justifyCenter: document.queryCommandState("justifyCenter"),
+        justifyRight: document.queryCommandState("justifyRight"),
+        insertUnorderedList: document.queryCommandState("insertUnorderedList"),
+        insertOrderedList: document.queryCommandState("insertOrderedList")
+      };
+      _e(t);
+      try {
+        const n = window.getSelection(), l = n && n.anchorNode ? n.anchorNode.nodeType === 3 ? n.anchorNode.parentElement : n.anchorNode : null;
+        let r = "";
+        try {
+          r = document.queryCommandValue && document.queryCommandValue("fontName") || "";
+        } catch {
+          r = "";
+        }
+        !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 = "";
+        try {
+          a = document.queryCommandValue("fontSize") || "";
+        } catch {
+          a = "";
+        }
+        if (!a && 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";
+        }
+        a && Se(String(a));
+        let h = "";
+        try {
+          h = document.queryCommandValue && document.queryCommandValue("formatBlock") || "";
+        } catch {
+          h = "";
+        }
+        if (!h && l) {
+          let u = l;
+          for (; u && u !== f.current; ) {
+            if (u.tagName && /H[1-6]|P|BLOCKQUOTE|DIV/.test(u.tagName)) {
+              h = u.tagName.toLowerCase();
+              break;
+            }
+            u = u.parentElement;
+          }
+        }
+        h && (h = String(h).replace(/[<>]/g, "").toLowerCase(), /^(p|h[1-6]|blockquote)$/.test(h) || (h = "p"), fe(h));
+      } catch {
+      }
+    } catch {
+    }
+  }, [Ye, Le] = b("Arial"), [Ge, Se] = b("3"), [Ke, fe] = b("p"), [Bt, Qe] = b([
+    "Arial",
+    "Helvetica",
+    "Segoe UI",
+    "Roboto",
+    "Open Sans",
+    "Lato",
+    "Montserrat",
+    "Source Sans Pro",
+    "Tahoma",
+    "Verdana",
+    "Trebuchet MS",
+    "Georgia",
+    "Times New Roman",
+    "Palatino Linotype",
+    "Garamond",
+    "Courier New",
+    "Brush Script MT",
+    "Impact",
+    "Comic Sans MS",
+    "Candara",
+    "Cambria",
+    "Calibri",
+    "Merriweather",
+    "Noto Sans",
+    "Palatino",
+    "Bookman",
+    "Lucida Sans",
+    "Righteous",
+    "Poppins"
+  ]), f = J(null), Te = J(null), q = J(null), N = J(null), E = J(null), Je = J(null), v = (t, n = null) => {
+    try {
+      document.execCommand(t, !1, n);
+    } catch (l) {
+      console.error("execCommand failed:", l);
+    }
+  }, Ze = () => {
+    f.current && (z(f.current.innerHTML), Ne());
+  };
+  oe(() => {
+    const t = () => {
+      (document.activeElement === f.current || f.current?.contains(document.activeElement)) && Ne();
+    };
+    return document.addEventListener("selectionchange", t), () => document.removeEventListener("selectionchange", t);
+  }, []);
+  const [te, ne] = b({ open: !1, initialUrl: "", initialText: "", existingLinks: [] }), et = () => {
+    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());
+          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;
+          } catch {
+            N.current = null;
+          }
+        } else
+          q.current = null, N.current = null;
+      }
+    } catch {
+      q.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 }));
+    } 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 }) => {
+    if (ne((l) => ({ ...l, open: !1 })), !t) {
+      q.current = null, N.current = null;
+      return;
+    }
+    try {
+      const l = window.getSelection();
+      l.removeAllRanges(), q.current && l.addRange(q.current);
+    } catch {
+    }
+    try {
+      if (N.current)
+        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);
+        }
+      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);
+      }
+    } catch {
+      try {
+        v("createLink", t);
+      } catch {
+      }
+    }
+    q.current = null, N.current = null;
+  }, nt = () => {
+    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) => {
+    const n = t && t.target ? t.target.value : t;
+    v("fontSize", n), Se(String(n));
+  }, at = (t) => {
+    const n = t && t.target ? t.target.value : t;
+    v("fontName", n), Le(String(n));
+  }, ct = () => {
+    F(!0);
+  }, it = () => {
+    X && (Me(X), G(""), F(!1));
+  }, st = (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.readAsDataURL(n);
+    }
+  }, Me = (t) => {
+    if (!f.current) return;
+    f.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);
+      } else
+        f.current.appendChild(n);
+    } catch {
+      f.current.appendChild(n);
+    }
+    setTimeout(() => Ee(n), 50);
+  }, Ee = (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"));
+      } 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;
+    }, h = () => {
+      const u = document.createElement("div");
+      return u.className = "image-control-divider", u;
+    };
+    r.appendChild(a("Align Left", "&#8676;", () => {
+      t.style.display = "block", t.style.marginLeft = "0", t.style.marginRight = "auto";
+    })), r.appendChild(a("Center", "&#8801;", () => {
+      t.style.display = "block", t.style.marginLeft = "auto", t.style.marginRight = "auto";
+    })), r.appendChild(a("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", () => {
+      n.style.width = "", n.style.height = "", n.style.maxWidth = "100%";
+    })), r.appendChild(a("50% Width", "50%", () => {
+      n.style.width = "50%", n.style.height = "auto";
+    })), r.appendChild(a("75% Width", "75%", () => {
+      n.style.width = "75%", n.style.height = "auto";
+    })), r.appendChild(h()), r.appendChild(a("Delete Image", "×", () => {
+      confirm("Delete this image?") && t.remove();
+    })), t.appendChild(r), ["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);
+      }), 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 Q = A / u;
+      n.style.width = A + "px", n.style.height = Q + "px", n.style.maxWidth = "none";
+    }, S = () => {
+      document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", S), document.body.style.cursor = "";
+    };
+    document.addEventListener("mousemove", x), document.addEventListener("mouseup", S);
+  };
+  oe(() => {
+    const t = f.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");
+          if (l.metaKey || l.ctrlKey || l.shiftKey) return;
+          l.preventDefault(), window.open(a, "_blank");
+        }
+      } catch {
+      }
+    };
+    return t.addEventListener("click", n), () => t.removeEventListener("click", n);
+  }, []);
+  const ht = (t) => {
+    v("formatBlock", t), fe(t);
+  }, Re = (t, n) => {
+    try {
+      const h = window.getSelection();
+      if (h.removeAllRanges(), q.current)
+        h.addRange(q.current);
+      else if (f.current) {
+        f.current.focus();
+        const u = document.createRange();
+        u.selectNodeContents(f.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>";
+    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>";
+    }
+    a += "</tbody></table>", v("insertHTML", a), setTimeout(() => {
+      try {
+        const h = f.current;
+        if (!h) return;
+        const u = h.querySelector("table:last-of-type");
+        u && Ae(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), K(!1);
+  }, ge = () => {
+    if (!_ || !f.current) {
+      B("Enter text to find");
+      return;
+    }
+    try {
+      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 (!_ || !f.current) {
+      B("Enter text to find");
+      return;
+    }
+    try {
+      const t = window.getSelection();
+      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);
+      } else
+        ge();
+    } catch {
+      B("Replace failed");
+    }
+  }, ft = () => {
+    if (!_ || !f.current) {
+      B("Enter text to find");
+      return;
+    }
+    try {
+      let t = 0;
+      const n = f.current.textContent || "", l = new RegExp(_.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "gi"), r = n.match(l);
+      if (!r || r.length === 0) {
+        B("No matches found");
+        return;
+      }
+      const a = document.createTreeWalker(
+        f.current,
+        NodeFilter.SHOW_TEXT,
+        null,
+        !1
+      ), h = [];
+      let u;
+      for (; u = a.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)`);
+    } catch {
+      B("Replace all failed");
+    }
+  }, Ae = (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");
+      if (d) {
+        if (o.shiftKey && E.current && E.current !== d) {
+          try {
+            f.current.querySelectorAll(".selected-cell").forEach((s) => s.classList.remove("selected-cell"));
+          } catch {
+          }
+          Ht(E.current, d, t), E.current = d;
+          return;
+        }
+        try {
+          f.current.querySelectorAll(".selected-cell").forEach((s) => s.classList.remove("selected-cell"));
+        } catch {
+        }
+        d.classList.add("selected-cell"), E.current = d;
+      }
+    }, r = (o) => {
+      try {
+        f.current?.querySelectorAll(".editable-table-wrap")?.forEach((c) => c.classList.remove("selected"));
+      } catch {
+      }
+      n.classList.add("selected"), l(o);
+    };
+    t.addEventListener("click", r);
+    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 s = document.createElement("button");
+      return s.type = "button", s.className = "table-control-btn", s.title = o, 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)));
+    const u = document.createElement("input");
+    u.type = "color", u.style.display = "none", u.addEventListener("input", (o) => {
+      try {
+        const d = o.target.value;
+        E.current && (E.current.style.background = d);
+      } catch {
+      }
+    });
+    const x = document.createElement("input");
+    x.type = "color", x.style.display = "none", x.addEventListener("input", (o) => {
+      try {
+        const d = o.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);
+        });
+      } catch {
+      }
+    });
+    const S = () => {
+      try {
+        const o = t.querySelector("thead");
+        (o ? Array.from(o.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);
+      return (c * 299 + s * 587 + m * 114) / 1e3 >= 128 ? "#000" : "#fff";
+    }, U = (o) => {
+      const d = [];
+      for (let c = 0; c < o.rows.length; c++) {
+        const s = o.rows[c];
+        d[c] = d[c] || [];
+        let m = 0;
+        for (let p = 0; p < s.cells.length; p++) {
+          const g = s.cells[p];
+          for (; d[c][m]; ) m++;
+          const w = parseInt(g.getAttribute("rowspan") || g.rowSpan || 1, 10), y = parseInt(g.getAttribute("colspan") || g.colSpan || 1, 10);
+          for (let k = 0; k < w; k++)
+            for (let C = 0; C < y; C++)
+              d[c + k] = d[c + k] || [], d[c + k][m + C] = g;
+          m += y;
+        }
+      }
+      return d;
+    }, A = (o, d) => {
+      const c = U(o);
+      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 };
+      }
+      return null;
+    }, Q = (o, d) => {
+      const c = U(o);
+      let s = 1 / 0, m = 1 / 0, p = -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));
+        }
+      if (s === 1 / 0) return;
+      const y = c[s][m], k = /* @__PURE__ */ new Set();
+      let C = "";
+      for (let M = s; M <= p; M++)
+        for (let H = m; H <= g; H++) {
+          const $ = c[M][H];
+          $ && ($ !== y && k.add($), C.includes($.innerHTML) || (C += (C ? "<br/>" : "") + $.innerHTML));
+        }
+      const T = p - s + 1, W = g - m + 1;
+      try {
+        y.rowSpan = T, y.colSpan = W, y.innerHTML = C;
+      } catch {
+      }
+      k.forEach((M) => {
+        try {
+          M.remove();
+        } catch {
+        }
+      });
+      try {
+        y.classList.add("selected-cell"), E.current = y;
+      } catch {
+      }
+    }, I = (o, d, c) => {
+      const s = A(c, o);
+      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);
+        }
+      Q(c, Pe);
+    }, We = (o, d, c) => {
+      try {
+        if (d === "vertical") {
+          const s = parseInt(o.getAttribute("rowspan") || o.rowSpan || 1, 10);
+          if (s <= 1) return;
+          const m = A(c, o);
+          if (!m) return;
+          const { r: p, c: g } = m;
+          o.rowSpan = 1;
+          for (let w = 1; w < s; w++) {
+            const y = c.rows[p + w];
+            if (y) {
+              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;
+                }
+                return y.cells.length;
+              })(), C = y.insertCell(k);
+              C.innerHTML = "";
+            }
+          }
+        } else if (d === "horizontal") {
+          const s = parseInt(o.getAttribute("colspan") || o.colSpan || 1, 10);
+          if (s <= 1) return;
+          const m = o.parentElement, p = Array.prototype.indexOf.call(m.children, o);
+          o.colSpan = 1;
+          for (let g = 1; g < s; g++) {
+            const w = m.insertCell(p + g);
+            w.innerHTML = "";
+          }
+        }
+      } catch {
+      }
+    }, Et = (o, d) => {
+      const c = A(d, o);
+      if (!c) return;
+      const { r: s, matrix: m } = c;
+      try {
+        f.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];
+        g && g.classList.add("selected-cell");
+      }
+    }, Rt = (o, d) => {
+      const c = A(d, o);
+      if (!c) return;
+      const { c: s, matrix: m } = c;
+      try {
+        f.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];
+        g && g.classList.add("selected-cell");
+      }
+    }, At = (o) => {
+      try {
+        f.current.querySelectorAll(".selected-cell").forEach((c) => c.classList.remove("selected-cell"));
+      } catch {
+      }
+      try {
+        o.querySelectorAll("td,th").forEach((c) => c.classList.add("selected-cell"));
+      } catch {
+      }
+    }, Ht = (o, d, c) => {
+      const s = A(c, o), 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);
+      try {
+        f.current.querySelectorAll(".selected-cell").forEach((T) => T.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];
+          W && W.classList.add("selected-cell");
+        }
+    };
+    a.appendChild(u), a.appendChild(h("Cell Color", "■", () => {
+      if (!E.current) {
+        alert("Select a table cell first");
+        return;
+      }
+      u.click();
+    })), a.appendChild(x), a.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 c = document.createElement("thead"), s = t.rows[0], m = document.createElement("tr");
+          for (let p = 0; p < s.cells.length; p++) {
+            const g = document.createElement("th");
+            g.innerHTML = s.cells[p].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", () => {
+      try {
+        const o = t.rows[0];
+        if (!o) return;
+        if (o.cells[0] && o.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;
+            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);
+            }
+            c.appendChild(p), 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 w = document.createElement("th");
+            w.innerHTML = p[g].innerHTML, w.style.cssText = p[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) => {
+      const d = document.createElement("div");
+      d.className = `table-resize-handle ${o}`, d.addEventListener("mousedown", (c) => {
+        c.preventDefault(), c.stopPropagation(), gt(c, n, t, o);
+      }), 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 = `
+      <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>
+      <hr/>
+      <button type="button" data-action="merge-up">Merge cell up</button>
+      <button type="button" data-action="merge-right">Merge cell right</button>
+      <button type="button" data-action="merge-down">Merge cell down</button>
+      <button type="button" data-action="merge-left">Merge cell left</button>
+      <hr/>
+      <button type="button" data-action="split-vertical">Split cell vertically</button>
+      <button type="button" data-action="split-horizontal">Split cell horizontally</button>
+      <hr/>
+      <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";
+    };
+    P.addEventListener("click", (o) => {
+      o.stopPropagation();
+      const d = o.target.closest("button[data-action]");
+      if (!d) return;
+      const c = d.getAttribute("data-action");
+      try {
+        const s = E.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);
+      } catch {
+      }
+      ie(!1);
+    });
+    const Fe = h("Table Menu", "&#8942;", () => {
+      ie(P.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;
+      const d = n.getBoundingClientRect();
+      ie(!0, o.clientX - d.left, o.clientY - d.top);
+    }), document.addEventListener("click", (o) => {
+      n.contains(o.target) || ie(!1);
+    });
+    let se = !1, le = null;
+    const qe = (o) => {
+      if (!se) return;
+      const d = o.clientX - le.x, c = o.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);
+        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);
+    }), 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, Q = U.clientY - h;
+      if (r.includes("e")) {
+        const I = Math.max(200, u + A);
+        l.style.width = I + "px";
+      } else if (r.includes("w")) {
+        const I = Math.max(200, u - A);
+        l.style.width = I + "px";
+      }
+      if (r.includes("s")) {
+        const I = Math.max(100, x + Q);
+        l.style.height = I + "px";
+      } else if (r.includes("n")) {
+        const I = Math.max(100, x - Q);
+        l.style.height = I + "px";
+      }
+    }, R = () => {
+      document.removeEventListener("mousemove", S), document.removeEventListener("mouseup", R), document.body.style.cursor = "";
+    };
+    document.addEventListener("mousemove", S), document.addEventListener("mouseup", R);
+  }, He = (t) => {
+    const n = E.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}`;
+    }
+  }, Ie = (t) => {
+    const n = E.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);
+      u.innerHTML = "";
+    }
+  }, vt = (t) => {
+    if (t.rows.length <= 1) return;
+    const n = E.current;
+    let l = n ? n.parentElement.rowIndex : t.rows.length - 1;
+    t.deleteRow(l);
+  }, yt = (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);
+    }
+  }, Be = (t) => {
+    const n = t.closest(".editable-table-wrap");
+    n ? n.remove() : t.remove();
+  }, bt = () => {
+    try {
+      const t = f.current;
+      if (!t) return;
+      t.querySelectorAll("table").forEach((l) => Ae(l));
+    } catch {
+    }
+  }, Ct = () => {
+    try {
+      const t = f.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);
+        }
+      });
+    } catch {
+    }
+  }, xt = () => {
+    re(!Y);
+  }, 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);
+  };
+  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);
+    };
+    try {
+      window._exportAsText = t;
+    } catch {
+    }
+    return () => {
+      try {
+        delete window._exportAsText;
+      } catch {
+      }
+    };
+  }, []), 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"));
+      } catch {
+      }
+    };
+    return document.addEventListener("click", t), () => document.removeEventListener("click", t);
+  }, []);
+  const kt = (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();
+        }, 50));
+      }, l.readAsText(n);
+    }
+  }, Nt = () => {
+    O(!0);
+  }, Lt = () => {
+    const t = f.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 = () => {
+    const t = prompt("Enter your code:");
+    if (t) {
+      const n = `<pre><code>${t}</code></pre>`;
+      v("insertHTML", n);
+    }
+  }, Mt = () => {
+    v("formatBlock", "blockquote");
+  };
+  return /* @__PURE__ */ i("div", { className: `editor-container ${Y ? "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: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "color",
+                onChange: lt,
+                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: ot,
+                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" })
+              ] })
+            }
+          ),
+          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" }) }) })
+            ] })
+          ] })
+        ] }) }),
+        /* @__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: () => K(!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: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  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()
+                }
+              ),
+              /* @__PURE__ */ i("div", { className: "table-size-label", children: [
+                L.rows,
+                " × ",
+                L.cols
+              ] })
+            ] })
+          ] }),
+          /* @__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: Y ? "Exit Fullscreen" : "Fullscreen", children: /* @__PURE__ */ e("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: Y ? /* @__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
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ i("div", { className: "status-bar-bottom", children: [
+      /* @__PURE__ */ i("span", { className: "status-item", children: [
+        "Characters: ",
+        D.replace(/<[^>]*>/g, "").length
+      ] }),
+      /* @__PURE__ */ e("span", { className: "status-item", children: "•" }),
+      /* @__PURE__ */ i("span", { className: "status-item", children: [
+        "Words: ",
+        D.replace(/<[^>]*>/g, "").trim().split(/\s+/).filter((t) => t).length
+      ] })
+    ] }),
+    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: D || "" }) }),
+      /* @__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: _,
+            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(
+          "input",
+          {
+            type: "text",
+            className: "find-replace-input",
+            value: pe,
+            onChange: (t) => je(t.target.value),
+            placeholder: "Enter replacement text..."
+          }
+        )
+      ] }),
+      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: X,
+              onChange: (t) => G(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
+};