open-text-editor-latest 1.0.1

package/dist/index.es.js

@@ -0,0 +1,1146 @@
+import Qe, { forwardRef as Ce, createElement as je, useRef as O, useState as v, useImperativeHandle as Ze, useEffect as fe, useCallback as Ke } from "react";
+var pe = { exports: {} }, re = {};
+var Ae;
+function et() {
+  if (Ae) return re;
+  Ae = 1;
+  var m = /* @__PURE__ */ Symbol.for("react.transitional.element"), g = /* @__PURE__ */ Symbol.for("react.fragment");
+  function k(j, w, l) {
+    var T = null;
+    if (l !== void 0 && (T = "" + l), w.key !== void 0 && (T = "" + w.key), "key" in w) {
+      l = {};
+      for (var N in w)
+        N !== "key" && (l[N] = w[N]);
+    } else l = w;
+    return w = l.ref, {
+      $$typeof: m,
+      type: j,
+      key: T,
+      ref: w !== void 0 ? w : null,
+      props: l
+    };
+  }
+  return re.Fragment = g, re.jsx = k, re.jsxs = k, re;
+}
+var oe = {};
+var Le;
+function tt() {
+  return Le || (Le = 1, process.env.NODE_ENV !== "production" && (function() {
+    function m(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === ce ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case F:
+          return "Fragment";
+        case le:
+          return "Profiler";
+        case ae:
+          return "StrictMode";
+        case B:
+          return "Suspense";
+        case xe:
+          return "SuspenseList";
+        case ie:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case se:
+            return "Portal";
+          case S:
+            return e.displayName || "Context";
+          case ge:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case be:
+            var s = e.render;
+            return e = e.displayName, e || (e = s.displayName || s.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case J:
+            return s = e.displayName || null, s !== null ? s : m(e.type) || "Memo";
+          case U:
+            s = e._payload, e = e._init;
+            try {
+              return m(e(s));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function g(e) {
+      return "" + e;
+    }
+    function k(e) {
+      try {
+        g(e);
+        var s = !1;
+      } catch {
+        s = !0;
+      }
+      if (s) {
+        s = console;
+        var i = s.error, d = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return i.call(
+          s,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          d
+        ), g(e);
+      }
+    }
+    function j(e) {
+      if (e === F) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === U)
+        return "<...>";
+      try {
+        var s = m(e);
+        return s ? "<" + s + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function w() {
+      var e = Q.A;
+      return e === null ? null : e.getOwner();
+    }
+    function l() {
+      return Error("react-stack-top-frame");
+    }
+    function T(e) {
+      if (Z.call(e, "key")) {
+        var s = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (s && s.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function N(e, s) {
+      function i() {
+        W || (W = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          s
+        ));
+      }
+      i.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: i,
+        configurable: !0
+      });
+    }
+    function P() {
+      var e = m(this.type);
+      return n[e] || (n[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function q(e, s, i, d, M, L) {
+      var y = i.ref;
+      return e = {
+        $$typeof: G,
+        type: e,
+        key: s,
+        props: i,
+        _owner: d
+      }, (y !== void 0 ? y : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: P
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: M
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: L
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function E(e, s, i, d, M, L) {
+      var y = s.children;
+      if (y !== void 0)
+        if (d)
+          if (ye(y)) {
+            for (d = 0; d < y.length; d++)
+              C(y[d]);
+            Object.freeze && Object.freeze(y);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else C(y);
+      if (Z.call(s, "key")) {
+        y = m(e);
+        var _ = Object.keys(s).filter(function(de) {
+          return de !== "key";
+        });
+        d = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", A[y + d] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          d,
+          y,
+          _,
+          y
+        ), A[y + d] = !0);
+      }
+      if (y = null, i !== void 0 && (k(i), y = "" + i), T(s) && (k(s.key), y = "" + s.key), "key" in s) {
+        i = {};
+        for (var I in s)
+          I !== "key" && (i[I] = s[I]);
+      } else i = s;
+      return y && N(
+        i,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), q(
+        e,
+        y,
+        i,
+        w(),
+        M,
+        L
+      );
+    }
+    function C(e) {
+      ne(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === U && (e._payload.status === "fulfilled" ? ne(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function ne(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === G;
+    }
+    var D = Qe, G = /* @__PURE__ */ Symbol.for("react.transitional.element"), se = /* @__PURE__ */ Symbol.for("react.portal"), F = /* @__PURE__ */ Symbol.for("react.fragment"), ae = /* @__PURE__ */ Symbol.for("react.strict_mode"), le = /* @__PURE__ */ Symbol.for("react.profiler"), ge = /* @__PURE__ */ Symbol.for("react.consumer"), S = /* @__PURE__ */ Symbol.for("react.context"), be = /* @__PURE__ */ Symbol.for("react.forward_ref"), B = /* @__PURE__ */ Symbol.for("react.suspense"), xe = /* @__PURE__ */ Symbol.for("react.suspense_list"), J = /* @__PURE__ */ Symbol.for("react.memo"), U = /* @__PURE__ */ Symbol.for("react.lazy"), ie = /* @__PURE__ */ Symbol.for("react.activity"), ce = /* @__PURE__ */ Symbol.for("react.client.reference"), Q = D.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Z = Object.prototype.hasOwnProperty, ye = Array.isArray, K = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    D = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var W, n = {}, ee = D.react_stack_bottom_frame.bind(
+      D,
+      l
+    )(), V = K(j(l)), A = {};
+    oe.Fragment = F, oe.jsx = function(e, s, i) {
+      var d = 1e4 > Q.recentlyCreatedOwnerStacks++;
+      return E(
+        e,
+        s,
+        i,
+        !1,
+        d ? Error("react-stack-top-frame") : ee,
+        d ? K(j(e)) : V
+      );
+    }, oe.jsxs = function(e, s, i) {
+      var d = 1e4 > Q.recentlyCreatedOwnerStacks++;
+      return E(
+        e,
+        s,
+        i,
+        !0,
+        d ? Error("react-stack-top-frame") : ee,
+        d ? K(j(e)) : V
+      );
+    };
+  })()), oe;
+}
+var ze;
+function rt() {
+  return ze || (ze = 1, process.env.NODE_ENV === "production" ? pe.exports = et() : pe.exports = tt()), pe.exports;
+}
+var r = rt();
+const Ie = (...m) => m.filter((g, k, j) => !!g && g.trim() !== "" && j.indexOf(g) === k).join(" ").trim();
+const ot = (m) => m.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const nt = (m) => m.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (g, k, j) => j ? j.toUpperCase() : k.toLowerCase()
+);
+const He = (m) => {
+  const g = nt(m);
+  return g.charAt(0).toUpperCase() + g.slice(1);
+};
+var st = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const at = (m) => {
+  for (const g in m)
+    if (g.startsWith("aria-") || g === "role" || g === "title")
+      return !0;
+  return !1;
+};
+const lt = Ce(
+  ({
+    color: m = "currentColor",
+    size: g = 24,
+    strokeWidth: k = 2,
+    absoluteStrokeWidth: j,
+    className: w = "",
+    children: l,
+    iconNode: T,
+    ...N
+  }, P) => je(
+    "svg",
+    {
+      ref: P,
+      ...st,
+      width: g,
+      height: g,
+      stroke: m,
+      strokeWidth: j ? Number(k) * 24 / Number(g) : k,
+      className: Ie("lucide", w),
+      ...!l && !at(N) && { "aria-hidden": "true" },
+      ...N
+    },
+    [
+      ...T.map(([q, E]) => je(q, E)),
+      ...Array.isArray(l) ? l : [l]
+    ]
+  )
+);
+const u = (m, g) => {
+  const k = Ce(
+    ({ className: j, ...w }, l) => je(lt, {
+      ref: l,
+      iconNode: g,
+      className: Ie(
+        `lucide-${ot(He(m))}`,
+        `lucide-${m}`,
+        j
+      ),
+      ...w
+    })
+  );
+  return k.displayName = He(m), k;
+};
+const it = [
+  ["path", { d: "M12 5v14", key: "s699le" }],
+  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+], ct = u("arrow-down", it);
+const dt = [
+  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
+  ["path", { d: "M19 12H5", key: "x3x0zl" }]
+], ut = u("arrow-left", dt);
+const mt = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
+], ft = u("arrow-right", mt);
+const pt = [
+  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+  ["path", { d: "M12 19V5", key: "x0mq9r" }]
+], ht = u("arrow-up", pt);
+const gt = [
+  [
+    "path",
+    { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8", key: "mg9rjx" }
+  ]
+], bt = u("bold", gt);
+const xt = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], he = u("chevron-down", xt);
+const yt = [
+  ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
+  ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
+], vt = u("code", yt);
+const kt = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M10 12.5 8 15l2 2.5", key: "1tg20x" }],
+  ["path", { d: "m14 12.5 2 2.5-2 2.5", key: "yinavb" }]
+], wt = u("file-code", kt);
+const jt = [
+  ["path", { d: "m9 11-6 6v3h9l3-3", key: "1a3l36" }],
+  ["path", { d: "m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4", key: "14a9rk" }]
+], Ct = u("highlighter", jt);
+const Nt = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+], _t = u("image", Nt);
+const Mt = [
+  ["line", { x1: "19", x2: "10", y1: "4", y2: "4", key: "15jd3p" }],
+  ["line", { x1: "14", x2: "5", y1: "20", y2: "20", key: "bu0au3" }],
+  ["line", { x1: "15", x2: "9", y1: "4", y2: "20", key: "uljnxc" }]
+], Rt = u("italic", Mt);
+const Tt = [
+  ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
+  ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
+], Et = u("link", Tt);
+const St = [
+  ["path", { d: "M21 5H11", key: "us1j55" }],
+  ["path", { d: "M21 12H11", key: "wd7e0v" }],
+  ["path", { d: "M21 19H11", key: "saa85w" }],
+  ["path", { d: "m7 8-4 4 4 4", key: "o5hrat" }]
+], At = u("list-indent-decrease", St);
+const Lt = [
+  ["path", { d: "M21 5H11", key: "us1j55" }],
+  ["path", { d: "M21 12H11", key: "wd7e0v" }],
+  ["path", { d: "M21 19H11", key: "saa85w" }],
+  ["path", { d: "m3 8 4 4-4 4", key: "1a3j6y" }]
+], zt = u("list-indent-increase", Lt);
+const Ht = [
+  ["path", { d: "M11 5h10", key: "1cz7ny" }],
+  ["path", { d: "M11 12h10", key: "1438ji" }],
+  ["path", { d: "M11 19h10", key: "11t30w" }],
+  ["path", { d: "M4 4h1v5", key: "10yrso" }],
+  ["path", { d: "M4 9h2", key: "r1h2o0" }],
+  ["path", { d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02", key: "xtkcd5" }]
+], $t = u("list-ordered", Ht);
+const Ot = [
+  ["path", { d: "M3 5h.01", key: "18ugdj" }],
+  ["path", { d: "M3 12h.01", key: "nlz23k" }],
+  ["path", { d: "M3 19h.01", key: "noohij" }],
+  ["path", { d: "M8 5h13", key: "1pao27" }],
+  ["path", { d: "M8 12h13", key: "1za7za" }],
+  ["path", { d: "M8 19h13", key: "m83p4d" }]
+], Dt = u("list", Ot);
+const It = [["path", { d: "M5 12h14", key: "1ays0h" }]], Pt = u("minus", It);
+const qt = [
+  [
+    "path",
+    {
+      d: "M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",
+      key: "rib7q0"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z",
+      key: "1ymkrd"
+    }
+  ]
+], Ft = u("quote", qt);
+const Bt = [
+  ["path", { d: "M21 7v6h-6", key: "3ptur4" }],
+  ["path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7", key: "1kgawr" }]
+], Ut = u("redo", Bt);
+const Wt = [
+  ["path", { d: "M4 7V4h16v3", key: "9msm58" }],
+  ["path", { d: "M5 20h6", key: "1h6pxn" }],
+  ["path", { d: "M13 4 8 20", key: "kqq6aj" }],
+  ["path", { d: "m15 15 5 5", key: "me55sn" }],
+  ["path", { d: "m20 15-5 5", key: "11p7ol" }]
+], Vt = u("remove-formatting", Wt);
+const Yt = [
+  ["path", { d: "M16 4H9a3 3 0 0 0-2.83 4", key: "43sutm" }],
+  ["path", { d: "M14 12a4 4 0 0 1 0 8H6", key: "nlfj13" }],
+  ["line", { x1: "4", x2: "20", y1: "12", y2: "12", key: "1e0a9i" }]
+], Xt = u("strikethrough", Yt);
+const Gt = [
+  ["path", { d: "m4 5 8 8", key: "1eunvl" }],
+  ["path", { d: "m12 5-8 8", key: "1ah0jp" }],
+  [
+    "path",
+    {
+      d: "M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07",
+      key: "e8ta8j"
+    }
+  ]
+], Jt = u("subscript", Gt);
+const Qt = [
+  ["path", { d: "m4 19 8-8", key: "hr47gm" }],
+  ["path", { d: "m12 19-8-8", key: "1dhhmo" }],
+  [
+    "path",
+    {
+      d: "M20 12h-4c0-1.5.442-2 1.5-2.5S20 8.334 20 7.002c0-.472-.17-.93-.484-1.29a2.105 2.105 0 0 0-2.617-.436c-.42.239-.738.614-.899 1.06",
+      key: "1dfcux"
+    }
+  ]
+], Zt = u("superscript", Qt);
+const Kt = [
+  ["path", { d: "M12 3v18", key: "108xh3" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M3 9h18", key: "1pudct" }],
+  ["path", { d: "M3 15h18", key: "5xshup" }]
+], er = u("table", Kt);
+const tr = [
+  ["path", { d: "M21 5H3", key: "1fi0y6" }],
+  ["path", { d: "M17 12H7", key: "16if0g" }],
+  ["path", { d: "M19 19H5", key: "vjpgq2" }]
+], $e = u("text-align-center", tr);
+const rr = [
+  ["path", { d: "M21 5H3", key: "1fi0y6" }],
+  ["path", { d: "M21 12H9", key: "dn1m92" }],
+  ["path", { d: "M21 19H7", key: "4cu937" }]
+], Oe = u("text-align-end", rr);
+const or = [
+  ["path", { d: "M21 5H3", key: "1fi0y6" }],
+  ["path", { d: "M15 12H3", key: "6jk70r" }],
+  ["path", { d: "M17 19H3", key: "z6ezky" }]
+], De = u("text-align-start", or);
+const nr = [
+  ["path", { d: "M10 11v6", key: "nco0om" }],
+  ["path", { d: "M14 11v6", key: "outv1u" }],
+  ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
+], we = u("trash-2", nr);
+const sr = [
+  ["path", { d: "M12 4v16", key: "1654pz" }],
+  ["path", { d: "M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2", key: "e0r10z" }],
+  ["path", { d: "M9 20h6", key: "s66wpe" }]
+], ar = u("type", sr);
+const lr = [
+  ["path", { d: "M6 4v6a6 6 0 0 0 12 0V4", key: "9kb039" }],
+  ["line", { x1: "4", x2: "20", y1: "20", y2: "20", key: "nun2al" }]
+], ir = u("underline", lr);
+const cr = [
+  ["path", { d: "M3 7v6h6", key: "1v2h90" }],
+  ["path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13", key: "1r6uu6" }]
+], dr = u("undo", cr);
+const ur = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], mr = u("x", ur), fr = "", hr = Ce(({
+  initialValue: m = fr,
+  onChange: g,
+  className: k = "w-full h-full",
+  placeholder: j = "Start typing..."
+}, w) => {
+  const l = O(null), T = O(null), N = O(null), P = O(null), q = O(null), E = O(null), [C, ne] = v({}), [D, G] = v(!1), [se, F] = v(!1), [ae, le] = v(!1), [ge, S] = v("Normal"), [be, B] = v("Sans Serif"), [xe, J] = v("16px"), [U, ie] = v(!1), [ce, Q] = v(3), [Z, ye] = v(3), [K, W] = v(!0), [n, ee] = v(!1), [V, A] = v(m || ""), [e, s] = v(null), [i, d] = v(null), [M, L] = v(null), [y, _] = v([]), [I, de] = v(!1), [ue, Ne] = v(!1), Y = O({ startX: 0, startWidth: 0, target: null }), X = O({ startX: 0, startWidth: 0, target: null }), me = () => {
+    if (E.current) {
+      const t = window.getSelection();
+      t.removeAllRanges(), t.addRange(E.current);
+    } else
+      l.current?.focus();
+  };
+  Ze(w, () => ({
+    focus: () => l.current?.focus(),
+    getHtml: () => l.current?.innerHTML || "",
+    setHtml: (t) => {
+      l.current && (l.current.innerHTML = t, A(t), te());
+    },
+    insertHtml: (t) => {
+      me(), p("insertHTML", t);
+    },
+    execCommand: (t, o) => {
+      me(), p(t, o);
+    },
+    insertTable: (t, o) => {
+      _e(t, o);
+    },
+    tableAction: (t) => {
+      me(), z(t);
+    }
+  })), fe(() => {
+    l.current && !n && (m && m !== l.current.innerHTML ? (l.current.innerHTML = m, A(m), W(!1)) : !m && !l.current.innerHTML && (l.current.innerHTML = "<p><br/></p>", A("<p><br/></p>"), W(!0)));
+  }, [m, n]);
+  const te = () => {
+    if (ke(), R(), l.current) {
+      const t = l.current.textContent;
+      W(!t || t.trim() === ""), g && g(l.current.innerHTML);
+    }
+  }, Pe = (t) => {
+    const o = t.target.value;
+    A(o), g && g(o);
+  }, qe = () => {
+    n ? ee(!1) : (l.current && (A(l.current.innerHTML), s(null), L(null), d(null), _([])), ee(!0));
+  };
+  fe(() => {
+    !n && l.current && l.current.innerHTML !== V && (l.current.innerHTML = V || "<p><br/></p>", te());
+  }, [n]);
+  const p = (t, o = null) => {
+    n || (document.execCommand(t, !1, o), te(), l.current?.focus());
+  }, Fe = (t, o) => {
+    p("formatBlock", t), S(o), G(!1);
+  }, Be = (t, o) => {
+    p("fontName", t), B(o), F(!1);
+  }, Ue = (t, o) => {
+    p("fontSize", t), J(o), le(!1);
+  }, We = (t) => {
+    const o = t.target.files[0];
+    if (o) {
+      const a = new FileReader();
+      a.onload = (c) => {
+        const f = `<img src="${c.target.result}" style="width: 300px; max-width: 100%; height: auto; border-radius: 4px; display: inline-block; cursor: pointer; border: 1px solid transparent;" draggable="true" />`;
+        p("insertHTML", f);
+      }, a.readAsDataURL(o);
+    }
+    t.target.value = "";
+  }, Ve = () => {
+    const t = prompt("Enter URL:");
+    t && p("createLink", t);
+  }, _e = (t, o) => {
+    me();
+    const a = t !== void 0 ? t : ce, c = o !== void 0 ? o : Z, f = parseInt(a) || 3, x = parseInt(c) || 3, h = `
+      <table style="border-collapse: collapse; width: 100%; margin: 1em 0; border: 1px solid #e5e7eb; table-layout: fixed;">
+        <tbody>
+          ${Array(f).fill(0).map(() => `
+            <tr>
+              ${Array(x).fill(0).map(() => `
+                <td style="border: 1px solid #d1d5db; padding: 8px; min-width: 30px; position: relative; width: ${100 / x}%;">
+                  <br />
+                </td>
+              `).join("")}
+            </tr>
+          `).join("")}
+        </tbody>
+      </table>
+      <p><br/></p>
+    `;
+    p("insertHTML", h), ie(!1);
+  }, z = (t) => {
+    if (!i || !e || e.tagName !== "TABLE") return;
+    const o = i.closest("tr");
+    if (!o) return;
+    const a = e, c = a.querySelector("tbody");
+    o.rowIndex;
+    const f = i.cellIndex;
+    if (f === -1) return;
+    const x = () => {
+      const h = document.createElement("td");
+      return h.style.border = "1px solid #d1d5db", h.style.padding = "8px", h.style.minWidth = "30px", h.innerHTML = "<br>", h;
+    };
+    if (t === "row-above") {
+      const h = o.cloneNode(!1);
+      Array.from(o.children).forEach(() => h.appendChild(x())), c.insertBefore(h, o);
+    } else if (t === "row-below") {
+      const h = o.cloneNode(!1);
+      Array.from(o.children).forEach(() => h.appendChild(x())), c.insertBefore(h, o.nextSibling);
+    } else t === "col-left" ? Array.from(a.rows).forEach((h) => {
+      const $ = h.children[f];
+      $ && h.insertBefore(x(), $);
+    }) : t === "col-right" ? Array.from(a.rows).forEach((h) => {
+      const $ = h.children[f];
+      $ && h.insertBefore(x(), $.nextSibling);
+    }) : t === "del-row" ? (o.remove(), c.children.length === 0 ? (a.remove(), s(null), d(null)) : i.isConnected || d(null)) : t === "del-col" ? (Array.from(a.rows).forEach((h) => {
+      h.children[f] && h.children[f].remove();
+    }), a.rows[0] && a.rows[0].children.length === 0 ? (a.remove(), s(null), d(null)) : i.isConnected || d(null)) : t === "del-table" && (a.remove(), s(null), d(null));
+    te(), R();
+  }, R = Ke(() => {
+    if (!l.current || n) return;
+    if (e && e.isConnected) {
+      const o = e.getBoundingClientRect(), a = l.current.getBoundingClientRect();
+      L({
+        top: o.top - a.top,
+        left: o.left - a.left,
+        width: o.width,
+        height: o.height
+      });
+    } else
+      L(null);
+    const t = e?.tagName === "TABLE" ? e : i?.closest("table");
+    if (t && t.isConnected) {
+      const o = t.getBoundingClientRect(), a = l.current.getBoundingClientRect(), c = [], f = t.rows[0];
+      f && Array.from(f.cells).forEach((x) => {
+        const h = x.getBoundingClientRect();
+        c.push({
+          left: h.left - a.left + h.width,
+          top: o.top - a.top,
+          height: o.height,
+          cell: x
+        });
+      }), _(c);
+    } else
+      _([]);
+  }, [e, i, n]);
+  fe(() => {
+    document.execCommand("enableObjectResizing", !1, "false");
+    const t = () => {
+      R();
+    }, o = () => {
+      R();
+    }, a = l.current;
+    return a && a.addEventListener("scroll", t), window.addEventListener("resize", o), () => {
+      a && a.removeEventListener("scroll", t), window.removeEventListener("resize", o);
+    };
+  }, [R]);
+  const Ye = (t) => {
+    if (n) return;
+    const o = t.target, a = o.closest("td") || o.closest("th"), c = o.closest("table"), f = o.tagName === "IMG" ? o : o.closest("img");
+    if (a) {
+      d(a);
+      const x = a.closest("table");
+      x && e !== x && s(x);
+    } else
+      ue || d(null);
+    if (f) {
+      e !== f && s(f);
+      return;
+    }
+    if (c && c !== l.current) {
+      e !== c && s(c);
+      return;
+    }
+    !I && !ue && e && !c && !f && !a && (s(null), L(null), d(null), _([])), ke();
+  }, Xe = (t) => {
+    if (n) return;
+    const o = t.target, a = o.tagName === "IMG" ? o : o.closest("img"), c = o.closest("td") || o.closest("th"), f = o.closest("table");
+    if (a) {
+      t.preventDefault(), e !== a && s(a), setTimeout(R, 0);
+      return;
+    }
+    if (c || f) {
+      t.preventDefault();
+      const x = f || (c ? c.closest("table") : null);
+      c && d(c), x && e !== x && s(x), setTimeout(R, 0);
+    }
+  }, Ge = (t) => {
+    t.preventDefault(), t.stopPropagation(), e && (de(!0), Y.current = {
+      startX: t.clientX,
+      startWidth: e.offsetWidth,
+      target: e
+    }, document.addEventListener("mousemove", Me), document.addEventListener("mouseup", Re));
+  }, Me = (t) => {
+    if (!Y.current.target) return;
+    const o = t.clientX - Y.current.startX, a = Math.max(50, Y.current.startWidth + o);
+    Y.current.target.style.width = `${a}px`, R();
+  }, Re = () => {
+    de(!1), Y.current = { startX: 0, startWidth: 0, target: null }, document.removeEventListener("mousemove", Me), document.removeEventListener("mouseup", Re);
+  }, Je = (t, o) => {
+    t.preventDefault(), t.stopPropagation(), o && (Ne(!0), X.current = {
+      startX: t.clientX,
+      startWidth: o.offsetWidth,
+      target: o
+    }, document.addEventListener("mousemove", Te), document.addEventListener("mouseup", Ee));
+  }, Te = (t) => {
+    if (!X.current.target) return;
+    const o = t.clientX - X.current.startX, a = Math.max(20, X.current.startWidth + o);
+    X.current.target.style.width = `${a}px`, R();
+  }, Ee = () => {
+    Ne(!1), X.current = { startX: 0, startWidth: 0, target: null }, document.removeEventListener("mousemove", Te), document.removeEventListener("mouseup", Ee);
+  }, ve = (t) => {
+    e && (e.style.display = "", e.style.float = "", e.style.margin = "", e.style.outline = "none", t === "left" ? (e.style.float = "left", e.style.margin = "0 1rem 1rem 0") : t === "right" ? (e.style.float = "right", e.style.margin = "0 0 1rem 1rem") : t === "center" ? (e.style.display = "block", e.style.marginLeft = "auto", e.style.marginRight = "auto") : e.style.display = "inline-block", setTimeout(R, 0));
+  }, ke = () => {
+    if (!l.current || n) return;
+    const t = window.getSelection();
+    if (t.rangeCount > 0) {
+      const a = t.getRangeAt(0);
+      if (l.current.contains(a.commonAncestorContainer)) {
+        E.current = a.cloneRange();
+        let c = a.commonAncestorContainer;
+        c.nodeType === 3 && (c = c.parentNode);
+        const f = c.closest("td") || c.closest("th"), x = c.closest("table");
+        f && i !== f && d(f), x ? e !== x && s(x) : !I && !ue && !c.closest("img") && e && e.tagName === "TABLE" && (s(null), d(null));
+        const h = document.queryCommandValue("fontSize"), $ = {
+          1: "10px",
+          2: "13px",
+          3: "16px",
+          4: "18px",
+          5: "24px",
+          6: "32px",
+          7: "48px"
+        };
+        h && $[h] ? J($[h]) : J("16px");
+        const Se = document.queryCommandValue("fontName");
+        Se.includes("Serif") ? B("Serif") : Se.includes("Mono") ? B("Monospace") : B("Sans Serif");
+      }
+    }
+    const o = {
+      bold: document.queryCommandState("bold"),
+      italic: document.queryCommandState("italic"),
+      underline: document.queryCommandState("underline"),
+      strikethrough: document.queryCommandState("strikethrough"),
+      subscript: document.queryCommandState("subscript"),
+      superscript: document.queryCommandState("superscript"),
+      justifyLeft: document.queryCommandState("justifyLeft"),
+      justifyCenter: document.queryCommandState("justifyCenter"),
+      justifyRight: document.queryCommandState("justifyRight"),
+      justifyFull: document.queryCommandState("justifyFull"),
+      insertUnorderedList: document.queryCommandState("insertUnorderedList"),
+      insertOrderedList: document.queryCommandState("insertOrderedList")
+    };
+    if (ne(o), t.rangeCount > 0)
+      try {
+        const a = t.getRangeAt(0).commonAncestorContainer, f = (a.nodeType === 3 ? a.parentNode : a)?.tagName?.toLowerCase();
+        S(f === "h1" ? "Heading 1" : f === "h2" ? "Heading 2" : f === "h3" ? "Heading 3" : f === "blockquote" ? "Quote" : "Normal");
+      } catch {
+      }
+  };
+  fe(() => {
+    const t = () => ke();
+    return document.addEventListener("selectionchange", t), () => document.removeEventListener("selectionchange", t);
+  }, [i, e, I, ue, n]);
+  const b = ({ onClick: t, isActive: o, icon: a, title: c, hasArrow: f = !1, disabled: x = !1 }) => /* @__PURE__ */ r.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: t,
+      disabled: x,
+      title: c,
+      className: `p-1.5 rounded-md transition-colors duration-150 flex items-center justify-center gap-1
+        ${o ? "bg-indigo-100 text-indigo-700" : "text-gray-600 hover:bg-gray-100 hover:text-gray-900"}
+        ${x ? "opacity-30 cursor-not-allowed" : ""}
+        `,
+      children: [
+        /* @__PURE__ */ r.jsx(a, { size: 18, strokeWidth: 2.5 }),
+        f && /* @__PURE__ */ r.jsx(he, { size: 12, className: "opacity-50" })
+      ]
+    }
+  ), H = () => /* @__PURE__ */ r.jsx("div", { className: "w-px h-6 bg-gray-300 mx-1 self-center" });
+  return /* @__PURE__ */ r.jsxs("div", { className: `bg-white rounded-lg shadow-sm border border-gray-200 overflow-hidden flex flex-col font-sans text-gray-800 min-h-[300px] ${k}`, children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "flex flex-wrap items-center gap-0.5 p-2 border-b border-gray-200 bg-white sticky top-0 z-20 select-none shadow-sm", children: [
+      /* @__PURE__ */ r.jsx(
+        b,
+        {
+          onClick: qe,
+          isActive: n,
+          icon: wt,
+          title: n ? "Switch to Visual Editor" : "View Source / HTML"
+        }
+      ),
+      /* @__PURE__ */ r.jsx(H, {}),
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("undo"), icon: dr, title: "Undo", disabled: n }),
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("redo"), icon: Ut, title: "Redo", disabled: n })
+      ] }),
+      /* @__PURE__ */ r.jsx(H, {}),
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ r.jsxs(
+            "button",
+            {
+              disabled: n,
+              onClick: () => G(!D),
+              className: `flex items-center justify-between gap-2 px-2 py-1.5 text-sm font-medium rounded-md min-w-[100px] ${n ? "text-gray-300 cursor-not-allowed" : "text-gray-700 hover:bg-gray-100"}`,
+              children: [
+                /* @__PURE__ */ r.jsx("span", { className: "truncate", children: ge }),
+                /* @__PURE__ */ r.jsx(he, { size: 14 })
+              ]
+            }
+          ),
+          D && !n && /* @__PURE__ */ r.jsx("div", { className: "absolute top-full left-0 mt-1 w-40 bg-white border border-gray-200 rounded shadow-lg py-1 z-30", children: [
+            { label: "Normal", tag: "P" },
+            { label: "Heading 1", tag: "H1" },
+            { label: "Heading 2", tag: "H2" },
+            { label: "Heading 3", tag: "H3" },
+            { label: "Quote", tag: "BLOCKQUOTE" }
+          ].map((t) => /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              onClick: () => Fe(t.tag, t.label),
+              className: "block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-indigo-600",
+              children: t.label
+            },
+            t.tag
+          )) })
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { className: "relative hidden md:block", children: [
+          /* @__PURE__ */ r.jsxs(
+            "button",
+            {
+              disabled: n,
+              onClick: () => F(!se),
+              className: `flex items-center justify-between gap-2 px-2 py-1.5 text-sm font-medium rounded-md min-w-[130px] ${n ? "text-gray-300 cursor-not-allowed" : "text-gray-700 hover:bg-gray-100"}`,
+              children: [
+                /* @__PURE__ */ r.jsx("span", { className: "truncate", children: be }),
+                /* @__PURE__ */ r.jsx(he, { size: 14 })
+              ]
+            }
+          ),
+          se && !n && /* @__PURE__ */ r.jsx("div", { className: "absolute top-full left-0 mt-1 w-48 bg-white border border-gray-200 rounded shadow-lg py-1 z-30 max-h-60 overflow-y-auto", children: [
+            { label: "Sans Serif", value: "ui-sans-serif, system-ui, sans-serif" },
+            { label: "Serif", value: "ui-serif, Georgia, serif" },
+            { label: "Monospace", value: "ui-monospace, monospace" },
+            { label: "Arial", value: "Arial, Helvetica, sans-serif" },
+            { label: "Arial Black", value: '"Arial Black", Gadget, sans-serif' },
+            { label: "Comic Sans MS", value: '"Comic Sans MS", "Comic Sans", cursive' },
+            { label: "Courier New", value: '"Courier New", Courier, monospace' },
+            { label: "Georgia", value: "Georgia, serif" },
+            { label: "Impact", value: "Impact, Charcoal, sans-serif" },
+            { label: "Lucida Console", value: '"Lucida Console", Monaco, monospace' },
+            { label: "Tahoma", value: "Tahoma, Geneva, sans-serif" },
+            { label: "Times New Roman", value: '"Times New Roman", Times, serif' },
+            { label: "Trebuchet MS", value: '"Trebuchet MS", Helvetica, sans-serif' },
+            { label: "Verdana", value: "Verdana, Geneva, sans-serif" }
+          ].map((t) => /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              onClick: () => Be(t.value, t.label),
+              className: "block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-indigo-600",
+              style: { fontFamily: t.value },
+              children: t.label
+            },
+            t.value
+          )) })
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { className: "relative hidden md:block", children: [
+          /* @__PURE__ */ r.jsxs(
+            "button",
+            {
+              disabled: n,
+              onClick: () => le(!ae),
+              className: `flex items-center justify-between gap-2 px-2 py-1.5 text-sm font-medium rounded-md min-w-[70px] ${n ? "text-gray-300 cursor-not-allowed" : "text-gray-700 hover:bg-gray-100"}`,
+              children: [
+                /* @__PURE__ */ r.jsx("span", { className: "truncate", children: xe }),
+                /* @__PURE__ */ r.jsx(he, { size: 14 })
+              ]
+            }
+          ),
+          ae && !n && /* @__PURE__ */ r.jsx("div", { className: "absolute top-full left-0 mt-1 w-24 bg-white border border-gray-200 rounded shadow-lg py-1 z-30 max-h-60 overflow-y-auto", children: [
+            { label: "10px", value: "1" },
+            { label: "13px", value: "2" },
+            { label: "16px", value: "3" },
+            { label: "18px", value: "4" },
+            { label: "24px", value: "5" },
+            { label: "32px", value: "6" },
+            { label: "48px", value: "7" }
+          ].map((t) => /* @__PURE__ */ r.jsx(
+            "button",
+            {
+              onClick: () => Ue(t.value, t.label),
+              className: "block w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-50 hover:text-indigo-600",
+              children: t.label
+            },
+            t.value
+          )) })
+        ] })
+      ] }),
+      /* @__PURE__ */ r.jsx(H, {}),
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("bold"), isActive: C.bold, icon: bt, title: "Bold", disabled: n }),
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("italic"), isActive: C.italic, icon: Rt, title: "Italic", disabled: n }),
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("underline"), isActive: C.underline, icon: ir, title: "Underline", disabled: n }),
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("strikethrough"), isActive: C.strikethrough, icon: Xt, title: "Strikethrough", disabled: n })
+      ] }),
+      /* @__PURE__ */ r.jsx(H, {}),
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("subscript"), isActive: C.subscript, icon: Jt, title: "Subscript", disabled: n }),
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("superscript"), isActive: C.superscript, icon: Zt, title: "Superscript", disabled: n }),
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("formatBlock", "PRE"), icon: vt, title: "Code Block", disabled: n }),
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("formatBlock", "BLOCKQUOTE"), icon: Ft, title: "Blockquote", disabled: n })
+      ] }),
+      /* @__PURE__ */ r.jsx(H, {}),
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center relative", children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ r.jsx(b, { onClick: () => P.current.click(), icon: ar, title: "Text Color", disabled: n }),
+          /* @__PURE__ */ r.jsx(
+            "input",
+            {
+              type: "color",
+              ref: P,
+              disabled: n,
+              className: "absolute inset-0 opacity-0 w-full h-full cursor-pointer",
+              onChange: (t) => p("foreColor", t.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ r.jsx(b, { onClick: () => q.current.click(), icon: Ct, title: "Highlight Color", disabled: n }),
+          /* @__PURE__ */ r.jsx(
+            "input",
+            {
+              type: "color",
+              ref: q,
+              disabled: n,
+              defaultValue: "#ffff00",
+              className: "absolute inset-0 opacity-0 w-full h-full cursor-pointer",
+              onChange: (t) => p("hiliteColor", t.target.value)
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ r.jsx(H, {}),
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("justifyLeft"), isActive: C.justifyLeft, icon: De, title: "Align Left", disabled: n }),
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("justifyCenter"), isActive: C.justifyCenter, icon: $e, title: "Align Center", disabled: n }),
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("justifyRight"), isActive: C.justifyRight, icon: Oe, title: "Align Right", disabled: n }),
+        /* @__PURE__ */ r.jsx("div", { className: "mx-1" }),
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("insertUnorderedList"), isActive: C.insertUnorderedList, icon: Dt, title: "Bullet List", disabled: n }),
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("insertOrderedList"), isActive: C.insertOrderedList, icon: $t, title: "Numbered List", disabled: n })
+      ] }),
+      /* @__PURE__ */ r.jsx(H, {}),
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("indent"), icon: zt, title: "Indent", disabled: n }),
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("outdent"), icon: At, title: "Outdent", disabled: n })
+      ] }),
+      /* @__PURE__ */ r.jsx(H, {}),
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ r.jsx(b, { onClick: Ve, icon: Et, title: "Insert Link", disabled: n }),
+        /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ r.jsx(b, { onClick: () => N.current?.click(), icon: _t, title: "Upload Image", disabled: n }),
+          /* @__PURE__ */ r.jsx("input", { type: "file", accept: "image/*", ref: N, onChange: We, className: "hidden", disabled: n })
+        ] }),
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("insertHorizontalRule"), icon: Pt, title: "Horizontal Line", disabled: n }),
+        /* @__PURE__ */ r.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ r.jsx(b, { onClick: () => ie(!U), icon: er, title: "Insert Table", disabled: n }),
+          U && !n && /* @__PURE__ */ r.jsxs(
+            "div",
+            {
+              className: "absolute top-full left-0 mt-2 p-3 bg-white border border-gray-200 shadow-xl rounded-lg z-30 w-48",
+              onClick: (t) => t.stopPropagation(),
+              children: [
+                /* @__PURE__ */ r.jsx("h4", { className: "text-xs font-semibold text-gray-500 mb-2 uppercase tracking-wider", children: "Table Size" }),
+                /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-2 mb-3", children: [
+                  /* @__PURE__ */ r.jsxs("label", { className: "text-sm flex justify-between", children: [
+                    "Rows: ",
+                    /* @__PURE__ */ r.jsx("input", { type: "number", min: "1", max: "10", value: ce, onChange: (t) => Q(t.target.value), className: "w-12 border border-gray-300 rounded px-1 text-right" })
+                  ] }),
+                  /* @__PURE__ */ r.jsxs("label", { className: "text-sm flex justify-between", children: [
+                    "Cols: ",
+                    /* @__PURE__ */ r.jsx("input", { type: "number", min: "1", max: "10", value: Z, onChange: (t) => ye(t.target.value), className: "w-12 border border-gray-300 rounded px-1 text-right" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ r.jsx("button", { onClick: () => _e(), className: "w-full bg-indigo-600 text-white text-xs font-bold py-1.5 rounded hover:bg-indigo-700 transition-colors", children: "Insert Table" })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ r.jsx("div", { className: "flex-grow" }),
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center border-l border-gray-200 pl-2", children: [
+        /* @__PURE__ */ r.jsx(b, { onClick: () => p("removeFormat"), icon: Vt, title: "Clear Formatting", disabled: n }),
+        /* @__PURE__ */ r.jsx("div", { className: "ml-1 pl-1 border-l border-gray-200 hidden md:block", children: /* @__PURE__ */ r.jsx(b, { onClick: () => {
+        }, icon: mr, title: "Close" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ r.jsx("div", { className: "flex-grow overflow-hidden flex flex-col relative", children: n ? /* @__PURE__ */ r.jsx(
+      "textarea",
+      {
+        ref: T,
+        value: V,
+        onChange: Pe,
+        className: "flex-grow p-4 w-full h-full resize-none font-mono text-sm bg-gray-50 text-gray-800 outline-none",
+        spellCheck: "false"
+      }
+    ) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx(
+        "div",
+        {
+          ref: l,
+          contentEditable: !0,
+          suppressContentEditableWarning: !0,
+          className: "flex-grow p-4 md:p-8 overflow-y-auto outline-none prose prose-indigo max-w-none prose-lg relative z-0",
+          onInput: te,
+          onClick: Ye,
+          onContextMenu: Xe,
+          onKeyDown: (t) => {
+            t.key === "Tab" && (t.preventDefault(), p("insertHTML", "&nbsp;&nbsp;&nbsp;&nbsp;"));
+          }
+        }
+      ),
+      K && /* @__PURE__ */ r.jsx("div", { className: "absolute top-4 left-4 md:top-8 md:left-8 right-4 md:right-8 pointer-events-none", children: /* @__PURE__ */ r.jsx("div", { className: "prose prose-indigo max-w-none prose-lg text-gray-400", children: /* @__PURE__ */ r.jsx("p", { children: j }) }) }),
+      e && M && /* @__PURE__ */ r.jsxs(
+        "div",
+        {
+          className: "absolute pointer-events-none z-50",
+          style: {
+            top: M.top,
+            left: M.left,
+            width: M.width,
+            height: M.height,
+            border: "2px solid #3b82f6",
+            // blue-500
+            boxSizing: "border-box"
+          },
+          children: [
+            /* @__PURE__ */ r.jsxs("div", { className: "absolute -top-10 left-1/2 transform -translate-x-1/2 bg-white shadow-lg border border-gray-200 rounded-md flex p-1 pointer-events-auto gap-1 whitespace-nowrap", children: [
+              e.tagName === "IMG" && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+                /* @__PURE__ */ r.jsx("button", { onMouseDown: (t) => {
+                  t.preventDefault(), ve("left");
+                }, className: "p-1 hover:bg-gray-100 rounded text-gray-600", title: "Align Left", children: /* @__PURE__ */ r.jsx(De, { size: 16 }) }),
+                /* @__PURE__ */ r.jsx("button", { onMouseDown: (t) => {
+                  t.preventDefault(), ve("center");
+                }, className: "p-1 hover:bg-gray-100 rounded text-gray-600", title: "Align Center", children: /* @__PURE__ */ r.jsx($e, { size: 16 }) }),
+                /* @__PURE__ */ r.jsx("button", { onMouseDown: (t) => {
+                  t.preventDefault(), ve("right");
+                }, className: "p-1 hover:bg-gray-100 rounded text-gray-600", title: "Align Right", children: /* @__PURE__ */ r.jsx(Oe, { size: 16 }) })
+              ] }),
+              e.tagName === "TABLE" && i && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+                /* @__PURE__ */ r.jsx("button", { onMouseDown: (t) => {
+                  t.preventDefault(), z("row-above");
+                }, className: "p-1 hover:bg-gray-100 rounded text-gray-600", title: "Insert Row Above", children: /* @__PURE__ */ r.jsx(ht, { size: 16 }) }),
+                /* @__PURE__ */ r.jsx("button", { onMouseDown: (t) => {
+                  t.preventDefault(), z("row-below");
+                }, className: "p-1 hover:bg-gray-100 rounded text-gray-600", title: "Insert Row Below", children: /* @__PURE__ */ r.jsx(ct, { size: 16 }) }),
+                /* @__PURE__ */ r.jsx("div", { className: "w-px h-4 bg-gray-300 mx-1 self-center" }),
+                /* @__PURE__ */ r.jsx("button", { onMouseDown: (t) => {
+                  t.preventDefault(), z("col-left");
+                }, className: "p-1 hover:bg-gray-100 rounded text-gray-600", title: "Insert Col Left", children: /* @__PURE__ */ r.jsx(ut, { size: 16 }) }),
+                /* @__PURE__ */ r.jsx("button", { onMouseDown: (t) => {
+                  t.preventDefault(), z("col-right");
+                }, className: "p-1 hover:bg-gray-100 rounded text-gray-600", title: "Insert Col Right", children: /* @__PURE__ */ r.jsx(ft, { size: 16 }) }),
+                /* @__PURE__ */ r.jsx("div", { className: "w-px h-4 bg-gray-300 mx-1 self-center" }),
+                /* @__PURE__ */ r.jsxs("button", { onMouseDown: (t) => {
+                  t.preventDefault(), z("del-row");
+                }, className: "p-1 hover:bg-red-50 text-red-500 rounded font-xs flex items-center", title: "Delete Row", children: [
+                  /* @__PURE__ */ r.jsx(we, { size: 14, className: "mr-0.5" }),
+                  "R"
+                ] }),
+                /* @__PURE__ */ r.jsxs("button", { onMouseDown: (t) => {
+                  t.preventDefault(), z("del-col");
+                }, className: "p-1 hover:bg-red-50 text-red-500 rounded font-xs flex items-center", title: "Delete Column", children: [
+                  /* @__PURE__ */ r.jsx(we, { size: 14, className: "mr-0.5" }),
+                  "C"
+                ] })
+              ] }),
+              /* @__PURE__ */ r.jsx("div", { className: "w-px h-4 bg-gray-300 mx-1 self-center" }),
+              /* @__PURE__ */ r.jsx("button", { onMouseDown: (t) => {
+                t.preventDefault(), e.tagName === "TABLE" ? z("del-table") : e.remove(), s(null);
+              }, className: "p-1 hover:bg-red-50 text-red-500 rounded", title: e.tagName === "TABLE" ? "Delete Table" : "Delete", children: /* @__PURE__ */ r.jsx(we, { size: 16 }) })
+            ] }),
+            /* @__PURE__ */ r.jsx(
+              "div",
+              {
+                className: "absolute bottom-1 right-1 w-4 h-4 bg-blue-500 rounded-full cursor-nwse-resize pointer-events-auto shadow-sm hover:scale-125 transition-transform border-2 border-white z-50",
+                onMouseDown: Ge
+              }
+            )
+          ]
+        }
+      ),
+      y.map((t, o) => /* @__PURE__ */ r.jsx(
+        "div",
+        {
+          className: "absolute z-50 cursor-col-resize flex items-center justify-center hover:bg-blue-400 hover:opacity-50 transition-colors",
+          style: {
+            top: t.top,
+            left: t.left - 4,
+            // Center on border
+            width: "8px",
+            height: t.height,
+            pointerEvents: "auto"
+          },
+          onMouseDown: (a) => Je(a, t.cell),
+          title: "Resize Column",
+          children: /* @__PURE__ */ r.jsx("div", { className: "w-0.5 h-full bg-blue-500 opacity-0 hover:opacity-100 transition-opacity" })
+        },
+        o
+      ))
+    ] }) }),
+    /* @__PURE__ */ r.jsx("style", { children: `
+          .prose { display: flow-root; } 
+          .prose p { display: flow-root; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1.4; } 
+          .prose table { width: auto; max-width: 100%; table-layout: fixed; border-collapse: collapse; margin: 1em 0; }
+          .prose td, .prose th { border: 1px solid #d1d5db; padding: 0.75rem; vertical-align: top; position: relative; }
+          .prose th { background-color: #f3f4f6; font-weight: 600; }
+          .prose h1 { font-size: 2.25em; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1.1; font-weight: 800; color: #111827; }
+          .prose h2 { font-size: 1.75em; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1.2; font-weight: 700; color: #1f2937; }
+          .prose h3 { font-size: 1.5em; margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1.3; font-weight: 600; color: #374151; }
+          .prose ul { list-style-type: disc; padding-left: 1.5em; margin: 0.5em 0; }
+          .prose ol { list-style-type: decimal; padding-left: 1.5em; margin: 0.5em 0; }
+          .prose li { margin: 0.5em 0; }
+          .prose blockquote { border-left: 4px solid #6366f1; padding-left: 1rem; margin: 1rem 0; font-style: italic; color: #4b5563; background: #f9fafb; padding: 1rem; border-radius: 0 0.5rem 0.5rem 0; }
+          .prose pre { background-color: #1e293b; color: #e2e8f0; padding: 1rem; border-radius: 0.5rem; overflow-x: auto; font-family: monospace; }
+          .prose img { border-radius: 0.5rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); }
+          .prose hr { border: 0; border-top: 1px solid #e5e7eb; margin: 2em 0; }
+          ::selection { background-color: #c7d2fe; color: #1e1b4b; }
+        ` })
+  ] });
+});
+export {
+  hr as default
+};