@anilkumarteach/editor-ak 0.1.0

package/dist/index.js

@@ -0,0 +1,2454 @@
+import gt, { useState as R, useRef as F, useEffect as z, useCallback as C } from "react";
+var Me = { exports: {} }, be = {};
+var ut;
+function Ft() {
+  if (ut) return be;
+  ut = 1;
+  var r = gt, n = /* @__PURE__ */ Symbol.for("react.element"), d = /* @__PURE__ */ Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, i = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(m, x, k) {
+    var p, j = {}, h = null, f = null;
+    k !== void 0 && (h = "" + k), x.key !== void 0 && (h = "" + x.key), x.ref !== void 0 && (f = x.ref);
+    for (p in x) o.call(x, p) && !s.hasOwnProperty(p) && (j[p] = x[p]);
+    if (m && m.defaultProps) for (p in x = m.defaultProps, x) j[p] === void 0 && (j[p] = x[p]);
+    return { $$typeof: n, type: m, key: h, ref: f, props: j, _owner: i.current };
+  }
+  return be.Fragment = d, be.jsx = c, be.jsxs = c, be;
+}
+var je = {};
+var ft;
+function Ut() {
+  return ft || (ft = 1, process.env.NODE_ENV !== "production" && (function() {
+    var r = gt, n = /* @__PURE__ */ Symbol.for("react.element"), d = /* @__PURE__ */ Symbol.for("react.portal"), o = /* @__PURE__ */ Symbol.for("react.fragment"), i = /* @__PURE__ */ Symbol.for("react.strict_mode"), s = /* @__PURE__ */ Symbol.for("react.profiler"), c = /* @__PURE__ */ Symbol.for("react.provider"), m = /* @__PURE__ */ Symbol.for("react.context"), x = /* @__PURE__ */ Symbol.for("react.forward_ref"), k = /* @__PURE__ */ Symbol.for("react.suspense"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), j = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), f = /* @__PURE__ */ Symbol.for("react.offscreen"), g = Symbol.iterator, N = "@@iterator";
+    function M(t) {
+      if (t === null || typeof t != "object")
+        return null;
+      var a = g && t[g] || t[N];
+      return typeof a == "function" ? a : null;
+    }
+    var S = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function I(t) {
+      {
+        for (var a = arguments.length, u = new Array(a > 1 ? a - 1 : 0), b = 1; b < a; b++)
+          u[b - 1] = arguments[b];
+        Z("error", t, u);
+      }
+    }
+    function Z(t, a, u) {
+      {
+        var b = S.ReactDebugCurrentFrame, E = b.getStackAddendum();
+        E !== "" && (a += "%s", u = u.concat([E]));
+        var $ = u.map(function(T) {
+          return String(T);
+        });
+        $.unshift("Warning: " + a), Function.prototype.apply.call(console[t], console, $);
+      }
+    }
+    var _ = !1, U = !1, H = !1, ae = !1, ke = !1, ye;
+    ye = /* @__PURE__ */ Symbol.for("react.module.reference");
+    function Pe(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === o || t === s || ke || t === i || t === k || t === p || ae || t === f || _ || U || H || typeof t == "object" && t !== null && (t.$$typeof === h || t.$$typeof === j || t.$$typeof === c || t.$$typeof === m || t.$$typeof === x || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      t.$$typeof === ye || t.getModuleId !== void 0));
+    }
+    function we(t, a, u) {
+      var b = t.displayName;
+      if (b)
+        return b;
+      var E = a.displayName || a.name || "";
+      return E !== "" ? u + "(" + E + ")" : u;
+    }
+    function B(t) {
+      return t.displayName || "Context";
+    }
+    function X(t) {
+      if (t == null)
+        return null;
+      if (typeof t.tag == "number" && I("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
+        return t.displayName || t.name || null;
+      if (typeof t == "string")
+        return t;
+      switch (t) {
+        case o:
+          return "Fragment";
+        case d:
+          return "Portal";
+        case s:
+          return "Profiler";
+        case i:
+          return "StrictMode";
+        case k:
+          return "Suspense";
+        case p:
+          return "SuspenseList";
+      }
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case m:
+            var a = t;
+            return B(a) + ".Consumer";
+          case c:
+            var u = t;
+            return B(u._context) + ".Provider";
+          case x:
+            return we(t, t.render, "ForwardRef");
+          case j:
+            var b = t.displayName || null;
+            return b !== null ? b : X(t.type) || "Memo";
+          case h: {
+            var E = t, $ = E._payload, T = E._init;
+            try {
+              return X(T($));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var K = Object.assign, ee = 0, Ce, Ne, me, Le, Te, Se, W;
+    function Y() {
+    }
+    Y.__reactDisabledLog = !0;
+    function Ae() {
+      {
+        if (ee === 0) {
+          Ce = console.log, Ne = console.info, me = console.warn, Le = console.error, Te = console.group, Se = console.groupCollapsed, W = console.groupEnd;
+          var t = {
+            configurable: !0,
+            enumerable: !0,
+            value: Y,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: t,
+            log: t,
+            warn: t,
+            error: t,
+            group: t,
+            groupCollapsed: t,
+            groupEnd: t
+          });
+        }
+        ee++;
+      }
+    }
+    function He() {
+      {
+        if (ee--, ee === 0) {
+          var t = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: K({}, t, {
+              value: Ce
+            }),
+            info: K({}, t, {
+              value: Ne
+            }),
+            warn: K({}, t, {
+              value: me
+            }),
+            error: K({}, t, {
+              value: Le
+            }),
+            group: K({}, t, {
+              value: Te
+            }),
+            groupCollapsed: K({}, t, {
+              value: Se
+            }),
+            groupEnd: K({}, t, {
+              value: W
+            })
+          });
+        }
+        ee < 0 && I("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var he = S.ReactCurrentDispatcher, pe;
+    function Q(t, a, u) {
+      {
+        if (pe === void 0)
+          try {
+            throw Error();
+          } catch (E) {
+            var b = E.stack.trim().match(/\n( *(at )?)/);
+            pe = b && b[1] || "";
+          }
+        return `
+` + pe + t;
+      }
+    }
+    var xe = !1, te;
+    {
+      var Be = typeof WeakMap == "function" ? WeakMap : Map;
+      te = new Be();
+    }
+    function ie(t, a) {
+      if (!t || xe)
+        return "";
+      {
+        var u = te.get(t);
+        if (u !== void 0)
+          return u;
+      }
+      var b;
+      xe = !0;
+      var E = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var $;
+      $ = he.current, he.current = null, Ae();
+      try {
+        if (a) {
+          var T = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(T.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(T, []);
+            } catch (q) {
+              b = q;
+            }
+            Reflect.construct(t, [], T);
+          } else {
+            try {
+              T.call();
+            } catch (q) {
+              b = q;
+            }
+            t.call(T.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (q) {
+            b = q;
+          }
+          t();
+        }
+      } catch (q) {
+        if (q && b && typeof q.stack == "string") {
+          for (var w = q.stack.split(`
+`), V = b.stack.split(`
+`), O = w.length - 1, P = V.length - 1; O >= 1 && P >= 0 && w[O] !== V[P]; )
+            P--;
+          for (; O >= 1 && P >= 0; O--, P--)
+            if (w[O] !== V[P]) {
+              if (O !== 1 || P !== 1)
+                do
+                  if (O--, P--, P < 0 || w[O] !== V[P]) {
+                    var J = `
+` + w[O].replace(" at new ", " at ");
+                    return t.displayName && J.includes("<anonymous>") && (J = J.replace("<anonymous>", t.displayName)), typeof t == "function" && te.set(t, J), J;
+                  }
+                while (O >= 1 && P >= 0);
+              break;
+            }
+        }
+      } finally {
+        xe = !1, he.current = $, He(), Error.prepareStackTrace = E;
+      }
+      var fe = t ? t.displayName || t.name : "", oe = fe ? Q(fe) : "";
+      return typeof t == "function" && te.set(t, oe), oe;
+    }
+    function ge(t, a, u) {
+      return ie(t, !1);
+    }
+    function le(t) {
+      var a = t.prototype;
+      return !!(a && a.isReactComponent);
+    }
+    function ce(t, a, u) {
+      if (t == null)
+        return "";
+      if (typeof t == "function")
+        return ie(t, le(t));
+      if (typeof t == "string")
+        return Q(t);
+      switch (t) {
+        case k:
+          return Q("Suspense");
+        case p:
+          return Q("SuspenseList");
+      }
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case x:
+            return ge(t.render);
+          case j:
+            return ce(t.type, a, u);
+          case h: {
+            var b = t, E = b._payload, $ = b._init;
+            try {
+              return ce($(E), a, u);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var re = Object.prototype.hasOwnProperty, Re = {}, Ee = S.ReactDebugCurrentFrame;
+    function de(t) {
+      if (t) {
+        var a = t._owner, u = ce(t.type, t._source, a ? a.type : null);
+        Ee.setExtraStackFrame(u);
+      } else
+        Ee.setExtraStackFrame(null);
+    }
+    function We(t, a, u, b, E) {
+      {
+        var $ = Function.call.bind(re);
+        for (var T in t)
+          if ($(t, T)) {
+            var w = void 0;
+            try {
+              if (typeof t[T] != "function") {
+                var V = Error((b || "React class") + ": " + u + " type `" + T + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[T] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw V.name = "Invariant Violation", V;
+              }
+              w = t[T](a, T, b, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (O) {
+              w = O;
+            }
+            w && !(w instanceof Error) && (de(E), I("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", b || "React class", u, T, typeof w), de(null)), w instanceof Error && !(w.message in Re) && (Re[w.message] = !0, de(E), I("Failed %s type: %s", u, w.message), de(null));
+          }
+      }
+    }
+    var Ve = Array.isArray;
+    function ve(t) {
+      return Ve(t);
+    }
+    function Fe(t) {
+      {
+        var a = typeof Symbol == "function" && Symbol.toStringTag, u = a && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return u;
+      }
+    }
+    function l(t) {
+      try {
+        return y(t), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function y(t) {
+      return "" + t;
+    }
+    function L(t) {
+      if (l(t))
+        return I("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Fe(t)), y(t);
+    }
+    var v = S.ReactCurrentOwner, D = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, G, ne;
+    function Ue(t) {
+      if (re.call(t, "ref")) {
+        var a = Object.getOwnPropertyDescriptor(t, "ref").get;
+        if (a && a.isReactWarning)
+          return !1;
+      }
+      return t.ref !== void 0;
+    }
+    function qe(t) {
+      if (re.call(t, "key")) {
+        var a = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (a && a.isReactWarning)
+          return !1;
+      }
+      return t.key !== void 0;
+    }
+    function ze(t, a) {
+      typeof t.ref == "string" && v.current;
+    }
+    function Ye(t, a) {
+      {
+        var u = function() {
+          G || (G = !0, I("%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://reactjs.org/link/special-props)", a));
+        };
+        u.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: u,
+          configurable: !0
+        });
+      }
+    }
+    function _e(t, a) {
+      {
+        var u = function() {
+          ne || (ne = !0, I("%s: `ref` 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://reactjs.org/link/special-props)", a));
+        };
+        u.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: u,
+          configurable: !0
+        });
+      }
+    }
+    var $e = function(t, a, u, b, E, $, T) {
+      var w = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: n,
+        // Built-in properties that belong on the element
+        type: t,
+        key: a,
+        ref: u,
+        props: T,
+        // Record the component responsible for creating this element.
+        _owner: $
+      };
+      return w._store = {}, Object.defineProperty(w._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(w, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: b
+      }), Object.defineProperty(w, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: E
+      }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
+    };
+    function $t(t, a, u, b, E) {
+      {
+        var $, T = {}, w = null, V = null;
+        u !== void 0 && (L(u), w = "" + u), qe(a) && (L(a.key), w = "" + a.key), Ue(a) && (V = a.ref, ze(a, E));
+        for ($ in a)
+          re.call(a, $) && !D.hasOwnProperty($) && (T[$] = a[$]);
+        if (t && t.defaultProps) {
+          var O = t.defaultProps;
+          for ($ in O)
+            T[$] === void 0 && (T[$] = O[$]);
+        }
+        if (w || V) {
+          var P = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          w && Ye(T, P), V && _e(T, P);
+        }
+        return $e(t, w, V, E, b, v.current, T);
+      }
+    }
+    var Je = S.ReactCurrentOwner, ot = S.ReactDebugCurrentFrame;
+    function ue(t) {
+      if (t) {
+        var a = t._owner, u = ce(t.type, t._source, a ? a.type : null);
+        ot.setExtraStackFrame(u);
+      } else
+        ot.setExtraStackFrame(null);
+    }
+    var Ke;
+    Ke = !1;
+    function Ge(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === n;
+    }
+    function st() {
+      {
+        if (Je.current) {
+          var t = X(Je.current.type);
+          if (t)
+            return `
+
+Check the render method of \`` + t + "`.";
+        }
+        return "";
+      }
+    }
+    function Mt(t) {
+      return "";
+    }
+    var at = {};
+    function It(t) {
+      {
+        var a = st();
+        if (!a) {
+          var u = typeof t == "string" ? t : t.displayName || t.name;
+          u && (a = `
+
+Check the top-level render call using <` + u + ">.");
+        }
+        return a;
+      }
+    }
+    function it(t, a) {
+      {
+        if (!t._store || t._store.validated || t.key != null)
+          return;
+        t._store.validated = !0;
+        var u = It(a);
+        if (at[u])
+          return;
+        at[u] = !0;
+        var b = "";
+        t && t._owner && t._owner !== Je.current && (b = " It was passed a child from " + X(t._owner.type) + "."), ue(t), I('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, b), ue(null);
+      }
+    }
+    function lt(t, a) {
+      {
+        if (typeof t != "object")
+          return;
+        if (ve(t))
+          for (var u = 0; u < t.length; u++) {
+            var b = t[u];
+            Ge(b) && it(b, a);
+          }
+        else if (Ge(t))
+          t._store && (t._store.validated = !0);
+        else if (t) {
+          var E = M(t);
+          if (typeof E == "function" && E !== t.entries)
+            for (var $ = E.call(t), T; !(T = $.next()).done; )
+              Ge(T.value) && it(T.value, a);
+        }
+      }
+    }
+    function Dt(t) {
+      {
+        var a = t.type;
+        if (a == null || typeof a == "string")
+          return;
+        var u;
+        if (typeof a == "function")
+          u = a.propTypes;
+        else if (typeof a == "object" && (a.$$typeof === x || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        a.$$typeof === j))
+          u = a.propTypes;
+        else
+          return;
+        if (u) {
+          var b = X(a);
+          We(u, t.props, "prop", b, t);
+        } else if (a.PropTypes !== void 0 && !Ke) {
+          Ke = !0;
+          var E = X(a);
+          I("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", E || "Unknown");
+        }
+        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && I("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Ot(t) {
+      {
+        for (var a = Object.keys(t.props), u = 0; u < a.length; u++) {
+          var b = a[u];
+          if (b !== "children" && b !== "key") {
+            ue(t), I("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", b), ue(null);
+            break;
+          }
+        }
+        t.ref !== null && (ue(t), I("Invalid attribute `ref` supplied to `React.Fragment`."), ue(null));
+      }
+    }
+    var ct = {};
+    function dt(t, a, u, b, E, $) {
+      {
+        var T = Pe(t);
+        if (!T) {
+          var w = "";
+          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (w += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var V = Mt();
+          V ? w += V : w += st();
+          var O;
+          t === null ? O = "null" : ve(t) ? O = "array" : t !== void 0 && t.$$typeof === n ? (O = "<" + (X(t.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : O = typeof t, I("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", O, w);
+        }
+        var P = $t(t, a, u, E, $);
+        if (P == null)
+          return P;
+        if (T) {
+          var J = a.children;
+          if (J !== void 0)
+            if (b)
+              if (ve(J)) {
+                for (var fe = 0; fe < J.length; fe++)
+                  lt(J[fe], t);
+                Object.freeze && Object.freeze(J);
+              } else
+                I("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
+              lt(J, t);
+        }
+        if (re.call(a, "key")) {
+          var oe = X(t), q = Object.keys(a).filter(function(Vt) {
+            return Vt !== "key";
+          }), Xe = q.length > 0 ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ct[oe + Xe]) {
+            var Wt = q.length > 0 ? "{" + q.join(": ..., ") + ": ...}" : "{}";
+            I(`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} />`, Xe, oe, Wt, oe), ct[oe + Xe] = !0;
+          }
+        }
+        return t === o ? Ot(P) : Dt(P), P;
+      }
+    }
+    function Pt(t, a, u) {
+      return dt(t, a, u, !0);
+    }
+    function At(t, a, u) {
+      return dt(t, a, u, !1);
+    }
+    var Ht = At, Bt = Pt;
+    je.Fragment = o, je.jsx = Ht, je.jsxs = Bt;
+  })()), je;
+}
+var mt;
+function qt() {
+  return mt || (mt = 1, process.env.NODE_ENV === "production" ? Me.exports = Ft() : Me.exports = Ut()), Me.exports;
+}
+var e = qt();
+const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("path", { d: "M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" })
+] }), bt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("line", { x1: "19", y1: "4", x2: "10", y2: "4" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "14", y1: "20", x2: "5", y2: "20" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "15", y1: "4", x2: "9", y2: "20" })
+] }), jt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "4", y1: "20", x2: "20", y2: "20" })
+] }), kt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M14 12a4 4 0 0 1 0 8H6" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "4", y1: "12", x2: "20", y2: "12" })
+] }), yt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "6", x2: "21", y2: "6" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "12", x2: "21", y2: "12" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "8", y1: "18", x2: "21", y2: "18" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "3", y1: "6", x2: "3.01", y2: "6" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "3", y1: "12", x2: "3.01", y2: "12" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "3", y1: "18", x2: "3.01", y2: "18" })
+] }), wt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("line", { x1: "10", y1: "6", x2: "21", y2: "6" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "10", y1: "12", x2: "21", y2: "12" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "10", y1: "18", x2: "21", y2: "18" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M4 6h1v4" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M4 10h2" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M6 18H4c0-1 2-2 2-3s-1-1.5-2-1" })
+] }), Ct = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("polyline", { points: "9 11 12 14 22 4" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" })
+] }), Nt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("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.031V21z" }),
+  /* @__PURE__ */ e.jsx("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 4v4z" })
+] }), De = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("polyline", { points: "16 18 22 12 16 6" }),
+  /* @__PURE__ */ e.jsx("polyline", { points: "8 6 2 12 8 18" })
+] }), Lt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsx("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) }), Oe = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("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.jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })
+] }), zt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("path", { d: "M3 7v6h6" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })
+] }), Yt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("path", { d: "M21 7v6h-6" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7" })
+] }), Tt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsx("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e.jsx("polyline", { points: "6 9 12 15 18 9" }) }), Jt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsx("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e.jsx("polyline", { points: "20 6 9 17 4 12" }) }), St = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("polyline", { points: "4 7 4 4 20 4 20 7" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "9", y1: "20", x2: "15", y2: "20" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "4", x2: "12", y2: "20" })
+] }), Rt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("path", { d: "M4 12h8" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M4 18V6" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M12 18V6" }),
+  /* @__PURE__ */ e.jsx("path", { d: "m17 12 3-2v8" })
+] }), Et = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("path", { d: "M4 12h8" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M4 18V6" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M12 18V6" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1" })
+] }), _t = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("path", { d: "M4 12h8" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M4 18V6" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M12 18V6" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2" })
+] }), Ie = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+] }), tt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }),
+  /* @__PURE__ */ e.jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }),
+  /* @__PURE__ */ e.jsx("polyline", { points: "21 15 16 10 5 21" })
+] }), rt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M3 9h18" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M3 15h18" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M9 3v18" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M15 3v18" })
+] }), Kt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+  /* @__PURE__ */ e.jsx("polyline", { points: "7 10 12 15 17 10" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+] }), Gt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+  /* @__PURE__ */ e.jsx("polyline", { points: "14 2 14 8 20 8" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "16", y1: "13", x2: "8", y2: "13" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "16", y1: "17", x2: "8", y2: "17" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "10", y1: "9", x2: "8", y2: "9" })
+] }), ht = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+  /* @__PURE__ */ e.jsx("polyline", { points: "17 8 12 3 7 8" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
+] }), et = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ e.jsx("polyline", { points: "12 6 12 12 16 14" })
+] }), Xt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("polyline", { points: "3 6 5 6 21 6" }),
+  /* @__PURE__ */ e.jsx("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.jsx("line", { x1: "10", y1: "11", x2: "10", y2: "17" }),
+  /* @__PURE__ */ e.jsx("line", { x1: "14", y1: "11", x2: "14", y2: "17" })
+] }), Qt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }),
+  /* @__PURE__ */ e.jsx("path", { d: "M3 3v5h5" })
+] }), Zt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { className: r, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+  /* @__PURE__ */ e.jsx("path", { d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z" }),
+  /* @__PURE__ */ e.jsx("polyline", { points: "14 2 14 8 20 8" }),
+  /* @__PURE__ */ e.jsx("circle", { cx: "10", cy: "13", r: "2" }),
+  /* @__PURE__ */ e.jsx("path", { d: "m20 17-1.09-1.09a2 2 0 0 0-2.82 0L10 22" })
+] }), nt = ({
+  content: r,
+  children: n,
+  position: d = "bottom",
+  shortcut: o
+}) => {
+  const [i, s] = R(!1), [c, m] = R({ x: 0, y: 0 }), x = F(null), k = F(null), p = F(), j = () => {
+    p.current = window.setTimeout(() => {
+      s(!0);
+    }, 400);
+  }, h = () => {
+    p.current && clearTimeout(p.current), s(!1);
+  };
+  return z(() => {
+    if (i && x.current && k.current) {
+      const f = x.current.getBoundingClientRect(), g = k.current.getBoundingClientRect();
+      let N = 0, M = 0;
+      switch (d) {
+        case "top":
+          N = f.left + (f.width - g.width) / 2, M = f.top - g.height - 8;
+          break;
+        case "bottom":
+          N = f.left + (f.width - g.width) / 2, M = f.bottom + 8;
+          break;
+        case "left":
+          N = f.left - g.width - 8, M = f.top + (f.height - g.height) / 2;
+          break;
+        case "right":
+          N = f.right + 8, M = f.top + (f.height - g.height) / 2;
+          break;
+      }
+      N = Math.max(8, Math.min(N, window.innerWidth - g.width - 8)), M = Math.max(8, Math.min(M, window.innerHeight - g.height - 8)), m({ x: N, y: M });
+    }
+  }, [i, d]), z(() => () => {
+    p.current && clearTimeout(p.current);
+  }, []), /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        ref: x,
+        onMouseEnter: j,
+        onMouseLeave: h,
+        onFocus: j,
+        onBlur: h,
+        className: "inline-flex",
+        children: n
+      }
+    ),
+    i && /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        ref: k,
+        className: "fixed z-50 px-2.5 py-1.5 text-xs font-medium rounded-md shadow-lg animate-fade-in pointer-events-none bg-tooltip text-tooltip-foreground",
+        style: {
+          left: c.x,
+          top: c.y
+        },
+        children: [
+          /* @__PURE__ */ e.jsx("span", { children: r }),
+          o && /* @__PURE__ */ e.jsx("span", { className: "ml-2 opacity-70 font-mono", children: o })
+        ]
+      }
+    )
+  ] });
+}, A = ({
+  icon: r,
+  tooltip: n,
+  shortcut: d,
+  isActive: o = !1,
+  onClick: i,
+  disabled: s = !1
+}) => {
+  const c = "p-2 rounded-md transition-all duration-150 flex items-center justify-center hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 disabled:opacity-40 disabled:cursor-not-allowed", m = o ? "bg-accent text-accent-foreground" : "";
+  return /* @__PURE__ */ e.jsx(nt, { content: n, shortcut: d, children: /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: i,
+      disabled: s,
+      className: `${c} ${m}`,
+      "aria-pressed": o,
+      children: r
+    }
+  ) });
+}, Qe = [
+  { name: "DM Sans", value: "dm-sans", className: "font-sans-editor" },
+  { name: "Merriweather", value: "merriweather", className: "font-serif-editor" },
+  { name: "Playfair Display", value: "playfair", className: "font-display-editor" },
+  { name: "JetBrains Mono", value: "jetbrains", className: "font-mono-editor" },
+  { name: "Arial", value: "arial", className: "font-arial" },
+  { name: "Georgia", value: "georgia", className: "font-georgia" },
+  { name: "Verdana", value: "verdana", className: "font-verdana" },
+  { name: "Courier New", value: "courier", className: "font-courier" },
+  { name: "Times New Roman", value: "times", className: "font-times" }
+], er = ({ currentFont: r, onFontChange: n }) => {
+  const [d, o] = R(!1), i = F(null), s = Qe.find((c) => c.value === r) || Qe[0];
+  return z(() => {
+    const c = (m) => {
+      i.current && !i.current.contains(m.target) && o(!1);
+    };
+    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
+  }, []), /* @__PURE__ */ e.jsxs("div", { className: "relative", ref: i, children: [
+    /* @__PURE__ */ e.jsx(nt, { content: "Font family", children: /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => o(!d),
+        className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md transition-all duration-150 hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 text-sm font-medium min-w-[140px] justify-between ${d ? "bg-secondary" : ""}`,
+        children: [
+          /* @__PURE__ */ e.jsx("span", { className: s.className, children: s.name }),
+          /* @__PURE__ */ e.jsx(Tt, { className: `w-4 h-4 transition-transform duration-200 ${d ? "rotate-180" : ""}` })
+        ]
+      }
+    ) }),
+    d && /* @__PURE__ */ e.jsx("div", { className: "absolute top-full left-0 mt-1 w-52 py-1 rounded-lg shadow-dropdown animate-scale-in z-50 bg-popover border border-border", children: Qe.map((c) => /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          n(c), o(!1);
+        },
+        className: `w-full flex items-center gap-3 px-3 py-2 text-sm transition-colors hover:bg-accent ${c.value === r ? "bg-accent" : ""}`,
+        children: [
+          /* @__PURE__ */ e.jsx("span", { className: `flex-1 text-left ${c.className}`, children: c.name }),
+          c.value === r && /* @__PURE__ */ e.jsx(Jt, { className: "w-4 h-4 text-primary" })
+        ]
+      },
+      c.value
+    )) })
+  ] });
+}, Ze = [
+  { name: "Paragraph", value: "p", icon: /* @__PURE__ */ e.jsx(St, { className: "w-4 h-4" }) },
+  { name: "Heading 1", value: "h1", icon: /* @__PURE__ */ e.jsx(Rt, { className: "w-4 h-4" }) },
+  { name: "Heading 2", value: "h2", icon: /* @__PURE__ */ e.jsx(Et, { className: "w-4 h-4" }) },
+  { name: "Heading 3", value: "h3", icon: /* @__PURE__ */ e.jsx(_t, { className: "w-4 h-4" }) }
+], tr = ({ currentHeading: r, onHeadingChange: n }) => {
+  const [d, o] = R(!1), i = F(null), s = Ze.find((c) => c.value === r) || Ze[0];
+  return z(() => {
+    const c = (m) => {
+      i.current && !i.current.contains(m.target) && o(!1);
+    };
+    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
+  }, []), /* @__PURE__ */ e.jsxs("div", { className: "relative", ref: i, children: [
+    /* @__PURE__ */ e.jsx(nt, { content: "Text style", children: /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => o(!d),
+        className: `flex items-center gap-1.5 px-3 py-1.5 rounded-md transition-all duration-150 hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 text-sm font-medium min-w-[120px] justify-between ${d ? "bg-secondary" : ""}`,
+        children: [
+          /* @__PURE__ */ e.jsxs("span", { className: "flex items-center gap-2", children: [
+            s.icon,
+            s.name
+          ] }),
+          /* @__PURE__ */ e.jsx(Tt, { className: `w-4 h-4 transition-transform duration-200 ${d ? "rotate-180" : ""}` })
+        ]
+      }
+    ) }),
+    d && /* @__PURE__ */ e.jsx("div", { className: "absolute top-full left-0 mt-1 w-44 py-1 rounded-lg shadow-dropdown animate-scale-in z-50 bg-popover border border-border", children: Ze.map((c) => /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          n(c.value), o(!1);
+        },
+        className: `w-full flex items-center gap-3 px-3 py-2 text-sm transition-colors hover:bg-accent ${c.value === r ? "bg-accent" : ""}`,
+        children: [
+          c.icon,
+          /* @__PURE__ */ e.jsx("span", { className: `${c.value === "h1" ? "text-lg font-bold" : ""} ${c.value === "h2" ? "text-base font-semibold" : ""} ${c.value === "h3" ? "text-sm font-semibold" : ""}`, children: c.name })
+        ]
+      },
+      c.value
+    )) })
+  ] });
+}, rr = ({
+  formatState: r,
+  currentFont: n,
+  onFormat: d,
+  onFontChange: o,
+  onHeadingChange: i,
+  onUndo: s,
+  onRedo: c,
+  canUndo: m,
+  canRedo: x,
+  onInsertLink: k
+}) => /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 px-3 py-2 border-b rounded-t-lg flex-wrap bg-toolbar border-toolbar-border", children: [
+  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-0.5 mr-2", children: [
+    /* @__PURE__ */ e.jsx(
+      A,
+      {
+        icon: /* @__PURE__ */ e.jsx(zt, { className: "w-4 h-4" }),
+        tooltip: "Undo",
+        shortcut: "⌘Z",
+        onClick: s,
+        disabled: !m
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      A,
+      {
+        icon: /* @__PURE__ */ e.jsx(Yt, { className: "w-4 h-4" }),
+        tooltip: "Redo",
+        shortcut: "⌘⇧Z",
+        onClick: c,
+        disabled: !x
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e.jsx("div", { className: "w-px h-6 bg-border mx-1" }),
+  /* @__PURE__ */ e.jsx(er, { currentFont: n, onFontChange: o }),
+  /* @__PURE__ */ e.jsx(tr, { currentHeading: r.heading, onHeadingChange: i }),
+  /* @__PURE__ */ e.jsx("div", { className: "w-px h-6 bg-border mx-1" }),
+  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-0.5", children: [
+    /* @__PURE__ */ e.jsx(
+      A,
+      {
+        icon: /* @__PURE__ */ e.jsx(vt, { className: "w-4 h-4" }),
+        tooltip: "Bold",
+        shortcut: "⌘B",
+        isActive: r.bold,
+        onClick: () => d("bold")
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      A,
+      {
+        icon: /* @__PURE__ */ e.jsx(bt, { className: "w-4 h-4" }),
+        tooltip: "Italic",
+        shortcut: "⌘I",
+        isActive: r.italic,
+        onClick: () => d("italic")
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      A,
+      {
+        icon: /* @__PURE__ */ e.jsx(jt, { className: "w-4 h-4" }),
+        tooltip: "Underline",
+        shortcut: "⌘U",
+        isActive: r.underline,
+        onClick: () => d("underline")
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      A,
+      {
+        icon: /* @__PURE__ */ e.jsx(kt, { className: "w-4 h-4" }),
+        tooltip: "Strikethrough",
+        shortcut: "⌘⇧S",
+        isActive: r.strikethrough,
+        onClick: () => d("strikethrough")
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e.jsx("div", { className: "w-px h-6 bg-border mx-1" }),
+  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-0.5", children: [
+    /* @__PURE__ */ e.jsx(
+      A,
+      {
+        icon: /* @__PURE__ */ e.jsx(yt, { className: "w-4 h-4" }),
+        tooltip: "Bullet list",
+        shortcut: "⌘⇧8",
+        isActive: r.unorderedList,
+        onClick: () => d("unorderedList")
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      A,
+      {
+        icon: /* @__PURE__ */ e.jsx(wt, { className: "w-4 h-4" }),
+        tooltip: "Numbered list",
+        shortcut: "⌘⇧7",
+        isActive: r.orderedList,
+        onClick: () => d("orderedList")
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      A,
+      {
+        icon: /* @__PURE__ */ e.jsx(Ct, { className: "w-4 h-4" }),
+        tooltip: "Task list",
+        shortcut: "⌘⇧9",
+        isActive: r.taskList,
+        onClick: () => d("taskList")
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e.jsx("div", { className: "w-px h-6 bg-border mx-1" }),
+  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-0.5", children: [
+    /* @__PURE__ */ e.jsx(
+      A,
+      {
+        icon: /* @__PURE__ */ e.jsx(Nt, { className: "w-4 h-4" }),
+        tooltip: "Blockquote",
+        shortcut: "⌘⇧B",
+        isActive: r.blockquote,
+        onClick: () => d("blockquote")
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      A,
+      {
+        icon: /* @__PURE__ */ e.jsx(De, { className: "w-4 h-4" }),
+        tooltip: "Code block",
+        shortcut: "⌘⇧C",
+        isActive: r.code,
+        onClick: () => d("code")
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      A,
+      {
+        icon: /* @__PURE__ */ e.jsx(Lt, { className: "w-4 h-4" }),
+        tooltip: "Horizontal rule",
+        onClick: () => d("horizontalRule")
+      }
+    )
+  ] }),
+  /* @__PURE__ */ e.jsx("div", { className: "w-px h-6 bg-border mx-1" }),
+  /* @__PURE__ */ e.jsx(
+    A,
+    {
+      icon: /* @__PURE__ */ e.jsx(Oe, { className: "w-4 h-4" }),
+      tooltip: "Insert link",
+      shortcut: "⌘K",
+      onClick: k
+    }
+  )
+] }), nr = ({
+  formatState: r,
+  onFormat: n,
+  onInsertLink: d,
+  editorRef: o
+}) => {
+  const [i, s] = R(!1), [c, m] = R({ x: 0, y: 0 }), x = F(null);
+  return z(() => {
+    const k = () => {
+      const p = window.getSelection();
+      if (!p || p.isCollapsed || !o.current) {
+        s(!1);
+        return;
+      }
+      const j = p.getRangeAt(0);
+      if (!o.current.contains(j.commonAncestorContainer)) {
+        s(!1);
+        return;
+      }
+      if (!p.toString().trim()) {
+        s(!1);
+        return;
+      }
+      const f = j.getBoundingClientRect();
+      let g = f.left + f.width / 2, N = f.top - 50;
+      if (x.current) {
+        const M = x.current.offsetWidth || 300;
+        g = Math.max(M / 2 + 8, Math.min(g, window.innerWidth - M / 2 - 8));
+      }
+      N < 10 && (N = f.bottom + 10), m({ x: g, y: N }), s(!0);
+    };
+    return document.addEventListener("selectionchange", k), () => document.removeEventListener("selectionchange", k);
+  }, [o]), i ? /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ref: x,
+      className: "fixed z-50 flex items-center gap-0.5 px-2 py-1.5 rounded-lg shadow-floating animate-scale-in bg-popover border border-border",
+      style: {
+        left: c.x,
+        top: c.y,
+        transform: "translateX(-50%)"
+      },
+      onMouseDown: (k) => k.preventDefault(),
+      children: [
+        /* @__PURE__ */ e.jsx(
+          A,
+          {
+            icon: /* @__PURE__ */ e.jsx(vt, { className: "w-4 h-4" }),
+            tooltip: "Bold",
+            shortcut: "⌘B",
+            isActive: r.bold,
+            onClick: () => n("bold")
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          A,
+          {
+            icon: /* @__PURE__ */ e.jsx(bt, { className: "w-4 h-4" }),
+            tooltip: "Italic",
+            shortcut: "⌘I",
+            isActive: r.italic,
+            onClick: () => n("italic")
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          A,
+          {
+            icon: /* @__PURE__ */ e.jsx(jt, { className: "w-4 h-4" }),
+            tooltip: "Underline",
+            shortcut: "⌘U",
+            isActive: r.underline,
+            onClick: () => n("underline")
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          A,
+          {
+            icon: /* @__PURE__ */ e.jsx(kt, { className: "w-4 h-4" }),
+            tooltip: "Strikethrough",
+            isActive: r.strikethrough,
+            onClick: () => n("strikethrough")
+          }
+        ),
+        /* @__PURE__ */ e.jsx("div", { className: "w-px h-5 bg-border mx-1" }),
+        /* @__PURE__ */ e.jsx(
+          A,
+          {
+            icon: /* @__PURE__ */ e.jsx(De, { className: "w-4 h-4" }),
+            tooltip: "Inline code",
+            isActive: r.code,
+            onClick: () => n("inlineCode")
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          A,
+          {
+            icon: /* @__PURE__ */ e.jsx(Oe, { className: "w-4 h-4" }),
+            tooltip: "Insert link",
+            shortcut: "⌘K",
+            onClick: d
+          }
+        )
+      ]
+    }
+  ) : null;
+}, or = ({
+  isOpen: r,
+  onClose: n,
+  onInsert: d,
+  selectedText: o = ""
+}) => {
+  const [i, s] = R(""), [c, m] = R(o), x = F(null);
+  z(() => {
+    r && (m(o), s(""), setTimeout(() => x.current?.focus(), 100));
+  }, [r, o]);
+  const k = (p) => {
+    if (p.preventDefault(), i.trim()) {
+      let j = i.trim();
+      !j.startsWith("http://") && !j.startsWith("https://") && (j = "https://" + j), d(j, c || void 0), n();
+    }
+  };
+  return r ? /* @__PURE__ */ e.jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm animate-fade-in", children: /* @__PURE__ */ e.jsxs("div", { className: "w-full max-w-md p-6 rounded-xl shadow-floating animate-scale-in bg-card border border-border", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2 text-foreground", children: [
+        /* @__PURE__ */ e.jsx(Oe, { className: "w-5 h-5" }),
+        /* @__PURE__ */ e.jsx("h2", { className: "text-lg font-semibold", children: "Insert Link" })
+      ] }),
+      /* @__PURE__ */ e.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: n,
+          className: "p-1 rounded-md hover:bg-secondary transition-colors",
+          children: /* @__PURE__ */ e.jsx(Ie, { className: "w-5 h-5" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsxs("form", { onSubmit: k, className: "space-y-4", children: [
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("label", { className: "block text-sm font-medium mb-1.5 text-foreground", children: "URL" }),
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            ref: x,
+            type: "text",
+            value: i,
+            onChange: (p) => s(p.target.value),
+            placeholder: "https://example.com",
+            className: "w-full px-3 py-2 rounded-lg border transition-colors bg-background border-input focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent placeholder:text-muted-foreground"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("label", { className: "block text-sm font-medium mb-1.5 text-foreground", children: "Text (optional)" }),
+        /* @__PURE__ */ e.jsx(
+          "input",
+          {
+            type: "text",
+            value: c,
+            onChange: (p) => m(p.target.value),
+            placeholder: "Link text",
+            className: "w-full px-3 py-2 rounded-lg border transition-colors bg-background border-input focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent placeholder:text-muted-foreground"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: n,
+            className: "px-4 py-2 rounded-lg font-medium transition-colors bg-secondary text-secondary-foreground hover:bg-secondary/80",
+            children: "Cancel"
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "button",
+          {
+            type: "submit",
+            disabled: !i.trim(),
+            className: "px-4 py-2 rounded-lg font-medium transition-colors bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed",
+            children: "Insert"
+          }
+        )
+      ] })
+    ] })
+  ] }) }) : null;
+}, sr = [
+  { id: "paragraph", label: "Text", description: "Plain text paragraph", icon: /* @__PURE__ */ e.jsx(St, { className: "w-4 h-4" }), action: "paragraph", category: "Basic" },
+  { id: "h1", label: "Heading 1", description: "Large section heading", icon: /* @__PURE__ */ e.jsx(Rt, { className: "w-4 h-4" }), action: "h1", category: "Headings" },
+  { id: "h2", label: "Heading 2", description: "Medium section heading", icon: /* @__PURE__ */ e.jsx(Et, { className: "w-4 h-4" }), action: "h2", category: "Headings" },
+  { id: "h3", label: "Heading 3", description: "Small section heading", icon: /* @__PURE__ */ e.jsx(_t, { className: "w-4 h-4" }), action: "h3", category: "Headings" },
+  { id: "bulletList", label: "Bullet List", description: "Create a bulleted list", icon: /* @__PURE__ */ e.jsx(yt, { className: "w-4 h-4" }), action: "unorderedList", category: "Lists" },
+  { id: "numberedList", label: "Numbered List", description: "Create a numbered list", icon: /* @__PURE__ */ e.jsx(wt, { className: "w-4 h-4" }), action: "orderedList", category: "Lists" },
+  { id: "taskList", label: "Task List", description: "Create a task checklist", icon: /* @__PURE__ */ e.jsx(Ct, { className: "w-4 h-4" }), action: "taskList", category: "Lists" },
+  { id: "blockquote", label: "Quote", description: "Create a blockquote", icon: /* @__PURE__ */ e.jsx(Nt, { className: "w-4 h-4" }), action: "blockquote", category: "Blocks" },
+  { id: "codeBlock", label: "Code Block", description: "Add a code snippet", icon: /* @__PURE__ */ e.jsx(De, { className: "w-4 h-4" }), action: "code", category: "Blocks" },
+  { id: "divider", label: "Divider", description: "Visual separator line", icon: /* @__PURE__ */ e.jsx(Lt, { className: "w-4 h-4" }), action: "horizontalRule", category: "Blocks" },
+  { id: "table", label: "Table", description: "Insert a table", icon: /* @__PURE__ */ e.jsx(rt, { className: "w-4 h-4" }), action: "table", category: "Advanced" },
+  { id: "image", label: "Image", description: "Upload or embed image", icon: /* @__PURE__ */ e.jsx(tt, { className: "w-4 h-4" }), action: "image", category: "Advanced" }
+], ar = ({
+  isOpen: r,
+  position: n,
+  searchQuery: d,
+  onSelect: o,
+  onClose: i
+}) => {
+  const [s, c] = R(0), m = F(null), x = sr.filter(
+    (h) => h.label.toLowerCase().includes(d.toLowerCase()) || h.description.toLowerCase().includes(d.toLowerCase())
+  ), k = x.reduce((h, f) => (h[f.category] || (h[f.category] = []), h[f.category].push(f), h), {});
+  z(() => {
+    c(0);
+  }, [d]), z(() => {
+    const h = (f) => {
+      m.current && !m.current.contains(f.target) && i();
+    };
+    return r && document.addEventListener("mousedown", h), () => {
+      document.removeEventListener("mousedown", h);
+    };
+  }, [r, i]);
+  const p = C(
+    (h) => {
+      if (r)
+        switch (h.key) {
+          case "ArrowDown":
+            h.preventDefault(), c((f) => (f + 1) % x.length);
+            break;
+          case "ArrowUp":
+            h.preventDefault(), c((f) => (f - 1 + x.length) % x.length);
+            break;
+          case "Enter":
+            h.preventDefault(), x[s] && o(x[s].action);
+            break;
+          case "Escape":
+            h.preventDefault(), i();
+            break;
+        }
+    },
+    [r, x, s, o, i]
+  );
+  if (z(() => (document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p)), [p]), !r || x.length === 0) return null;
+  let j = 0;
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      ref: m,
+      className: "fixed z-50 w-72 max-h-80 overflow-y-auto rounded-lg border shadow-lg animate-scale-in bg-popover border-border",
+      style: { top: n.top, left: n.left },
+      children: Object.entries(k).map(([h, f]) => /* @__PURE__ */ e.jsxs("div", { children: [
+        /* @__PURE__ */ e.jsx("div", { className: "px-3 py-2 text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: h }),
+        f.map((g) => {
+          const N = j++;
+          return /* @__PURE__ */ e.jsxs(
+            "button",
+            {
+              className: `w-full flex items-center gap-3 px-3 py-2 text-left transition-colors ${N === s ? "bg-accent text-accent-foreground" : "hover:bg-muted"}`,
+              onClick: () => o(g.action),
+              onMouseEnter: () => c(N),
+              children: [
+                /* @__PURE__ */ e.jsx("div", { className: "flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-md bg-secondary text-secondary-foreground", children: g.icon }),
+                /* @__PURE__ */ e.jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium", children: g.label }),
+                  /* @__PURE__ */ e.jsx("div", { className: "text-xs text-muted-foreground truncate", children: g.description })
+                ] })
+              ]
+            },
+            g.id
+          );
+        })
+      ] }, h))
+    }
+  );
+}, ir = ({ isOpen: r, onClose: n, onInsert: d }) => {
+  const [o, i] = R("upload"), [s, c] = R(""), [m, x] = R(""), [k, p] = R(!1), [j, h] = R(null), f = F(null), g = C((_) => {
+    if (!_.type.startsWith("image/")) {
+      alert("Please select an image file");
+      return;
+    }
+    const U = new FileReader();
+    U.onload = (H) => {
+      const ae = H.target?.result;
+      h(ae);
+    }, U.readAsDataURL(_);
+  }, []), N = C((_) => {
+    _.preventDefault(), p(!1);
+    const U = _.dataTransfer.files[0];
+    U && g(U);
+  }, [g]), M = C((_) => {
+    _.preventDefault(), p(!0);
+  }, []), S = C((_) => {
+    _.preventDefault(), p(!1);
+  }, []), I = () => {
+    const _ = o === "upload" ? j : s;
+    _ && (d(_, m || void 0), Z());
+  }, Z = () => {
+    c(""), x(""), h(null), n();
+  };
+  return r ? /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm animate-fade-in",
+      onClick: n,
+      children: /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: "w-full max-w-md rounded-xl border shadow-xl overflow-hidden animate-scale-in bg-card border-border",
+          onClick: (_) => _.stopPropagation(),
+          children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-border bg-muted/50", children: [
+              /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e.jsx(tt, { className: "w-5 h-5 text-muted-foreground" }),
+                /* @__PURE__ */ e.jsx("h3", { className: "font-semibold", children: "Insert Image" })
+              ] }),
+              /* @__PURE__ */ e.jsx(
+                "button",
+                {
+                  onClick: n,
+                  className: "text-muted-foreground hover:text-foreground transition-colors",
+                  children: /* @__PURE__ */ e.jsx(Ie, { className: "w-5 h-5" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "flex border-b border-border", children: [
+              /* @__PURE__ */ e.jsxs(
+                "button",
+                {
+                  onClick: () => i("upload"),
+                  className: `flex-1 px-4 py-2 text-sm font-medium transition-colors ${o === "upload" ? "border-b-2 border-primary text-primary" : "text-muted-foreground hover:text-foreground"}`,
+                  children: [
+                    /* @__PURE__ */ e.jsx(ht, { className: "w-4 h-4 inline mr-2" }),
+                    "Upload"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e.jsxs(
+                "button",
+                {
+                  onClick: () => i("url"),
+                  className: `flex-1 px-4 py-2 text-sm font-medium transition-colors ${o === "url" ? "border-b-2 border-primary text-primary" : "text-muted-foreground hover:text-foreground"}`,
+                  children: [
+                    /* @__PURE__ */ e.jsx(Oe, { className: "w-4 h-4 inline mr-2" }),
+                    "URL"
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "p-4 space-y-4", children: [
+              o === "upload" ? /* @__PURE__ */ e.jsxs(
+                "div",
+                {
+                  onDrop: N,
+                  onDragOver: M,
+                  onDragLeave: S,
+                  onClick: () => f.current?.click(),
+                  className: `border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${k ? "border-primary bg-primary/5" : "border-border hover:border-muted-foreground"} ${j ? "border-solid" : ""}`,
+                  children: [
+                    j ? /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+                      /* @__PURE__ */ e.jsx(
+                        "img",
+                        {
+                          src: j,
+                          alt: "Preview",
+                          className: "max-h-48 mx-auto rounded-lg"
+                        }
+                      ),
+                      /* @__PURE__ */ e.jsx(
+                        "button",
+                        {
+                          onClick: (_) => {
+                            _.stopPropagation(), h(null);
+                          },
+                          className: "absolute top-2 right-2 p-1 rounded-full bg-destructive text-destructive-foreground",
+                          children: /* @__PURE__ */ e.jsx(Ie, { className: "w-4 h-4" })
+                        }
+                      )
+                    ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                      /* @__PURE__ */ e.jsx(ht, { className: "w-10 h-10 mx-auto mb-2 text-muted-foreground" }),
+                      /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: "Drag and drop an image, or click to select" }),
+                      /* @__PURE__ */ e.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "Supports: JPG, PNG, GIF, WebP" })
+                    ] }),
+                    /* @__PURE__ */ e.jsx(
+                      "input",
+                      {
+                        ref: f,
+                        type: "file",
+                        accept: "image/*",
+                        className: "hidden",
+                        onChange: (_) => {
+                          const U = _.target.files?.[0];
+                          U && g(U);
+                        }
+                      }
+                    )
+                  ]
+                }
+              ) : /* @__PURE__ */ e.jsxs("div", { children: [
+                /* @__PURE__ */ e.jsx("label", { className: "block text-sm font-medium mb-1.5", children: "Image URL" }),
+                /* @__PURE__ */ e.jsx(
+                  "input",
+                  {
+                    type: "url",
+                    value: s,
+                    onChange: (_) => c(_.target.value),
+                    placeholder: "https://example.com/image.jpg",
+                    className: "w-full px-3 py-2 rounded-lg border text-sm bg-background border-input focus:outline-none focus:ring-2 focus:ring-ring"
+                  }
+                ),
+                s && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(
+                  "img",
+                  {
+                    src: s,
+                    alt: "Preview",
+                    className: "max-h-32 mx-auto rounded-lg",
+                    onError: (_) => {
+                      _.target.style.display = "none";
+                    }
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ e.jsxs("div", { children: [
+                /* @__PURE__ */ e.jsx("label", { className: "block text-sm font-medium mb-1.5", children: "Alt Text (optional)" }),
+                /* @__PURE__ */ e.jsx(
+                  "input",
+                  {
+                    type: "text",
+                    value: m,
+                    onChange: (_) => x(_.target.value),
+                    placeholder: "Describe the image...",
+                    className: "w-full px-3 py-2 rounded-lg border text-sm bg-background border-input focus:outline-none focus:ring-2 focus:ring-ring"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e.jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [
+                /* @__PURE__ */ e.jsx(
+                  "button",
+                  {
+                    onClick: Z,
+                    className: "px-4 py-2 rounded-lg text-sm font-medium transition-colors hover:bg-muted",
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  "button",
+                  {
+                    onClick: I,
+                    disabled: o === "upload" ? !j : !s,
+                    className: "px-4 py-2 rounded-lg text-sm font-medium transition-colors bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-50 disabled:cursor-not-allowed",
+                    children: "Insert Image"
+                  }
+                )
+              ] })
+            ] })
+          ]
+        }
+      )
+    }
+  ) : null;
+}, lr = ({ isOpen: r, onClose: n, onInsert: d }) => {
+  const [o, i] = R(3), [s, c] = R(3), [m, x] = R({ row: 0, col: 0 }), k = () => {
+    d(o, s), n();
+  };
+  return r ? /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm animate-fade-in",
+      onClick: n,
+      children: /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: "w-full max-w-sm rounded-xl border shadow-xl overflow-hidden animate-scale-in bg-card border-border",
+          onClick: (p) => p.stopPropagation(),
+          children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-border bg-muted/50", children: [
+              /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e.jsx(rt, { className: "w-5 h-5 text-muted-foreground" }),
+                /* @__PURE__ */ e.jsx("h3", { className: "font-semibold", children: "Insert Table" })
+              ] }),
+              /* @__PURE__ */ e.jsx(
+                "button",
+                {
+                  onClick: n,
+                  className: "text-muted-foreground hover:text-foreground transition-colors",
+                  children: /* @__PURE__ */ e.jsx(Ie, { className: "w-5 h-5" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "p-4 space-y-4", children: [
+              /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center", children: [
+                /* @__PURE__ */ e.jsx("div", { className: "grid gap-1 p-2 rounded-lg bg-muted/50", children: Array.from({ length: 6 }, (p, j) => /* @__PURE__ */ e.jsx("div", { className: "flex gap-1", children: Array.from({ length: 6 }, (h, f) => /* @__PURE__ */ e.jsx(
+                  "button",
+                  {
+                    className: `w-6 h-6 rounded border-2 transition-all ${j < m.row && f < m.col ? "bg-primary border-primary" : "border-border hover:border-muted-foreground"}`,
+                    onMouseEnter: () => x({ row: j + 1, col: f + 1 }),
+                    onClick: () => {
+                      i(j + 1), c(f + 1);
+                    }
+                  },
+                  f
+                )) }, j)) }),
+                /* @__PURE__ */ e.jsxs("p", { className: "text-sm text-muted-foreground mt-2", children: [
+                  m.row,
+                  " × ",
+                  m.col
+                ] })
+              ] }),
+              /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-4 justify-center", children: [
+                /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ e.jsx("label", { className: "text-sm font-medium", children: "Rows:" }),
+                  /* @__PURE__ */ e.jsx(
+                    "input",
+                    {
+                      type: "number",
+                      min: "1",
+                      max: "20",
+                      value: o,
+                      onChange: (p) => i(Math.max(1, Math.min(20, parseInt(p.target.value) || 1))),
+                      className: "w-16 px-2 py-1 rounded border text-sm text-center bg-background border-input focus:outline-none focus:ring-2 focus:ring-ring"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ e.jsx("label", { className: "text-sm font-medium", children: "Columns:" }),
+                  /* @__PURE__ */ e.jsx(
+                    "input",
+                    {
+                      type: "number",
+                      min: "1",
+                      max: "10",
+                      value: s,
+                      onChange: (p) => c(Math.max(1, Math.min(10, parseInt(p.target.value) || 1))),
+                      className: "w-16 px-2 py-1 rounded border text-sm text-center bg-background border-input focus:outline-none focus:ring-2 focus:ring-ring"
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ e.jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [
+                /* @__PURE__ */ e.jsx(
+                  "button",
+                  {
+                    onClick: n,
+                    className: "px-4 py-2 rounded-lg text-sm font-medium transition-colors hover:bg-muted",
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  "button",
+                  {
+                    onClick: k,
+                    className: "px-4 py-2 rounded-lg text-sm font-medium transition-colors bg-primary text-primary-foreground hover:bg-primary/90",
+                    children: "Insert Table"
+                  }
+                )
+              ] })
+            ] })
+          ]
+        }
+      )
+    }
+  ) : null;
+}, cr = ({
+  isOpen: r,
+  onClose: n,
+  versions: d,
+  onRestore: o,
+  onDelete: i
+}) => {
+  if (!r) return null;
+  const s = (c) => {
+    const m = new Date(c), k = (/* @__PURE__ */ new Date()).getTime() - m.getTime();
+    return k < 6e4 ? "Just now" : k < 36e5 ? `${Math.floor(k / 6e4)} min ago` : k < 864e5 ? `${Math.floor(k / 36e5)} hours ago` : m.toLocaleDateString("en-US", {
+      month: "short",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+  };
+  return /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-background/80 backdrop-blur-sm animate-fade-in",
+      onClick: n,
+      children: /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          className: "w-full max-w-md max-h-[70vh] rounded-xl border shadow-xl overflow-hidden animate-scale-in bg-card border-border",
+          onClick: (c) => c.stopPropagation(),
+          children: [
+            /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-border bg-muted/50", children: [
+              /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e.jsx(et, { className: "w-5 h-5 text-muted-foreground" }),
+                /* @__PURE__ */ e.jsx("h3", { className: "font-semibold", children: "Version History" })
+              ] }),
+              /* @__PURE__ */ e.jsx(
+                "button",
+                {
+                  onClick: n,
+                  className: "text-muted-foreground hover:text-foreground transition-colors text-lg",
+                  children: "✕"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e.jsx("div", { className: "overflow-y-auto max-h-96", children: d.length === 0 ? /* @__PURE__ */ e.jsxs("div", { className: "px-4 py-8 text-center text-muted-foreground", children: [
+              /* @__PURE__ */ e.jsx(et, { className: "w-10 h-10 mx-auto mb-2 opacity-50" }),
+              /* @__PURE__ */ e.jsx("p", { children: "No versions saved yet" }),
+              /* @__PURE__ */ e.jsx("p", { className: "text-sm", children: "Changes are automatically saved" })
+            ] }) : /* @__PURE__ */ e.jsx("div", { className: "divide-y divide-border", children: [...d].reverse().map((c, m) => /* @__PURE__ */ e.jsxs(
+              "div",
+              {
+                className: "px-4 py-3 hover:bg-muted/50 transition-colors group",
+                children: [
+                  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+                    /* @__PURE__ */ e.jsxs("div", { children: [
+                      /* @__PURE__ */ e.jsx("div", { className: "font-medium text-sm", children: m === 0 ? "Current Version" : c.title }),
+                      /* @__PURE__ */ e.jsx("div", { className: "text-xs text-muted-foreground", children: s(c.timestamp) })
+                    ] }),
+                    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity", children: [
+                      m !== 0 && /* @__PURE__ */ e.jsx(
+                        "button",
+                        {
+                          onClick: () => o(c.id),
+                          className: "p-1.5 rounded-md transition-colors hover:bg-primary/10 text-primary",
+                          title: "Restore this version",
+                          children: /* @__PURE__ */ e.jsx(Qt, { className: "w-4 h-4" })
+                        }
+                      ),
+                      /* @__PURE__ */ e.jsx(
+                        "button",
+                        {
+                          onClick: () => i(c.id),
+                          className: "p-1.5 rounded-md transition-colors hover:bg-destructive/10 text-destructive",
+                          title: "Delete this version",
+                          children: /* @__PURE__ */ e.jsx(Xt, { className: "w-4 h-4" })
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ e.jsxs("div", { className: "mt-1 text-xs text-muted-foreground line-clamp-2", children: [
+                    c.content.replace(/<[^>]*>/g, "").slice(0, 100),
+                    "..."
+                  ] })
+                ]
+              },
+              c.id
+            )) }) })
+          ]
+        }
+      )
+    }
+  );
+}, dr = ({
+  onExportHTML: r,
+  onExportMarkdown: n,
+  onExportPDF: d
+}) => {
+  const [o, i] = R(!1), s = F(null);
+  z(() => {
+    const m = (x) => {
+      s.current && !s.current.contains(x.target) && i(!1);
+    };
+    return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
+  }, []);
+  const c = [
+    { label: "Export as HTML", icon: /* @__PURE__ */ e.jsx(De, { className: "w-4 h-4" }), action: r },
+    { label: "Export as Markdown", icon: /* @__PURE__ */ e.jsx(Gt, { className: "w-4 h-4" }), action: n },
+    { label: "Export as PDF", icon: /* @__PURE__ */ e.jsx(Zt, { className: "w-4 h-4" }), action: d }
+  ];
+  return /* @__PURE__ */ e.jsxs("div", { ref: s, className: "relative", children: [
+    /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: () => i(!o),
+        className: `flex items-center gap-2 px-3 py-1.5 rounded-md text-sm font-medium transition-colors hover:bg-muted text-muted-foreground hover:text-foreground ${o ? "bg-muted text-foreground" : ""}`,
+        children: [
+          /* @__PURE__ */ e.jsx(Kt, { className: "w-4 h-4" }),
+          "Export"
+        ]
+      }
+    ),
+    o && /* @__PURE__ */ e.jsx("div", { className: "absolute top-full right-0 mt-1 w-48 rounded-lg border shadow-lg overflow-hidden z-50 animate-scale-in bg-popover border-border", children: c.map((m) => /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: () => {
+          m.action(), i(!1);
+        },
+        className: "w-full flex items-center gap-3 px-3 py-2.5 text-sm transition-colors hover:bg-muted text-left",
+        children: [
+          /* @__PURE__ */ e.jsx("span", { className: "text-muted-foreground", children: m.icon }),
+          m.label
+        ]
+      },
+      m.label
+    )) })
+  ] });
+}, ur = (r = "") => {
+  const [n, d] = R([{ content: r }]), [o, i] = R(0), s = F(0), c = C((j, h) => {
+    const f = Date.now();
+    f - s.current < 500 || (s.current = f, d((g) => {
+      const N = g.slice(0, o + 1);
+      return N[N.length - 1]?.content === j ? g : (N.length >= 100 && N.shift(), [...N, { content: j, cursorPosition: h }]);
+    }), i((g) => Math.min(g + 1, 99)));
+  }, [o]), m = C(() => o > 0 ? (i(o - 1), n[o - 1]) : null, [o, n]), x = C(() => o < n.length - 1 ? (i(o + 1), n[o + 1]) : null, [o, n]), k = o > 0, p = o < n.length - 1;
+  return {
+    saveToHistory: c,
+    undo: m,
+    redo: x,
+    canUndo: k,
+    canRedo: p
+  };
+}, fr = [
+  // Headers
+  { pattern: /^# (.+)$/, replacement: (r, n) => `<h1>${n}</h1>`, format: "h1" },
+  { pattern: /^## (.+)$/, replacement: (r, n) => `<h2>${n}</h2>`, format: "h2" },
+  { pattern: /^### (.+)$/, replacement: (r, n) => `<h3>${n}</h3>`, format: "h3" },
+  // Lists
+  { pattern: /^- (.+)$/, replacement: (r, n) => `<ul><li>${n}</li></ul>`, format: "unorderedList" },
+  { pattern: /^\* (.+)$/, replacement: (r, n) => `<ul><li>${n}</li></ul>`, format: "unorderedList" },
+  { pattern: /^\d+\. (.+)$/, replacement: (r, n) => `<ol><li>${n}</li></ol>`, format: "orderedList" },
+  // Task list
+  { pattern: /^- \[ \] (.+)$/, replacement: (r, n) => `<div class="task-item"><span class="task-checkbox"></span><span class="task-text">${n}</span></div>`, format: "taskList" },
+  { pattern: /^- \[x\] (.+)$/i, replacement: (r, n) => `<div class="task-item"><span class="task-checkbox checked"></span><span class="task-text completed">${n}</span></div>`, format: "taskList" },
+  // Blockquote
+  { pattern: /^> (.+)$/, replacement: (r, n) => `<blockquote>${n}</blockquote>`, format: "blockquote" },
+  // Code block
+  { pattern: /^```(.*)$/, replacement: () => "<pre><code></code></pre>", format: "code" },
+  // Horizontal rule
+  { pattern: /^---$/, replacement: () => "<hr>" },
+  { pattern: /^\*\*\*$/, replacement: () => "<hr>" }
+], mr = [
+  // Bold
+  { pattern: /\*\*(.+?)\*\*/, replacement: (r, n) => `<strong>${n}</strong>` },
+  { pattern: /__(.+?)__/, replacement: (r, n) => `<strong>${n}</strong>` },
+  // Italic
+  { pattern: /\*(.+?)\*/, replacement: (r, n) => `<em>${n}</em>` },
+  { pattern: /_(.+?)_/, replacement: (r, n) => `<em>${n}</em>` },
+  // Strikethrough
+  { pattern: /~~(.+?)~~/, replacement: (r, n) => `<s>${n}</s>` },
+  // Inline code
+  { pattern: /`(.+?)`/, replacement: (r, n) => `<code>${n}</code>` },
+  // Links
+  { pattern: /\[(.+?)\]\((.+?)\)/, replacement: (r, n, d) => `<a href="${d}">${n}</a>` }
+], hr = () => {
+  const r = C((d) => {
+    for (const { pattern: i, replacement: s, format: c } of fr)
+      if (d.match(i))
+        return {
+          html: d.replace(i, s),
+          format: c
+        };
+    let o = d;
+    for (const { pattern: i, replacement: s } of mr)
+      o = o.replace(i, s);
+    return o !== d ? { html: `<p>${o}</p>` } : { html: d };
+  }, []), n = C((d) => {
+    const o = [];
+    if (!d) return o;
+    let i = d;
+    for (; i; ) {
+      const s = i.tagName?.toLowerCase();
+      (s === "strong" || s === "b") && o.push("bold"), (s === "em" || s === "i") && o.push("italic"), s === "u" && o.push("underline"), (s === "s" || s === "strike" || s === "del") && o.push("strikethrough"), s === "code" && i.parentElement?.tagName?.toLowerCase() !== "pre" && o.push("inlineCode"), s === "pre" && o.push("code"), s === "blockquote" && o.push("blockquote"), s === "ul" && o.push("unorderedList"), s === "ol" && o.push("orderedList"), s === "h1" && o.push("h1"), s === "h2" && o.push("h2"), s === "h3" && o.push("h3"), i.classList?.contains("task-list") && o.push("taskList"), i = i.parentElement;
+    }
+    return [...new Set(o)];
+  }, []);
+  return {
+    processMarkdown: r,
+    detectActiveFormats: n
+  };
+}, se = "docuedit_documents", pr = 5e3, pt = 50, xr = (r = "default") => {
+  const [n, d] = R({
+    currentDocumentId: r,
+    versions: [],
+    lastSaved: null,
+    isSaving: !1
+  }), o = F(""), i = F(null);
+  z(() => {
+    const h = localStorage.getItem(se);
+    if (h)
+      try {
+        const g = JSON.parse(h)[r] || [];
+        d((N) => ({
+          ...N,
+          versions: g,
+          lastSaved: g.length > 0 ? g[g.length - 1].timestamp : null
+        }));
+      } catch (f) {
+        console.error("Failed to load autosave data:", f);
+      }
+  }, [r]);
+  const s = C((h, f = !1) => {
+    const g = localStorage.getItem(se), N = g ? JSON.parse(g) : {}, M = Date.now(), S = N[r] || [];
+    if (f || S.length === 0) {
+      const I = {
+        id: `v_${M}`,
+        content: h,
+        timestamp: M,
+        title: `Version ${S.length + 1}`
+      };
+      S.push(I), S.length > pt && S.splice(0, S.length - pt);
+    } else
+      S.length > 0 && (S[S.length - 1] = {
+        ...S[S.length - 1],
+        content: h,
+        timestamp: M
+      });
+    N[r] = S, localStorage.setItem(se, JSON.stringify(N)), d((I) => ({
+      ...I,
+      versions: S,
+      lastSaved: M,
+      isSaving: !1
+    }));
+  }, [r]), c = C((h, f = !1) => {
+    o.current = h, d((g) => ({ ...g, isSaving: !0 })), setTimeout(() => {
+      s(h, f);
+    }, 100);
+  }, [s]), m = C(() => {
+    o.current && s(o.current, !0);
+  }, [s]), x = C((h) => n.versions.find((g) => g.id === h)?.content || null, [n.versions]), k = C(() => n.versions.length === 0 ? null : n.versions[n.versions.length - 1].content, [n.versions]), p = C((h) => {
+    const f = localStorage.getItem(se), g = f ? JSON.parse(f) : {}, M = (g[r] || []).filter((S) => S.id !== h);
+    g[r] = M, localStorage.setItem(se, JSON.stringify(g)), d((S) => ({
+      ...S,
+      versions: M
+    }));
+  }, [r]), j = C(() => {
+    const h = localStorage.getItem(se), f = h ? JSON.parse(h) : {};
+    delete f[r], localStorage.setItem(se, JSON.stringify(f)), d((g) => ({
+      ...g,
+      versions: [],
+      lastSaved: null
+    }));
+  }, [r]);
+  return z(() => (i.current = setInterval(() => {
+    o.current && s(o.current, !1);
+  }, pr), () => {
+    i.current && clearInterval(i.current);
+  }), [s]), {
+    save: c,
+    createVersionSnapshot: m,
+    loadVersion: x,
+    getLatestContent: k,
+    deleteVersion: p,
+    clearAllVersions: j,
+    versions: n.versions,
+    lastSaved: n.lastSaved,
+    isSaving: n.isSaving
+  };
+}, gr = (r) => {
+  let n = r;
+  n = n.replace(/<div class="task-list">([\s\S]*?)<\/div>/gi, (o, i) => i), n = n.replace(/<div class="task-item">([\s\S]*?)<\/div>/gi, (o, i) => {
+    const s = i.includes("checked"), c = i.match(/<span class="task-text"[^>]*>([\s\S]*?)<\/span>/i), m = c ? c[1].trim() : "";
+    return s ? `- [x] ${m}
+` : `- [ ] ${m}
+`;
+  }), n = n.replace(/<span class="task-checkbox[^"]*"[^>]*><\/span>/gi, ""), n = n.replace(/<span class="task-text"[^>]*>([\s\S]*?)<\/span>/gi, "$1"), n = n.replace(/<h1[^>]*>([\s\S]*?)<\/h1>/gi, `# $1
+
+`), n = n.replace(/<h2[^>]*>([\s\S]*?)<\/h2>/gi, `## $1
+
+`), n = n.replace(/<h3[^>]*>([\s\S]*?)<\/h3>/gi, `### $1
+
+`), n = n.replace(/<h4[^>]*>([\s\S]*?)<\/h4>/gi, `#### $1
+
+`), n = n.replace(/<h5[^>]*>([\s\S]*?)<\/h5>/gi, `##### $1
+
+`), n = n.replace(/<h6[^>]*>([\s\S]*?)<\/h6>/gi, `###### $1
+
+`), n = n.replace(/<strong[^>]*>([\s\S]*?)<\/strong>/gi, "**$1**"), n = n.replace(/<b[^>]*>([\s\S]*?)<\/b>/gi, "**$1**"), n = n.replace(/<em[^>]*>([\s\S]*?)<\/em>/gi, "*$1*"), n = n.replace(/<i[^>]*>([\s\S]*?)<\/i>/gi, "*$1*"), n = n.replace(/<u[^>]*>([\s\S]*?)<\/u>/gi, "<u>$1</u>"), n = n.replace(/<s[^>]*>([\s\S]*?)<\/s>/gi, "~~$1~~"), n = n.replace(/<strike[^>]*>([\s\S]*?)<\/strike>/gi, "~~$1~~"), n = n.replace(/<pre[^>]*><code[^>]*>([\s\S]*?)<\/code><\/pre>/gi, "```\n$1\n```\n\n"), n = n.replace(/<code[^>]*>([\s\S]*?)<\/code>/gi, "`$1`"), n = n.replace(/<a[^>]*href="([^"]*)"[^>]*>([\s\S]*?)<\/a>/gi, "[$2]($1)"), n = n.replace(/<img[^>]*src="([^"]*)"[^>]*alt="([^"]*)"[^>]*\/?>/gi, "![$2]($1)"), n = n.replace(/<img[^>]*src="([^"]*)"[^>]*\/?>/gi, "![]($1)"), n = n.replace(/<ul[^>]*>([\s\S]*?)<\/ul>/gi, (o, i) => i.replace(/<li[^>]*>([\s\S]*?)<\/li>/gi, `- $1
+`) + `
+`), n = n.replace(/<ol[^>]*>([\s\S]*?)<\/ol>/gi, (o, i) => {
+    let s = 0;
+    return i.replace(/<li[^>]*>([\s\S]*?)<\/li>/gi, () => (s++, `${s}. $1
+`)) + `
+`;
+  }), n = n.replace(/<blockquote[^>]*>([\s\S]*?)<\/blockquote>/gi, (o, i) => i.split(`
+`).map((s) => `> ${s}`).join(`
+`) + `
+
+`), n = n.replace(/<hr[^>]*\/?>/gi, `
+---
+
+`), n = n.replace(/<p[^>]*>([\s\S]*?)<\/p>/gi, `$1
+
+`), n = n.replace(/<br[^>]*\/?>/gi, `
+`), n = n.replace(/<div[^>]*>([\s\S]*?)<\/div>/gi, `$1
+`), n = n.replace(/<[^>]+>/g, ""), n = n.replace(/\n{3,}/g, `
+
+`), n = n.trim();
+  const d = document.createElement("textarea");
+  return d.innerHTML = n, n = d.value, n;
+}, vr = (r, n = "Document") => {
+  const d = window.open("", "_blank");
+  if (!d) {
+    alert("Please allow pop-ups to export PDF");
+    return;
+  }
+  d.document.write(`
+    <!DOCTYPE html>
+    <html>
+      <head>
+        <title>${n}</title>
+        
+    <style>
+      body {
+        font-family: 'Georgia', serif;
+        max-width: 800px;
+        margin: 40px auto;
+        padding: 20px;
+        line-height: 1.6;
+        color: #333;
+      }
+      h1 { font-size: 2.5em; margin-bottom: 0.5em; }
+      h2 { font-size: 2em; margin-bottom: 0.4em; margin-top: 1.5em; }
+      h3 { font-size: 1.5em; margin-bottom: 0.3em; margin-top: 1.2em; }
+      p { margin-bottom: 1em; }
+      blockquote {
+        border-left: 3px solid #3b82f6;
+        padding-left: 1em;
+        margin: 1em 0;
+        color: #555;
+        font-style: italic;
+      }
+      pre {
+        background: #f5f5f5;
+        padding: 1em;
+        border-radius: 4px;
+        overflow-x: auto;
+      }
+      code {
+        background: #f5f5f5;
+        padding: 0.2em 0.4em;
+        border-radius: 3px;
+        font-family: 'Consolas', monospace;
+      }
+      pre code { background: transparent; padding: 0; }
+      ul, ol { margin: 1em 0; padding-left: 2em; }
+      li { margin-bottom: 0.5em; }
+      hr { border: none; border-top: 2px solid #eee; margin: 2em 0; }
+      img { max-width: 100%; height: auto; }
+      table { border-collapse: collapse; width: 100%; margin: 1em 0; }
+      th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
+      th { background: #f5f5f5; }
+      .task-list { list-style: none; padding-left: 0; }
+      .task-item { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
+      .task-checkbox { width: 16px; height: 16px; border: 2px solid #888; border-radius: 3px; display: inline-block; }
+      .task-checkbox.checked { background: #3b82f6; border-color: #3b82f6; }
+    </style>
+  
+      </head>
+      <body>
+        ${r}
+      </body>
+    </html>
+  `), d.document.close(), setTimeout(() => {
+    d.print();
+  }, 500);
+}, xt = (r, n, d) => {
+  const o = new Blob([r], { type: d }), i = URL.createObjectURL(o), s = document.createElement("a");
+  s.href = i, s.download = n, document.body.appendChild(s), s.click(), document.body.removeChild(s), URL.revokeObjectURL(i);
+}, br = () => {
+  const r = C((o, i = "document") => {
+    const s = `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${i}</title>
+  <style>
+    body { font-family: Georgia, serif; max-width: 800px; margin: 40px auto; padding: 20px; line-height: 1.6; }
+    h1 { font-size: 2.5em; }
+    h2 { font-size: 2em; }
+    h3 { font-size: 1.5em; }
+    blockquote { border-left: 3px solid #3b82f6; padding-left: 1em; color: #555; font-style: italic; }
+    pre { background: #f5f5f5; padding: 1em; border-radius: 4px; }
+    code { background: #f5f5f5; padding: 0.2em 0.4em; border-radius: 3px; font-family: Consolas, monospace; }
+    pre code { background: transparent; }
+    img { max-width: 100%; }
+    table { border-collapse: collapse; width: 100%; }
+    th, td { border: 1px solid #ddd; padding: 8px; }
+    th { background: #f5f5f5; }
+  </style>
+</head>
+<body>
+${o}
+</body>
+</html>`;
+    xt(s, `${i}.html`, "text/html");
+  }, []), n = C((o, i = "document") => {
+    const s = gr(o);
+    xt(s, `${i}.md`, "text/markdown");
+  }, []), d = C((o, i = "Document") => {
+    vr(o, i);
+  }, []);
+  return {
+    exportHTML: r,
+    exportMarkdown: n,
+    exportPDF: d
+  };
+}, jr = {
+  bold: !1,
+  italic: !1,
+  underline: !1,
+  strikethrough: !1,
+  orderedList: !1,
+  unorderedList: !1,
+  taskList: !1,
+  blockquote: !1,
+  code: !1,
+  heading: "p"
+}, yr = () => {
+  const r = F(null), [n, d] = R(jr), [o, i] = R("dm-sans"), [s, c] = R(!1), [m, x] = R(""), k = F(null), [p, j] = R(!1), [h, f] = R({ top: 0, left: 0 }), [g, N] = R(""), [M, S] = R(!1), [I, Z] = R(!1), [_, U] = R(!1), { saveToHistory: H, undo: ae, redo: ke, canUndo: ye, canRedo: Pe } = ur(), { detectActiveFormats: we } = hr(), { save: B, versions: X, lastSaved: K, loadVersion: ee, deleteVersion: Ce, getLatestContent: Ne, createVersionSnapshot: me } = xr(), { exportHTML: Le, exportMarkdown: Te, exportPDF: Se } = br();
+  z(() => {
+    const l = Ne();
+    l && r.current && (r.current.innerHTML = l);
+  }, []);
+  const W = C(() => {
+    const l = window.getSelection();
+    if (!l || !l.rangeCount) return;
+    const L = l.getRangeAt(0).commonAncestorContainer.parentElement, v = we(L);
+    d({
+      bold: v.includes("bold") || document.queryCommandState("bold"),
+      italic: v.includes("italic") || document.queryCommandState("italic"),
+      underline: v.includes("underline") || document.queryCommandState("underline"),
+      strikethrough: v.includes("strikethrough") || document.queryCommandState("strikeThrough"),
+      orderedList: v.includes("orderedList"),
+      unorderedList: v.includes("unorderedList"),
+      taskList: v.includes("taskList"),
+      blockquote: v.includes("blockquote"),
+      code: v.includes("code") || v.includes("inlineCode"),
+      heading: v.find((D) => D.match(/^h[1-3]$/)) || "p"
+    });
+  }, [we]), Y = C((l) => {
+    if (r.current) {
+      switch (r.current.focus(), l) {
+        case "bold":
+          document.execCommand("bold", !1);
+          break;
+        case "italic":
+          document.execCommand("italic", !1);
+          break;
+        case "underline":
+          document.execCommand("underline", !1);
+          break;
+        case "strikethrough":
+          document.execCommand("strikeThrough", !1);
+          break;
+        case "orderedList":
+          document.execCommand("insertOrderedList", !1);
+          break;
+        case "unorderedList":
+          document.execCommand("insertUnorderedList", !1);
+          break;
+        case "taskList":
+          Ae();
+          break;
+        case "blockquote":
+          He();
+          break;
+        case "code":
+          he();
+          break;
+        case "inlineCode":
+          pe("code");
+          break;
+        case "horizontalRule":
+          document.execCommand("insertHorizontalRule", !1);
+          break;
+        case "paragraph":
+          document.execCommand("formatBlock", !1, "p");
+          break;
+        case "h1":
+        case "h2":
+        case "h3":
+          document.execCommand("formatBlock", !1, l);
+          break;
+        case "image":
+          S(!0);
+          return;
+        case "table":
+          Z(!0);
+          return;
+      }
+      H(r.current.innerHTML), B(r.current.innerHTML), W();
+    }
+  }, [H, W, B]), Ae = () => {
+    document.execCommand("insertHTML", !1, `<div class="task-list"><div class="task-item"><span class="task-checkbox" onclick="this.classList.toggle('checked'); this.nextElementSibling.classList.toggle('completed');"></span><span class="task-text" contenteditable="true">Task item</span></div></div>`);
+  }, He = () => {
+    const l = window.getSelection();
+    if (!l || !l.rangeCount) return;
+    const L = l.getRangeAt(0).commonAncestorContainer.parentElement?.closest("blockquote");
+    if (L) {
+      const v = L.innerHTML;
+      L.outerHTML = `<p>${v}</p>`;
+    } else {
+      const v = l.toString() || "Quote text here...";
+      document.execCommand("insertHTML", !1, `<blockquote>${v}</blockquote>`);
+    }
+  }, he = () => {
+    const l = window.getSelection();
+    if (!l || !l.rangeCount) return;
+    const y = l.toString() || "Code here...";
+    document.execCommand("insertHTML", !1, `<pre><code>${y}</code></pre><p></p>`);
+  }, pe = (l) => {
+    const y = window.getSelection();
+    if (!y || !y.rangeCount || y.isCollapsed) return;
+    const L = y.getRangeAt(0), v = L.toString(), D = L.commonAncestorContainer.parentElement;
+    if (D?.tagName?.toLowerCase() === l) {
+      const G = document.createTextNode(v);
+      D.replaceWith(G);
+    } else
+      document.execCommand("insertHTML", !1, `<${l}>${v}</${l}>`);
+  }, Q = C((l, y) => {
+    if (!r.current) return;
+    r.current.focus();
+    const L = `<img src="${l}" alt="${y || ""}" class="editor-image" style="max-width: 100%; border-radius: 8px;" /><p></p>`;
+    document.execCommand("insertHTML", !1, L), H(r.current.innerHTML), B(r.current.innerHTML), S(!1);
+  }, [H, B]), xe = C((l, y) => {
+    if (!r.current) return;
+    r.current.focus();
+    let L = '<table class="editor-table"><thead><tr>';
+    for (let v = 0; v < y; v++)
+      L += "<th>Header</th>";
+    L += "</tr></thead><tbody>";
+    for (let v = 0; v < l - 1; v++) {
+      L += "<tr>";
+      for (let D = 0; D < y; D++)
+        L += "<td>Cell</td>";
+      L += "</tr>";
+    }
+    L += "</tbody></table><p></p>", document.execCommand("insertHTML", !1, L), H(r.current.innerHTML), B(r.current.innerHTML), Z(!1);
+  }, [H, B]), te = C((l) => {
+    r.current && (r.current.focus(), document.execCommand("formatBlock", !1, l === "p" ? "p" : l), H(r.current.innerHTML), B(r.current.innerHTML), W());
+  }, [H, W, B]), Be = C((l) => {
+    i(l.value);
+  }, []), ie = C(() => {
+    const l = ae();
+    l && r.current && (r.current.innerHTML = l.content, W());
+  }, [ae, W]), ge = C(() => {
+    const l = ke();
+    l && r.current && (r.current.innerHTML = l.content, W());
+  }, [ke, W]), le = C(() => {
+    const l = window.getSelection();
+    l && l.rangeCount > 0 && (k.current = l.getRangeAt(0).cloneRange(), x(l.toString())), c(!0);
+  }, []), ce = C((l, y) => {
+    if (!r.current) return;
+    if (r.current.focus(), k.current) {
+      const v = window.getSelection();
+      v?.removeAllRanges(), v?.addRange(k.current);
+    }
+    const L = y || m || l;
+    document.execCommand("insertHTML", !1, `<a href="${l}" target="_blank" rel="noopener noreferrer">${L}</a>`), H(r.current.innerHTML), B(r.current.innerHTML), c(!1), x(""), k.current = null;
+  }, [m, H, B]), re = C((l) => {
+    if (!r.current) return;
+    const y = window.getSelection();
+    if (y && y.rangeCount > 0) {
+      const v = y.getRangeAt(0).startContainer;
+      if (v.nodeType === Node.TEXT_NODE && v.textContent) {
+        const D = v.textContent.lastIndexOf("/");
+        D >= 0 && (v.textContent = v.textContent.substring(0, D));
+      }
+    }
+    j(!1), N(""), Y(l);
+  }, [Y]), Re = C((l) => {
+    const L = navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? l.metaKey : l.ctrlKey;
+    if (l.key === "Escape" && p) {
+      j(!1);
+      return;
+    }
+    if (L)
+      switch (l.key.toLowerCase()) {
+        case "b":
+          l.preventDefault(), Y("bold");
+          break;
+        case "i":
+          l.preventDefault(), Y("italic");
+          break;
+        case "u":
+          l.preventDefault(), Y("underline");
+          break;
+        case "k":
+          l.preventDefault(), le();
+          break;
+        case "s":
+          l.preventDefault(), me();
+          break;
+        case "z":
+          l.preventDefault(), l.shiftKey ? ge() : ie();
+          break;
+      }
+    if (l.key === " " || l.key === "Enter") {
+      const v = window.getSelection();
+      if (!v || !v.rangeCount) return;
+      const D = v.getRangeAt(0), G = D.startContainer.textContent || "", ne = D.startOffset, Ue = G.substring(0, ne), qe = [
+        { regex: /^# $/, format: "h1", heading: "h1" },
+        { regex: /^## $/, format: "h2", heading: "h2" },
+        { regex: /^### $/, format: "h3", heading: "h3" },
+        { regex: /^- $/, format: "unorderedList" },
+        { regex: /^\* $/, format: "unorderedList" },
+        { regex: /^\d+\. $/, format: "orderedList" },
+        { regex: /^> $/, format: "blockquote" },
+        { regex: /^- \[ \] $/, format: "taskList" },
+        { regex: /^```$/, format: "code" },
+        { regex: /^---$/, format: "horizontalRule" }
+      ];
+      for (const { regex: ze, format: Ye, heading: _e } of qe)
+        if (ze.test(Ue)) {
+          l.preventDefault();
+          const $e = D.startContainer;
+          $e.nodeType === Node.TEXT_NODE && ($e.textContent = ""), _e ? te(_e) : Y(Ye);
+          return;
+        }
+    }
+  }, [Y, te, le, ie, ge, p, me]), Ee = C(() => {
+    if (!r.current) return;
+    const l = window.getSelection();
+    if (l && l.rangeCount > 0) {
+      const y = l.getRangeAt(0), L = y.startContainer.textContent || "", v = y.startOffset, G = L.substring(0, v).match(/\/([a-zA-Z]*)$/);
+      if (G) {
+        const ne = y.getBoundingClientRect();
+        f({ top: ne.bottom + 8, left: ne.left }), N(G[1]), j(!0);
+      } else
+        j(!1);
+    }
+    H(r.current.innerHTML), B(r.current.innerHTML), W();
+  }, [H, W, B]), de = C((l) => {
+    const y = l.clipboardData.items;
+    for (const L of y)
+      if (L.type.startsWith("image/")) {
+        l.preventDefault();
+        const v = L.getAsFile();
+        if (v) {
+          const D = new FileReader();
+          D.onload = (G) => {
+            Q(G.target?.result);
+          }, D.readAsDataURL(v);
+        }
+        return;
+      }
+  }, [Q]), We = C((l) => {
+    const y = l.dataTransfer.files;
+    for (const L of y)
+      if (L.type.startsWith("image/")) {
+        l.preventDefault();
+        const v = new FileReader();
+        v.onload = (D) => {
+          Q(D.target?.result);
+        }, v.readAsDataURL(L);
+        return;
+      }
+  }, [Q]), Ve = C((l) => {
+    const y = ee(l);
+    y && r.current && (r.current.innerHTML = y, H(y), B(y, !0), U(!1));
+  }, [ee, H, B]);
+  z(() => {
+    const l = () => W();
+    return document.addEventListener("selectionchange", l), () => document.removeEventListener("selectionchange", l);
+  }, [W]);
+  const ve = () => ({
+    "dm-sans": "font-sans-editor",
+    merriweather: "font-serif-editor",
+    playfair: "font-display-editor",
+    jetbrains: "font-mono-editor",
+    arial: "font-arial",
+    georgia: "font-georgia",
+    verdana: "font-verdana",
+    courier: "font-courier",
+    times: "font-times"
+  })[o] || "font-sans-editor", Fe = () => {
+    if (!K) return "Not saved yet";
+    const l = Date.now() - K;
+    return l < 6e4 ? "Just now" : l < 36e5 ? `${Math.floor(l / 6e4)} min ago` : new Date(K).toLocaleTimeString();
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "w-full max-w-4xl mx-auto", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "rounded-xl border shadow-toolbar overflow-hidden bg-card border-editor-border", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-b border-border bg-muted/30", children: [
+        /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            onClick: () => U(!0),
+            className: "flex items-center gap-2 text-sm text-muted-foreground hover:text-foreground transition-colors",
+            children: [
+              /* @__PURE__ */ e.jsx(et, { className: "w-4 h-4" }),
+              /* @__PURE__ */ e.jsxs("span", { children: [
+                "Saved ",
+                Fe()
+              ] })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e.jsxs(
+            "button",
+            {
+              onClick: () => S(!0),
+              className: "flex items-center gap-2 px-3 py-1.5 rounded-md text-sm font-medium transition-colors hover:bg-muted text-muted-foreground hover:text-foreground",
+              children: [
+                /* @__PURE__ */ e.jsx(tt, { className: "w-4 h-4" }),
+                "Image"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsxs(
+            "button",
+            {
+              onClick: () => Z(!0),
+              className: "flex items-center gap-2 px-3 py-1.5 rounded-md text-sm font-medium transition-colors hover:bg-muted text-muted-foreground hover:text-foreground",
+              children: [
+                /* @__PURE__ */ e.jsx(rt, { className: "w-4 h-4" }),
+                "Table"
+              ]
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            dr,
+            {
+              onExportHTML: () => Le(r.current?.innerHTML || "", "document"),
+              onExportMarkdown: () => Te(r.current?.innerHTML || "", "document"),
+              onExportPDF: () => Se(r.current?.innerHTML || "", "Document")
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ e.jsx(
+        rr,
+        {
+          formatState: n,
+          currentFont: o,
+          onFormat: Y,
+          onFontChange: Be,
+          onHeadingChange: te,
+          onUndo: ie,
+          onRedo: ge,
+          canUndo: ye,
+          canRedo: Pe,
+          onInsertLink: le
+        }
+      ),
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          ref: r,
+          className: `editor-content p-6 md:p-8 min-h-[500px] focus:outline-none ${ve()} bg-editor`,
+          contentEditable: !0,
+          onInput: Ee,
+          onKeyDown: Re,
+          onPaste: de,
+          onDrop: We,
+          onDragOver: (l) => l.preventDefault(),
+          suppressContentEditableWarning: !0,
+          "data-placeholder": "Start writing... Type '/' for commands, or use markdown shortcuts like # for headings",
+          children: [
+            /* @__PURE__ */ e.jsx("h1", { children: "Welcome to DocuEdit" }),
+            /* @__PURE__ */ e.jsxs("p", { children: [
+              "A powerful rich text editor with ",
+              /* @__PURE__ */ e.jsx("strong", { children: "autosave" }),
+              ", ",
+              /* @__PURE__ */ e.jsx("em", { children: "version history" }),
+              ", and ",
+              /* @__PURE__ */ e.jsx("u", { children: "export" }),
+              " features."
+            ] }),
+            /* @__PURE__ */ e.jsx("h2", { children: "Quick Commands" }),
+            /* @__PURE__ */ e.jsxs("ul", { children: [
+              /* @__PURE__ */ e.jsxs("li", { children: [
+                "Type ",
+                /* @__PURE__ */ e.jsx("code", { children: "/" }),
+                " to open the slash command menu"
+              ] }),
+              /* @__PURE__ */ e.jsx("li", { children: "Drag & drop or paste images directly" }),
+              /* @__PURE__ */ e.jsxs("li", { children: [
+                "Press ",
+                /* @__PURE__ */ e.jsx("code", { children: "Ctrl/Cmd + S" }),
+                " to create a version snapshot"
+              ] })
+            ] }),
+            /* @__PURE__ */ e.jsx("h3", { children: "Export Options" }),
+            /* @__PURE__ */ e.jsx("p", { children: "Export your document as HTML, Markdown, or PDF using the export menu above." })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      nr,
+      {
+        formatState: { bold: n.bold, italic: n.italic, underline: n.underline, strikethrough: n.strikethrough, code: n.code },
+        onFormat: Y,
+        onInsertLink: le,
+        editorRef: r
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      ar,
+      {
+        isOpen: p,
+        position: h,
+        searchQuery: g,
+        onSelect: re,
+        onClose: () => j(!1)
+      }
+    ),
+    /* @__PURE__ */ e.jsx(or, { isOpen: s, onClose: () => c(!1), onInsert: ce, selectedText: m }),
+    /* @__PURE__ */ e.jsx(ir, { isOpen: M, onClose: () => S(!1), onInsert: Q }),
+    /* @__PURE__ */ e.jsx(lr, { isOpen: I, onClose: () => Z(!1), onInsert: xe }),
+    /* @__PURE__ */ e.jsx(cr, { isOpen: _, onClose: () => U(!1), versions: X, onRestore: Ve, onDelete: Ce })
+  ] });
+};
+export {
+  yr as RichTextEditor
+};