@anilkumarteach/editor-ak 0.1.1 → 0.1.3

package/dist/index.js

@@ -1,71 +1,71 @@
-import gt, { useState as R, useRef as F, useEffect as z, useCallback as C } from "react";
-var Me = { exports: {} }, be = {};
+import gt, { useState as E, useRef as U, useEffect as Y, useCallback as C } from "react";
+var Me = { exports: {} }, je = {};
 var ut;
 function Ft() {
-  if (ut) return be;
+  if (ut) return je;
   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 };
+  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, c = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(m, g, h) {
+    var p, k = {}, x = null, f = null;
+    h !== void 0 && (x = "" + h), g.key !== void 0 && (x = "" + g.key), g.ref !== void 0 && (f = g.ref);
+    for (p in g) o.call(g, p) && !c.hasOwnProperty(p) && (k[p] = g[p]);
+    if (m && m.defaultProps) for (p in g = m.defaultProps, g) k[p] === void 0 && (k[p] = g[p]);
+    return { $$typeof: n, type: m, key: x, ref: f, props: k, _owner: i.current };
   }
-  return be.Fragment = d, be.jsx = c, be.jsxs = c, be;
+  return je.Fragment = d, je.jsx = l, je.jsxs = l, je;
 }
-var je = {};
+var ke = {};
 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";
+    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"), c = /* @__PURE__ */ Symbol.for("react.profiler"), l = /* @__PURE__ */ Symbol.for("react.provider"), m = /* @__PURE__ */ Symbol.for("react.context"), g = /* @__PURE__ */ Symbol.for("react.forward_ref"), h = /* @__PURE__ */ Symbol.for("react.suspense"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), k = /* @__PURE__ */ Symbol.for("react.memo"), x = /* @__PURE__ */ Symbol.for("react.lazy"), f = /* @__PURE__ */ Symbol.for("react.offscreen"), b = Symbol.iterator, N = "@@iterator";
     function M(t) {
       if (t === null || typeof t != "object")
         return null;
-      var a = g && t[g] || t[N];
+      var a = b && t[b] || t[N];
       return typeof a == "function" ? a : null;
     }
     var S = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function I(t) {
+    function D(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);
+        for (var a = arguments.length, u = new Array(a > 1 ? a - 1 : 0), j = 1; j < a; j++)
+          u[j - 1] = arguments[j];
+        ee("error", t, u);
       }
     }
-    function Z(t, a, u) {
+    function ee(t, a, u) {
       {
-        var b = S.ReactDebugCurrentFrame, E = b.getStackAddendum();
-        E !== "" && (a += "%s", u = u.concat([E]));
-        var $ = u.map(function(T) {
+        var j = S.ReactDebugCurrentFrame, _ = j.getStackAddendum();
+        _ !== "" && (a += "%s", u = u.concat([_]));
+        var I = u.map(function(T) {
           return String(T);
         });
-        $.unshift("Warning: " + a), Function.prototype.apply.call(console[t], console, $);
+        I.unshift("Warning: " + a), Function.prototype.apply.call(console[t], console, I);
       }
     }
-    var _ = !1, U = !1, H = !1, ae = !1, ke = !1, ye;
+    var R = !1, q = !1, O = !1, ie = !1, ne = !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
+      return !!(typeof t == "string" || typeof t == "function" || t === o || t === c || ne || t === i || t === h || t === p || ie || t === f || R || q || O || typeof t == "object" && t !== null && (t.$$typeof === x || t.$$typeof === k || t.$$typeof === l || t.$$typeof === m || t.$$typeof === g || // 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;
+      var j = t.displayName;
+      if (j)
+        return j;
+      var _ = a.displayName || a.name || "";
+      return _ !== "" ? u + "(" + _ + ")" : u;
     }
     function B(t) {
       return t.displayName || "Context";
     }
-    function X(t) {
+    function Q(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")
+      if (typeof t.tag == "number" && D("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;
@@ -74,11 +74,11 @@ function Ut() {
           return "Fragment";
         case d:
           return "Portal";
-        case s:
+        case c:
           return "Profiler";
         case i:
           return "StrictMode";
-        case k:
+        case h:
           return "Suspense";
         case p:
           return "SuspenseList";
@@ -88,18 +88,18 @@ function Ut() {
           case m:
             var a = t;
             return B(a) + ".Consumer";
-          case c:
+          case l:
             var u = t;
             return B(u._context) + ".Provider";
-          case x:
+          case g:
             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;
+          case k:
+            var j = t.displayName || null;
+            return j !== null ? j : Q(t.type) || "Memo";
+          case x: {
+            var _ = t, I = _._payload, T = _._init;
             try {
-              return X(T($));
+              return Q(T(I));
             } catch {
               return null;
             }
@@ -107,18 +107,18 @@ function Ut() {
         }
       return null;
     }
-    var K = Object.assign, ee = 0, Ce, Ne, me, Le, Te, Se, W;
-    function Y() {
+    var X = Object.assign, te = 0, Ce, Ne, he, Le, Te, Se, W;
+    function J() {
     }
-    Y.__reactDisabledLog = !0;
+    J.__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;
+        if (te === 0) {
+          Ce = console.log, Ne = console.info, he = console.warn, Le = console.error, Te = console.group, Se = console.groupCollapsed, W = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
-            value: Y,
+            value: J,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -131,77 +131,77 @@ function Ut() {
             groupEnd: t
           });
         }
-        ee++;
+        te++;
       }
     }
     function He() {
       {
-        if (ee--, ee === 0) {
+        if (te--, te === 0) {
           var t = {
             configurable: !0,
             enumerable: !0,
             writable: !0
           };
           Object.defineProperties(console, {
-            log: K({}, t, {
+            log: X({}, t, {
               value: Ce
             }),
-            info: K({}, t, {
+            info: X({}, t, {
               value: Ne
             }),
-            warn: K({}, t, {
-              value: me
+            warn: X({}, t, {
+              value: he
             }),
-            error: K({}, t, {
+            error: X({}, t, {
               value: Le
             }),
-            group: K({}, t, {
+            group: X({}, t, {
               value: Te
             }),
-            groupCollapsed: K({}, t, {
+            groupCollapsed: X({}, t, {
               value: Se
             }),
-            groupEnd: K({}, t, {
+            groupEnd: X({}, t, {
               value: W
             })
           });
         }
-        ee < 0 && I("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        te < 0 && D("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var he = S.ReactCurrentDispatcher, pe;
-    function Q(t, a, u) {
+    var pe = S.ReactCurrentDispatcher, xe;
+    function Z(t, a, u) {
       {
-        if (pe === void 0)
+        if (xe === void 0)
           try {
             throw Error();
-          } catch (E) {
-            var b = E.stack.trim().match(/\n( *(at )?)/);
-            pe = b && b[1] || "";
+          } catch (_) {
+            var j = _.stack.trim().match(/\n( *(at )?)/);
+            xe = j && j[1] || "";
           }
         return `
-` + pe + t;
+` + xe + t;
       }
     }
-    var xe = !1, te;
+    var ge = !1, re;
     {
       var Be = typeof WeakMap == "function" ? WeakMap : Map;
-      te = new Be();
+      re = new Be();
     }
-    function ie(t, a) {
-      if (!t || xe)
+    function le(t, a) {
+      if (!t || ge)
         return "";
       {
-        var u = te.get(t);
+        var u = re.get(t);
         if (u !== void 0)
           return u;
       }
-      var b;
-      xe = !0;
-      var E = Error.prepareStackTrace;
+      var j;
+      ge = !0;
+      var _ = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var $;
-      $ = he.current, he.current = null, Ae();
+      var I;
+      I = pe.current, pe.current = null, Ae();
       try {
         if (a) {
           var T = function() {
@@ -214,116 +214,116 @@ function Ut() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(T, []);
-            } catch (q) {
-              b = q;
+            } catch (z) {
+              j = z;
             }
             Reflect.construct(t, [], T);
           } else {
             try {
               T.call();
-            } catch (q) {
-              b = q;
+            } catch (z) {
+              j = z;
             }
             t.call(T.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (q) {
-            b = q;
+          } catch (z) {
+            j = z;
           }
           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)
+      } catch (z) {
+        if (z && j && typeof z.stack == "string") {
+          for (var w = z.stack.split(`
+`), F = j.stack.split(`
+`), P = w.length - 1, A = F.length - 1; P >= 1 && A >= 0 && w[P] !== F[A]; )
+            A--;
+          for (; P >= 1 && A >= 0; P--, A--)
+            if (w[P] !== F[A]) {
+              if (P !== 1 || A !== 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;
+                  if (P--, A--, A < 0 || w[P] !== F[A]) {
+                    var G = `
+` + w[P].replace(" at new ", " at ");
+                    return t.displayName && G.includes("<anonymous>") && (G = G.replace("<anonymous>", t.displayName)), typeof t == "function" && re.set(t, G), G;
                   }
-                while (O >= 1 && P >= 0);
+                while (P >= 1 && A >= 0);
               break;
             }
         }
       } finally {
-        xe = !1, he.current = $, He(), Error.prepareStackTrace = E;
+        ge = !1, pe.current = I, He(), Error.prepareStackTrace = _;
       }
-      var fe = t ? t.displayName || t.name : "", oe = fe ? Q(fe) : "";
-      return typeof t == "function" && te.set(t, oe), oe;
+      var me = t ? t.displayName || t.name : "", se = me ? Z(me) : "";
+      return typeof t == "function" && re.set(t, se), se;
     }
-    function ge(t, a, u) {
-      return ie(t, !1);
+    function ve(t, a, u) {
+      return le(t, !1);
     }
-    function le(t) {
+    function ce(t) {
       var a = t.prototype;
       return !!(a && a.isReactComponent);
     }
-    function ce(t, a, u) {
+    function de(t, a, u) {
       if (t == null)
         return "";
       if (typeof t == "function")
-        return ie(t, le(t));
+        return le(t, ce(t));
       if (typeof t == "string")
-        return Q(t);
+        return Z(t);
       switch (t) {
-        case k:
-          return Q("Suspense");
+        case h:
+          return Z("Suspense");
         case p:
-          return Q("SuspenseList");
+          return Z("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;
+          case g:
+            return ve(t.render);
+          case k:
+            return de(t.type, a, u);
+          case x: {
+            var j = t, _ = j._payload, I = j._init;
             try {
-              return ce($(E), a, u);
+              return de(I(_), a, u);
             } catch {
             }
           }
         }
       return "";
     }
-    var re = Object.prototype.hasOwnProperty, Re = {}, Ee = S.ReactDebugCurrentFrame;
-    function de(t) {
+    var oe = Object.prototype.hasOwnProperty, Re = {}, Ee = S.ReactDebugCurrentFrame;
+    function ue(t) {
       if (t) {
-        var a = t._owner, u = ce(t.type, t._source, a ? a.type : null);
+        var a = t._owner, u = de(t.type, t._source, a ? a.type : null);
         Ee.setExtraStackFrame(u);
       } else
         Ee.setExtraStackFrame(null);
     }
-    function We(t, a, u, b, E) {
+    function We(t, a, u, j, _) {
       {
-        var $ = Function.call.bind(re);
+        var I = Function.call.bind(oe);
         for (var T in t)
-          if ($(t, T)) {
+          if (I(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;
+                var F = Error((j || "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 F.name = "Invariant Violation", F;
               }
-              w = t[T](a, T, b, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (O) {
-              w = O;
+              w = t[T](a, T, j, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (P) {
+              w = P;
             }
-            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));
+            w && !(w instanceof Error) && (ue(_), D("%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).", j || "React class", u, T, typeof w), ue(null)), w instanceof Error && !(w.message in Re) && (Re[w.message] = !0, ue(_), D("Failed %s type: %s", u, w.message), ue(null));
           }
       }
     }
     var Ve = Array.isArray;
-    function ve(t) {
+    function be(t) {
       return Ve(t);
     }
     function Fe(t) {
@@ -332,7 +332,7 @@ function Ut() {
         return u;
       }
     }
-    function l(t) {
+    function s(t) {
       try {
         return y(t), !1;
       } catch {
@@ -343,17 +343,17 @@ function Ut() {
       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);
+      if (s(t))
+        return D("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 = {
+    var v = S.ReactCurrentOwner, $ = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, G, ne;
+    }, V, K;
     function Ue(t) {
-      if (re.call(t, "ref")) {
+      if (oe.call(t, "ref")) {
         var a = Object.getOwnPropertyDescriptor(t, "ref").get;
         if (a && a.isReactWarning)
           return !1;
@@ -361,7 +361,7 @@ function Ut() {
       return t.ref !== void 0;
     }
     function qe(t) {
-      if (re.call(t, "key")) {
+      if (oe.call(t, "key")) {
         var a = Object.getOwnPropertyDescriptor(t, "key").get;
         if (a && a.isReactWarning)
           return !1;
@@ -374,7 +374,7 @@ function Ut() {
     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));
+          V || (V = !0, D("%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,
@@ -385,7 +385,7 @@ function Ut() {
     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));
+          K || (K = !0, D("%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,
@@ -393,7 +393,7 @@ function Ut() {
         });
       }
     }
-    var $e = function(t, a, u, b, E, $, T) {
+    var $e = function(t, a, u, j, _, I, T) {
       var w = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: n,
@@ -403,7 +403,7 @@ function Ut() {
         ref: u,
         props: T,
         // Record the component responsible for creating this element.
-        _owner: $
+        _owner: I
       };
       return w._store = {}, Object.defineProperty(w._store, "validated", {
         configurable: !1,
@@ -414,36 +414,36 @@ function Ut() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: b
+        value: j
       }), Object.defineProperty(w, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: E
+        value: _
       }), Object.freeze && (Object.freeze(w.props), Object.freeze(w)), w;
     };
-    function $t(t, a, u, b, E) {
+    function $t(t, a, u, j, _) {
       {
-        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[$]);
+        var I, T = {}, w = null, F = null;
+        u !== void 0 && (L(u), w = "" + u), qe(a) && (L(a.key), w = "" + a.key), Ue(a) && (F = a.ref, ze(a, _));
+        for (I in a)
+          oe.call(a, I) && !$.hasOwnProperty(I) && (T[I] = a[I]);
         if (t && t.defaultProps) {
-          var O = t.defaultProps;
-          for ($ in O)
-            T[$] === void 0 && (T[$] = O[$]);
+          var P = t.defaultProps;
+          for (I in P)
+            T[I] === void 0 && (T[I] = P[I]);
         }
-        if (w || V) {
-          var P = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
-          w && Ye(T, P), V && _e(T, P);
+        if (w || F) {
+          var A = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          w && Ye(T, A), F && _e(T, A);
         }
-        return $e(t, w, V, E, b, v.current, T);
+        return $e(t, w, F, _, j, v.current, T);
       }
     }
     var Je = S.ReactCurrentOwner, ot = S.ReactDebugCurrentFrame;
-    function ue(t) {
+    function fe(t) {
       if (t) {
-        var a = t._owner, u = ce(t.type, t._source, a ? a.type : null);
+        var a = t._owner, u = de(t.type, t._source, a ? a.type : null);
         ot.setExtraStackFrame(u);
       } else
         ot.setExtraStackFrame(null);
@@ -456,7 +456,7 @@ function Ut() {
     function st() {
       {
         if (Je.current) {
-          var t = X(Je.current.type);
+          var t = Q(Je.current.type);
           if (t)
             return `
 
@@ -490,25 +490,25 @@ Check the top-level render call using <` + u + ">.");
         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);
+        var j = "";
+        t && t._owner && t._owner !== Je.current && (j = " It was passed a child from " + Q(t._owner.type) + "."), fe(t), D('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', u, j), fe(null);
       }
     }
     function lt(t, a) {
       {
         if (typeof t != "object")
           return;
-        if (ve(t))
+        if (be(t))
           for (var u = 0; u < t.length; u++) {
-            var b = t[u];
-            Ge(b) && it(b, a);
+            var j = t[u];
+            Ge(j) && it(j, 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; )
+          var _ = M(t);
+          if (typeof _ == "function" && _ !== t.entries)
+            for (var I = _.call(t), T; !(T = I.next()).done; )
               Ge(T.value) && it(T.value, a);
         }
       }
@@ -521,78 +521,78 @@ Check the top-level render call using <` + u + ">.");
         var u;
         if (typeof a == "function")
           u = a.propTypes;
-        else if (typeof a == "object" && (a.$$typeof === x || // Note: Memo only checks outer props here.
+        else if (typeof a == "object" && (a.$$typeof === g || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        a.$$typeof === j))
+        a.$$typeof === k))
           u = a.propTypes;
         else
           return;
         if (u) {
-          var b = X(a);
-          We(u, t.props, "prop", b, t);
+          var j = Q(a);
+          We(u, t.props, "prop", j, 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");
+          var _ = Q(a);
+          D("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _ || "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.");
+        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && D("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);
+          var j = a[u];
+          if (j !== "children" && j !== "key") {
+            fe(t), D("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", j), fe(null);
             break;
           }
         }
-        t.ref !== null && (ue(t), I("Invalid attribute `ref` supplied to `React.Fragment`."), ue(null));
+        t.ref !== null && (fe(t), D("Invalid attribute `ref` supplied to `React.Fragment`."), fe(null));
       }
     }
     var ct = {};
-    function dt(t, a, u, b, E, $) {
+    function dt(t, a, u, j, _, I) {
       {
         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 F = Mt();
+          F ? w += F : w += st();
+          var P;
+          t === null ? P = "null" : be(t) ? P = "array" : t !== void 0 && t.$$typeof === n ? (P = "<" + (Q(t.type) || "Unknown") + " />", w = " Did you accidentally export a JSX literal instead of a component?") : P = typeof t, D("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, w);
         }
-        var P = $t(t, a, u, E, $);
-        if (P == null)
-          return P;
+        var A = $t(t, a, u, _, I);
+        if (A == null)
+          return A;
         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);
+          var G = a.children;
+          if (G !== void 0)
+            if (j)
+              if (be(G)) {
+                for (var me = 0; me < G.length; me++)
+                  lt(G[me], t);
+                Object.freeze && Object.freeze(G);
               } 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.");
+                D("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);
+              lt(G, t);
         }
-        if (re.call(a, "key")) {
-          var oe = X(t), q = Object.keys(a).filter(function(Vt) {
+        if (oe.call(a, "key")) {
+          var se = Q(t), z = 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:
+          }), Xe = z.length > 0 ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ct[se + Xe]) {
+            var Wt = z.length > 0 ? "{" + z.join(": ..., ") + ": ...}" : "{}";
+            D(`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;
+  <%s key={someKey} {...props} />`, Xe, se, Wt, se), ct[se + Xe] = !0;
           }
         }
-        return t === o ? Ot(P) : Dt(P), P;
+        return t === o ? Ot(A) : Dt(A), A;
       }
     }
     function Pt(t, a, u) {
@@ -602,8 +602,8 @@ React keys must be passed directly to JSX without using spread:
       return dt(t, a, u, !1);
     }
     var Ht = At, Bt = Pt;
-    je.Fragment = o, je.jsx = Ht, je.jsxs = Bt;
-  })()), je;
+    ke.Fragment = o, ke.jsx = Ht, ke.jsxs = Bt;
+  })()), ke;
 }
 var mt;
 function qt() {
@@ -725,44 +725,44 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
   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 = () => {
+  const [i, c] = E(!1), [l, m] = E({ x: 0, y: 0 }), g = U(null), h = U(null), p = U(), k = () => {
     p.current = window.setTimeout(() => {
-      s(!0);
+      c(!0);
     }, 400);
-  }, h = () => {
-    p.current && clearTimeout(p.current), s(!1);
+  }, x = () => {
+    p.current && clearTimeout(p.current), c(!1);
   };
-  return z(() => {
-    if (i && x.current && k.current) {
-      const f = x.current.getBoundingClientRect(), g = k.current.getBoundingClientRect();
+  return Y(() => {
+    if (i && g.current && h.current) {
+      const f = g.current.getBoundingClientRect(), b = h.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;
+          N = f.left + (f.width - b.width) / 2, M = f.top - b.height - 8;
           break;
         case "bottom":
-          N = f.left + (f.width - g.width) / 2, M = f.bottom + 8;
+          N = f.left + (f.width - b.width) / 2, M = f.bottom + 8;
           break;
         case "left":
-          N = f.left - g.width - 8, M = f.top + (f.height - g.height) / 2;
+          N = f.left - b.width - 8, M = f.top + (f.height - b.height) / 2;
           break;
         case "right":
-          N = f.right + 8, M = f.top + (f.height - g.height) / 2;
+          N = f.right + 8, M = f.top + (f.height - b.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 });
+      N = Math.max(8, Math.min(N, window.innerWidth - b.width - 8)), M = Math.max(8, Math.min(M, window.innerHeight - b.height - 8)), m({ x: N, y: M });
     }
-  }, [i, d]), z(() => () => {
+  }, [i, d]), Y(() => () => {
     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,
+        ref: g,
+        onMouseEnter: k,
+        onMouseLeave: x,
+        onFocus: k,
+        onBlur: x,
         className: "inline-flex",
         children: n
       }
@@ -770,11 +770,11 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
     i && /* @__PURE__ */ e.jsxs(
       "div",
       {
-        ref: k,
+        ref: h,
         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
+          left: l.x,
+          top: l.y
         },
         children: [
           /* @__PURE__ */ e.jsx("span", { children: r }),
@@ -783,22 +783,22 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
       }
     )
   ] });
-}, A = ({
+}, H = ({
   icon: r,
   tooltip: n,
   shortcut: d,
   isActive: o = !1,
   onClick: i,
-  disabled: s = !1
+  disabled: c = !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" : "";
+  const l = "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}`,
+      disabled: c,
+      className: `${l} ${m}`,
       "aria-pressed": o,
       children: r
     }
@@ -814,12 +814,12 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
   { 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) => {
+  const [d, o] = E(!1), i = U(null), c = Qe.find((l) => l.value === r) || Qe[0];
+  return Y(() => {
+    const l = (m) => {
       i.current && !i.current.contains(m.target) && o(!1);
     };
-    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
+    return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
   }, []), /* @__PURE__ */ e.jsxs("div", { className: "relative", ref: i, children: [
     /* @__PURE__ */ e.jsx(nt, { content: "Font family", children: /* @__PURE__ */ e.jsxs(
       "button",
@@ -828,25 +828,25 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
         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("span", { className: c.className, children: c.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(
+    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((l) => /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         onClick: () => {
-          n(c), o(!1);
+          n(l), 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" : ""}`,
+        className: `w-full flex items-center gap-3 px-3 py-2 text-sm transition-colors hover:bg-accent ${l.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" })
+          /* @__PURE__ */ e.jsx("span", { className: `flex-1 text-left ${l.className}`, children: l.name }),
+          l.value === r && /* @__PURE__ */ e.jsx(Jt, { className: "w-4 h-4 text-primary" })
         ]
       },
-      c.value
+      l.value
     )) })
   ] });
 }, Ze = [
@@ -855,12 +855,12 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
   { 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) => {
+  const [d, o] = E(!1), i = U(null), c = Ze.find((l) => l.value === r) || Ze[0];
+  return Y(() => {
+    const l = (m) => {
       i.current && !i.current.contains(m.target) && o(!1);
     };
-    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
+    return document.addEventListener("mousedown", l), () => document.removeEventListener("mousedown", l);
   }, []), /* @__PURE__ */ e.jsxs("div", { className: "relative", ref: i, children: [
     /* @__PURE__ */ e.jsx(nt, { content: "Text style", children: /* @__PURE__ */ e.jsxs(
       "button",
@@ -870,27 +870,27 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
         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
+            c.icon,
+            c.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(
+    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((l) => /* @__PURE__ */ e.jsxs(
       "button",
       {
         type: "button",
         onClick: () => {
-          n(c.value), o(!1);
+          n(l.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" : ""}`,
+        className: `w-full flex items-center gap-3 px-3 py-2 text-sm transition-colors hover:bg-accent ${l.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 })
+          l.icon,
+          /* @__PURE__ */ e.jsx("span", { className: `${l.value === "h1" ? "text-lg font-bold" : ""} ${l.value === "h2" ? "text-base font-semibold" : ""} ${l.value === "h3" ? "text-sm font-semibold" : ""}`, children: l.name })
         ]
       },
-      c.value
+      l.value
     )) })
   ] });
 }, rr = ({
@@ -899,31 +899,31 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
   onFormat: d,
   onFontChange: o,
   onHeadingChange: i,
-  onUndo: s,
-  onRedo: c,
+  onUndo: c,
+  onRedo: l,
   canUndo: m,
-  canRedo: x,
-  onInsertLink: k
+  canRedo: g,
+  onInsertLink: h
 }) => /* @__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,
+      H,
       {
         icon: /* @__PURE__ */ e.jsx(zt, { className: "w-4 h-4" }),
         tooltip: "Undo",
         shortcut: "⌘Z",
-        onClick: s,
+        onClick: c,
         disabled: !m
       }
     ),
     /* @__PURE__ */ e.jsx(
-      A,
+      H,
       {
         icon: /* @__PURE__ */ e.jsx(Yt, { className: "w-4 h-4" }),
         tooltip: "Redo",
         shortcut: "⌘⇧Z",
-        onClick: c,
-        disabled: !x
+        onClick: l,
+        disabled: !g
       }
     )
   ] }),
@@ -933,7 +933,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
   /* @__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,
+      H,
       {
         icon: /* @__PURE__ */ e.jsx(vt, { className: "w-4 h-4" }),
         tooltip: "Bold",
@@ -943,7 +943,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
       }
     ),
     /* @__PURE__ */ e.jsx(
-      A,
+      H,
       {
         icon: /* @__PURE__ */ e.jsx(bt, { className: "w-4 h-4" }),
         tooltip: "Italic",
@@ -953,7 +953,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
       }
     ),
     /* @__PURE__ */ e.jsx(
-      A,
+      H,
       {
         icon: /* @__PURE__ */ e.jsx(jt, { className: "w-4 h-4" }),
         tooltip: "Underline",
@@ -963,7 +963,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
       }
     ),
     /* @__PURE__ */ e.jsx(
-      A,
+      H,
       {
         icon: /* @__PURE__ */ e.jsx(kt, { className: "w-4 h-4" }),
         tooltip: "Strikethrough",
@@ -976,7 +976,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
   /* @__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,
+      H,
       {
         icon: /* @__PURE__ */ e.jsx(yt, { className: "w-4 h-4" }),
         tooltip: "Bullet list",
@@ -986,7 +986,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
       }
     ),
     /* @__PURE__ */ e.jsx(
-      A,
+      H,
       {
         icon: /* @__PURE__ */ e.jsx(wt, { className: "w-4 h-4" }),
         tooltip: "Numbered list",
@@ -996,7 +996,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
       }
     ),
     /* @__PURE__ */ e.jsx(
-      A,
+      H,
       {
         icon: /* @__PURE__ */ e.jsx(Ct, { className: "w-4 h-4" }),
         tooltip: "Task list",
@@ -1009,7 +1009,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
   /* @__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,
+      H,
       {
         icon: /* @__PURE__ */ e.jsx(Nt, { className: "w-4 h-4" }),
         tooltip: "Blockquote",
@@ -1019,7 +1019,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
       }
     ),
     /* @__PURE__ */ e.jsx(
-      A,
+      H,
       {
         icon: /* @__PURE__ */ e.jsx(De, { className: "w-4 h-4" }),
         tooltip: "Code block",
@@ -1029,7 +1029,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
       }
     ),
     /* @__PURE__ */ e.jsx(
-      A,
+      H,
       {
         icon: /* @__PURE__ */ e.jsx(Lt, { className: "w-4 h-4" }),
         tooltip: "Horizontal rule",
@@ -1039,12 +1039,12 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
   ] }),
   /* @__PURE__ */ e.jsx("div", { className: "w-px h-6 bg-border mx-1" }),
   /* @__PURE__ */ e.jsx(
-    A,
+    H,
     {
       icon: /* @__PURE__ */ e.jsx(Oe, { className: "w-4 h-4" }),
       tooltip: "Insert link",
       shortcut: "⌘K",
-      onClick: k
+      onClick: h
     }
   )
 ] }), nr = ({
@@ -1053,46 +1053,46 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
   onInsertLink: d,
   editorRef: o
 }) => {
-  const [i, s] = R(!1), [c, m] = R({ x: 0, y: 0 }), x = F(null);
-  return z(() => {
-    const k = () => {
+  const [i, c] = E(!1), [l, m] = E({ x: 0, y: 0 }), g = U(null);
+  return Y(() => {
+    const h = () => {
       const p = window.getSelection();
       if (!p || p.isCollapsed || !o.current) {
-        s(!1);
+        c(!1);
         return;
       }
-      const j = p.getRangeAt(0);
-      if (!o.current.contains(j.commonAncestorContainer)) {
-        s(!1);
+      const k = p.getRangeAt(0);
+      if (!o.current.contains(k.commonAncestorContainer)) {
+        c(!1);
         return;
       }
       if (!p.toString().trim()) {
-        s(!1);
+        c(!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));
+      const f = k.getBoundingClientRect();
+      let b = f.left + f.width / 2, N = f.top - 50;
+      if (g.current) {
+        const M = g.current.offsetWidth || 300;
+        b = Math.max(M / 2 + 8, Math.min(b, window.innerWidth - M / 2 - 8));
       }
-      N < 10 && (N = f.bottom + 10), m({ x: g, y: N }), s(!0);
+      N < 10 && (N = f.bottom + 10), m({ x: b, y: N }), c(!0);
     };
-    return document.addEventListener("selectionchange", k), () => document.removeEventListener("selectionchange", k);
+    return document.addEventListener("selectionchange", h), () => document.removeEventListener("selectionchange", h);
   }, [o]), i ? /* @__PURE__ */ e.jsxs(
     "div",
     {
-      ref: x,
+      ref: g,
       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,
+        left: l.x,
+        top: l.y,
         transform: "translateX(-50%)"
       },
-      onMouseDown: (k) => k.preventDefault(),
+      onMouseDown: (h) => h.preventDefault(),
       children: [
         /* @__PURE__ */ e.jsx(
-          A,
+          H,
           {
             icon: /* @__PURE__ */ e.jsx(vt, { className: "w-4 h-4" }),
             tooltip: "Bold",
@@ -1102,7 +1102,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
           }
         ),
         /* @__PURE__ */ e.jsx(
-          A,
+          H,
           {
             icon: /* @__PURE__ */ e.jsx(bt, { className: "w-4 h-4" }),
             tooltip: "Italic",
@@ -1112,7 +1112,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
           }
         ),
         /* @__PURE__ */ e.jsx(
-          A,
+          H,
           {
             icon: /* @__PURE__ */ e.jsx(jt, { className: "w-4 h-4" }),
             tooltip: "Underline",
@@ -1122,7 +1122,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
           }
         ),
         /* @__PURE__ */ e.jsx(
-          A,
+          H,
           {
             icon: /* @__PURE__ */ e.jsx(kt, { className: "w-4 h-4" }),
             tooltip: "Strikethrough",
@@ -1132,7 +1132,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
         ),
         /* @__PURE__ */ e.jsx("div", { className: "w-px h-5 bg-border mx-1" }),
         /* @__PURE__ */ e.jsx(
-          A,
+          H,
           {
             icon: /* @__PURE__ */ e.jsx(De, { className: "w-4 h-4" }),
             tooltip: "Inline code",
@@ -1141,7 +1141,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
           }
         ),
         /* @__PURE__ */ e.jsx(
-          A,
+          H,
           {
             icon: /* @__PURE__ */ e.jsx(Oe, { className: "w-4 h-4" }),
             tooltip: "Insert link",
@@ -1158,14 +1158,17 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
   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));
+  const [i, c] = E(""), [l, m] = E(o), g = U(null);
+  Y(() => {
+    r && (m(o), c(""), setTimeout(() => {
+      var p;
+      return (p = g.current) == null ? void 0 : p.focus();
+    }, 100));
   }, [r, o]);
-  const k = (p) => {
+  const h = (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();
+      let k = i.trim();
+      !k.startsWith("http://") && !k.startsWith("https://") && (k = "https://" + k), d(k, l || 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: [
@@ -1184,16 +1187,16 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsxs("form", { onSubmit: k, className: "space-y-4", children: [
+    /* @__PURE__ */ e.jsxs("form", { onSubmit: h, 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,
+            ref: g,
             type: "text",
             value: i,
-            onChange: (p) => s(p.target.value),
+            onChange: (p) => c(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"
           }
@@ -1205,7 +1208,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
           "input",
           {
             type: "text",
-            value: c,
+            value: l,
             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"
@@ -1254,95 +1257,96 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
   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) => {
+  const [c, l] = E(0), m = U(null), g = sr.filter(
+    (x) => x.label.toLowerCase().includes(d.toLowerCase()) || x.description.toLowerCase().includes(d.toLowerCase())
+  ), h = g.reduce((x, f) => (x[f.category] || (x[f.category] = []), x[f.category].push(f), x), {});
+  Y(() => {
+    l(0);
+  }, [d]), Y(() => {
+    const x = (f) => {
       m.current && !m.current.contains(f.target) && i();
     };
-    return r && document.addEventListener("mousedown", h), () => {
-      document.removeEventListener("mousedown", h);
+    return r && document.addEventListener("mousedown", x), () => {
+      document.removeEventListener("mousedown", x);
     };
   }, [r, i]);
   const p = C(
-    (h) => {
+    (x) => {
       if (r)
-        switch (h.key) {
+        switch (x.key) {
           case "ArrowDown":
-            h.preventDefault(), c((f) => (f + 1) % x.length);
+            x.preventDefault(), l((f) => (f + 1) % g.length);
             break;
           case "ArrowUp":
-            h.preventDefault(), c((f) => (f - 1 + x.length) % x.length);
+            x.preventDefault(), l((f) => (f - 1 + g.length) % g.length);
             break;
           case "Enter":
-            h.preventDefault(), x[s] && o(x[s].action);
+            x.preventDefault(), g[c] && o(g[c].action);
             break;
           case "Escape":
-            h.preventDefault(), i();
+            x.preventDefault(), i();
             break;
         }
     },
-    [r, x, s, o, i]
+    [r, g, c, o, i]
   );
-  if (z(() => (document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p)), [p]), !r || x.length === 0) return null;
-  let j = 0;
+  if (Y(() => (document.addEventListener("keydown", p), () => document.removeEventListener("keydown", p)), [p]), !r || g.length === 0) return null;
+  let k = 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++;
+      children: Object.entries(h).map(([x, 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: x }),
+        f.map((b) => {
+          const N = k++;
           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),
+              className: `w-full flex items-center gap-3 px-3 py-2 text-left transition-colors ${N === c ? "bg-accent text-accent-foreground" : "hover:bg-muted"}`,
+              onClick: () => o(b.action),
+              onMouseEnter: () => l(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.jsx("div", { className: "flex-shrink-0 w-8 h-8 flex items-center justify-center rounded-md bg-secondary text-secondary-foreground", children: b.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 })
+                  /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium", children: b.label }),
+                  /* @__PURE__ */ e.jsx("div", { className: "text-xs text-muted-foreground truncate", children: b.description })
                 ] })
               ]
             },
-            g.id
+            b.id
           );
         })
-      ] }, h))
+      ] }, x))
     }
   );
 }, 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/")) {
+  const [o, i] = E("upload"), [c, l] = E(""), [m, g] = E(""), [h, p] = E(!1), [k, x] = E(null), f = U(null), b = C((R) => {
+    if (!R.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();
+    const q = new FileReader();
+    q.onload = (O) => {
+      var ne;
+      const ie = (ne = O.target) == null ? void 0 : ne.result;
+      x(ie);
+    }, q.readAsDataURL(R);
+  }, []), N = C((R) => {
+    R.preventDefault(), p(!1);
+    const q = R.dataTransfer.files[0];
+    q && b(q);
+  }, [b]), M = C((R) => {
+    R.preventDefault(), p(!0);
+  }, []), S = C((R) => {
+    R.preventDefault(), p(!1);
+  }, []), D = () => {
+    const R = o === "upload" ? k : c;
+    R && (d(R, m || void 0), ee());
+  }, ee = () => {
+    l(""), g(""), x(null), n();
   };
   return r ? /* @__PURE__ */ e.jsx(
     "div",
@@ -1353,7 +1357,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
         "div",
         {
           className: "w-full max-w-md rounded-xl border shadow-xl overflow-hidden animate-scale-in bg-card border-border",
-          onClick: (_) => _.stopPropagation(),
+          onClick: (R) => R.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: [
@@ -1400,14 +1404,17 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
                   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" : ""}`,
+                  onClick: () => {
+                    var R;
+                    return (R = f.current) == null ? void 0 : R.click();
+                  },
+                  className: `border-2 border-dashed rounded-lg p-8 text-center cursor-pointer transition-colors ${h ? "border-primary bg-primary/5" : "border-border hover:border-muted-foreground"} ${k ? "border-solid" : ""}`,
                   children: [
-                    j ? /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
+                    k ? /* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
                       /* @__PURE__ */ e.jsx(
                         "img",
                         {
-                          src: j,
+                          src: k,
                           alt: "Preview",
                           className: "max-h-48 mx-auto rounded-lg"
                         }
@@ -1415,8 +1422,8 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
                       /* @__PURE__ */ e.jsx(
                         "button",
                         {
-                          onClick: (_) => {
-                            _.stopPropagation(), h(null);
+                          onClick: (R) => {
+                            R.stopPropagation(), x(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" })
@@ -1434,9 +1441,10 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
                         type: "file",
                         accept: "image/*",
                         className: "hidden",
-                        onChange: (_) => {
-                          const U = _.target.files?.[0];
-                          U && g(U);
+                        onChange: (R) => {
+                          var O;
+                          const q = (O = R.target.files) == null ? void 0 : O[0];
+                          q && b(q);
                         }
                       }
                     )
@@ -1448,20 +1456,20 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
                   "input",
                   {
                     type: "url",
-                    value: s,
-                    onChange: (_) => c(_.target.value),
+                    value: c,
+                    onChange: (R) => l(R.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(
+                c && /* @__PURE__ */ e.jsx("div", { className: "mt-3", children: /* @__PURE__ */ e.jsx(
                   "img",
                   {
-                    src: s,
+                    src: c,
                     alt: "Preview",
                     className: "max-h-32 mx-auto rounded-lg",
-                    onError: (_) => {
-                      _.target.style.display = "none";
+                    onError: (R) => {
+                      R.target.style.display = "none";
                     }
                   }
                 ) })
@@ -1473,7 +1481,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
                   {
                     type: "text",
                     value: m,
-                    onChange: (_) => x(_.target.value),
+                    onChange: (R) => g(R.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"
                   }
@@ -1483,7 +1491,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
                 /* @__PURE__ */ e.jsx(
                   "button",
                   {
-                    onClick: Z,
+                    onClick: ee,
                     className: "px-4 py-2 rounded-lg text-sm font-medium transition-colors hover:bg-muted",
                     children: "Cancel"
                   }
@@ -1491,8 +1499,8 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
                 /* @__PURE__ */ e.jsx(
                   "button",
                   {
-                    onClick: I,
-                    disabled: o === "upload" ? !j : !s,
+                    onClick: D,
+                    disabled: o === "upload" ? !k : !c,
                     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"
                   }
@@ -1505,8 +1513,8 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
     }
   ) : 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();
+  const [o, i] = E(3), [c, l] = E(3), [m, g] = E({ row: 0, col: 0 }), h = () => {
+    d(o, c), n();
   };
   return r ? /* @__PURE__ */ e.jsx(
     "div",
@@ -1535,17 +1543,17 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
             ] }),
             /* @__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(
+                /* @__PURE__ */ e.jsx("div", { className: "grid gap-1 p-2 rounded-lg bg-muted/50", children: Array.from({ length: 6 }, (p, k) => /* @__PURE__ */ e.jsx("div", { className: "flex gap-1", children: Array.from({ length: 6 }, (x, 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 }),
+                    className: `w-6 h-6 rounded border-2 transition-all ${k < m.row && f < m.col ? "bg-primary border-primary" : "border-border hover:border-muted-foreground"}`,
+                    onMouseEnter: () => g({ row: k + 1, col: f + 1 }),
                     onClick: () => {
-                      i(j + 1), c(f + 1);
+                      i(k + 1), l(f + 1);
                     }
                   },
                   f
-                )) }, j)) }),
+                )) }, k)) }),
                 /* @__PURE__ */ e.jsxs("p", { className: "text-sm text-muted-foreground mt-2", children: [
                   m.row,
                   " × ",
@@ -1575,8 +1583,8 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
                       type: "number",
                       min: "1",
                       max: "10",
-                      value: s,
-                      onChange: (p) => c(Math.max(1, Math.min(10, parseInt(p.target.value) || 1))),
+                      value: c,
+                      onChange: (p) => l(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"
                     }
                   )
@@ -1594,7 +1602,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
                 /* @__PURE__ */ e.jsx(
                   "button",
                   {
-                    onClick: k,
+                    onClick: h,
                     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"
                   }
@@ -1614,9 +1622,9 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
   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", {
+  const c = (l) => {
+    const m = new Date(l), h = (/* @__PURE__ */ new Date()).getTime() - m.getTime();
+    return h < 6e4 ? "Just now" : h < 36e5 ? `${Math.floor(h / 6e4)} min ago` : h < 864e5 ? `${Math.floor(h / 36e5)} hours ago` : m.toLocaleDateString("en-US", {
       month: "short",
       day: "numeric",
       hour: "2-digit",
@@ -1632,7 +1640,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
         "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(),
+          onClick: (l) => l.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: [
@@ -1652,21 +1660,21 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
               /* @__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(
+            ] }) : /* @__PURE__ */ e.jsx("div", { className: "divide-y divide-border", children: [...d].reverse().map((l, 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.jsx("div", { className: "font-medium text-sm", children: m === 0 ? "Current Version" : l.title }),
+                      /* @__PURE__ */ e.jsx("div", { className: "text-xs text-muted-foreground", children: c(l.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),
+                          onClick: () => o(l.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" })
@@ -1675,7 +1683,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
                       /* @__PURE__ */ e.jsx(
                         "button",
                         {
-                          onClick: () => i(c.id),
+                          onClick: () => i(l.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" })
@@ -1684,12 +1692,12 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
                     ] })
                   ] }),
                   /* @__PURE__ */ e.jsxs("div", { className: "mt-1 text-xs text-muted-foreground line-clamp-2", children: [
-                    c.content.replace(/<[^>]*>/g, "").slice(0, 100),
+                    l.content.replace(/<[^>]*>/g, "").slice(0, 100),
                     "..."
                   ] })
                 ]
               },
-              c.id
+              l.id
             )) }) })
           ]
         }
@@ -1701,19 +1709,19 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
   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);
+  const [o, i] = E(!1), c = U(null);
+  Y(() => {
+    const m = (g) => {
+      c.current && !c.current.contains(g.target) && i(!1);
     };
     return document.addEventListener("mousedown", m), () => document.removeEventListener("mousedown", m);
   }, []);
-  const c = [
+  const l = [
     { 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: [
+  return /* @__PURE__ */ e.jsxs("div", { ref: c, className: "relative", children: [
     /* @__PURE__ */ e.jsxs(
       "button",
       {
@@ -1725,7 +1733,7 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
         ]
       }
     ),
-    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(
+    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: l.map((m) => /* @__PURE__ */ e.jsxs(
       "button",
       {
         onClick: () => {
@@ -1741,18 +1749,19 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
     )) })
   ] });
 }, ur = (r = "") => {
-  const [n, d] = R([{ content: r }]), [o, i] = R(0), s = F(0), c = C((j, h) => {
+  const [n, d] = E([{ content: r }]), [o, i] = E(0), c = U(0), l = C((k, x) => {
     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;
+    f - c.current < 500 || (c.current = f, d((b) => {
+      var M;
+      const N = b.slice(0, o + 1);
+      return ((M = N[N.length - 1]) == null ? void 0 : M.content) === k ? b : (N.length >= 100 && N.shift(), [...N, { content: k, cursorPosition: x }]);
+    }), i((b) => Math.min(b + 1, 99)));
+  }, [o]), m = C(() => o > 0 ? (i(o - 1), n[o - 1]) : null, [o, n]), g = C(() => o < n.length - 1 ? (i(o + 1), n[o + 1]) : null, [o, n]), h = o > 0, p = o < n.length - 1;
   return {
-    saveToHistory: c,
+    saveToHistory: l,
     undo: m,
-    redo: x,
-    canUndo: k,
+    redo: g,
+    canUndo: h,
     canRedo: p
   };
 }, fr = [
@@ -1789,23 +1798,24 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
   { 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)
+    for (const { pattern: i, replacement: c, format: l } of fr)
       if (d.match(i))
         return {
-          html: d.replace(i, s),
-          format: c
+          html: d.replace(i, c),
+          format: l
         };
     let o = d;
-    for (const { pattern: i, replacement: s } of mr)
-      o = o.replace(i, s);
+    for (const { pattern: i, replacement: c } of mr)
+      o = o.replace(i, c);
     return o !== d ? { html: `<p>${o}</p>` } : { html: d };
   }, []), n = C((d) => {
+    var c, l, m, g;
     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;
+      const h = (c = i.tagName) == null ? void 0 : c.toLowerCase();
+      (h === "strong" || h === "b") && o.push("bold"), (h === "em" || h === "i") && o.push("italic"), h === "u" && o.push("underline"), (h === "s" || h === "strike" || h === "del") && o.push("strikethrough"), h === "code" && ((m = (l = i.parentElement) == null ? void 0 : l.tagName) == null ? void 0 : m.toLowerCase()) !== "pre" && o.push("inlineCode"), h === "pre" && o.push("code"), h === "blockquote" && o.push("blockquote"), h === "ul" && o.push("unorderedList"), h === "ol" && o.push("orderedList"), h === "h1" && o.push("h1"), h === "h2" && o.push("h2"), h === "h3" && o.push("h3"), (g = i.classList) != null && g.contains("task-list") && o.push("taskList"), i = i.parentElement;
     }
     return [...new Set(o)];
   }, []);
@@ -1813,80 +1823,83 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
     processMarkdown: r,
     detectActiveFormats: n
   };
-}, se = "docuedit_documents", pr = 5e3, pt = 50, xr = (r = "default") => {
-  const [n, d] = R({
+}, ae = "docuedit_documents", pr = 5e3, pt = 50, xr = (r = "default") => {
+  const [n, d] = E({
     currentDocumentId: r,
     versions: [],
     lastSaved: null,
     isSaving: !1
-  }), o = F(""), i = F(null);
-  z(() => {
-    const h = localStorage.getItem(se);
-    if (h)
+  }), o = U(""), i = U(null);
+  Y(() => {
+    const x = localStorage.getItem(ae);
+    if (x)
       try {
-        const g = JSON.parse(h)[r] || [];
+        const b = JSON.parse(x)[r] || [];
         d((N) => ({
           ...N,
-          versions: g,
-          lastSaved: g.length > 0 ? g[g.length - 1].timestamp : null
+          versions: b,
+          lastSaved: b.length > 0 ? b[b.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] || [];
+  const c = C((x, f = !1) => {
+    const b = localStorage.getItem(ae), N = b ? JSON.parse(b) : {}, M = Date.now(), S = N[r] || [];
     if (f || S.length === 0) {
-      const I = {
+      const D = {
         id: `v_${M}`,
-        content: h,
+        content: x,
         timestamp: M,
         title: `Version ${S.length + 1}`
       };
-      S.push(I), S.length > pt && S.splice(0, S.length - pt);
+      S.push(D), S.length > pt && S.splice(0, S.length - pt);
     } else
       S.length > 0 && (S[S.length - 1] = {
         ...S[S.length - 1],
-        content: h,
+        content: x,
         timestamp: M
       });
-    N[r] = S, localStorage.setItem(se, JSON.stringify(N)), d((I) => ({
-      ...I,
+    N[r] = S, localStorage.setItem(ae, JSON.stringify(N)), d((D) => ({
+      ...D,
       versions: S,
       lastSaved: M,
       isSaving: !1
     }));
-  }, [r]), c = C((h, f = !1) => {
-    o.current = h, d((g) => ({ ...g, isSaving: !0 })), setTimeout(() => {
-      s(h, f);
+  }, [r]), l = C((x, f = !1) => {
+    o.current = x, d((b) => ({ ...b, isSaving: !0 })), setTimeout(() => {
+      c(x, 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) => ({
+  }, [c]), m = C(() => {
+    o.current && c(o.current, !0);
+  }, [c]), g = C((x) => {
+    const f = n.versions.find((b) => b.id === x);
+    return (f == null ? void 0 : f.content) || null;
+  }, [n.versions]), h = C(() => n.versions.length === 0 ? null : n.versions[n.versions.length - 1].content, [n.versions]), p = C((x) => {
+    const f = localStorage.getItem(ae), b = f ? JSON.parse(f) : {}, M = (b[r] || []).filter((S) => S.id !== x);
+    b[r] = M, localStorage.setItem(ae, JSON.stringify(b)), 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,
+  }, [r]), k = C(() => {
+    const x = localStorage.getItem(ae), f = x ? JSON.parse(x) : {};
+    delete f[r], localStorage.setItem(ae, JSON.stringify(f)), d((b) => ({
+      ...b,
       versions: [],
       lastSaved: null
     }));
   }, [r]);
-  return z(() => (i.current = setInterval(() => {
-    o.current && s(o.current, !1);
+  return Y(() => (i.current = setInterval(() => {
+    o.current && c(o.current, !1);
   }, pr), () => {
     i.current && clearInterval(i.current);
-  }), [s]), {
-    save: c,
+  }), [c]), {
+    save: l,
     createVersionSnapshot: m,
-    loadVersion: x,
-    getLatestContent: k,
+    loadVersion: g,
+    getLatestContent: h,
     deleteVersion: p,
-    clearAllVersions: j,
+    clearAllVersions: k,
     versions: n.versions,
     lastSaved: n.lastSaved,
     isSaving: n.isSaving
@@ -1894,8 +1907,8 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
 }, 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}
+    const c = i.includes("checked"), l = i.match(/<span class="task-text"[^>]*>([\s\S]*?)<\/span>/i), m = l ? l[1].trim() : "";
+    return c ? `- [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
@@ -1913,12 +1926,12 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
 `), 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
+    let c = 0;
+    return i.replace(/<li[^>]*>([\s\S]*?)<\/li>/gi, () => (c++, `${c}. $1
 `)) + `
 `;
   }), n = n.replace(/<blockquote[^>]*>([\s\S]*?)<\/blockquote>/gi, (o, i) => i.split(`
-`).map((s) => `> ${s}`).join(`
+`).map((c) => `> ${c}`).join(`
 `) + `
 
 `), n = n.replace(/<hr[^>]*\/?>/gi, `
@@ -2000,11 +2013,11 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
     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);
+  const o = new Blob([r], { type: d }), i = URL.createObjectURL(o), c = document.createElement("a");
+  c.href = i, c.download = n, document.body.appendChild(c), c.click(), document.body.removeChild(c), URL.revokeObjectURL(i);
 }, br = () => {
   const r = C((o, i = "document") => {
-    const s = `<!DOCTYPE html>
+    const c = `<!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
@@ -2029,10 +2042,10 @@ const vt = ({ className: r = "w-4 h-4" }) => /* @__PURE__ */ e.jsxs("svg", { cla
 ${o}
 </body>
 </html>`;
-    xt(s, `${i}.html`, "text/html");
+    xt(c, `${i}.html`, "text/html");
   }, []), n = C((o, i = "document") => {
-    const s = gr(o);
-    xt(s, `${i}.md`, "text/markdown");
+    const c = gr(o);
+    xt(c, `${i}.md`, "text/markdown");
   }, []), d = C((o, i = "Document") => {
     vr(o, i);
   }, []);
@@ -2053,15 +2066,15 @@ ${o}
   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 r = U(null), [n, d] = E(jr), [o, i] = E("dm-sans"), [c, l] = E(!1), [m, g] = E(""), h = U(null), [p, k] = E(!1), [x, f] = E({ top: 0, left: 0 }), [b, N] = E(""), [M, S] = E(!1), [D, ee] = E(!1), [R, q] = E(!1), { saveToHistory: O, undo: ie, redo: ne, canUndo: ye, canRedo: Pe } = ur(), { detectActiveFormats: we } = hr(), { save: B, versions: Q, lastSaved: X, loadVersion: te, deleteVersion: Ce, getLatestContent: Ne, createVersionSnapshot: he } = xr(), { exportHTML: Le, exportMarkdown: Te, exportPDF: Se } = br();
+  Y(() => {
+    const s = Ne();
+    s && r.current && (r.current.innerHTML = s);
   }, []);
   const W = C(() => {
-    const l = window.getSelection();
-    if (!l || !l.rangeCount) return;
-    const L = l.getRangeAt(0).commonAncestorContainer.parentElement, v = we(L);
+    const s = window.getSelection();
+    if (!s || !s.rangeCount) return;
+    const L = s.getRangeAt(0).commonAncestorContainer.parentElement, v = we(L);
     d({
       bold: v.includes("bold") || document.queryCommandState("bold"),
       italic: v.includes("italic") || document.queryCommandState("italic"),
@@ -2072,11 +2085,11 @@ ${o}
       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"
+      heading: v.find(($) => $.match(/^h[1-3]$/)) || "p"
     });
-  }, [we]), Y = C((l) => {
+  }, [we]), J = C((s) => {
     if (r.current) {
-      switch (r.current.focus(), l) {
+      switch (r.current.focus(), s) {
         case "bold":
           document.execCommand("bold", !1);
           break;
@@ -2102,10 +2115,10 @@ ${o}
           He();
           break;
         case "code":
-          he();
+          pe();
           break;
         case "inlineCode":
-          pe("code");
+          xe("code");
           break;
         case "horizontalRule":
           document.execCommand("insertHorizontalRule", !1);
@@ -2116,126 +2129,128 @@ ${o}
         case "h1":
         case "h2":
         case "h3":
-          document.execCommand("formatBlock", !1, l);
+          document.execCommand("formatBlock", !1, s);
           break;
         case "image":
           S(!0);
           return;
         case "table":
-          Z(!0);
+          ee(!0);
           return;
       }
-      H(r.current.innerHTML), B(r.current.innerHTML), W();
+      O(r.current.innerHTML), B(r.current.innerHTML), W();
     }
-  }, [H, W, B]), Ae = () => {
+  }, [O, 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");
+    var v;
+    const s = window.getSelection();
+    if (!s || !s.rangeCount) return;
+    const L = (v = s.getRangeAt(0).commonAncestorContainer.parentElement) == null ? void 0 : v.closest("blockquote");
     if (L) {
-      const v = L.innerHTML;
-      L.outerHTML = `<p>${v}</p>`;
+      const $ = L.innerHTML;
+      L.outerHTML = `<p>${$}</p>`;
     } else {
-      const v = l.toString() || "Quote text here...";
-      document.execCommand("insertHTML", !1, `<blockquote>${v}</blockquote>`);
+      const $ = s.toString() || "Quote text here...";
+      document.execCommand("insertHTML", !1, `<blockquote>${$}</blockquote>`);
     }
-  }, he = () => {
-    const l = window.getSelection();
-    if (!l || !l.rangeCount) return;
-    const y = l.toString() || "Code here...";
+  }, pe = () => {
+    const s = window.getSelection();
+    if (!s || !s.rangeCount) return;
+    const y = s.toString() || "Code here...";
     document.execCommand("insertHTML", !1, `<pre><code>${y}</code></pre><p></p>`);
-  }, pe = (l) => {
+  }, xe = (s) => {
+    var V;
     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);
+    const L = y.getRangeAt(0), v = L.toString(), $ = L.commonAncestorContainer.parentElement;
+    if (((V = $ == null ? void 0 : $.tagName) == null ? void 0 : V.toLowerCase()) === s) {
+      const K = document.createTextNode(v);
+      $.replaceWith(K);
     } else
-      document.execCommand("insertHTML", !1, `<${l}>${v}</${l}>`);
-  }, Q = C((l, y) => {
+      document.execCommand("insertHTML", !1, `<${s}>${v}</${s}>`);
+  }, Z = C((s, 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) => {
+    const L = `<img src="${s}" alt="${y || ""}" class="editor-image" style="max-width: 100%; border-radius: 8px;" /><p></p>`;
+    document.execCommand("insertHTML", !1, L), O(r.current.innerHTML), B(r.current.innerHTML), S(!1);
+  }, [O, B]), ge = C((s, 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++) {
+    for (let v = 0; v < s - 1; v++) {
       L += "<tr>";
-      for (let D = 0; D < y; D++)
+      for (let $ = 0; $ < y; $++)
         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) => {
+    L += "</tbody></table><p></p>", document.execCommand("insertHTML", !1, L), O(r.current.innerHTML), B(r.current.innerHTML), ee(!1);
+  }, [O, B]), re = C((s) => {
+    r.current && (r.current.focus(), document.execCommand("formatBlock", !1, s === "p" ? "p" : s), O(r.current.innerHTML), B(r.current.innerHTML), W());
+  }, [O, W, B]), Be = C((s) => {
+    i(s.value);
+  }, []), le = C(() => {
+    const s = ie();
+    s && r.current && (r.current.innerHTML = s.content, W());
+  }, [ie, W]), ve = C(() => {
+    const s = ne();
+    s && r.current && (r.current.innerHTML = s.content, W());
+  }, [ne, W]), ce = C(() => {
+    const s = window.getSelection();
+    s && s.rangeCount > 0 && (h.current = s.getRangeAt(0).cloneRange(), g(s.toString())), l(!0);
+  }, []), de = C((s, y) => {
     if (!r.current) return;
-    if (r.current.focus(), k.current) {
+    if (r.current.focus(), h.current) {
       const v = window.getSelection();
-      v?.removeAllRanges(), v?.addRange(k.current);
+      v == null || v.removeAllRanges(), v == null || v.addRange(h.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) => {
+    const L = y || m || s;
+    document.execCommand("insertHTML", !1, `<a href="${s}" target="_blank" rel="noopener noreferrer">${L}</a>`), O(r.current.innerHTML), B(r.current.innerHTML), l(!1), g(""), h.current = null;
+  }, [m, O, B]), oe = C((s) => {
     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));
+        const $ = v.textContent.lastIndexOf("/");
+        $ >= 0 && (v.textContent = v.textContent.substring(0, $));
       }
     }
-    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);
+    k(!1), N(""), J(s);
+  }, [J]), Re = C((s) => {
+    const L = navigator.platform.toUpperCase().indexOf("MAC") >= 0 ? s.metaKey : s.ctrlKey;
+    if (s.key === "Escape" && p) {
+      k(!1);
       return;
     }
     if (L)
-      switch (l.key.toLowerCase()) {
+      switch (s.key.toLowerCase()) {
         case "b":
-          l.preventDefault(), Y("bold");
+          s.preventDefault(), J("bold");
           break;
         case "i":
-          l.preventDefault(), Y("italic");
+          s.preventDefault(), J("italic");
           break;
         case "u":
-          l.preventDefault(), Y("underline");
+          s.preventDefault(), J("underline");
           break;
         case "k":
-          l.preventDefault(), le();
+          s.preventDefault(), ce();
           break;
         case "s":
-          l.preventDefault(), me();
+          s.preventDefault(), he();
           break;
         case "z":
-          l.preventDefault(), l.shiftKey ? ge() : ie();
+          s.preventDefault(), s.shiftKey ? ve() : le();
           break;
       }
-    if (l.key === " " || l.key === "Enter") {
+    if (s.key === " " || s.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 = [
+      const $ = v.getRangeAt(0), V = $.startContainer.textContent || "", K = $.startOffset, Ue = V.substring(0, K), qe = [
         { regex: /^# $/, format: "h1", heading: "h1" },
         { regex: /^## $/, format: "h2", heading: "h2" },
         { regex: /^### $/, format: "h3", heading: "h3" },
@@ -2249,58 +2264,60 @@ ${o}
       ];
       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);
+          s.preventDefault();
+          const $e = $.startContainer;
+          $e.nodeType === Node.TEXT_NODE && ($e.textContent = ""), _e ? re(_e) : J(Ye);
           return;
         }
     }
-  }, [Y, te, le, ie, ge, p, me]), Ee = C(() => {
+  }, [J, re, ce, le, ve, p, he]), 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);
+    const s = window.getSelection();
+    if (s && s.rangeCount > 0) {
+      const y = s.getRangeAt(0), L = y.startContainer.textContent || "", v = y.startOffset, V = L.substring(0, v).match(/\/([a-zA-Z]*)$/);
+      if (V) {
+        const K = y.getBoundingClientRect();
+        f({ top: K.bottom + 8, left: K.left }), N(V[1]), k(!0);
       } else
-        j(!1);
+        k(!1);
     }
-    H(r.current.innerHTML), B(r.current.innerHTML), W();
-  }, [H, W, B]), de = C((l) => {
-    const y = l.clipboardData.items;
+    O(r.current.innerHTML), B(r.current.innerHTML), W();
+  }, [O, W, B]), ue = C((s) => {
+    const y = s.clipboardData.items;
     for (const L of y)
       if (L.type.startsWith("image/")) {
-        l.preventDefault();
+        s.preventDefault();
         const v = L.getAsFile();
         if (v) {
-          const D = new FileReader();
-          D.onload = (G) => {
-            Q(G.target?.result);
-          }, D.readAsDataURL(v);
+          const $ = new FileReader();
+          $.onload = (V) => {
+            var K;
+            Z((K = V.target) == null ? void 0 : K.result);
+          }, $.readAsDataURL(v);
         }
         return;
       }
-  }, [Q]), We = C((l) => {
-    const y = l.dataTransfer.files;
+  }, [Z]), We = C((s) => {
+    const y = s.dataTransfer.files;
     for (const L of y)
       if (L.type.startsWith("image/")) {
-        l.preventDefault();
+        s.preventDefault();
         const v = new FileReader();
-        v.onload = (D) => {
-          Q(D.target?.result);
+        v.onload = ($) => {
+          var V;
+          Z((V = $.target) == null ? void 0 : V.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);
+  }, [Z]), Ve = C((s) => {
+    const y = te(s);
+    y && r.current && (r.current.innerHTML = y, O(y), B(y, !0), q(!1));
+  }, [te, O, B]);
+  Y(() => {
+    const s = () => W();
+    return document.addEventListener("selectionchange", s), () => document.removeEventListener("selectionchange", s);
   }, [W]);
-  const ve = () => ({
+  const be = () => ({
     "dm-sans": "font-sans-editor",
     merriweather: "font-serif-editor",
     playfair: "font-display-editor",
@@ -2311,9 +2328,9 @@ ${o}
     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();
+    if (!X) return "Not saved yet";
+    const s = Date.now() - X;
+    return s < 6e4 ? "Just now" : s < 36e5 ? `${Math.floor(s / 6e4)} min ago` : new Date(X).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: [
@@ -2321,7 +2338,7 @@ ${o}
         /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ e.jsxs(
           "button",
           {
-            onClick: () => U(!0),
+            onClick: () => q(!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" }),
@@ -2347,7 +2364,7 @@ ${o}
           /* @__PURE__ */ e.jsxs(
             "button",
             {
-              onClick: () => Z(!0),
+              onClick: () => ee(!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" }),
@@ -2358,9 +2375,18 @@ ${o}
           /* @__PURE__ */ e.jsx(
             dr,
             {
-              onExportHTML: () => Le(r.current?.innerHTML || "", "document"),
-              onExportMarkdown: () => Te(r.current?.innerHTML || "", "document"),
-              onExportPDF: () => Se(r.current?.innerHTML || "", "Document")
+              onExportHTML: () => {
+                var s;
+                return Le(((s = r.current) == null ? void 0 : s.innerHTML) || "", "document");
+              },
+              onExportMarkdown: () => {
+                var s;
+                return Te(((s = r.current) == null ? void 0 : s.innerHTML) || "", "document");
+              },
+              onExportPDF: () => {
+                var s;
+                return Se(((s = r.current) == null ? void 0 : s.innerHTML) || "", "Document");
+              }
             }
           )
         ] })
@@ -2370,27 +2396,27 @@ ${o}
         {
           formatState: n,
           currentFont: o,
-          onFormat: Y,
+          onFormat: J,
           onFontChange: Be,
-          onHeadingChange: te,
-          onUndo: ie,
-          onRedo: ge,
+          onHeadingChange: re,
+          onUndo: le,
+          onRedo: ve,
           canUndo: ye,
           canRedo: Pe,
-          onInsertLink: le
+          onInsertLink: ce
         }
       ),
       /* @__PURE__ */ e.jsxs(
         "div",
         {
           ref: r,
-          className: `editor-content p-6 md:p-8 min-h-[500px] focus:outline-none ${ve()} bg-editor`,
+          className: `editor-content p-6 md:p-8 min-h-[500px] focus:outline-none ${be()} bg-editor`,
           contentEditable: !0,
           onInput: Ee,
           onKeyDown: Re,
-          onPaste: de,
+          onPaste: ue,
           onDrop: We,
-          onDragOver: (l) => l.preventDefault(),
+          onDragOver: (s) => s.preventDefault(),
           suppressContentEditableWarning: !0,
           "data-placeholder": "Start writing... Type '/' for commands, or use markdown shortcuts like # for headings",
           children: [
@@ -2428,8 +2454,8 @@ ${o}
       nr,
       {
         formatState: { bold: n.bold, italic: n.italic, underline: n.underline, strikethrough: n.strikethrough, code: n.code },
-        onFormat: Y,
-        onInsertLink: le,
+        onFormat: J,
+        onInsertLink: ce,
         editorRef: r
       }
     ),
@@ -2437,16 +2463,16 @@ ${o}
       ar,
       {
         isOpen: p,
-        position: h,
-        searchQuery: g,
-        onSelect: re,
-        onClose: () => j(!1)
+        position: x,
+        searchQuery: b,
+        onSelect: oe,
+        onClose: () => k(!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 })
+    /* @__PURE__ */ e.jsx(or, { isOpen: c, onClose: () => l(!1), onInsert: de, selectedText: m }),
+    /* @__PURE__ */ e.jsx(ir, { isOpen: M, onClose: () => S(!1), onInsert: Z }),
+    /* @__PURE__ */ e.jsx(lr, { isOpen: D, onClose: () => ee(!1), onInsert: ge }),
+    /* @__PURE__ */ e.jsx(cr, { isOpen: R, onClose: () => q(!1), versions: Q, onRestore: Ve, onDelete: Ce })
   ] });
 };
 export {