erl-mathtextx-editor 0.1.2 → 0.1.3

package/dist/{index-DYxMVo98.js → index-jQUBaVKf.js}

@@ -1,7 +1,7 @@
-import { jsx as e, jsxs as a, Fragment as Z } from "react/jsx-runtime";
-import oe, { useRef as R, useState as H, useEffect as X, useCallback as b, useMemo as Ce, lazy as le, Suspense as te, useId as Lt } from "react";
-import { N as je, a as Ue, R as Ie, m as Te, E as Ye, T as _t, A as zt, b as St, c as Dt, d as Bt, U as Pt, S as Vt, e as Rt, f as It, C as Et, g as Kt, h as $t, i as Ot, j as Ft, k as Wt, F as qt, l as Gt, H as Xt, L as jt, I as Ut, P as Yt, n as Jt, u as Zt, o as Qt } from "./tiptap-BhJ7Fu9S.js";
-import "./ContentViewer-DcvxXP9t.js";
+import { jsx as e, jsxs as a, Fragment as Y } from "react/jsx-runtime";
+import ce, { useRef as I, useState as M, useEffect as W, useCallback as g, useMemo as we, lazy as ne, Suspense as Q, useId as Lt } from "react";
+import { N as je, a as Ue, R as Re, m as Ce, E as Ye, T as _t, A as St, b as zt, c as Dt, d as It, U as Bt, S as Pt, e as Vt, f as Rt, C as Et, g as Kt, h as $t, i as Ft, j as Ot, k as Wt, F as qt, l as Gt, H as Xt, L as jt, I as Ut, P as Yt, n as Jt, u as Zt, o as Qt } from "./tiptap-Bc1mIOtx.js";
+import "./ContentViewer-COGXSiwX.js";
 function Ze(n) {
   const t = n.closest(".mtx-content");
   if (!t)
@@ -18,130 +18,129 @@ function Qe(n, t) {
   return l ? l === "auto" || l.endsWith("%") || l.endsWith("px") ? l : /^\d+(\.\d+)?$/.test(l) ? `${Math.round(Number(l))}px` : l : t;
 }
 function ea(n) {
-  const { node: t, updateAttributes: l, selected: i, getPos: c, editor: r } = n, s = t.attrs, o = R(null), N = R(!1), y = R(null), u = R({ x: 0, y: 0, width: 0, height: 0 }), h = R(s), m = R(() => {
-  }), k = R(!1), f = R({ x: 0, y: 0, offsetX: 0, offsetY: 0 }), P = R(() => {
-  }), p = R(null), g = R(null), w = R({ x: Number(s.offsetX || 0), y: Number(s.offsetY || 0) }), B = R(s.align === "full" ? "center" : s.align || "center"), _ = R({ width: 0, height: 0 }), W = R(null), q = R(null), ie = R(null), [fe, ae] = H(!1), [me, Ae] = H(!1), [C, j] = H(null), [de, Ne] = H(!1), [, ne] = H(0);
-  X(() => {
-    h.current = s, w.current = {
+  const { node: t, updateAttributes: l, selected: i, getPos: c, editor: r } = n, s = t.attrs, o = I(null), b = I(!1), N = I(null), u = I({ x: 0, y: 0, width: 0, height: 0 }), h = I(s), d = I(() => {
+  }), v = I(!1), f = I({ x: 0, y: 0, offsetX: 0, offsetY: 0 }), B = I(() => {
+  }), p = I(null), x = I(null), H = I({ x: Number(s.offsetX || 0), y: Number(s.offsetY || 0) }), P = I(s.align === "full" ? "center" : s.align || "center"), z = I({ width: 0, height: 0 }), ee = I(null), j = I(null), le = I(null), [be, te] = M(!1), [oe, Ae] = M(!1), [C, q] = M(null), [me, Ne] = M(!1), [, ae] = M(0);
+  W(() => {
+    h.current = s, H.current = {
       x: Number(s.offsetX || 0),
       y: Number(s.offsetY || 0)
-    }, B.current = s.align === "full" ? "center" : s.align || "center";
-  }, [s]), X(() => {
-    if (!de) return;
-    const x = window.setTimeout(() => {
+    }, P.current = s.align === "full" ? "center" : s.align || "center";
+  }, [s]), W(() => {
+    if (!me) return;
+    const k = window.setTimeout(() => {
       Ne(!1);
     }, 180);
-    return () => window.clearTimeout(x);
-  }, [de]);
-  const pe = b(() => {
-    var x, V;
-    (x = q.current) == null || x.remove(), (V = ie.current) == null || V.remove(), q.current = null, ie.current = null;
-  }, []), ye = b(() => {
-    const x = o.current;
-    if (!x) return null;
-    const V = x.closest(".mtx-content");
+    return () => window.clearTimeout(k);
+  }, [me]);
+  const ue = g(() => {
+    j.current?.remove(), le.current?.remove(), j.current = null, le.current = null;
+  }, []), ye = g(() => {
+    const k = o.current;
+    if (!k) return null;
+    const V = k.closest(".mtx-content");
     if (!V) return null;
-    const O = V.closest(".mtx-editor") || V;
-    if (W.current = O, !ie.current) {
-      const E = document.createElement("div");
-      E.className = "mtx-image-drag-zone", E.setAttribute("aria-hidden", "true"), O.appendChild(E), ie.current = E;
+    const F = V.closest(".mtx-editor") || V;
+    if (ee.current = F, !le.current) {
+      const R = document.createElement("div");
+      R.className = "mtx-image-drag-zone", R.setAttribute("aria-hidden", "true"), F.appendChild(R), le.current = R;
     }
-    if (!q.current) {
-      const E = document.createElement("div");
-      E.className = "mtx-image-drag-guide", E.setAttribute("aria-hidden", "true"), O.appendChild(E), q.current = E;
+    if (!j.current) {
+      const R = document.createElement("div");
+      R.className = "mtx-image-drag-guide", R.setAttribute("aria-hidden", "true"), F.appendChild(R), j.current = R;
     }
-    return { wrapper: x, editorContent: V, host: O };
-  }, []), ge = b((x) => {
+    return { wrapper: k, editorContent: V, host: F };
+  }, []), pe = g((k) => {
     const V = ye();
     if (!V) return;
-    const { editorContent: K, host: O } = V, E = O.getBoundingClientRect(), Y = K.getBoundingClientRect(), J = Y.left - E.left, xe = Y.top - E.top, ke = Y.width, De = Y.height, be = ie.current, se = q.current;
-    if (!be || !se) return;
-    be.className = "mtx-image-drag-zone", se.className = "mtx-image-drag-guide", be.style.left = `${Math.round(J)}px`, be.style.top = `${Math.round(xe)}px`, be.style.width = `${Math.round(ke)}px`, be.style.height = `${Math.round(De)}px`, se.style.left = `${Math.round(J)}px`, se.style.top = `${Math.round(xe)}px`, se.style.width = `${Math.round(ke)}px`, se.style.height = `${Math.round(De)}px`, se.style.borderLeft = "2px dashed rgba(37, 99, 235, 0.5)", se.style.transform = "translateX(-50%)";
-    const Ee = x === "left" ? J + ke * 0.33 : x === "right" ? J + ke * 0.66 : J + ke * 0.5;
-    se.style.left = `${Math.round(Ee)}px`;
+    const { editorContent: K, host: F } = V, R = F.getBoundingClientRect(), X = K.getBoundingClientRect(), U = X.left - R.left, xe = X.top - R.top, ke = X.width, De = X.height, fe = le.current, ie = j.current;
+    if (!fe || !ie) return;
+    fe.className = "mtx-image-drag-zone", ie.className = "mtx-image-drag-guide", fe.style.left = `${Math.round(U)}px`, fe.style.top = `${Math.round(xe)}px`, fe.style.width = `${Math.round(ke)}px`, fe.style.height = `${Math.round(De)}px`, ie.style.left = `${Math.round(U)}px`, ie.style.top = `${Math.round(xe)}px`, ie.style.width = `${Math.round(ke)}px`, ie.style.height = `${Math.round(De)}px`, ie.style.borderLeft = "2px dashed rgba(37, 99, 235, 0.5)", ie.style.transform = "translateX(-50%)";
+    const Ee = k === "left" ? U + ke * 0.33 : k === "right" ? U + ke * 0.66 : U + ke * 0.5;
+    ie.style.left = `${Math.round(Ee)}px`;
   }, [ye]);
-  X(() => () => {
-    pe();
-  }, [pe]);
-  const G = b((x) => {
-    const V = o.current, K = y.current;
-    if (!N.current || !V || !K)
+  W(() => () => {
+    ue();
+  }, [ue]);
+  const O = g((k) => {
+    const V = o.current, K = N.current;
+    if (!b.current || !V || !K)
       return;
-    const O = x.clientX - u.current.x, E = x.clientY - u.current.y;
-    let Y = u.current.width, J = u.current.height;
-    K.includes("e") ? Y = Math.max(50, u.current.width + O) : K.includes("w") && (Y = Math.max(50, u.current.width - O)), K.includes("s") ? J = Math.max(50, u.current.height + E) : K.includes("n") && (J = Math.max(50, u.current.height - E)), g.current = {
-      width: Math.round(Y),
-      height: Math.round(J)
+    const F = k.clientX - u.current.x, R = k.clientY - u.current.y;
+    let X = u.current.width, U = u.current.height;
+    K.includes("e") ? X = Math.max(50, u.current.width + F) : K.includes("w") && (X = Math.max(50, u.current.width - F)), K.includes("s") ? U = Math.max(50, u.current.height + R) : K.includes("n") && (U = Math.max(50, u.current.height - R)), x.current = {
+      width: Math.round(X),
+      height: Math.round(U)
     }, p.current === null && (p.current = window.requestAnimationFrame(() => {
-      const xe = g.current;
+      const xe = x.current;
       if (!V || !xe) {
         p.current = null;
         return;
       }
       V.style.width = `${xe.width}px`, h.current.height && h.current.height !== "auto" && (V.style.height = `${xe.height}px`), p.current = null;
     }));
-  }, []), Me = b(() => {
-    const x = o.current;
-    if (!N.current || !x)
+  }, []), Te = g(() => {
+    const k = o.current;
+    if (!b.current || !k)
       return;
-    const V = x.offsetWidth, K = x.offsetHeight;
+    const V = k.offsetWidth, K = k.offsetHeight;
     l({
       width: Math.round(V),
       height: h.current.height === "auto" ? "auto" : Math.round(K)
-    }), N.current = !1, y.current = null, ae(!1), g.current = null, window.removeEventListener("mousemove", G), window.removeEventListener("mouseup", m.current);
-  }, [G, l]);
-  X(() => {
-    m.current = Me;
-  }, [Me]);
-  const he = b((x) => {
+    }), b.current = !1, N.current = null, te(!1), x.current = null, window.removeEventListener("mousemove", O), window.removeEventListener("mouseup", d.current);
+  }, [O, l]);
+  W(() => {
+    d.current = Te;
+  }, [Te]);
+  const de = g((k) => {
     const V = o.current;
-    if (!k.current || !V)
+    if (!v.current || !V)
       return;
-    const K = f.current.offsetX + (x.clientX - f.current.x), O = f.current.offsetY + (x.clientY - f.current.y);
-    w.current = {
+    const K = f.current.offsetX + (k.clientX - f.current.x), F = f.current.offsetY + (k.clientY - f.current.y);
+    H.current = {
       x: Math.round(K),
-      y: Math.round(O)
+      y: Math.round(F)
     }, p.current === null && (p.current = window.requestAnimationFrame(() => {
-      const E = o.current;
-      if (E) {
-        E.style.transform = `translate3d(${w.current.x}px, ${w.current.y}px, 0)`;
-        const Y = Ze(E);
-        Y !== B.current && (B.current = Y, j(Y), ne((J) => J + 1)), ge(B.current);
+      const R = o.current;
+      if (R) {
+        R.style.transform = `translate3d(${H.current.x}px, ${H.current.y}px, 0)`;
+        const X = Ze(R);
+        X !== P.current && (P.current = X, q(X), ae((U) => U + 1)), pe(P.current);
       }
       p.current = null;
     }));
-  }, [ge]), ve = b(() => {
-    const x = o.current;
-    if (!k.current || !x)
+  }, [pe]), ve = g(() => {
+    const k = o.current;
+    if (!v.current || !k)
       return;
-    const V = B.current || Ze(x);
-    k.current = !1, Ae(!1), j(null), Ne(!0), pe(), l({
+    const V = P.current || Ze(k);
+    v.current = !1, Ae(!1), q(null), Ne(!0), ue(), l({
       align: V,
       offsetX: 0,
       offsetY: 0
-    }), x.style.transform = "translate3d(0px, 0px, 0)", w.current = { x: 0, y: 0 }, window.removeEventListener("mousemove", he), window.removeEventListener("mouseup", P.current);
-  }, [he, pe, l]);
-  X(() => {
-    P.current = ve;
+    }), k.style.transform = "translate3d(0px, 0px, 0)", H.current = { x: 0, y: 0 }, window.removeEventListener("mousemove", de), window.removeEventListener("mouseup", B.current);
+  }, [de, ue, l]);
+  W(() => {
+    B.current = ve;
   }, [ve]);
-  const Q = b((x, V) => {
-    x.preventDefault(), x.stopPropagation();
+  const J = g((k, V) => {
+    k.preventDefault(), k.stopPropagation();
     const K = o.current;
     if (!K)
       return;
-    const O = K.getBoundingClientRect();
+    const F = K.getBoundingClientRect();
     u.current = {
-      x: x.clientX,
-      y: x.clientY,
-      width: O.width,
-      height: O.height
-    }, N.current = !0, y.current = V, ae(!0), window.addEventListener("mousemove", G), window.addEventListener("mouseup", m.current);
-  }, [G]), v = b((x) => {
-    if (x.button !== 0 || N.current || x.target.closest(".mtx-image-resize-handles"))
+      x: k.clientX,
+      y: k.clientY,
+      width: F.width,
+      height: F.height
+    }, b.current = !0, N.current = V, te(!0), window.addEventListener("mousemove", O), window.addEventListener("mouseup", d.current);
+  }, [O]), y = g((k) => {
+    if (k.button !== 0 || b.current || k.target.closest(".mtx-image-resize-handles"))
       return;
-    if (x.preventDefault(), x.stopPropagation(), typeof c == "function") {
-      const O = c();
-      typeof O == "number" && r.commands.setNodeSelection(O);
+    if (k.preventDefault(), k.stopPropagation(), typeof c == "function") {
+      const F = c();
+      typeof F == "number" && r.commands.setNodeSelection(F);
     }
     (h.current.align === "center" || h.current.align === "full") && (l({
       align: "left",
@@ -152,36 +151,36 @@ function ea(n) {
       align: "left",
       offsetX: 0,
       offsetY: 0
-    }), B.current = h.current.align === "full" ? "center" : h.current.align || "center", j(B.current), ge(B.current), f.current = {
-      x: x.clientX,
-      y: x.clientY,
+    }), P.current = h.current.align === "full" ? "center" : h.current.align || "center", q(P.current), pe(P.current), f.current = {
+      x: k.clientX,
+      y: k.clientY,
       offsetX: Number(h.current.offsetX || 0),
       offsetY: Number(h.current.offsetY || 0)
     };
     const K = o.current;
-    K && (_.current = {
+    K && (z.current = {
       width: K.offsetWidth,
       height: K.offsetHeight
-    }), w.current = {
+    }), H.current = {
       x: f.current.offsetX,
       y: f.current.offsetY
-    }, k.current = !0, Ae(!0), window.addEventListener("mousemove", he), window.addEventListener("mouseup", P.current);
-  }, [r.commands, c, he, l, ge]);
-  X(() => () => {
-    p.current !== null && window.cancelAnimationFrame(p.current), window.removeEventListener("mousemove", G), window.removeEventListener("mouseup", m.current), window.removeEventListener("mousemove", he), window.removeEventListener("mouseup", P.current);
-  }, [he, G]);
-  const T = `mtx-image--${s.align || "center"}`, D = Qe(s.width, "auto"), $ = Qe(s.height, "auto"), F = C ? `mtx-image-snap-preview--${C}` : "";
+    }, v.current = !0, Ae(!0), window.addEventListener("mousemove", de), window.addEventListener("mouseup", B.current);
+  }, [r.commands, c, de, l, pe]);
+  W(() => () => {
+    p.current !== null && window.cancelAnimationFrame(p.current), window.removeEventListener("mousemove", O), window.removeEventListener("mouseup", d.current), window.removeEventListener("mousemove", de), window.removeEventListener("mouseup", B.current);
+  }, [de, O]);
+  const w = `mtx-image--${s.align || "center"}`, D = Qe(s.width, "auto"), $ = Qe(s.height, "auto"), ge = C ? `mtx-image-snap-preview--${C}` : "";
   return /* @__PURE__ */ e(
     je,
     {
       as: "figure",
-      className: `mtx-image-figure ${T} ${i ? "mtx-image--selected" : ""} ${me ? "mtx-image--dragging" : ""} ${de ? "mtx-image--snap-animating" : ""} ${F}`,
+      className: `mtx-image-figure ${w} ${i ? "mtx-image--selected" : ""} ${oe ? "mtx-image--dragging" : ""} ${me ? "mtx-image--snap-animating" : ""} ${ge}`,
       contentEditable: !1,
       children: /* @__PURE__ */ a(
         "div",
         {
           ref: o,
-          className: `mtx-image-wrapper ${me ? "is-dragging" : ""}`,
+          className: `mtx-image-wrapper ${oe ? "is-dragging" : ""}`,
           style: {
             width: D,
             height: $,
@@ -190,11 +189,11 @@ function ea(n) {
             maxWidth: "100%",
             verticalAlign: "top",
             transform: `translate3d(${Number(s.offsetX || 0)}px, ${Number(s.offsetY || 0)}px, 0)`,
-            cursor: i ? me ? "grabbing" : "grab" : "default",
-            willChange: me ? "transform" : fe ? "width, height" : "auto",
-            contain: fe ? "layout style" : "none"
+            cursor: i ? oe ? "grabbing" : "grab" : "default",
+            willChange: oe ? "transform" : be ? "width, height" : "auto",
+            contain: be ? "layout style" : "none"
           },
-          onMouseDown: v,
+          onMouseDown: y,
           children: [
             /* @__PURE__ */ e(
               "img",
@@ -213,16 +212,16 @@ function ea(n) {
               }
             ),
             i && /* @__PURE__ */ a("div", { className: "mtx-image-resize-handles", children: [
-              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--nw", onMouseDown: (x) => Q(x, "nw") }),
-              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--ne", onMouseDown: (x) => Q(x, "ne") }),
-              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--sw", onMouseDown: (x) => Q(x, "sw") }),
-              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--se", onMouseDown: (x) => Q(x, "se") }),
-              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--n", onMouseDown: (x) => Q(x, "n") }),
-              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--e", onMouseDown: (x) => Q(x, "e") }),
-              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--s", onMouseDown: (x) => Q(x, "s") }),
-              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--w", onMouseDown: (x) => Q(x, "w") })
+              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--nw", onMouseDown: (k) => J(k, "nw") }),
+              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--ne", onMouseDown: (k) => J(k, "ne") }),
+              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--sw", onMouseDown: (k) => J(k, "sw") }),
+              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--se", onMouseDown: (k) => J(k, "se") }),
+              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--n", onMouseDown: (k) => J(k, "n") }),
+              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--e", onMouseDown: (k) => J(k, "e") }),
+              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--s", onMouseDown: (k) => J(k, "s") }),
+              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--w", onMouseDown: (k) => J(k, "w") })
             ] }),
-            fe && /* @__PURE__ */ e("div", { className: "mtx-image-resize-overlay" })
+            be && /* @__PURE__ */ e("div", { className: "mtx-image-resize-overlay" })
           ]
         }
       )
@@ -230,14 +229,14 @@ function ea(n) {
   );
 }
 const ta = ({ node: n, updateAttributes: t }) => {
-  const l = R(null), [i, c] = H(n.attrs.formula || "sin(x)"), [r, s] = H(n.attrs.xDomain || [-10, 10]), [o, N] = H(n.attrs.yDomain || [-5, 5]);
-  X(() => {
+  const l = I(null), [i, c] = M(n.attrs.formula || "sin(x)"), [r, s] = M(n.attrs.xDomain || [-10, 10]), [o, b] = M(n.attrs.yDomain || [-5, 5]);
+  W(() => {
     let h = !0;
-    return l.current && import("./index-CLGg8QXp.js").then((m) => m.i).then((m) => {
+    return l.current && import("./index-CLGg8QXp.js").then((d) => d.i).then((d) => {
       if (!h) return;
-      const k = m.default;
+      const v = d.default;
       try {
-        k({
+        v({
           target: l.current,
           // Use non-null assertion as we checked graphRef.current
           width: 500,
@@ -256,11 +255,11 @@ const ta = ({ node: n, updateAttributes: t }) => {
       } catch (f) {
         console.error("Graph rendering error:", f);
       }
-    }).catch((m) => console.error("Failed to load function-plot", m)), () => {
+    }).catch((d) => console.error("Failed to load function-plot", d)), () => {
       h = !1;
     };
   }, [i, r, o]);
-  const y = (h) => {
+  const N = (h) => {
     c(h.target.value);
   }, u = () => {
     t({ formula: i, xDomain: r, yDomain: o });
@@ -272,7 +271,7 @@ const ta = ({ node: n, updateAttributes: t }) => {
         {
           type: "text",
           value: i,
-          onChange: y,
+          onChange: N,
           placeholder: "f(x) = ...",
           onBlur: u,
           className: "mtx-graph-input"
@@ -287,9 +286,9 @@ const ta = ({ node: n, updateAttributes: t }) => {
         ] }),
         /* @__PURE__ */ a("div", { className: "mtx-graph-domain-group", children: [
           /* @__PURE__ */ e("span", { className: "mtx-graph-domain-label", children: "Y Axis" }),
-          /* @__PURE__ */ e("input", { className: "mtx-graph-domain-input", type: "number", value: o[0], onChange: (h) => N([Number(h.target.value), o[1]]), onBlur: u }),
+          /* @__PURE__ */ e("input", { className: "mtx-graph-domain-input", type: "number", value: o[0], onChange: (h) => b([Number(h.target.value), o[1]]), onBlur: u }),
           /* @__PURE__ */ e("span", { className: "mtx-graph-domain-separator", children: "to" }),
-          /* @__PURE__ */ e("input", { className: "mtx-graph-domain-input", type: "number", value: o[1], onChange: (h) => N([o[0], Number(h.target.value)]), onBlur: u })
+          /* @__PURE__ */ e("input", { className: "mtx-graph-domain-input", type: "number", value: o[1], onChange: (h) => b([o[0], Number(h.target.value)]), onBlur: u })
         ] })
       ] })
     ] }),
@@ -320,10 +319,10 @@ const ta = ({ node: n, updateAttributes: t }) => {
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
-    return ["div", Te(n, { "data-type": "graph" })];
+    return ["div", Ce(n, { "data-type": "graph" })];
   },
   addNodeView() {
-    return Ie(ta);
+    return Re(ta);
   },
   addCommands() {
     return {
@@ -372,26 +371,26 @@ const ta = ({ node: n, updateAttributes: t }) => {
   addCommands() {
     const n = (i, c, r) => {
       var s;
-      const o = (s = i == null ? void 0 : i.doc) === null || s === void 0 ? void 0 : s.nodeAt(c);
+      const o = (s = i?.doc) === null || s === void 0 ? void 0 : s.nodeAt(c);
       if (o) {
-        const N = (o.attrs.indent || 0) + r, { minLevel: y, maxLevel: u } = this.options;
-        let h = N;
-        if (N < y ? h = y : N > u && (h = u), h !== o.attrs.indent) {
-          const { indent: m, ...k } = o.attrs, f = h > y ? { ...k, indent: h } : k;
+        const b = (o.attrs.indent || 0) + r, { minLevel: N, maxLevel: u } = this.options;
+        let h = b;
+        if (b < N ? h = N : b > u && (h = u), h !== o.attrs.indent) {
+          const { indent: d, ...v } = o.attrs, f = h > N ? { ...v, indent: h } : v;
           return i.setNodeMarkup(c, o.type, f, o.marks);
         }
       }
       return i;
     }, t = (i, c) => {
       const { doc: r, selection: s } = i;
-      if (r && s && (s instanceof _t || s instanceof zt)) {
-        const { from: o, to: N } = s;
-        r.nodesBetween(o, N, (y, u) => this.options.types.includes(y.type.name) ? (i = n(i, u, c), !1) : !0);
+      if (r && s && (s instanceof _t || s instanceof St)) {
+        const { from: o, to: b } = s;
+        r.nodesBetween(o, b, (N, u) => this.options.types.includes(N.type.name) ? (i = n(i, u, c), !1) : !0);
       }
       return i;
     }, l = (i) => () => ({ tr: c, state: r, dispatch: s }) => {
       const { selection: o } = r;
-      return c = c.setSelection(o), c = t(c, i), c.docChanged ? (s == null || s(c), !0) : !1;
+      return c = c.setSelection(o), c = t(c, i), c.docChanged ? (s?.(c), !0) : !1;
     };
     return {
       indent: l(1),
@@ -404,7 +403,7 @@ const ta = ({ node: n, updateAttributes: t }) => {
       "Shift-Tab": () => this.editor.commands.outdent()
     };
   }
-}), la = ["plain", "light", "dark", "blue", "striped", "minimal"], Oe = ["paragraph", "listItem", "taskItem"], ia = Ye.create({
+}), la = ["plain", "light", "dark", "blue", "striped", "minimal"], Fe = ["paragraph", "listItem", "taskItem"], ia = Ye.create({
   name: "indentBackspace",
   addKeyboardShortcuts() {
     return {
@@ -413,21 +412,21 @@ const ta = ({ node: n, updateAttributes: t }) => {
         if (!t || l.parentOffset !== 0)
           return !1;
         const i = l.parent.type.name;
-        return !Oe.includes(i) || !n.can().outdent() ? !1 : n.commands.outdent();
+        return !Fe.includes(i) || !n.can().outdent() ? !1 : n.commands.outdent();
       },
       Tab: () => {
         const { editor: n } = this, { empty: t, $from: l } = n.state.selection;
         if (!t)
           return !1;
         const i = l.parent.type.name;
-        return !Oe.includes(i) || !n.can().indent() ? !1 : n.commands.indent();
+        return !Fe.includes(i) || !n.can().indent() ? !1 : n.commands.indent();
       },
       "Shift-Tab": () => {
         const { editor: n } = this, { empty: t, $from: l } = n.state.selection;
         if (!t)
           return !1;
         const i = l.parent.type.name;
-        return !Oe.includes(i) || !n.can().outdent() ? !1 : n.commands.outdent();
+        return !Fe.includes(i) || !n.can().outdent() ? !1 : n.commands.outdent();
       }
     };
   }
@@ -448,7 +447,7 @@ function et(n) {
   const t = String(n).trim();
   return t ? t === "auto" || t.endsWith("%") || t.endsWith("px") ? t : /^\d+(\.\d+)?$/.test(t) ? `${Math.round(Number(t))}px` : t : null;
 }
-const sa = St.extend({
+const sa = zt.extend({
   addAttributes() {
     return {
       theme: {
@@ -465,7 +464,7 @@ const sa = St.extend({
     const t = typeof n.theme == "string" ? n.theme : "plain", { theme: l, class: i, ...c } = n;
     return [
       "table",
-      Te(c, {
+      Ce(c, {
         class: ["mtx-table", i, `mtx-table--${t}`].filter(Boolean).join(" ")
       }),
       ["tbody", 0]
@@ -473,70 +472,68 @@ const sa = St.extend({
   }
 }), ra = Dt.extend({
   addAttributes() {
-    var n;
     return {
-      ...(n = this.parent) == null ? void 0 : n.call(this),
+      ...this.parent?.(),
       backgroundColor: {
         default: null,
-        parseHTML: (t) => t.style.backgroundColor || null,
+        parseHTML: (n) => n.style.backgroundColor || null,
         renderHTML: () => ({})
       },
       textAlign: {
         default: null,
-        parseHTML: (t) => t.style.textAlign || null,
+        parseHTML: (n) => n.style.textAlign || null,
         renderHTML: () => ({})
       },
       verticalAlign: {
         default: null,
-        parseHTML: (t) => t.style.verticalAlign || null,
+        parseHTML: (n) => n.style.verticalAlign || null,
         renderHTML: () => ({})
       },
       width: {
         default: null,
-        parseHTML: (t) => t.style.width || null,
+        parseHTML: (n) => n.style.width || null,
         renderHTML: () => ({})
       }
     };
   },
   renderHTML({ HTMLAttributes: n }) {
     const t = ut(n), { backgroundColor: l, textAlign: i, verticalAlign: c, width: r, ...s } = n;
-    return ["td", Te(s, t ? { style: t } : {}), 0];
+    return ["td", Ce(s, t ? { style: t } : {}), 0];
   }
-}), ca = Bt.extend({
+}), ca = It.extend({
   addAttributes() {
-    var n;
     return {
-      ...(n = this.parent) == null ? void 0 : n.call(this),
+      ...this.parent?.(),
       backgroundColor: {
         default: null,
-        parseHTML: (t) => t.style.backgroundColor || null,
+        parseHTML: (n) => n.style.backgroundColor || null,
         renderHTML: () => ({})
       },
       textAlign: {
         default: null,
-        parseHTML: (t) => t.style.textAlign || null,
+        parseHTML: (n) => n.style.textAlign || null,
         renderHTML: () => ({})
       },
       verticalAlign: {
         default: null,
-        parseHTML: (t) => t.style.verticalAlign || null,
+        parseHTML: (n) => n.style.verticalAlign || null,
         renderHTML: () => ({})
       },
       width: {
         default: null,
-        parseHTML: (t) => t.style.width || null,
+        parseHTML: (n) => n.style.width || null,
         renderHTML: () => ({})
       }
     };
   },
   renderHTML({ HTMLAttributes: n }) {
     const t = ut(n), { backgroundColor: l, textAlign: i, verticalAlign: c, width: r, ...s } = n;
-    return ["th", Te(s, t ? { style: t } : {}), 0];
+    return ["th", Ce(s, t ? { style: t } : {}), 0];
   }
 });
 function oa(n = {}) {
   return [
-    Ot.configure({
+    Ft.configure({
       heading: {
         levels: [1, 2, 3, 4]
       },
@@ -551,10 +548,10 @@ function oa(n = {}) {
         }
       }
     }),
+    Bt,
     Pt,
     Vt,
-    Rt,
-    Ft.configure({
+    Ot.configure({
       HTMLAttributes: {
         class: "mtx-task-list"
       }
@@ -565,7 +562,7 @@ function oa(n = {}) {
         class: "mtx-task-item"
       }
     }),
-    It,
+    Rt,
     Et,
     qt.configure({
       types: ["textStyle"]
@@ -640,7 +637,7 @@ function oa(n = {}) {
         ];
       },
       addNodeView() {
-        return Ie(ea);
+        return Re(ea);
       },
       addAttributes() {
         return {
@@ -678,25 +675,25 @@ function oa(n = {}) {
           width: r,
           height: s,
           align: o = "center",
-          offsetX: N = 0,
-          offsetY: y = 0,
+          offsetX: b = 0,
+          offsetY: N = 0,
           ...u
-        } = t, h = et(r), m = et(s), k = Te(u, {
+        } = t, h = et(r), d = et(s), v = Ce(u, {
           src: l,
           alt: i,
           title: c,
-          style: ["display: block", "max-width: 100%", m && m !== "auto" ? `height: ${m}` : "height: auto"].filter(Boolean).join("; ")
-        }), f = Number(N) !== 0 || Number(y) !== 0, P = [h ? `width: ${h}` : null, m && m !== "auto" ? `height: ${m}` : null, f ? `transform: translate3d(${Number(N)}px, ${Number(y)}px, 0)` : null].filter(Boolean).join("; ");
+          style: ["display: block", "max-width: 100%", d && d !== "auto" ? `height: ${d}` : "height: auto"].filter(Boolean).join("; ")
+        }), f = Number(b) !== 0 || Number(N) !== 0, B = [h ? `width: ${h}` : null, d && d !== "auto" ? `height: ${d}` : null, f ? `transform: translate3d(${Number(b)}px, ${Number(N)}px, 0)` : null].filter(Boolean).join("; ");
         return [
           "figure",
           {
             class: `mtx-image-figure mtx-image--${o}`,
             "data-type": "image",
-            "data-offset-x": String(N),
-            "data-offset-y": String(y),
-            style: P || null
+            "data-offset-x": String(b),
+            "data-offset-y": String(N),
+            style: B || null
           },
-          ["img", k]
+          ["img", v]
         ];
       }
     }).configure({
@@ -736,34 +733,34 @@ function oa(n = {}) {
   ];
 }
 function ma({ onInsert: n }) {
-  const [t, l] = H(0), [i, c] = H(0), r = 10, s = 10, o = (u, h) => {
+  const [t, l] = M(0), [i, c] = M(0), r = 10, s = 10, o = (u, h) => {
     l(u), c(h);
-  }, N = () => {
+  }, b = () => {
     l(0), c(0);
-  }, y = () => {
+  }, N = () => {
     if (t > 0 && i > 0) {
       let u = `\\begin{pmatrix}
 `;
       for (let h = 0; h < t; h++) {
-        const m = Array(i).fill("#?").join(" & ");
-        u += "  " + m + (h < t - 1 ? " \\\\" : "") + `
+        const d = Array(i).fill("#?").join(" & ");
+        u += "  " + d + (h < t - 1 ? " \\\\" : "") + `
 `;
       }
       u += "\\end{pmatrix}", n(u);
     }
   };
-  return /* @__PURE__ */ a("div", { className: "mtx-matrix-grid-selector", onMouseLeave: N, children: [
+  return /* @__PURE__ */ a("div", { className: "mtx-matrix-grid-selector", onMouseLeave: b, children: [
     /* @__PURE__ */ e("div", { className: "mtx-matrix-grid-label", children: t > 0 ? `${t}×${i}` : "Pilih Ukuran Matriks" }),
-    /* @__PURE__ */ e("div", { className: "mtx-matrix-grid-squares", children: Array.from({ length: r }).map((u, h) => /* @__PURE__ */ e("div", { className: "mtx-matrix-grid-row", children: Array.from({ length: s }).map((m, k) => {
-      const f = h < t && k < i;
+    /* @__PURE__ */ e("div", { className: "mtx-matrix-grid-squares", children: Array.from({ length: r }).map((u, h) => /* @__PURE__ */ e("div", { className: "mtx-matrix-grid-row", children: Array.from({ length: s }).map((d, v) => {
+      const f = h < t && v < i;
       return /* @__PURE__ */ e(
         "div",
         {
           className: `mtx-matrix-grid-cell ${f ? "is-active" : ""}`,
-          onMouseEnter: () => o(h + 1, k + 1),
-          onClick: y
+          onMouseEnter: () => o(h + 1, v + 1),
+          onClick: N
         },
-        k
+        v
       );
     }) }, h)) })
   ] });
@@ -771,7 +768,7 @@ function ma({ onInsert: n }) {
 function tt() {
   return window.mathVirtualKeyboard;
 }
-const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /* @__PURE__ */ e("span", { className: "mt-ph mt-ph--sm" }), L = ({ t: n }) => /* @__PURE__ */ e("span", { className: "mt-txt-icon", children: n }), Fe = [
+const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), m = () => /* @__PURE__ */ e("span", { className: "mt-ph mt-ph--sm" }), L = ({ t: n }) => /* @__PURE__ */ e("span", { className: "mt-txt-icon", children: n }), Oe = [
   // ---- Tab 1: Fractions & Roots ----
   {
     id: "frac",
@@ -792,9 +789,9 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
           icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
             /* @__PURE__ */ e(S, {}),
             /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
-              /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e(d, {}) }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e(m, {}) }),
               /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
-              /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e(d, {}) })
+              /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e(m, {}) })
             ] })
           ] }),
           latex: "#?\\frac{#?}{#?}",
@@ -814,9 +811,9 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
             /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e(S, {}) }),
             /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
             /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ a("span", { className: "mt-icon-stack mt-icon-stack--sm", children: [
-              /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e(d, {}) }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e(m, {}) }),
               /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
-              /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e(d, {}) })
+              /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e(m, {}) })
             ] }) })
           ] }),
           latex: "\\cfrac{#?}{\\cfrac{#?}{#?}}",
@@ -841,7 +838,7 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
         },
         {
           icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
-            /* @__PURE__ */ e("sup", { className: "mt-icon-idx", children: /* @__PURE__ */ e(d, {}) }),
+            /* @__PURE__ */ e("sup", { className: "mt-icon-idx", children: /* @__PURE__ */ e(m, {}) }),
             /* @__PURE__ */ e("span", { className: "mt-icon-sqrt", children: "√" }),
             /* @__PURE__ */ e("span", { className: "mt-icon-sqrt-bar", children: /* @__PURE__ */ e(S, {}) })
           ] }),
@@ -853,7 +850,7 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
         {
           icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
             /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
-            /* @__PURE__ */ e("sup", { children: /* @__PURE__ */ e(d, {}) })
+            /* @__PURE__ */ e("sup", { children: /* @__PURE__ */ e(m, {}) })
           ] }),
           latex: "#?^{#?}",
           tip: "Pangkat / Superscript"
@@ -861,7 +858,7 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
         {
           icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
             /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
-            /* @__PURE__ */ e("sub", { children: /* @__PURE__ */ e(d, {}) })
+            /* @__PURE__ */ e("sub", { children: /* @__PURE__ */ e(m, {}) })
           ] }),
           latex: "#?_{#?}",
           tip: "Subskrip"
@@ -869,8 +866,8 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
         {
           icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
             /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
-            /* @__PURE__ */ e("sub", { children: /* @__PURE__ */ e(d, {}) }),
-            /* @__PURE__ */ e("sup", { children: /* @__PURE__ */ e(d, {}) })
+            /* @__PURE__ */ e("sub", { children: /* @__PURE__ */ e(m, {}) }),
+            /* @__PURE__ */ e("sup", { children: /* @__PURE__ */ e(m, {}) })
           ] }),
           latex: "#?_{#?}^{#?}",
           tip: "Pangkat + subskrip"
@@ -878,7 +875,7 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
         {
           icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
             /* @__PURE__ */ e("span", { className: "mt-sym", children: "e" }),
-            /* @__PURE__ */ e("sup", { children: /* @__PURE__ */ e(d, {}) })
+            /* @__PURE__ */ e("sup", { children: /* @__PURE__ */ e(m, {}) })
           ] }),
           latex: "e^{#?}",
           tip: "Eksponen e"
@@ -886,7 +883,7 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
         {
           icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
             /* @__PURE__ */ e("span", { className: "mt-sym", children: "10" }),
-            /* @__PURE__ */ e("sup", { children: /* @__PURE__ */ e(d, {}) })
+            /* @__PURE__ */ e("sup", { children: /* @__PURE__ */ e(m, {}) })
           ] }),
           latex: "10^{#?}",
           tip: "Pangkat 10"
@@ -901,9 +898,9 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
         },
         {
           icon: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
-            /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e(d, {}) }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e(m, {}) }),
             /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
-            /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e(d, {}) })
+            /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e(m, {}) })
           ] }),
           latex: "\\tfrac{#?}{#?}",
           tip: "Pecahan kecil (text)"
@@ -933,9 +930,9 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
           icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
             /* @__PURE__ */ e("span", { className: "mt-icon-sqrt", children: "√" }),
             /* @__PURE__ */ e("span", { className: "mt-icon-sqrt-bar", children: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
-              /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e(d, {}) }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e(m, {}) }),
               /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
-              /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e(d, {}) })
+              /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e(m, {}) })
             ] }) })
           ] }),
           latex: "\\sqrt{\\frac{#?}{#?}}",
@@ -1165,12 +1162,12 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
             /* @__PURE__ */ e("span", { className: "mt-brak", children: "(" }),
             /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] }),
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] })
             ] }),
             /* @__PURE__ */ e("span", { className: "mt-brak", children: ")" })
@@ -1183,19 +1180,19 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
             /* @__PURE__ */ e("span", { className: "mt-brak", children: "(" }),
             /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] }),
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] }),
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] })
             ] }),
             /* @__PURE__ */ e("span", { className: "mt-brak", children: ")" })
@@ -1208,12 +1205,12 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
             /* @__PURE__ */ e("span", { className: "mt-brak", children: "[" }),
             /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] }),
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] })
             ] }),
             /* @__PURE__ */ e("span", { className: "mt-brak", children: "]" })
@@ -1226,19 +1223,19 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
             /* @__PURE__ */ e("span", { className: "mt-brak", children: "[" }),
             /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] }),
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] }),
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] })
             ] }),
             /* @__PURE__ */ e("span", { className: "mt-brak", children: "]" })
@@ -1251,12 +1248,12 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
             /* @__PURE__ */ e("span", { className: "mt-brak", children: "|" }),
             /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] }),
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] })
             ] }),
             /* @__PURE__ */ e("span", { className: "mt-brak", children: "|" })
@@ -1269,12 +1266,12 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
             /* @__PURE__ */ e("span", { className: "mt-brak", children: "‖" }),
             /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] }),
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] })
             ] }),
             /* @__PURE__ */ e("span", { className: "mt-brak", children: "‖" })
@@ -1288,8 +1285,8 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
           icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
             /* @__PURE__ */ e("span", { className: "mt-brak", children: "(" }),
             /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
-              /* @__PURE__ */ e("span", { className: "mt-icon-grid-row", children: /* @__PURE__ */ e(d, {}) }),
-              /* @__PURE__ */ e("span", { className: "mt-icon-grid-row", children: /* @__PURE__ */ e(d, {}) })
+              /* @__PURE__ */ e("span", { className: "mt-icon-grid-row", children: /* @__PURE__ */ e(m, {}) }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-grid-row", children: /* @__PURE__ */ e(m, {}) })
             ] }),
             /* @__PURE__ */ e("span", { className: "mt-brak", children: ")" })
           ] }),
@@ -1300,9 +1297,9 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
           icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
             /* @__PURE__ */ e("span", { className: "mt-brak", children: "(" }),
             /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
-              /* @__PURE__ */ e("span", { className: "mt-icon-grid-row", children: /* @__PURE__ */ e(d, {}) }),
-              /* @__PURE__ */ e("span", { className: "mt-icon-grid-row", children: /* @__PURE__ */ e(d, {}) }),
-              /* @__PURE__ */ e("span", { className: "mt-icon-grid-row", children: /* @__PURE__ */ e(d, {}) })
+              /* @__PURE__ */ e("span", { className: "mt-icon-grid-row", children: /* @__PURE__ */ e(m, {}) }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-grid-row", children: /* @__PURE__ */ e(m, {}) }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-grid-row", children: /* @__PURE__ */ e(m, {}) })
             ] }),
             /* @__PURE__ */ e("span", { className: "mt-brak", children: ")" })
           ] }),
@@ -1313,8 +1310,8 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
           icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
             /* @__PURE__ */ e("span", { className: "mt-brak", children: "(" }),
             /* @__PURE__ */ e("span", { className: "mt-icon-grid", children: /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-              /* @__PURE__ */ e(d, {}),
-              /* @__PURE__ */ e(d, {})
+              /* @__PURE__ */ e(m, {}),
+              /* @__PURE__ */ e(m, {})
             ] }) }),
             /* @__PURE__ */ e("span", { className: "mt-brak", children: ")" })
           ] }),
@@ -1326,12 +1323,12 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
             /* @__PURE__ */ e("span", { className: "mt-brak", children: "{" }),
             /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] }),
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] })
             ] })
           ] }),
@@ -1343,16 +1340,16 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
             /* @__PURE__ */ e("span", { className: "mt-brak", children: "{" }),
             /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] }),
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] }),
               /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
-                /* @__PURE__ */ e(d, {}),
-                /* @__PURE__ */ e(d, {})
+                /* @__PURE__ */ e(m, {}),
+                /* @__PURE__ */ e(m, {})
               ] })
             ] })
           ] }),
@@ -1628,9 +1625,9 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
         },
         {
           icon: /* @__PURE__ */ e("span", { className: "mt-icon-row", children: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
-            /* @__PURE__ */ e("sup", { className: "mt-icon-idx", children: /* @__PURE__ */ e(d, {}) }),
+            /* @__PURE__ */ e("sup", { className: "mt-icon-idx", children: /* @__PURE__ */ e(m, {}) }),
             /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "Σ" }),
-            /* @__PURE__ */ e("sub", { className: "mt-icon-idx", children: /* @__PURE__ */ e(d, {}) })
+            /* @__PURE__ */ e("sub", { className: "mt-icon-idx", children: /* @__PURE__ */ e(m, {}) })
           ] }) }),
           latex: "\\sum_{#?}^{#?} #?",
           tip: "Sigma (batas)"
@@ -1642,9 +1639,9 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
         },
         {
           icon: /* @__PURE__ */ e("span", { className: "mt-icon-row", children: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
-            /* @__PURE__ */ e("sup", { className: "mt-icon-idx", children: /* @__PURE__ */ e(d, {}) }),
+            /* @__PURE__ */ e("sup", { className: "mt-icon-idx", children: /* @__PURE__ */ e(m, {}) }),
             /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "∏" }),
-            /* @__PURE__ */ e("sub", { className: "mt-icon-idx", children: /* @__PURE__ */ e(d, {}) })
+            /* @__PURE__ */ e("sub", { className: "mt-icon-idx", children: /* @__PURE__ */ e(m, {}) })
           ] }) }),
           latex: "\\prod_{#?}^{#?} #?",
           tip: "Produk (batas)"
@@ -1689,9 +1686,9 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
         },
         {
           icon: /* @__PURE__ */ e("span", { className: "mt-icon-row", children: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
-            /* @__PURE__ */ e("sup", { className: "mt-icon-idx", children: /* @__PURE__ */ e(d, {}) }),
+            /* @__PURE__ */ e("sup", { className: "mt-icon-idx", children: /* @__PURE__ */ e(m, {}) }),
             /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "∫" }),
-            /* @__PURE__ */ e("sub", { className: "mt-icon-idx", children: /* @__PURE__ */ e(d, {}) })
+            /* @__PURE__ */ e("sub", { className: "mt-icon-idx", children: /* @__PURE__ */ e(m, {}) })
           ] }) }),
           latex: "\\int_{#?}^{#?} #?\\, d#?",
           tip: "Integral tentu"
@@ -1986,60 +1983,56 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /*
   }
 ];
 function pt({ isOpen: n, onInsert: t, onClose: l, initialLatex: i = "", initialTab: c = "frac" }) {
-  const [r, s] = H(i), [o, N] = H(c), y = R(null), u = R(null);
-  X(() => {
+  const [r, s] = M(i), [o, b] = M(c), N = I(null), u = I(null);
+  W(() => {
     if (!n || !u.current) return;
-    import("./mathlive-BwNIIOwE.js").then((w) => {
+    import("./mathlive-Bi6rleK6.js").then((H) => {
       if (!u.current) return;
-      const B = w;
-      B.MathfieldElement && (B.MathfieldElement.mathVirtualKeyboardPolicy = "manual");
+      const P = H;
+      P.MathfieldElement && (P.MathfieldElement.mathVirtualKeyboardPolicy = "manual");
       try {
-        const W = tt();
-        W && (W.visible = !1);
+        const ee = tt();
+        ee && (ee.visible = !1);
       } catch {
       }
-      const _ = document.createElement("math-field");
-      _.setAttribute("virtual-keyboard-mode", "off"), _.setAttribute("math-virtual-keyboard-policy", "manual"), _.mathVirtualKeyboardPolicy = "manual", _.setAttribute("smart-mode", "true"), _.setAttribute("smart-fence", "true"), _.setAttribute("smart-superscript", "true"), _.style.width = "100%", _.style.minHeight = "120px", _.style.fontSize = "24px", _.style.padding = "12px 16px", _.style.border = "none", _.style.outline = "none", _.style.background = "transparent", _.style.caretColor = "#2563eb", _.style.fontFamily = "'KaTeX_Main', 'KaTeX_Math', 'Times New Roman', serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', 'Amiri', 'Malgun Gothic', 'SimSun'", _.style.setProperty("--keyboard-zindex", "-1"), _.style.setProperty("--virtual-keyboard-toggle-display", "none"), i && _.setAttribute("value", i), _.addEventListener("input", (W) => {
-        const q = W.target;
-        s(q.value);
-      }), _.addEventListener("focus", () => {
-        var W, q;
+      const z = document.createElement("math-field");
+      z.setAttribute("virtual-keyboard-mode", "off"), z.setAttribute("math-virtual-keyboard-policy", "manual"), z.mathVirtualKeyboardPolicy = "manual", z.setAttribute("smart-mode", "true"), z.setAttribute("smart-fence", "true"), z.setAttribute("smart-superscript", "true"), z.style.width = "100%", z.style.minHeight = "120px", z.style.fontSize = "24px", z.style.padding = "12px 16px", z.style.border = "none", z.style.outline = "none", z.style.background = "transparent", z.style.caretColor = "#2563eb", z.style.fontFamily = "'KaTeX_Main', 'KaTeX_Math', 'Times New Roman', serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', 'Amiri', 'Malgun Gothic', 'SimSun'", z.style.setProperty("--keyboard-zindex", "-1"), z.style.setProperty("--virtual-keyboard-toggle-display", "none"), i && z.setAttribute("value", i), z.addEventListener("input", (ee) => {
+        const j = ee.target;
+        s(j.value);
+      }), z.addEventListener("focus", () => {
         try {
-          (q = (W = tt()) == null ? void 0 : W.hide) == null || q.call(W);
+          tt()?.hide?.();
         } catch {
         }
-      }), u.current.innerHTML = "", u.current.appendChild(_), y.current = _, setTimeout(() => _.focus(), 100);
+      }), u.current.innerHTML = "", u.current.appendChild(z), N.current = z, setTimeout(() => z.focus(), 100);
     });
-    const g = u.current;
+    const x = u.current;
     return () => {
-      g && (g.innerHTML = ""), y.current = null;
+      x && (x.innerHTML = ""), N.current = null;
     };
   }, [n]);
-  const h = b((g) => {
-    var B;
-    if (!y.current) return;
-    const w = y.current;
-    g.command ? (B = w.executeCommand) == null || B.call(w, g.command) : g.latex && (w.executeCommand ? w.executeCommand(["insert", g.latex, { focus: !0 }]) : w.value = (w.value || "") + g.latex), s(w.value || ""), w.focus();
-  }, []), m = b((g) => {
-    var _;
-    if (!y.current) return;
-    const w = y.current, B = `\\text{\\class{mt-font-${g}}{#@}}`;
-    (_ = w.executeCommand) == null || _.call(w, ["insert", B, { focus: !0 }]), s(w.value || ""), w.focus();
-  }, []), k = b((g) => {
-    var B;
-    if (!y.current) return;
-    const w = y.current;
-    (B = w.executeCommand) == null || B.call(w, ["applyStyle", g]), s(w.value || ""), w.focus();
-  }, []), f = b(() => {
+  const h = g((x) => {
+    if (!N.current) return;
+    const H = N.current;
+    x.command ? H.executeCommand?.(x.command) : x.latex && (H.executeCommand ? H.executeCommand(["insert", x.latex, { focus: !0 }]) : H.value = (H.value || "") + x.latex), s(H.value || ""), H.focus();
+  }, []), d = g((x) => {
+    if (!N.current) return;
+    const H = N.current, P = `\\text{\\class{mt-font-${x}}{#@}}`;
+    H.executeCommand?.(["insert", P, { focus: !0 }]), s(H.value || ""), H.focus();
+  }, []), v = g((x) => {
+    if (!N.current) return;
+    const H = N.current;
+    H.executeCommand?.(["applyStyle", x]), s(H.value || ""), H.focus();
+  }, []), f = g(() => {
     r.trim() && t(r), l();
-  }, [r, t, l]), P = b((g) => {
-    g.key === "Escape" && l(), g.key === "Enter" && (g.ctrlKey || g.metaKey) && f();
+  }, [r, t, l]), B = g((x) => {
+    x.key === "Escape" && l(), x.key === "Enter" && (x.ctrlKey || x.metaKey) && f();
   }, [l, f]);
-  if (X(() => {
-    n || (s(""), N(c));
+  if (W(() => {
+    n || (s(""), b(c));
   }, [n, c]), !n) return null;
-  const p = Fe.find((g) => g.id === o) || Fe[0];
-  return /* @__PURE__ */ e("div", { className: "mt-overlay", onClick: l, onKeyDown: P, children: /* @__PURE__ */ a("div", { className: "mt-dialog", onClick: (g) => g.stopPropagation(), children: [
+  const p = Oe.find((x) => x.id === o) || Oe[0];
+  return /* @__PURE__ */ e("div", { className: "mt-overlay", onClick: l, onKeyDown: B, children: /* @__PURE__ */ a("div", { className: "mt-dialog", onClick: (x) => x.stopPropagation(), children: [
     /* @__PURE__ */ a("div", { className: "mt-titlebar", children: [
       /* @__PURE__ */ a("div", { className: "mt-titlebar__left", children: [
         /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: { opacity: 0.9 }, children: /* @__PURE__ */ e("path", { d: "M2 2l3 6-3 6h2.5l2-4 2 4H11l-3-6 3-6H8.5l-2 4-2-4H2zm9 0v2h4V2h-4zm0 5v2h4V7h-4zm0 5v2h4v-2h-4z" }) }),
@@ -2052,8 +2045,8 @@ function pt({ isOpen: n, onInsert: t, onClose: l, initialLatex: i = "", initialT
         "select",
         {
           className: "mt-font-select",
-          onChange: (g) => {
-            g.target.value && m(g.target.value), g.target.value = "";
+          onChange: (x) => {
+            x.target.value && d(x.target.value), x.target.value = "";
           },
           defaultValue: "",
           children: [
@@ -2069,12 +2062,10 @@ function pt({ isOpen: n, onInsert: t, onClose: l, initialLatex: i = "", initialT
       ),
       /* @__PURE__ */ e("div", { style: { fontSize: "11px", color: "#666", borderLeft: "1px solid #ccc", paddingLeft: "8px", marginRight: "8px" }, children: "Font" }),
       /* @__PURE__ */ a("div", { className: "mt-format-group", children: [
-        /* @__PURE__ */ e("button", { className: "mt-format-btn", onClick: () => k({ fontWeight: "bold" }), title: "Bold", children: /* @__PURE__ */ e("b", { children: "B" }) }),
-        /* @__PURE__ */ e("button", { className: "mt-format-btn", onClick: () => k({ fontStyle: "italic" }), title: "Italic", children: /* @__PURE__ */ e("i", { children: "I" }) }),
+        /* @__PURE__ */ e("button", { className: "mt-format-btn", onClick: () => v({ fontWeight: "bold" }), title: "Bold", children: /* @__PURE__ */ e("b", { children: "B" }) }),
+        /* @__PURE__ */ e("button", { className: "mt-format-btn", onClick: () => v({ fontStyle: "italic" }), title: "Italic", children: /* @__PURE__ */ e("i", { children: "I" }) }),
         /* @__PURE__ */ e("button", { className: "mt-format-btn", onClick: () => {
-          var w;
-          const g = y.current;
-          (w = g == null ? void 0 : g.executeCommand) == null || w.call(g, ["insert", "\\underline{#@}", { focus: !0 }]);
+          N.current?.executeCommand?.(["insert", "\\underline{#@}", { focus: !0 }]);
         }, title: "Underline", children: /* @__PURE__ */ e("u", { children: "U" }) })
       ] }),
       /* @__PURE__ */ e("div", { className: "mt-format-group", children: /* @__PURE__ */ e(
@@ -2082,37 +2073,36 @@ function pt({ isOpen: n, onInsert: t, onClose: l, initialLatex: i = "", initialT
         {
           type: "color",
           className: "mt-color-picker",
-          onChange: (g) => k({ color: g.target.value }),
+          onChange: (x) => v({ color: x.target.value }),
           title: "Text Color"
         }
       ) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "mt-tab-bar", children: Fe.map((g) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "mt-tab-bar", children: Oe.map((x) => /* @__PURE__ */ e(
       "button",
       {
-        className: `mt-tab ${o === g.id ? "is-active" : ""}`,
-        onClick: () => N(g.id),
-        title: g.tip,
-        children: /* @__PURE__ */ e("span", { className: "mt-tab__icon", children: g.icon })
+        className: `mt-tab ${o === x.id ? "is-active" : ""}`,
+        onClick: () => b(x.id),
+        title: x.tip,
+        children: /* @__PURE__ */ e("span", { className: "mt-tab__icon", children: x.icon })
       },
-      g.id
+      x.id
     )) }),
-    o === "matrix" && /* @__PURE__ */ e(ma, { onInsert: (g) => {
-      var B;
-      if (!y.current) return;
-      const w = y.current;
-      (B = w.executeCommand) == null || B.call(w, ["insert", g, { focus: !0 }]), s(w.value || ""), w.focus();
+    o === "matrix" && /* @__PURE__ */ e(ma, { onInsert: (x) => {
+      if (!N.current) return;
+      const H = N.current;
+      H.executeCommand?.(["insert", x, { focus: !0 }]), s(H.value || ""), H.focus();
     } }),
-    /* @__PURE__ */ e("div", { className: "mt-grid", children: p.rows.map((g, w) => /* @__PURE__ */ e("div", { className: "mt-grid__row", children: g.map((B, _) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "mt-grid", children: p.rows.map((x, H) => /* @__PURE__ */ e("div", { className: "mt-grid__row", children: x.map((P, z) => /* @__PURE__ */ e(
       "button",
       {
-        className: `mt-grid__btn${B.command === "formula" ? " mt-grid__btn--formula" : ""}`,
-        onClick: () => h(B),
-        title: B.tip,
-        children: B.icon
+        className: `mt-grid__btn${P.command === "formula" ? " mt-grid__btn--formula" : ""}`,
+        onClick: () => h(P),
+        title: P.tip,
+        children: P.icon
       },
-      _
-    )) }, w)) }),
+      z
+    )) }, H)) }),
     /* @__PURE__ */ e("div", { className: "mt-editor", children: /* @__PURE__ */ e("div", { className: "mt-editor__field", ref: u }) }),
     /* @__PURE__ */ a("div", { className: "mt-latex-bar", children: [
       /* @__PURE__ */ e("span", { className: "mt-latex-bar__label", children: "LaTeX:" }),
@@ -2138,7 +2128,7 @@ const da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" }));
 let We = null, at = !1;
 function gt() {
-  return We || (We = import("./mathlive-BwNIIOwE.js").then((n) => {
+  return We || (We = import("./mathlive-Bi6rleK6.js").then((n) => {
     const t = window.MATHLIVE_FONTS_PATH || "/fonts";
     return n.MathfieldElement && (n.MathfieldElement.fontsDirectory = t), n;
   })), We;
@@ -2156,33 +2146,32 @@ function nt() {
   return window.mathVirtualKeyboard;
 }
 function xt(n) {
-  const t = R(null), l = R(null), [i, c] = H(!1), [r, s] = H(!1), o = n.node.attrs.display === "block", N = b(() => {
+  const t = I(null), l = I(null), [i, c] = M(!1), [r, s] = M(!1), o = n.node.attrs.display === "block", b = g(() => {
     c(!0);
-  }, []), y = b(() => {
+  }, []), N = g(() => {
     c(!1), s(!1);
-  }, []), u = b((h) => {
+  }, []), u = g((h) => {
     n.updateAttributes({ latex: h }), c(!1), s(!1);
   }, [n]);
-  return X(() => {
+  return W(() => {
     async function h() {
       await ha();
-      const k = await gt();
+      const v = await gt();
       if (!t.current) return;
-      k.MathfieldElement && (k.MathfieldElement.keypressVibration = !1, k.MathfieldElement.mathVirtualKeyboardPolicy = "manual");
+      v.MathfieldElement && (v.MathfieldElement.keypressVibration = !1, v.MathfieldElement.mathVirtualKeyboardPolicy = "manual");
       try {
-        const P = nt();
-        P && (P.visible = !1);
+        const B = nt();
+        B && (B.visible = !1);
       } catch {
       }
       const f = document.createElement("math-field");
-      f.setAttribute("virtual-keyboard-mode", "off"), f.setAttribute("math-virtual-keyboard-policy", "manual"), f.mathVirtualKeyboardPolicy = "manual", f.setAttribute("smart-mode", "true"), f.setAttribute("smart-fence", "true"), f.setAttribute("smart-superscript", "true"), f.style.setProperty("--keyboard-zindex", "-1"), f.style.setProperty("--virtual-keyboard-toggle-display", "none"), n.node.attrs.latex && f.setAttribute("value", n.node.attrs.latex), f.addEventListener("input", (P) => {
-        const p = P.target;
+      f.setAttribute("virtual-keyboard-mode", "off"), f.setAttribute("math-virtual-keyboard-policy", "manual"), f.mathVirtualKeyboardPolicy = "manual", f.setAttribute("smart-mode", "true"), f.setAttribute("smart-fence", "true"), f.setAttribute("smart-superscript", "true"), f.style.setProperty("--keyboard-zindex", "-1"), f.style.setProperty("--virtual-keyboard-toggle-display", "none"), n.node.attrs.latex && f.setAttribute("value", n.node.attrs.latex), f.addEventListener("input", (B) => {
+        const p = B.target;
         n.updateAttributes({ latex: p.value });
       }), f.addEventListener("focus", () => {
-        var P, p;
         s(!0);
         try {
-          (p = (P = nt()) == null ? void 0 : P.hide) == null || p.call(P);
+          nt()?.hide?.();
         } catch {
         }
       }), f.addEventListener("blur", () => {
@@ -2192,11 +2181,11 @@ function xt(n) {
       }, 50);
     }
     h().catch(console.error);
-    const m = t.current;
+    const d = t.current;
     return () => {
-      m && (m.innerHTML = "");
+      d && (d.innerHTML = "");
     };
-  }, []), /* @__PURE__ */ a(Z, { children: [
+  }, []), /* @__PURE__ */ a(Y, { children: [
     /* @__PURE__ */ a(
       je,
       {
@@ -2209,7 +2198,7 @@ function xt(n) {
             "button",
             {
               type: "button",
-              onClick: N,
+              onClick: b,
               className: "mtx-math-edit-btn",
               title: "Edit rumus dengan Equation Editor",
               children: [
@@ -2227,7 +2216,7 @@ function xt(n) {
         isOpen: i,
         initialLatex: n.node.attrs.latex,
         onInsert: u,
-        onClose: y
+        onClose: N
       }
     )
   ] });
@@ -2258,10 +2247,10 @@ const ua = Ue.create({
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
-    return ["span", Te(n, { "data-type": "math-inline", class: "mtx-math-inline" })];
+    return ["span", Ce(n, { "data-type": "math-inline", class: "mtx-math-inline" })];
   },
   addNodeView() {
-    return Ie(xt);
+    return Re(xt);
   }
 }), pa = Ue.create({
   name: "mathBlock",
@@ -2288,12 +2277,12 @@ const ua = Ue.create({
     ];
   },
   renderHTML({ HTMLAttributes: n }) {
-    return ["div", Te(n, { "data-type": "math-block", class: "mtx-math-block" })];
+    return ["div", Ce(n, { "data-type": "math-block", class: "mtx-math-block" })];
   },
   addNodeView() {
-    return Ie(xt);
+    return Re(xt);
   }
-}), bt = oe.memo(({
+}), ft = ce.memo(({
   isOpen: n,
   position: t,
   onClose: l,
@@ -2302,31 +2291,31 @@ const ua = Ue.create({
   onDeleteRow: r,
   onAddColumnBefore: s,
   onAddColumnAfter: o,
-  onDeleteColumn: N,
-  onDeleteTable: y,
+  onDeleteColumn: b,
+  onDeleteTable: N,
   onMergeCells: u,
   onSplitCell: h,
-  onCellProperties: m,
-  onTableProperties: k
+  onCellProperties: d,
+  onTableProperties: v
 }) => {
-  const f = b((p) => {
+  const f = g((p) => {
     p && p(), l();
-  }, [l]), P = Ce(() => {
+  }, [l]), B = we(() => {
     if (!t)
       return { x: 0, y: 0 };
-    const p = typeof window < "u" ? window.innerWidth : 1280, g = typeof window < "u" ? window.innerHeight : 720;
+    const p = typeof window < "u" ? window.innerWidth : 1280, x = typeof window < "u" ? window.innerHeight : 720;
     return {
       x: Math.min(t.x, p - 260),
-      y: Math.min(t.y, g - 360)
+      y: Math.min(t.y, x - 360)
     };
   }, [t]);
-  return !n || !t ? null : /* @__PURE__ */ a(Z, { children: [
+  return !n || !t ? null : /* @__PURE__ */ a(Y, { children: [
     /* @__PURE__ */ e("button", { type: "button", className: "mtx-table-menu-overlay", onClick: l, "aria-label": "Close table menu" }),
     /* @__PURE__ */ e(
       "div",
       {
         className: "mtx-table-menu-dropdown",
-        style: { left: P.x, top: P.y },
+        style: { left: B.x, top: B.y },
         children: /* @__PURE__ */ a("div", { className: "mtx-table-menu", onClick: (p) => p.stopPropagation(), children: [
           /* @__PURE__ */ a("div", { className: "mtx-table-menu-group", children: [
             /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Rows" }),
@@ -2392,7 +2381,7 @@ const ua = Ue.create({
               "button",
               {
                 className: "mtx-table-menu-item mtx-table-menu-item--danger",
-                onClick: () => f(N),
+                onClick: () => f(b),
                 children: [
                   /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "🗑" }),
                   /* @__PURE__ */ e("span", { children: "Delete Column" })
@@ -2425,24 +2414,24 @@ const ua = Ue.create({
               }
             )
           ] }),
-          (m || k) && /* @__PURE__ */ a("div", { className: "mtx-table-menu-group", children: [
+          (d || v) && /* @__PURE__ */ a("div", { className: "mtx-table-menu-group", children: [
             /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Properties" }),
-            m && /* @__PURE__ */ a(
+            d && /* @__PURE__ */ a(
               "button",
               {
                 className: "mtx-table-menu-item",
-                onClick: () => f(m),
+                onClick: () => f(d),
                 children: [
                   /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "⚙" }),
                   /* @__PURE__ */ e("span", { children: "Cell Properties" })
                 ]
               }
             ),
-            k && /* @__PURE__ */ a(
+            v && /* @__PURE__ */ a(
               "button",
               {
                 className: "mtx-table-menu-item",
-                onClick: () => f(k),
+                onClick: () => f(v),
                 children: [
                   /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "⚙" }),
                   /* @__PURE__ */ e("span", { children: "Table Properties" })
@@ -2456,7 +2445,7 @@ const ua = Ue.create({
               "button",
               {
                 className: "mtx-table-menu-item mtx-table-menu-item--danger",
-                onClick: () => f(y),
+                onClick: () => f(N),
                 children: [
                   /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "🗑" }),
                   /* @__PURE__ */ e("span", { children: "Delete Table" })
@@ -2469,8 +2458,8 @@ const ua = Ue.create({
     )
   ] });
 });
-bt.displayName = "TableMenu";
-const ga = oe.memo(function({
+ft.displayName = "TableMenu";
+const ga = ce.memo(function({
   isOpen: t,
   position: l,
   currentAlign: i,
@@ -2478,23 +2467,23 @@ const ga = oe.memo(function({
   onClose: r,
   onSetAlign: s,
   onResetPosition: o,
-  onCenterImage: N,
-  onEditImage: y
+  onCenterImage: b,
+  onEditImage: N
 }) {
-  const u = b((m) => {
-    m == null || m(), r();
-  }, [r]), h = Ce(() => {
+  const u = g((d) => {
+    d?.(), r();
+  }, [r]), h = we(() => {
     if (!l)
       return { x: 0, y: 0 };
-    const m = typeof window < "u" ? window.innerWidth : 1280, k = typeof window < "u" ? window.innerHeight : 720;
+    const d = typeof window < "u" ? window.innerWidth : 1280, v = typeof window < "u" ? window.innerHeight : 720;
     return {
-      x: Math.min(l.x, m - 240),
-      y: Math.min(l.y, k - 280)
+      x: Math.min(l.x, d - 240),
+      y: Math.min(l.y, v - 280)
     };
   }, [l]);
-  return !t || !l ? null : /* @__PURE__ */ a(Z, { children: [
+  return !t || !l ? null : /* @__PURE__ */ a(Y, { children: [
     /* @__PURE__ */ e("button", { type: "button", className: "mtx-table-menu-overlay", onClick: r, "aria-label": "Close image menu" }),
-    /* @__PURE__ */ e("div", { className: "mtx-table-menu-dropdown", style: { left: h.x, top: h.y }, children: /* @__PURE__ */ a("div", { className: "mtx-table-menu", onClick: (m) => m.stopPropagation(), children: [
+    /* @__PURE__ */ e("div", { className: "mtx-table-menu-dropdown", style: { left: h.x, top: h.y }, children: /* @__PURE__ */ a("div", { className: "mtx-table-menu", onClick: (d) => d.stopPropagation(), children: [
       /* @__PURE__ */ a("div", { className: "mtx-table-menu-group", children: [
         /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Text Wrapping" }),
         /* @__PURE__ */ a("button", { className: `mtx-table-menu-item ${i === "left" ? "is-active" : ""}`, onClick: () => u(() => s("left")), children: [
@@ -2514,24 +2503,24 @@ const ga = oe.memo(function({
           /* @__PURE__ */ e("span", { children: "Full Width" })
         ] })
       ] }),
-      y && /* @__PURE__ */ a("div", { className: "mtx-table-menu-group", children: [
+      N && /* @__PURE__ */ a("div", { className: "mtx-table-menu-group", children: [
         /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Image" }),
         o && /* @__PURE__ */ a("button", { className: "mtx-table-menu-item", onClick: () => u(o), disabled: !c, children: [
           /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "↺" }),
           /* @__PURE__ */ e("span", { children: "Reset Position" })
         ] }),
-        N && /* @__PURE__ */ a("button", { className: "mtx-table-menu-item", onClick: () => u(N), children: [
+        b && /* @__PURE__ */ a("button", { className: "mtx-table-menu-item", onClick: () => u(b), children: [
           /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "◎" }),
           /* @__PURE__ */ e("span", { children: "Center & Reset" })
         ] }),
-        /* @__PURE__ */ a("button", { className: "mtx-table-menu-item", onClick: () => u(y), children: [
+        /* @__PURE__ */ a("button", { className: "mtx-table-menu-item", onClick: () => u(N), children: [
           /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "✎" }),
           /* @__PURE__ */ e("span", { children: "Edit Image" })
         ] })
       ] })
     ] }) })
   ] });
-}), xa = le(() => import("./LinkDialogImpl-BSz0F-xG.js").then((n) => ({ default: n.LinkDialogImpl }))), ba = le(() => import("./InsertTableDialogImpl-CKirXRqE.js").then((n) => ({ default: n.InsertTableDialogImpl }))), fa = le(() => import("./CellPropertiesDialogImpl-CgWcr4bD.js").then((n) => ({ default: n.CellPropertiesDialogImpl }))), Na = le(() => import("./TableTemplatesDialogImpl-DrdqLQLH.js").then((n) => ({ default: n.TableTemplatesDialogImpl }))), ya = le(() => import("./ImageInsertDialog-Di0MXcC2.js").then((n) => ({ default: n.ImageInsertDialog }))), A = oe.memo(function({ icon: t, label: l, onClick: i, isActive: c, isDisabled: r, className: s }) {
+}), xa = ne(() => import("./LinkDialogImpl-C1YeHJFJ.js").then((n) => ({ default: n.LinkDialogImpl }))), fa = ne(() => import("./InsertTableDialogImpl-Dpo1pByJ.js").then((n) => ({ default: n.InsertTableDialogImpl }))), ba = ne(() => import("./CellPropertiesDialogImpl-D2iy6DEr.js").then((n) => ({ default: n.CellPropertiesDialogImpl }))), Na = ne(() => import("./TableTemplatesDialogImpl-CMzxe328.js").then((n) => ({ default: n.TableTemplatesDialogImpl }))), ya = ne(() => import("./ImageInsertDialog-Cn-IrnHN.js").then((n) => ({ default: n.ImageInsertDialog }))), A = ce.memo(function({ icon: t, label: l, onClick: i, isActive: c, isDisabled: r, className: s }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2545,16 +2534,15 @@ const ga = oe.memo(function({
     }
   );
 });
-function ce() {
+function re() {
   return /* @__PURE__ */ e("div", { className: "mtx-toolbar-divider" });
 }
 function va(n) {
-  var l;
   if (!n) return null;
   const t = n.state.selection.node;
-  return ((l = t == null ? void 0 : t.type) == null ? void 0 : l.name) === "image" ? t.attrs || {} : n.state.selection.$from.parent.type.name === "image" ? n.state.selection.$from.parent.attrs : null;
+  return t?.type?.name === "image" ? t.attrs || {} : n.state.selection.$from.parent.type.name === "image" ? n.state.selection.$from.parent.attrs : null;
 }
-const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c }) => /* @__PURE__ */ e(
+const ka = ce.memo(({ value: n, onChange: t, options: l, label: i, className: c }) => /* @__PURE__ */ e(
   "select",
   {
     className: `mtx-toolbar-select ${c || ""}`,
@@ -2564,18 +2552,15 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
     "aria-label": i,
     children: l.map((r) => /* @__PURE__ */ e("option", { value: r.value, children: r.label }, r.value))
   }
-)), lt = oe.memo(({ color: n, onChange: t, label: l, icon: i }) => {
-  const c = R(null);
-  return /* @__PURE__ */ a(Z, { children: [
+)), lt = ce.memo(({ color: n, onChange: t, label: l, icon: i }) => {
+  const c = I(null);
+  return /* @__PURE__ */ a(Y, { children: [
     /* @__PURE__ */ e(
       "button",
       {
         type: "button",
         className: "mtx-toolbar-btn mtx-color-btn",
-        onClick: () => {
-          var r;
-          return (r = c.current) == null ? void 0 : r.click();
-        },
+        onClick: () => c.current?.click(),
         title: l,
         "aria-label": l,
         children: i
@@ -2593,7 +2578,7 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
       }
     )
   ] });
-}), M = {
+}), T = {
   bold: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M4 2h5a3 3 0 0 1 2.1 5.15A3.5 3.5 0 0 1 9.5 14H4V2zm2 5h3a1 1 0 1 0 0-2H6v2zm0 2v3h3.5a1.5 1.5 0 0 0 0-3H6z" }) }),
   italic: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M6 2h6v2h-2.2l-2.6 8H9v2H3v-2h2.2l2.6-8H6V2z" }) }),
   underline: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M3 13h10v1.5H3V13zM4 2v6a4 4 0 0 0 8 0V2h-2v6a2 2 0 0 1-4 0V2H4z" }) }),
@@ -2677,144 +2662,144 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
   { value: "Georgia", label: "Georgia" },
   { value: "Verdana", label: "Verdana" },
   { value: "Courier New", label: "Courier New" }
-], Ca = oe.memo(function({ editor: t, toolbarMode: l, onInsertMath: i, onInsertImage: c, onEditImage: r, onSetImageAlign: s, onResetImagePosition: o }) {
-  const [N, y] = H("#000000"), [u, h] = H("#fef08a"), [m, k] = H("basic"), [f, P] = H(!1), [p, g] = H(!1), [w, B] = H(!1), [_, W] = H(!1), [q, ie] = H(!1), [fe, ae] = H({}), me = b(() => {
-    P(!0);
-  }, []), Ae = b((z) => {
+], Ca = ce.memo(function({ editor: t, toolbarMode: l, onInsertMath: i, onInsertImage: c, onEditImage: r, onSetImageAlign: s, onResetImagePosition: o }) {
+  const [b, N] = M("#000000"), [u, h] = M("#fef08a"), [d, v] = M("basic"), [f, B] = M(!1), [p, x] = M(!1), [H, P] = M(!1), [z, ee] = M(!1), [j, le] = M(!1), [be, te] = M({}), oe = g(() => {
+    B(!0);
+  }, []), Ae = g((_) => {
     if (!t) return;
-    const { url: I, text: ee, target: U } = z;
-    ee ? t.chain().focus().deleteSelection().insertContent(ee).setLink({
-      href: I,
-      target: U || "_self",
-      rel: U === "_blank" ? "noopener noreferrer" : void 0
+    const { url: E, text: Z, target: G } = _;
+    Z ? t.chain().focus().deleteSelection().insertContent(Z).setLink({
+      href: E,
+      target: G || "_self",
+      rel: G === "_blank" ? "noopener noreferrer" : void 0
     }).run() : t.chain().focus().setLink({
-      href: I,
-      target: U || "_self",
-      rel: U === "_blank" ? "noopener noreferrer" : void 0
-    }).run(), P(!1);
-  }, [t]), C = b(() => {
-    t && (t.chain().focus().unsetLink().run(), P(!1));
-  }, [t]), j = b(() => t ? {
+      href: E,
+      target: G || "_self",
+      rel: G === "_blank" ? "noopener noreferrer" : void 0
+    }).run(), B(!1);
+  }, [t]), C = g(() => {
+    t && (t.chain().focus().unsetLink().run(), B(!1));
+  }, [t]), q = g(() => t ? {
     url: t.getAttributes("link").href || "",
     text: t.state.selection.empty ? "" : t.state.doc.textBetween(t.state.selection.from, t.state.selection.to),
     title: t.getAttributes("link").title || "",
     target: t.getAttributes("link").target || "_blank"
-  } : {}, [t]), de = b((z, I, ee) => {
-    t && t.chain().focus().insertTable({ rows: z, cols: I, withHeaderRow: ee }).run();
-  }, [t]), [Ne, ne] = H(!1), [pe, ye] = H(null), [ge, G] = H(!1), [Me, he] = H(null);
-  X(() => {
+  } : {}, [t]), me = g((_, E, Z) => {
+    t && t.chain().focus().insertTable({ rows: _, cols: E, withHeaderRow: Z }).run();
+  }, [t]), [Ne, ae] = M(!1), [ue, ye] = M(null), [pe, O] = M(!1), [Te, de] = M(null);
+  W(() => {
     if (!t) return;
-    const z = (ee) => {
-      const U = ee, Be = U.target, He = Be.closest("figure.mtx-image-figure, .mtx-image-wrapper, img"), Ke = Be.closest("td, th");
-      if (He) {
-        U.preventDefault(), U.stopPropagation();
+    const _ = (Z) => {
+      const G = Z, Ie = G.target, Me = Ie.closest("figure.mtx-image-figure, .mtx-image-wrapper, img"), Ke = Ie.closest("td, th");
+      if (Me) {
+        G.preventDefault(), G.stopPropagation();
         try {
-          const Le = He.tagName === "IMG" ? He : He.querySelector("img") || He, Ht = t.view.posAtDOM(Le, 0);
+          const He = Me.tagName === "IMG" ? Me : Me.querySelector("img") || Me, Ht = t.view.posAtDOM(He, 0);
           t.chain().focus().setNodeSelection(Ht).run();
-        } catch (Le) {
-          console.warn("Cannot select image from context menu:", Le);
+        } catch (He) {
+          console.warn("Cannot select image from context menu:", He);
         }
-        ne(!1), he({ x: U.clientX, y: U.clientY }), G(!0);
+        ae(!1), de({ x: G.clientX, y: G.clientY }), O(!0);
         return;
       }
-      Ke && t.isActive("table") && (U.preventDefault(), U.stopPropagation(), G(!1), ye({ x: U.clientX, y: U.clientY }), ne(!0));
-    }, I = document.querySelector(".mtx-content");
-    return I && I.addEventListener("contextmenu", z), () => {
-      I && I.removeEventListener("contextmenu", z);
+      Ke && t.isActive("table") && (G.preventDefault(), G.stopPropagation(), O(!1), ye({ x: G.clientX, y: G.clientY }), ae(!0));
+    }, E = document.querySelector(".mtx-content");
+    return E && E.addEventListener("contextmenu", _), () => {
+      E && E.removeEventListener("contextmenu", _);
     };
   }, [t]);
-  const ve = b(() => {
+  const ve = g(() => {
     t && t.chain().focus().addRowBefore().run();
-  }, [t]), Q = b(() => {
+  }, [t]), J = g(() => {
     t && t.chain().focus().addRowAfter().run();
-  }, [t]), v = b(() => {
+  }, [t]), y = g(() => {
     t && t.chain().focus().deleteRow().run();
-  }, [t]), T = b(() => {
+  }, [t]), w = g(() => {
     t && t.chain().focus().addColumnBefore().run();
-  }, [t]), D = b(() => {
+  }, [t]), D = g(() => {
     t && t.chain().focus().addColumnAfter().run();
-  }, [t]), $ = b(() => {
+  }, [t]), $ = g(() => {
     t && t.chain().focus().deleteColumn().run();
-  }, [t]), F = b(() => {
-    t && (t.chain().focus().deleteTable().run(), ne(!1));
-  }, [t]), x = b((z) => {
-    s == null || s(z), G(!1);
-  }, [s]), V = b(() => {
-    r == null || r(), G(!1);
-  }, [r]), K = b(() => {
-    o == null || o(), G(!1);
-  }, [o]), O = b(() => {
-    s == null || s("center"), G(!1);
-  }, [s]), E = b(() => {
+  }, [t]), ge = g(() => {
+    t && (t.chain().focus().deleteTable().run(), ae(!1));
+  }, [t]), k = g((_) => {
+    s?.(_), O(!1);
+  }, [s]), V = g(() => {
+    r?.(), O(!1);
+  }, [r]), K = g(() => {
+    o?.(), O(!1);
+  }, [o]), F = g(() => {
+    s?.("center"), O(!1);
+  }, [s]), R = g(() => {
     if (!t) return;
-    const z = t.state.selection.$from.parent;
-    if (z.type.name !== "tableCell" && z.type.name !== "tableHeader")
+    const _ = t.state.selection.$from.parent;
+    if (_.type.name !== "tableCell" && _.type.name !== "tableHeader")
       return;
-    const I = Array.isArray(z.attrs.colwidth) ? z.attrs.colwidth[0] : null, ee = z.attrs.width || (typeof I == "number" ? `${I}px` : "");
-    ae({
-      width: typeof ee == "string" ? ee : ee ? String(ee) : "",
-      backgroundColor: z.attrs.backgroundColor || "",
-      horizontalAlign: z.attrs.textAlign || "left",
-      verticalAlign: z.attrs.verticalAlign || "top"
-    }), ne(!1), B(!0);
-  }, [t]), Y = b(() => {
+    const E = Array.isArray(_.attrs.colwidth) ? _.attrs.colwidth[0] : null, Z = _.attrs.width || (typeof E == "number" ? `${E}px` : "");
+    te({
+      width: typeof Z == "string" ? Z : Z ? String(Z) : "",
+      backgroundColor: _.attrs.backgroundColor || "",
+      horizontalAlign: _.attrs.textAlign || "left",
+      verticalAlign: _.attrs.verticalAlign || "top"
+    }), ae(!1), P(!0);
+  }, [t]), X = g(() => {
     if (t)
       try {
-        t.chain().focus().mergeCells().run(), ne(!1);
-      } catch (z) {
-        console.warn("Cannot merge cells:", z);
+        t.chain().focus().mergeCells().run(), ae(!1);
+      } catch (_) {
+        console.warn("Cannot merge cells:", _);
       }
-  }, [t]), J = b(() => {
+  }, [t]), U = g(() => {
     if (t)
       try {
-        t.chain().focus().splitCell().run(), ne(!1);
-      } catch (z) {
-        console.warn("Cannot split cell:", z);
+        t.chain().focus().splitCell().run(), ae(!1);
+      } catch (_) {
+        console.warn("Cannot split cell:", _);
       }
-  }, [t]), xe = b((z) => {
+  }, [t]), xe = g((_) => {
     if (!t) return;
-    const { width: I, backgroundColor: ee, horizontalAlign: U, verticalAlign: Be } = z, Ke = t.state.selection.$from.parent.type.name === "tableHeader" ? "tableHeader" : "tableCell", Le = I ? parseInt(I, 10) : null;
+    const { width: E, backgroundColor: Z, horizontalAlign: G, verticalAlign: Ie } = _, Ke = t.state.selection.$from.parent.type.name === "tableHeader" ? "tableHeader" : "tableCell", He = E ? parseInt(E, 10) : null;
     t.chain().focus().updateAttributes(Ke, {
-      colwidth: Number.isFinite(Le) && (I != null && I.endsWith("px")) ? [Le] : null,
-      width: I || null,
-      backgroundColor: ee || null,
-      textAlign: U || null,
-      verticalAlign: Be || null
+      colwidth: Number.isFinite(He) && E?.endsWith("px") ? [He] : null,
+      width: E || null,
+      backgroundColor: Z || null,
+      textAlign: G || null,
+      verticalAlign: Ie || null
     }).run();
-  }, [t]), ke = b((z) => {
-    t && t.isActive("table") && t.chain().focus().updateAttributes("table", { theme: z.id }).run();
-  }, [t]), De = b(() => {
+  }, [t]), ke = g((_) => {
+    t && t.isActive("table") && t.chain().focus().updateAttributes("table", { theme: _.id }).run();
+  }, [t]), De = g(() => {
     if (c) {
       c();
       return;
     }
-    ie(!0);
-  }, [c]), be = b(() => {
+    le(!0);
+  }, [c]), fe = g(() => {
     t && t.chain().focus().insertContent({ type: "graph", attrs: { formula: "sin(x)" } }).run();
-  }, [t]), se = b(
-    (z, I) => {
-      t && (t.chain().focus().setImage({ src: z, alt: I }).run(), ie(!1));
+  }, [t]), ie = g(
+    (_, E) => {
+      t && (t.chain().focus().setImage({ src: _, alt: E }).run(), le(!1));
     },
     [t]
-  ), Ee = b(() => {
-    g(!0);
-  }, []), we = va(t), ue = !!we, _e = (we == null ? void 0 : we.align) || "center", ft = we ? Number(we.offsetX || 0) !== 0 || Number(we.offsetY || 0) !== 0 : !1, ze = !!t && t.isActive("table"), Nt = !!t && ["tableCell", "tableHeader"].includes(t.state.selection.$from.parent.type.name), yt = !!t && t.can().deleteRow(), vt = !!t && t.can().deleteColumn(), kt = !!t && t.can().mergeCells(), wt = !!t && t.can().splitCell(), re = (l || m) === "advanced", Ct = !l, Tt = b(() => {
+  ), Ee = g(() => {
+    x(!0);
+  }, []), Le = va(t), he = !!Le, _e = Le?.align || "center", bt = Le ? Number(Le.offsetX || 0) !== 0 || Number(Le.offsetY || 0) !== 0 : !1, Se = !!t && t.isActive("table"), Nt = !!t && ["tableCell", "tableHeader"].includes(t.state.selection.$from.parent.type.name), yt = !!t && t.can().deleteRow(), vt = !!t && t.can().deleteColumn(), kt = !!t && t.can().mergeCells(), wt = !!t && t.can().splitCell(), se = (l || d) === "advanced", Ct = !l, At = g(() => {
     t && t.chain().focus().unsetBold().unsetItalic().unsetUnderline().unsetStrike().unsetSubscript().unsetSuperscript().unsetLink().unsetColor().unsetFontFamily().unsetHighlight().run();
-  }, [t]), At = b((z) => {
-    y(z), t && t.chain().focus().setColor(z).run();
-  }, [t]), Mt = b((z) => {
-    h(z), t && t.chain().focus().toggleHighlight({ color: z }).run();
+  }, [t]), Tt = g((_) => {
+    N(_), t && t.chain().focus().setColor(_).run();
+  }, [t]), Mt = g((_) => {
+    h(_), t && t.chain().focus().toggleHighlight({ color: _ }).run();
   }, [t]);
   return t ? /* @__PURE__ */ a("div", { className: "mtx-toolbar", role: "toolbar", "aria-label": "Editor toolbar", children: [
-    Ct && /* @__PURE__ */ a(Z, { children: [
+    Ct && /* @__PURE__ */ a(Y, { children: [
       /* @__PURE__ */ a("div", { className: "mtx-toolbar-mode-switch", role: "group", "aria-label": "Toolbar density", children: [
         /* @__PURE__ */ e(
           "button",
           {
             type: "button",
-            className: `mtx-toolbar-mode-btn ${re ? "" : "is-active"}`,
-            onClick: () => k("basic"),
-            "aria-pressed": !re,
+            className: `mtx-toolbar-mode-btn ${se ? "" : "is-active"}`,
+            onClick: () => v("basic"),
+            "aria-pressed": !se,
             children: "Basic"
           }
         ),
@@ -2822,20 +2807,20 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
           "button",
           {
             type: "button",
-            className: `mtx-toolbar-mode-btn ${re ? "is-active" : ""}`,
-            onClick: () => k("advanced"),
-            "aria-pressed": re,
+            className: `mtx-toolbar-mode-btn ${se ? "is-active" : ""}`,
+            onClick: () => v("advanced"),
+            "aria-pressed": se,
             children: "Advanced"
           }
         )
       ] }),
-      /* @__PURE__ */ e(ce, {})
+      /* @__PURE__ */ e(re, {})
     ] }),
     /* @__PURE__ */ a("div", { className: "mtx-toolbar-group", children: [
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.undo,
+          icon: T.undo,
           label: "Undo (Ctrl+Z)",
           onClick: () => t.chain().focus().undo().run(),
           isDisabled: !t.can().undo()
@@ -2844,32 +2829,32 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.redo,
+          icon: T.redo,
           label: "Redo (Ctrl+Y)",
           onClick: () => t.chain().focus().redo().run(),
           isDisabled: !t.can().redo()
         }
       )
     ] }),
-    /* @__PURE__ */ e(ce, {}),
-    re && /* @__PURE__ */ a(Z, { children: [
+    /* @__PURE__ */ e(re, {}),
+    se && /* @__PURE__ */ a(Y, { children: [
       /* @__PURE__ */ e("div", { className: "mtx-toolbar-group", children: /* @__PURE__ */ e(
         ka,
         {
           value: t.getAttributes("textStyle").fontFamily || "Arial",
-          onChange: (z) => t.chain().focus().setFontFamily(z).run(),
+          onChange: (_) => t.chain().focus().setFontFamily(_).run(),
           options: wa,
           label: "Font Family",
           className: "mtx-font-select"
         }
       ) }),
-      /* @__PURE__ */ e(ce, {})
+      /* @__PURE__ */ e(re, {})
     ] }),
     /* @__PURE__ */ a("div", { className: "mtx-toolbar-group", children: [
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.bold,
+          icon: T.bold,
           label: "Bold (Ctrl+B)",
           onClick: () => t.chain().focus().toggleBold().run(),
           isActive: t.isActive("bold")
@@ -2878,7 +2863,7 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.italic,
+          icon: T.italic,
           label: "Italic (Ctrl+I)",
           onClick: () => t.chain().focus().toggleItalic().run(),
           isActive: t.isActive("italic")
@@ -2887,7 +2872,7 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.underline,
+          icon: T.underline,
           label: "Underline (Ctrl+U)",
           onClick: () => t.chain().focus().toggleUnderline().run(),
           isActive: t.isActive("underline")
@@ -2896,7 +2881,7 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.strike,
+          icon: T.strike,
           label: "Strikethrough",
           onClick: () => t.chain().focus().toggleStrike().run(),
           isActive: t.isActive("strike")
@@ -2905,7 +2890,7 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.highlight,
+          icon: T.highlight,
           label: "Highlight",
           onClick: () => t.chain().focus().toggleHighlight().run(),
           isActive: t.isActive("highlight")
@@ -2921,24 +2906,24 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
         }
       )
     ] }),
-    /* @__PURE__ */ e(ce, {}),
-    re && /* @__PURE__ */ a(Z, { children: [
+    /* @__PURE__ */ e(re, {}),
+    se && /* @__PURE__ */ a(Y, { children: [
       /* @__PURE__ */ e("div", { className: "mtx-toolbar-group", children: /* @__PURE__ */ e(
         lt,
         {
-          color: N,
-          onChange: At,
+          color: b,
+          onChange: Tt,
           label: "Text Color",
-          icon: /* @__PURE__ */ e("span", { style: { width: "16px", height: "3px", background: N, display: "inline-block", borderRadius: "1px" } })
+          icon: /* @__PURE__ */ e("span", { style: { width: "16px", height: "3px", background: b, display: "inline-block", borderRadius: "1px" } })
         }
       ) }),
-      /* @__PURE__ */ e(ce, {})
+      /* @__PURE__ */ e(re, {})
     ] }),
     /* @__PURE__ */ a("div", { className: "mtx-toolbar-group", children: [
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.paragraph,
+          icon: T.paragraph,
           label: "Paragraph",
           onClick: () => t.chain().focus().setParagraph().run(),
           isActive: t.isActive("paragraph")
@@ -2947,7 +2932,7 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.h1,
+          icon: T.h1,
           label: "Heading 1",
           onClick: () => t.chain().focus().toggleHeading({ level: 1 }).run(),
           isActive: t.isActive("heading", { level: 1 })
@@ -2956,7 +2941,7 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.h2,
+          icon: T.h2,
           label: "Heading 2",
           onClick: () => t.chain().focus().toggleHeading({ level: 2 }).run(),
           isActive: t.isActive("heading", { level: 2 })
@@ -2965,19 +2950,19 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.h3,
+          icon: T.h3,
           label: "Heading 3",
           onClick: () => t.chain().focus().toggleHeading({ level: 3 }).run(),
           isActive: t.isActive("heading", { level: 3 })
         }
       )
     ] }),
-    /* @__PURE__ */ e(ce, {}),
+    /* @__PURE__ */ e(re, {}),
     /* @__PURE__ */ a("div", { className: "mtx-toolbar-group", children: [
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.bulletList,
+          icon: T.bulletList,
           label: "Bullet List",
           onClick: () => t.chain().focus().toggleBulletList().run(),
           isActive: t.isActive("bulletList")
@@ -2986,7 +2971,7 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.orderedList,
+          icon: T.orderedList,
           label: "Ordered List",
           onClick: () => t.chain().focus().toggleOrderedList().run(),
           isActive: t.isActive("orderedList")
@@ -2995,7 +2980,7 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.taskList,
+          icon: T.taskList,
           label: "Checklist",
           onClick: () => t.chain().focus().toggleTaskList().run(),
           isActive: t.isActive("taskList")
@@ -3004,7 +2989,7 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.outdent,
+          icon: T.outdent,
           label: "Outdent",
           onClick: () => t.chain().focus().outdent().run(),
           isDisabled: !t.can().outdent()
@@ -3013,20 +2998,20 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.indent,
+          icon: T.indent,
           label: "Indent",
           onClick: () => t.chain().focus().indent().run(),
           isDisabled: !t.can().indent()
         }
       )
     ] }),
-    /* @__PURE__ */ e(ce, {}),
-    re && /* @__PURE__ */ a(Z, { children: [
+    /* @__PURE__ */ e(re, {}),
+    se && /* @__PURE__ */ a(Y, { children: [
       /* @__PURE__ */ a("div", { className: "mtx-toolbar-group", children: [
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.alignLeft,
+            icon: T.alignLeft,
             label: "Align Left",
             onClick: () => t.chain().focus().setTextAlign("left").run(),
             isActive: t.isActive({ textAlign: "left" })
@@ -3035,7 +3020,7 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.alignCenter,
+            icon: T.alignCenter,
             label: "Align Center",
             onClick: () => t.chain().focus().setTextAlign("center").run(),
             isActive: t.isActive({ textAlign: "center" })
@@ -3044,7 +3029,7 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.alignRight,
+            icon: T.alignRight,
             label: "Align Right",
             onClick: () => t.chain().focus().setTextAlign("right").run(),
             isActive: t.isActive({ textAlign: "right" })
@@ -3053,88 +3038,88 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.alignJustify,
+            icon: T.alignJustify,
             label: "Justify",
             onClick: () => t.chain().focus().setTextAlign("justify").run(),
             isActive: t.isActive({ textAlign: "justify" })
           }
         )
       ] }),
-      /* @__PURE__ */ e(ce, {})
+      /* @__PURE__ */ e(re, {})
     ] }),
     /* @__PURE__ */ a("div", { className: "mtx-toolbar-group", children: [
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.link,
+          icon: T.link,
           label: "Link",
-          onClick: me,
+          onClick: oe,
           isActive: t.isActive("link")
         }
       ),
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.image,
+          icon: T.image,
           label: "Image",
           onClick: De
         }
       ),
-      re && /* @__PURE__ */ a(Z, { children: [
+      se && /* @__PURE__ */ a(Y, { children: [
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.editImage,
+            icon: T.editImage,
             label: "Edit Image",
             onClick: () => r && r(),
-            isDisabled: !ue
+            isDisabled: !he
           }
         ),
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.alignLeft,
+            icon: T.alignLeft,
             label: "Wrap Image Left",
-            onClick: () => s == null ? void 0 : s("left"),
-            isActive: ue && _e === "left",
-            isDisabled: !ue
+            onClick: () => s?.("left"),
+            isActive: he && _e === "left",
+            isDisabled: !he
           }
         ),
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.alignCenter,
+            icon: T.alignCenter,
             label: "Wrap Image Center",
-            onClick: () => s == null ? void 0 : s("center"),
-            isActive: ue && _e === "center",
-            isDisabled: !ue
+            onClick: () => s?.("center"),
+            isActive: he && _e === "center",
+            isDisabled: !he
           }
         ),
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.alignRight,
+            icon: T.alignRight,
             label: "Wrap Image Right",
-            onClick: () => s == null ? void 0 : s("right"),
-            isActive: ue && _e === "right",
-            isDisabled: !ue
+            onClick: () => s?.("right"),
+            isActive: he && _e === "right",
+            isDisabled: !he
           }
         ),
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.alignJustify,
+            icon: T.alignJustify,
             label: "Wrap Image Full",
-            onClick: () => s == null ? void 0 : s("full"),
-            isActive: ue && _e === "full",
-            isDisabled: !ue
+            onClick: () => s?.("full"),
+            isActive: he && _e === "full",
+            isDisabled: !he
           }
         )
       ] }),
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.table,
+          icon: T.table,
           label: "Table",
           onClick: Ee
         }
@@ -3142,16 +3127,16 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.graph,
+          icon: T.graph,
           label: "Graph",
-          onClick: be
+          onClick: fe
         }
       ),
-      ze && /* @__PURE__ */ a(Z, { children: [
+      Se && /* @__PURE__ */ a(Y, { children: [
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.rowAbove,
+            icon: T.rowAbove,
             label: "Insert Row Above",
             onClick: ve
           }
@@ -3159,23 +3144,23 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.rowBelow,
+            icon: T.rowBelow,
             label: "Insert Row Below",
-            onClick: Q
+            onClick: J
           }
         ),
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.columnLeft,
+            icon: T.columnLeft,
             label: "Insert Column Left",
-            onClick: T
+            onClick: w
           }
         ),
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.columnRight,
+            icon: T.columnRight,
             label: "Insert Column Right",
             onClick: D
           }
@@ -3183,25 +3168,25 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.cellProperties,
+            icon: T.cellProperties,
             label: "Cell Properties",
-            onClick: E,
+            onClick: R,
             isDisabled: !Nt
           }
         ),
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.deleteRow,
+            icon: T.deleteRow,
             label: "Delete Row",
-            onClick: v,
+            onClick: y,
             isDisabled: !yt
           }
         ),
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.deleteColumn,
+            icon: T.deleteColumn,
             label: "Delete Column",
             onClick: $,
             isDisabled: !vt
@@ -3210,35 +3195,35 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.mergeCells,
+            icon: T.mergeCells,
             label: "Merge Cells",
-            onClick: Y,
+            onClick: X,
             isDisabled: !kt
           }
         ),
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.splitCell,
+            icon: T.splitCell,
             label: "Split Cell",
-            onClick: J,
+            onClick: U,
             isDisabled: !wt
           }
         )
       ] }),
-      re && /* @__PURE__ */ a(Z, { children: [
+      se && /* @__PURE__ */ a(Y, { children: [
         /* @__PURE__ */ e(
           "button",
           {
             className: "mtx-toolbar-btn mtx-toolbar-btn--dropdown",
-            onClick: (z) => {
-              if (!ze) return;
-              const I = z.currentTarget.getBoundingClientRect();
-              ye({ x: I.left, y: I.bottom + 5 }), ne(!Ne);
+            onClick: (_) => {
+              if (!Se) return;
+              const E = _.currentTarget.getBoundingClientRect();
+              ye({ x: E.left, y: E.bottom + 5 }), ae(!Ne);
             },
             title: "Table Operations",
             "aria-label": "Table Operations",
-            disabled: !ze,
+            disabled: !Se,
             children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M8 11l-4-4h8l-4 4z" }) })
           }
         ),
@@ -3246,17 +3231,17 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
           "button",
           {
             className: "mtx-toolbar-btn",
-            onClick: () => ze && W(!0),
+            onClick: () => Se && ee(!0),
             title: "Table Templates",
             "aria-label": "Table Templates",
-            disabled: !ze,
+            disabled: !Se,
             children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 2h5v5H2V2zm7 0h5v5H9V2zM2 9h5v5H2V9zm7 0h5v5H9V9z" }) })
           }
         ),
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.horizontalRule,
+            icon: T.horizontalRule,
             label: "Horizontal Rule",
             onClick: () => t.chain().focus().setHorizontalRule().run()
           }
@@ -3264,7 +3249,7 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.blockquote,
+            icon: T.blockquote,
             label: "Blockquote",
             onClick: () => t.chain().focus().toggleBlockquote().run(),
             isActive: t.isActive("blockquote")
@@ -3273,7 +3258,7 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.codeBlock,
+            icon: T.codeBlock,
             label: "Code Block",
             onClick: () => t.chain().focus().toggleCodeBlock().run(),
             isActive: t.isActive("codeBlock")
@@ -3281,13 +3266,13 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
         )
       ] })
     ] }),
-    re && /* @__PURE__ */ a(Z, { children: [
-      /* @__PURE__ */ e(ce, {}),
+    se && /* @__PURE__ */ a(Y, { children: [
+      /* @__PURE__ */ e(re, {}),
       /* @__PURE__ */ a("div", { className: "mtx-toolbar-group", children: [
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.superscript,
+            icon: T.superscript,
             label: "Superscript",
             onClick: () => t.chain().focus().toggleSuperscript().run(),
             isActive: t.isActive("superscript")
@@ -3296,121 +3281,121 @@ const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c
         /* @__PURE__ */ e(
           A,
           {
-            icon: M.subscript,
+            icon: T.subscript,
             label: "Subscript",
             onClick: () => t.chain().focus().toggleSubscript().run(),
             isActive: t.isActive("subscript")
           }
         )
       ] }),
-      /* @__PURE__ */ e(ce, {})
+      /* @__PURE__ */ e(re, {})
     ] }),
     /* @__PURE__ */ a("div", { className: "mtx-toolbar-group", children: [
       /* @__PURE__ */ e(
         A,
         {
-          icon: M.math,
+          icon: T.math,
           label: "Math Formula",
-          onClick: () => i == null ? void 0 : i(),
+          onClick: () => i?.(),
           className: "mtx-toolbar-btn--accent"
         }
       ),
-      re && /* @__PURE__ */ e(
+      se && /* @__PURE__ */ e(
         A,
         {
-          icon: M.chemistry,
+          icon: T.chemistry,
           label: "Chemistry Formula",
-          onClick: () => i == null ? void 0 : i("chem"),
+          onClick: () => i?.("chem"),
           className: "mtx-toolbar-btn--accent-secondary"
         }
       )
     ] }),
-    /* @__PURE__ */ e(ce, {}),
+    /* @__PURE__ */ e(re, {}),
     /* @__PURE__ */ e("div", { className: "mtx-toolbar-group", children: /* @__PURE__ */ e(
       A,
       {
-        icon: M.removeFormat,
+        icon: T.removeFormat,
         label: "Remove Format",
-        onClick: Tt
+        onClick: At
       }
     ) }),
-    f && /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(
+    f && /* @__PURE__ */ e(Q, { fallback: null, children: /* @__PURE__ */ e(
       xa,
       {
         isOpen: f,
-        currentUrl: j().url,
-        currentText: j().text,
-        currentTarget: j().target,
+        currentUrl: q().url,
+        currentText: q().text,
+        currentTarget: q().target,
         onInsert: Ae,
-        onRemove: t != null && t.isActive("link") ? C : void 0,
-        onClose: () => P(!1)
+        onRemove: t?.isActive("link") ? C : void 0,
+        onClose: () => B(!1)
       }
     ) }),
-    p && /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(
-      ba,
+    p && /* @__PURE__ */ e(Q, { fallback: null, children: /* @__PURE__ */ e(
+      fa,
       {
         isOpen: p,
-        onInsert: de,
-        onClose: () => g(!1)
+        onInsert: me,
+        onClose: () => x(!1)
       }
     ) }),
     /* @__PURE__ */ e(
-      bt,
+      ft,
       {
         isOpen: Ne,
-        position: pe || { x: 200, y: 300 },
-        onClose: () => ne(!1),
+        position: ue || { x: 200, y: 300 },
+        onClose: () => ae(!1),
         onAddRowBefore: ve,
-        onAddRowAfter: Q,
-        onDeleteRow: v,
-        onAddColumnBefore: T,
+        onAddRowAfter: J,
+        onDeleteRow: y,
+        onAddColumnBefore: w,
         onAddColumnAfter: D,
         onDeleteColumn: $,
-        onDeleteTable: F,
-        onCellProperties: E,
-        onMergeCells: Y,
-        onSplitCell: J
+        onDeleteTable: ge,
+        onCellProperties: R,
+        onMergeCells: X,
+        onSplitCell: U
       }
     ),
     /* @__PURE__ */ e(
       ga,
       {
-        isOpen: ge,
-        position: Me || { x: 200, y: 300 },
+        isOpen: pe,
+        position: Te || { x: 200, y: 300 },
         currentAlign: _e,
-        hasCustomPosition: ft,
-        onClose: () => G(!1),
-        onSetAlign: x,
+        hasCustomPosition: bt,
+        onClose: () => O(!1),
+        onSetAlign: k,
         onResetPosition: o ? K : void 0,
-        onCenterImage: s ? O : void 0,
+        onCenterImage: s ? F : void 0,
         onEditImage: r ? V : void 0
       }
     ),
-    w && /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(
-      fa,
+    H && /* @__PURE__ */ e(Q, { fallback: null, children: /* @__PURE__ */ e(
+      ba,
       {
-        isOpen: w,
-        initialData: fe,
+        isOpen: H,
+        initialData: be,
         onSave: xe,
         onClose: () => {
-          B(!1), ae({});
+          P(!1), te({});
         }
       }
     ) }),
-    _ && /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(
+    z && /* @__PURE__ */ e(Q, { fallback: null, children: /* @__PURE__ */ e(
       Na,
       {
-        isOpen: _,
+        isOpen: z,
         onSelect: ke,
-        onClose: () => W(!1)
+        onClose: () => ee(!1)
       }
     ) }),
-    q && /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(
+    j && /* @__PURE__ */ e(Q, { fallback: null, children: /* @__PURE__ */ e(
       ya,
       {
-        isOpen: q,
-        onClose: () => ie(!1),
-        onInsert: se
+        isOpen: j,
+        onClose: () => le(!1),
+        onInsert: ie
       }
     ) })
   ] }) : null;
@@ -3492,28 +3477,28 @@ const qe = [
       { label: "Kimia", latex: "\\ce{#?}", title: "Rumus Kimia (ce)" }
     ]
   }
-], Ta = 6;
-function Aa({ onInsertLatex: n, onToggleSymbols: t, onToggleTemplates: l }) {
-  const [i, c] = H([]), [r, s] = H("Basic"), [o, N] = H(""), y = Ce(() => qe.flatMap((p) => p.buttons), []), u = Ce(() => new Map(y.map((p) => [p.latex, p])), [y]), h = b((p) => {
-    n(p), c((g) => [p, ...g.filter((w) => w !== p)].slice(0, Ta));
-  }, [n]), m = Ce(
+], Aa = 6;
+function Ta({ onInsertLatex: n, onToggleSymbols: t, onToggleTemplates: l }) {
+  const [i, c] = M([]), [r, s] = M("Basic"), [o, b] = M(""), N = we(() => qe.flatMap((p) => p.buttons), []), u = we(() => new Map(N.map((p) => [p.latex, p])), [N]), h = g((p) => {
+    n(p), c((x) => [p, ...x.filter((H) => H !== p)].slice(0, Aa));
+  }, [n]), d = we(
     () => i.map((p) => u.get(p)).filter((p) => !!p),
     [u, i]
-  ), k = o.trim().toLowerCase(), f = Ce(() => k ? qe.map((p) => ({
+  ), v = o.trim().toLowerCase(), f = we(() => v ? qe.map((p) => ({
     ...p,
-    buttons: p.buttons.filter((g) => `${g.label} ${g.title} ${g.latex}`.toLowerCase().includes(k))
-  })).filter((p) => p.buttons.length > 0) : qe, [k]);
-  X(() => {
+    buttons: p.buttons.filter((x) => `${x.label} ${x.title} ${x.latex}`.toLowerCase().includes(v))
+  })).filter((p) => p.buttons.length > 0) : qe, [v]);
+  W(() => {
     if (typeof window > "u") return;
     const p = window.localStorage.getItem(it);
     p && s(p);
-  }, []), X(() => {
+  }, []), W(() => {
     typeof window > "u" || !r || window.localStorage.setItem(it, r);
-  }, [r]), X(() => {
-    k && f.length > 0 && s(f[0].label);
-  }, [f, k]);
-  const P = b((p) => {
-    s((g) => g === p ? "" : p);
+  }, [r]), W(() => {
+    v && f.length > 0 && s(f[0].label);
+  }, [f, v]);
+  const B = g((p) => {
+    s((x) => x === p ? "" : p);
   }, []);
   return /* @__PURE__ */ a("div", { className: "mtx-math-toolbar", role: "toolbar", "aria-label": "Math toolbar", children: [
     /* @__PURE__ */ a("div", { className: "mtx-math-toolbar__label", children: [
@@ -3526,15 +3511,15 @@ function Aa({ onInsertLatex: n, onToggleSymbols: t, onToggleTemplates: l }) {
         type: "search",
         className: "mtx-math-toolbar__search",
         value: o,
-        onChange: (p) => N(p.target.value),
+        onChange: (p) => b(p.target.value),
         placeholder: "Cari rumus...",
         "aria-label": "Search math formulas"
       }
     ) }),
     /* @__PURE__ */ a("div", { className: "mtx-math-toolbar__buttons", children: [
-      m.length > 0 && /* @__PURE__ */ a(Z, { children: [
+      d.length > 0 && /* @__PURE__ */ a(Y, { children: [
         /* @__PURE__ */ e("div", { className: "mtx-math-toolbar__section-label", children: "Recent" }),
-        m.map((p) => /* @__PURE__ */ e(
+        d.map((p) => /* @__PURE__ */ e(
           st,
           {
             label: p.label,
@@ -3553,7 +3538,7 @@ function Aa({ onInsertLatex: n, onToggleSymbols: t, onToggleTemplates: l }) {
           {
             type: "button",
             className: `mtx-math-toolbar__section-toggle ${r === p.label ? "is-active" : ""}`,
-            onClick: () => P(p.label),
+            onClick: () => B(p.label),
             "aria-expanded": r === p.label,
             "aria-label": `${p.label} group`,
             children: [
@@ -3562,18 +3547,18 @@ function Aa({ onInsertLatex: n, onToggleSymbols: t, onToggleTemplates: l }) {
             ]
           }
         ),
-        r === p.label && p.buttons.map((g) => /* @__PURE__ */ e(
+        r === p.label && p.buttons.map((x) => /* @__PURE__ */ e(
           st,
           {
-            label: g.label,
-            latex: g.latex,
+            label: x.label,
+            latex: x.latex,
             onClick: h,
-            title: g.title
+            title: x.title
           },
-          g.latex
+          x.latex
         ))
       ] }, p.label)),
-      k && f.length === 0 && /* @__PURE__ */ e("div", { className: "mtx-math-toolbar__empty", children: "No formula matches your search." })
+      v && f.length === 0 && /* @__PURE__ */ e("div", { className: "mtx-math-toolbar__empty", children: "No formula matches your search." })
     ] }),
     /* @__PURE__ */ a("div", { className: "mtx-math-toolbar__actions", children: [
       /* @__PURE__ */ a(
@@ -3699,7 +3684,7 @@ const rt = [
   }
 ];
 function Ma({ onInsert: n, onClose: t }) {
-  const [l, i] = H(""), c = Ce(() => {
+  const [l, i] = M(""), c = we(() => {
     if (!l.trim()) return rt;
     const r = l.toLowerCase();
     return rt.map((s) => ({
@@ -3766,14 +3751,13 @@ function ct(n, t, l) {
 }
 function Je(n) {
   return n.replace(Ha, (t, l, i = "") => {
-    var u;
-    const c = i.match(/\sclass=(['"])(.*?)\1/i), r = i.match(/\sdata-indent=(['"])(\d+)\1/i), o = ((u = c == null ? void 0 : c[2].match(/(?:^|\s)tt-indent-(\d+)(?:\s|$)/)) == null ? void 0 : u[1]) || (r == null ? void 0 : r[2]);
+    const c = i.match(/\sclass=(['"])(.*?)\1/i), r = i.match(/\sdata-indent=(['"])(\d+)\1/i), o = c?.[2].match(/(?:^|\s)tt-indent-(\d+)(?:\s|$)/)?.[1] || r?.[2];
     if (!o)
       return t;
-    const N = new Set(((c == null ? void 0 : c[2]) || "").split(/\s+/).filter(Boolean));
-    N.add("tt-indent"), N.add(`tt-indent-${o}`);
-    let y = i;
-    return y = ct(y, "class", Array.from(N).join(" ")), y = ct(y, "data-indent", o), `<${l}${y}>`;
+    const b = new Set((c?.[2] || "").split(/\s+/).filter(Boolean));
+    b.add("tt-indent"), b.add(`tt-indent-${o}`);
+    let N = i;
+    return N = ct(N, "class", Array.from(b).join(" ")), N = ct(N, "data-indent", o), `<${l}${N}>`;
   });
 }
 function ot(n) {
@@ -3804,57 +3788,52 @@ function dn(n) {
 function _a(n) {
   return n.replace(/class="MsoNormal"/g, "").replace(/class="MsoListParagraph"/g, "").replace(/style="[^"]*mso-[^"]*"/g, "").replace(/<!--\[if[\s\S]*?<!\[endif\]-->/g, "").replace(/<o:p>.*?<\/o:p>/g, "").replace(/<w:.*?>.*?<\/w:.*?>/g, "").replace(/<style[\s\S]*?<\/style>/g, "").replace(/<meta[\s\S]*?>/g, "").replace(/\n/g, "<br>");
 }
-function za(n) {
+function Sa(n) {
   return n.replace(/class="[^"]*kix-[^"]*"/g, "").replace(/style="[^"]*direction:[^"]*"/g, "").replace(/<b style="font-weight:normal"/g, "<span").replace(/<span style="font-weight:normal"/g, "<span");
 }
-function Sa(n, t) {
-  var c, r;
-  const l = (c = t.clipboardData) == null ? void 0 : c.getData("text/html"), i = (r = t.clipboardData) == null ? void 0 : r.getData("text/plain");
+function za(n, t) {
+  const l = t.clipboardData?.getData("text/html"), i = t.clipboardData?.getData("text/plain");
   if (!l && i)
     return !1;
   if (l) {
     if (l.includes("mso-") || l.includes("MsoNormal") || l.includes("<o:p>")) {
       t.preventDefault();
-      const s = _a(l);
-      return n.chain().focus().insertContent(s).run(), !0;
+      const c = _a(l);
+      return n.chain().focus().insertContent(c).run(), !0;
     }
     if (l.includes("kix-") || l.includes("docs-internal-guide")) {
       t.preventDefault();
-      const s = za(l);
-      return n.chain().focus().insertContent(s).run(), !0;
+      const c = Sa(l);
+      return n.chain().focus().insertContent(c).run(), !0;
     }
   }
   return !1;
 }
 function Da(n, t) {
-  var i;
   const l = t;
   if (l.shiftKey && (l.ctrlKey || l.metaKey)) {
     t.preventDefault();
-    const c = (i = t.clipboardData) == null ? void 0 : i.getData("text/plain");
-    if (c)
-      return n.chain().focus().insertContent(c).run(), !0;
+    const i = t.clipboardData?.getData("text/plain");
+    if (i)
+      return n.chain().focus().insertContent(i).run(), !0;
   }
   return !1;
 }
 function mt(n) {
   let t = 0;
   return n.descendants((l) => {
-    var i;
-    l.isText && (t += ((i = l.text) == null ? void 0 : i.split(/\s+/).filter((c) => c.length > 0).length) || 0);
+    l.isText && (t += l.text?.split(/\s+/).filter((i) => i.length > 0).length || 0);
   }), t;
 }
 function dt(n, t = !0) {
-  var i;
   let l = 0;
-  return n.descendants((c) => {
-    var r;
-    c.isText && (l += ((r = c.text) == null ? void 0 : r.length) || 0);
-  }), t ? l : l - (((i = n.textContent) == null ? void 0 : i.split(" ").length) - 1 || 0);
+  return n.descendants((i) => {
+    i.isText && (l += i.text?.length || 0);
+  }), t ? l : l - (n.textContent?.split(" ").length - 1 || 0);
 }
-const Ba = 120, Pa = oe.memo(({ editor: n }) => {
-  const [t, l] = H({ words: 0, chars: 0 }), i = R(null);
-  return X(() => {
+const Ia = 120, Ba = ce.memo(({ editor: n }) => {
+  const [t, l] = M({ words: 0, chars: 0 }), i = I(null);
+  return W(() => {
     if (!n) return;
     const c = () => {
       i.current && clearTimeout(i.current), i.current = setTimeout(() => {
@@ -3862,7 +3841,7 @@ const Ba = 120, Pa = oe.memo(({ editor: n }) => {
           words: mt(n.state.doc),
           chars: dt(n.state.doc, !0)
         });
-      }, Ba);
+      }, Ia);
     };
     return l({
       words: mt(n.state.doc),
@@ -3882,7 +3861,7 @@ const Ba = 120, Pa = oe.memo(({ editor: n }) => {
       t.chars === 1 ? "character" : "characters"
     ] })
   ] });
-}), Va = [
+}), Pa = [
   "button:not([disabled])",
   "[href]",
   "input:not([disabled])",
@@ -3891,39 +3870,39 @@ const Ba = 120, Pa = oe.memo(({ editor: n }) => {
   '[tabindex]:not([tabindex="-1"])'
 ].join(", ");
 function ht(n) {
-  return Array.from(n.querySelectorAll(Va)).filter(
+  return Array.from(n.querySelectorAll(Pa)).filter(
     (t) => !t.hasAttribute("disabled") && t.getAttribute("aria-hidden") !== "true"
   );
 }
-function Ra({
+function Va({
   isOpen: n,
   dialogRef: t,
   onClose: l
 }) {
-  X(() => {
+  W(() => {
     if (!n || !t.current) return;
     const i = t.current, c = document.activeElement instanceof HTMLElement ? document.activeElement : null, r = ht(i);
-    (r.find((N) => N.hasAttribute("autofocus")) || r[0] || i).focus();
-    const o = (N) => {
-      if (N.key === "Escape") {
-        N.preventDefault(), l();
+    (r.find((b) => b.hasAttribute("autofocus")) || r[0] || i).focus();
+    const o = (b) => {
+      if (b.key === "Escape") {
+        b.preventDefault(), l();
         return;
       }
-      if (N.key !== "Tab") return;
-      const y = ht(i);
-      if (y.length === 0) {
-        N.preventDefault(), i.focus();
+      if (b.key !== "Tab") return;
+      const N = ht(i);
+      if (N.length === 0) {
+        b.preventDefault(), i.focus();
         return;
       }
-      const u = y[0], h = y[y.length - 1], m = document.activeElement;
-      if (N.shiftKey) {
-        (m === u || m === i) && (N.preventDefault(), h.focus());
+      const u = N[0], h = N[N.length - 1], d = document.activeElement;
+      if (b.shiftKey) {
+        (d === u || d === i) && (b.preventDefault(), h.focus());
         return;
       }
-      m === h && (N.preventDefault(), u.focus());
+      d === h && (b.preventDefault(), u.focus());
     };
     return document.addEventListener("keydown", o), () => {
-      document.removeEventListener("keydown", o), c == null || c.focus();
+      document.removeEventListener("keydown", o), c?.focus();
     };
   }, [t, n, l]);
 }
@@ -3935,26 +3914,26 @@ const Ge = {
   title: "",
   maintainAspectRatio: !0
 };
-function Ia({
+function Ra({
   isOpen: n,
   onClose: t,
   onApply: l,
   initialData: i
 }) {
-  const c = Lt(), r = R(null), [s, o] = H({ ...Ge, ...i });
-  X(() => {
+  const c = Lt(), r = I(null), [s, o] = M({ ...Ge, ...i });
+  W(() => {
     i && o({ ...Ge, ...i });
-  }, [i]), Ra({ isOpen: n, dialogRef: r, onClose: t });
-  const N = b((m) => {
-    o((k) => (k.maintainAspectRatio, { ...k, width: m }));
-  }, []), y = b((m) => {
-    o((k) => (k.maintainAspectRatio, { ...k, height: m }));
-  }, []), u = b(() => {
+  }, [i]), Va({ isOpen: n, dialogRef: r, onClose: t });
+  const b = g((d) => {
+    o((v) => (v.maintainAspectRatio, { ...v, width: d }));
+  }, []), N = g((d) => {
+    o((v) => (v.maintainAspectRatio, { ...v, height: d }));
+  }, []), u = g(() => {
     l(s), t();
-  }, [s, l, t]), h = b(() => {
+  }, [s, l, t]), h = g(() => {
     o({ ...Ge, ...i });
   }, [i]);
-  return n ? /* @__PURE__ */ a(Z, { children: [
+  return n ? /* @__PURE__ */ a(Y, { children: [
     /* @__PURE__ */ e("div", { className: "mtx-dialog-overlay", onClick: t }),
     /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog", ref: r, role: "dialog", "aria-modal": "true", "aria-labelledby": c, tabIndex: -1, children: [
       /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__header", children: [
@@ -3979,7 +3958,7 @@ function Ia({
               {
                 type: "text",
                 value: s.width,
-                onChange: (m) => N(m.target.value),
+                onChange: (d) => b(d.target.value),
                 placeholder: "100% atau 300"
               }
             )
@@ -3991,7 +3970,7 @@ function Ia({
               {
                 type: "text",
                 value: s.height,
-                onChange: (m) => y(m.target.value),
+                onChange: (d) => N(d.target.value),
                 placeholder: "auto atau 200"
               }
             )
@@ -4003,16 +3982,16 @@ function Ia({
                 type: "checkbox",
                 id: "maintain-aspect",
                 checked: s.maintainAspectRatio,
-                onChange: (m) => o((k) => ({ ...k, maintainAspectRatio: m.target.checked }))
+                onChange: (d) => o((v) => ({ ...v, maintainAspectRatio: d.target.checked }))
               }
             ),
             /* @__PURE__ */ e("label", { htmlFor: "maintain-aspect", children: "Pertahankan proporsi" })
           ] }),
           /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__size-presets", children: [
-            /* @__PURE__ */ e("button", { onClick: () => N("25%"), className: "mtx-btn-sm", children: "25%" }),
-            /* @__PURE__ */ e("button", { onClick: () => N("50%"), className: "mtx-btn-sm", children: "50%" }),
-            /* @__PURE__ */ e("button", { onClick: () => N("75%"), className: "mtx-btn-sm", children: "75%" }),
-            /* @__PURE__ */ e("button", { onClick: () => N("100%"), className: "mtx-btn-sm", children: "100%" })
+            /* @__PURE__ */ e("button", { onClick: () => b("25%"), className: "mtx-btn-sm", children: "25%" }),
+            /* @__PURE__ */ e("button", { onClick: () => b("50%"), className: "mtx-btn-sm", children: "50%" }),
+            /* @__PURE__ */ e("button", { onClick: () => b("75%"), className: "mtx-btn-sm", children: "75%" }),
+            /* @__PURE__ */ e("button", { onClick: () => b("100%"), className: "mtx-btn-sm", children: "100%" })
           ] })
         ] }),
         /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__section", children: [
@@ -4022,7 +4001,7 @@ function Ia({
               "button",
               {
                 className: `mtx-align-btn ${s.align === "left" ? "is-active" : ""}`,
-                onClick: () => o((m) => ({ ...m, align: "left" })),
+                onClick: () => o((d) => ({ ...d, align: "left" })),
                 title: "Kiri (Text Wrapping)",
                 children: [
                   /* @__PURE__ */ a("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: [
@@ -4040,7 +4019,7 @@ function Ia({
               "button",
               {
                 className: `mtx-align-btn ${s.align === "center" ? "is-active" : ""}`,
-                onClick: () => o((m) => ({ ...m, align: "center" })),
+                onClick: () => o((d) => ({ ...d, align: "center" })),
                 title: "Tengah",
                 children: [
                   /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("rect", { x: "8", y: "5", width: "8", height: "14", rx: "1", fill: "currentColor", opacity: "0.5" }) }),
@@ -4052,7 +4031,7 @@ function Ia({
               "button",
               {
                 className: `mtx-align-btn ${s.align === "right" ? "is-active" : ""}`,
-                onClick: () => o((m) => ({ ...m, align: "right" })),
+                onClick: () => o((d) => ({ ...d, align: "right" })),
                 title: "Kanan (Text Wrapping)",
                 children: [
                   /* @__PURE__ */ a("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: [
@@ -4070,7 +4049,7 @@ function Ia({
               "button",
               {
                 className: `mtx-align-btn ${s.align === "full" ? "is-active" : ""}`,
-                onClick: () => o((m) => ({ ...m, align: "full" })),
+                onClick: () => o((d) => ({ ...d, align: "full" })),
                 title: "Full Width",
                 children: [
                   /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("rect", { x: "3", y: "5", width: "18", height: "14", rx: "1", fill: "currentColor", opacity: "0.5" }) }),
@@ -4094,7 +4073,7 @@ function Ia({
               {
                 type: "text",
                 value: s.alt,
-                onChange: (m) => o((k) => ({ ...k, alt: m.target.value })),
+                onChange: (d) => o((v) => ({ ...v, alt: d.target.value })),
                 placeholder: "Deskripsi gambar..."
               }
             )
@@ -4106,7 +4085,7 @@ function Ia({
               {
                 type: "text",
                 value: s.title,
-                onChange: (m) => o((k) => ({ ...k, title: m.target.value })),
+                onChange: (d) => o((v) => ({ ...v, title: d.target.value })),
                 placeholder: "Judul gambar..."
               }
             )
@@ -4123,7 +4102,7 @@ function Ia({
     ] })
   ] }) : null;
 }
-const Ea = le(() => import("./TemplatePanel-BE_UfzYM.js").then((n) => ({ default: n.TemplatePanel }))), Ka = le(() => Promise.resolve().then(() => da).then((n) => ({ default: n.MathTypeDialog }))), $a = le(() => import("./ImageInsertDialog-Di0MXcC2.js").then((n) => ({ default: n.ImageInsertDialog })));
+const Ea = ne(() => import("./TemplatePanel-BE_UfzYM.js").then((n) => ({ default: n.TemplatePanel }))), Ka = ne(() => Promise.resolve().then(() => da).then((n) => ({ default: n.MathTypeDialog }))), $a = ne(() => import("./ImageInsertDialog-Cn-IrnHN.js").then((n) => ({ default: n.ImageInsertDialog })));
 async function Xe(n) {
   return new Promise((t, l) => {
     const i = new window.Image();
@@ -4135,11 +4114,11 @@ async function Xe(n) {
     }, i.onerror = () => l(new Error("Image load failed")), i.src = n;
   });
 }
-function Se(n, t) {
+function ze(n, t) {
   const l = n && n > 0 ? n : 720, i = Math.max(240, l - 32);
   return Math.max(120, Math.min(t, i));
 }
-function Pe(n, t, l) {
+function Be(n, t, l) {
   return {
     src: n,
     alt: t,
@@ -4150,10 +4129,9 @@ function Pe(n, t, l) {
     align: "center"
   };
 }
-function Ve(n) {
-  var c;
+function Pe(n) {
   const { selection: t } = n.state, l = t.node;
-  if (((c = l == null ? void 0 : l.type) == null ? void 0 : c.name) === "image")
+  if (l?.type?.name === "image")
     return {
       node: { attrs: l.attrs || {} },
       pos: t.from
@@ -4164,7 +4142,7 @@ function Ve(n) {
     pos: t.$from.before()
   } : null;
 }
-const Oa = 150;
+const Fa = 150;
 function hn({
   content: n = "",
   onChange: t,
@@ -4174,11 +4152,11 @@ function hn({
   toolbarMode: r,
   className: s,
   minHeight: o = "200px",
-  maxHeight: N,
-  autoFocus: y = !1,
+  maxHeight: b,
+  autoFocus: N = !1,
   onImageUpload: u
 }) {
-  const [h, m] = H(!1), [k, f] = H(!1), [P, p] = H(!1), [g, w] = H(!1), [B, _] = H(!1), [W, q] = H(null), [ie, fe] = H("frac"), ae = R(null), me = R(null), Ae = La(n), C = Zt({
+  const [h, d] = M(!1), [v, f] = M(!1), [B, p] = M(!1), [x, H] = M(!1), [P, z] = M(!1), [ee, j] = M(null), [le, be] = M("frac"), te = I(null), oe = I(null), Ae = La(n), C = Zt({
     extensions: [
       ...oa({ placeholder: c }),
       ua,
@@ -4186,196 +4164,190 @@ function hn({
     ],
     content: Ae,
     editable: i,
-    autofocus: y ? "end" : !1,
+    autofocus: N ? "end" : !1,
     immediatelyRender: !1,
     shouldRerenderOnTransaction: !1,
     // Debounced onChange — avoids getHTML() serialization on every keystroke
-    onUpdate: ({ editor: v }) => {
-      me.current && clearTimeout(me.current), me.current = setTimeout(() => {
-        const T = ot(v);
-        t == null || t(T);
-      }, Oa);
+    onUpdate: ({ editor: y }) => {
+      oe.current && clearTimeout(oe.current), oe.current = setTimeout(() => {
+        const w = ot(y);
+        t?.(w);
+      }, Fa);
     },
     editorProps: {
-      handleKeyDown: (v, T) => {
-        if ((T.ctrlKey || T.metaKey) && T.key === "s")
-          return T.preventDefault(), C && (l == null || l(ot(C))), !0;
-        if ((T.ctrlKey || T.metaKey) && T.key === "k") {
-          T.preventDefault();
+      handleKeyDown: (y, w) => {
+        if ((w.ctrlKey || w.metaKey) && w.key === "s")
+          return w.preventDefault(), C && l?.(ot(C)), !0;
+        if ((w.ctrlKey || w.metaKey) && w.key === "k") {
+          w.preventDefault();
           const D = document.querySelector('[aria-label="Link"]');
           return D && D.click(), !0;
         }
-        if ((T.ctrlKey || T.metaKey) && T.shiftKey && T.key === "T") {
-          T.preventDefault();
+        if ((w.ctrlKey || w.metaKey) && w.shiftKey && w.key === "T") {
+          w.preventDefault();
           const D = document.querySelector('[aria-label="Table"]');
           return D && D.click(), !0;
         }
         return !1;
       },
-      handleDrop: (v, T) => {
-        var $;
-        const D = ($ = T.dataTransfer) == null ? void 0 : $.files;
+      handleDrop: (y, w) => {
+        const D = w.dataTransfer?.files;
         if (D && D.length > 0) {
-          const F = D[0];
-          if (F.type.startsWith("image/"))
-            return T.preventDefault(), G(F), !0;
+          const $ = D[0];
+          if ($.type.startsWith("image/"))
+            return w.preventDefault(), O($), !0;
         }
         return !1;
       },
-      handlePaste: (v, T) => {
-        var $;
-        const D = ($ = T.clipboardData) == null ? void 0 : $.items;
+      handlePaste: (y, w) => {
+        const D = w.clipboardData?.items;
         if (D) {
-          for (const F of D)
-            if (F.type.startsWith("image/")) {
-              T.preventDefault();
-              const x = F.getAsFile();
-              return x && G(x), !0;
+          for (const $ of D)
+            if ($.type.startsWith("image/")) {
+              w.preventDefault();
+              const ge = $.getAsFile();
+              return ge && O(ge), !0;
             }
         }
-        return !!(C && Da(C, T) || C && Sa(C, T));
+        return !!(C && Da(C, w) || C && za(C, w));
       }
     }
-  }), j = b(
-    (v = "") => {
+  }), q = g(
+    (y = "") => {
       C && C.chain().focus().insertContent({
         type: "mathInline",
-        attrs: { latex: v, display: "inline" }
+        attrs: { latex: y, display: "inline" }
       }).run();
     },
     [C]
-  ), de = b(
-    (v = "") => {
+  ), me = g(
+    (y = "") => {
       C && C.chain().focus().insertContent({
         type: "mathBlock",
-        attrs: { latex: v, display: "block" }
+        attrs: { latex: y, display: "block" }
       }).run();
     },
     [C]
-  ), Ne = b(
-    (v) => {
-      j(v);
+  ), Ne = g(
+    (y) => {
+      q(y);
     },
-    [j]
-  ), ne = b(
-    (v) => {
-      j(v);
+    [q]
+  ), ae = g(
+    (y) => {
+      q(y);
     },
-    [j]
-  ), pe = b(
-    (v) => {
-      v.includes("\\begin{") || v.includes("\\frac") || v.length > 30 ? de(v) : j(v);
+    [q]
+  ), ue = g(
+    (y) => {
+      y.includes("\\begin{") || y.includes("\\frac") || y.length > 30 ? me(y) : q(y);
     },
-    [j, de]
-  ), ye = b(
-    (v) => {
-      v.includes("\\begin{") || v.length > 40 ? de(v) : j(v);
+    [q, me]
+  ), ye = g(
+    (y) => {
+      y.includes("\\begin{") || y.length > 40 ? me(y) : q(y);
     },
-    [j, de]
-  ), ge = b(
-    async (v, T) => {
-      var $, F;
+    [q, me]
+  ), pe = g(
+    async (y, w) => {
       if (!C) return;
       let D;
       try {
-        const x = await Xe(v);
-        D = Se(($ = ae.current) == null ? void 0 : $.clientWidth, x.width);
+        const $ = await Xe(y);
+        D = ze(te.current?.clientWidth, $.width);
       } catch {
-        D = Se((F = ae.current) == null ? void 0 : F.clientWidth, 720);
+        D = ze(te.current?.clientWidth, 720);
       }
-      C.chain().focus().insertContent({ type: "image", attrs: Pe(v, T || "", D) }).run();
+      C.chain().focus().insertContent({ type: "image", attrs: Be(y, w || "", D) }).run();
     },
     [C]
-  ), G = b(
-    async (v) => {
-      var T;
+  ), O = g(
+    async (y) => {
       if (C)
         if (u)
           try {
-            const D = await u(v), $ = await Xe(D), F = Se((T = ae.current) == null ? void 0 : T.clientWidth, $.width);
-            C.chain().focus().insertContent({ type: "image", attrs: Pe(D, "", F) }).run();
+            const w = await u(y), D = await Xe(w), $ = ze(te.current?.clientWidth, D.width);
+            C.chain().focus().insertContent({ type: "image", attrs: Be(w, "", $) }).run();
           } catch {
             console.error("Image upload failed");
           }
         else {
-          const D = new FileReader();
-          D.onload = () => {
-            const $ = D.result;
-            Xe($).then((F) => {
-              var V;
-              const x = Se((V = ae.current) == null ? void 0 : V.clientWidth, F.width);
-              C.chain().focus().insertContent({ type: "image", attrs: Pe($, "", x) }).run();
+          const w = new FileReader();
+          w.onload = () => {
+            const D = w.result;
+            Xe(D).then(($) => {
+              const ge = ze(te.current?.clientWidth, $.width);
+              C.chain().focus().insertContent({ type: "image", attrs: Be(D, "", ge) }).run();
             }).catch(() => {
-              var x;
-              const F = Se((x = ae.current) == null ? void 0 : x.clientWidth, 720);
-              C.chain().focus().insertContent({ type: "image", attrs: Pe($, "", F) }).run();
+              const $ = ze(te.current?.clientWidth, 720);
+              C.chain().focus().insertContent({ type: "image", attrs: Be(D, "", $) }).run();
             });
-          }, D.readAsDataURL(v);
+          }, w.readAsDataURL(y);
         }
     },
     [C, u]
-  ), Me = b(() => {
+  ), Te = g(() => {
     if (!C) return;
-    const v = Ve(C);
-    if (!v) return;
-    const T = {
-      width: v.node.attrs.width || 720,
-      height: v.node.attrs.height || "auto",
-      align: v.node.attrs.align || "center",
-      alt: String(v.node.attrs.alt || ""),
-      title: String(v.node.attrs.title || ""),
+    const y = Pe(C);
+    if (!y) return;
+    const w = {
+      width: y.node.attrs.width || 720,
+      height: y.node.attrs.height || "auto",
+      align: y.node.attrs.align || "center",
+      alt: String(y.node.attrs.alt || ""),
+      title: String(y.node.attrs.title || ""),
       maintainAspectRatio: !0
     };
-    q(T), _(!0);
-  }, [C]), he = b(
-    (v) => {
+    j(w), z(!0);
+  }, [C]), de = g(
+    (y) => {
       if (!C) return;
-      const T = Ve(C);
-      if (!T) return;
+      const w = Pe(C);
+      if (!w) return;
       const D = C.state.tr;
-      D.setNodeMarkup(T.pos, void 0, {
-        ...T.node.attrs,
-        width: v.width,
-        height: v.height,
-        align: v.align,
-        alt: v.alt,
-        title: v.title
-      }), C.view.dispatch(D), _(!1), q(null);
+      D.setNodeMarkup(w.pos, void 0, {
+        ...w.node.attrs,
+        width: y.width,
+        height: y.height,
+        align: y.align,
+        alt: y.alt,
+        title: y.title
+      }), C.view.dispatch(D), z(!1), j(null);
     },
     [C]
-  ), ve = b(
-    (v) => {
+  ), ve = g(
+    (y) => {
       if (!C) return;
-      const T = Ve(C);
-      if (!T) return;
+      const w = Pe(C);
+      if (!w) return;
       const D = C.state.tr;
-      D.setNodeMarkup(T.pos, void 0, {
-        ...T.node.attrs,
-        align: v,
+      D.setNodeMarkup(w.pos, void 0, {
+        ...w.node.attrs,
+        align: y,
         offsetX: 0,
         offsetY: 0
       }), C.view.dispatch(D);
     },
     [C]
-  ), Q = b(() => {
+  ), J = g(() => {
     if (!C) return;
-    const v = Ve(C);
-    if (!v) return;
-    const T = C.state.tr;
-    T.setNodeMarkup(v.pos, void 0, {
-      ...v.node.attrs,
+    const y = Pe(C);
+    if (!y) return;
+    const w = C.state.tr;
+    w.setNodeMarkup(y.pos, void 0, {
+      ...y.node.attrs,
       offsetX: 0,
       offsetY: 0
-    }), C.view.dispatch(T);
+    }), C.view.dispatch(w);
   }, [C]);
   return /* @__PURE__ */ a(
     "div",
     {
       className: `mtx-editor ${s || ""}`,
-      ref: ae,
+      ref: te,
       style: {
         "--mtx-min-height": o,
-        "--mtx-max-height": N || "none"
+        "--mtx-max-height": b || "none"
       },
       children: [
         i && /* @__PURE__ */ e(
@@ -4383,39 +4355,39 @@ function hn({
           {
             editor: C,
             toolbarMode: r,
-            onInsertMath: (v = "frac") => {
-              fe(v), p(!0);
+            onInsertMath: (y = "frac") => {
+              be(y), p(!0);
             },
-            onInsertImage: () => w(!0),
-            onEditImage: Me,
+            onInsertImage: () => H(!0),
+            onEditImage: Te,
             onSetImageAlign: ve,
-            onResetImagePosition: Q
+            onResetImagePosition: J
           }
         ),
         i && /* @__PURE__ */ a("div", { style: { position: "relative" }, children: [
           /* @__PURE__ */ e(
-            Aa,
+            Ta,
             {
               onInsertLatex: Ne,
               onToggleSymbols: () => {
-                m(!h), f(!1);
+                d(!h), f(!1);
               },
               onToggleTemplates: () => {
-                f(!k), m(!1);
+                f(!v), d(!1);
               }
             }
           ),
           h && /* @__PURE__ */ e(
             Ma,
             {
-              onInsert: ne,
-              onClose: () => m(!1)
+              onInsert: ae,
+              onClose: () => d(!1)
             }
           ),
-          k && /* @__PURE__ */ e(te, { fallback: /* @__PURE__ */ e("div", { className: "mtx-lazy-loading", children: "Loading..." }), children: /* @__PURE__ */ e(
+          v && /* @__PURE__ */ e(Q, { fallback: /* @__PURE__ */ e("div", { className: "mtx-lazy-loading", children: "Loading..." }), children: /* @__PURE__ */ e(
             Ea,
             {
-              onInsert: pe,
+              onInsert: ue,
               onClose: () => f(!1)
             }
           ) })
@@ -4427,60 +4399,60 @@ function hn({
             className: "mtx-content",
             style: {
               minHeight: o,
-              maxHeight: N || void 0,
-              overflowY: N ? "auto" : void 0
+              maxHeight: b || void 0,
+              overflowY: b ? "auto" : void 0
             },
             children: /* @__PURE__ */ e(Qt, { editor: C })
           }
         ),
-        C && /* @__PURE__ */ e(Pa, { editor: C }),
-        P && /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(
+        C && /* @__PURE__ */ e(Ba, { editor: C }),
+        B && /* @__PURE__ */ e(Q, { fallback: null, children: /* @__PURE__ */ e(
           Ka,
           {
-            isOpen: P,
-            initialTab: ie,
+            isOpen: B,
+            initialTab: le,
             onInsert: ye,
             onClose: () => p(!1)
           }
         ) }),
-        g && /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(
+        x && /* @__PURE__ */ e(Q, { fallback: null, children: /* @__PURE__ */ e(
           $a,
           {
-            isOpen: g,
-            onClose: () => w(!1),
-            onInsert: ge,
+            isOpen: x,
+            onClose: () => H(!1),
+            onInsert: pe,
             onImageUpload: u
           }
         ) }),
-        B && W && /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(
-          Ia,
+        P && ee && /* @__PURE__ */ e(Q, { fallback: null, children: /* @__PURE__ */ e(
+          Ra,
           {
-            isOpen: B,
+            isOpen: P,
             onClose: () => {
-              _(!1), q(null);
+              z(!1), j(null);
             },
-            onApply: he,
-            initialData: W
+            onApply: de,
+            initialData: ee
           }
         ) })
       ]
     }
   );
 }
-const Fa = le(() => import("./LinkDialogImpl-BSz0F-xG.js").then((n) => ({ default: n.LinkDialogImpl }))), Wa = oe.memo(function(t) {
-  return /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(Fa, { ...t }) });
+const Oa = ne(() => import("./LinkDialogImpl-C1YeHJFJ.js").then((n) => ({ default: n.LinkDialogImpl }))), Wa = ce.memo(function(t) {
+  return /* @__PURE__ */ e(Q, { fallback: null, children: /* @__PURE__ */ e(Oa, { ...t }) });
 });
 Wa.displayName = "LinkDialog";
-const qa = le(() => import("./InsertTableDialogImpl-CKirXRqE.js").then((n) => ({ default: n.InsertTableDialogImpl }))), Ga = oe.memo(function(t) {
-  return /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(qa, { ...t }) });
+const qa = ne(() => import("./InsertTableDialogImpl-Dpo1pByJ.js").then((n) => ({ default: n.InsertTableDialogImpl }))), Ga = ce.memo(function(t) {
+  return /* @__PURE__ */ e(Q, { fallback: null, children: /* @__PURE__ */ e(qa, { ...t }) });
 });
 Ga.displayName = "InsertTableDialog";
-const Xa = le(() => import("./CellPropertiesDialogImpl-CgWcr4bD.js").then((n) => ({ default: n.CellPropertiesDialogImpl }))), ja = oe.memo(function(t) {
-  return /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(Xa, { ...t }) });
+const Xa = ne(() => import("./CellPropertiesDialogImpl-D2iy6DEr.js").then((n) => ({ default: n.CellPropertiesDialogImpl }))), ja = ce.memo(function(t) {
+  return /* @__PURE__ */ e(Q, { fallback: null, children: /* @__PURE__ */ e(Xa, { ...t }) });
 });
 ja.displayName = "CellPropertiesDialog";
-const Ua = le(() => import("./TableTemplatesDialogImpl-DrdqLQLH.js").then((n) => ({ default: n.TableTemplatesDialogImpl }))), Ya = oe.memo(function(t) {
-  return /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(Ua, { ...t }) });
+const Ua = ne(() => import("./TableTemplatesDialogImpl-CMzxe328.js").then((n) => ({ default: n.TableTemplatesDialogImpl }))), Ya = ce.memo(function(t) {
+  return /* @__PURE__ */ e(Q, { fallback: null, children: /* @__PURE__ */ e(Ua, { ...t }) });
 });
 Ya.displayName = "TableTemplatesDialog";
 function un(n) {
@@ -4545,7 +4517,7 @@ const Ja = [
   { id: "ideal-gas", label: "Gas Ideal", latex: "PV = nRT", category: "Kimia", level: "sma" },
   { id: "ph", label: "pH", latex: "pH = -\\log [H^+]", category: "Kimia", level: "sma" },
   { id: "dilution", label: "Pengenceran", latex: "M_1 V_1 = M_2 V_2", category: "Kimia", level: "sma" }
-], Re = [
+], Ve = [
   ...Ja,
   ...Za,
   ...Qa,
@@ -4555,33 +4527,33 @@ const Ja = [
   ...nn
 ];
 function pn(n) {
-  if (n === "all") return Re;
+  if (n === "all") return Ve;
   const l = {
     sd: ["sd"],
     smp: ["sd", "smp"],
     sma: ["sd", "smp", "sma"]
   }[n] || ["sd", "smp", "sma"];
-  return Re.filter((i) => l.includes(i.level));
+  return Ve.filter((i) => l.includes(i.level));
 }
 function gn(n) {
-  return Re.filter((t) => t.category === n);
+  return Ve.filter((t) => t.category === n);
 }
 function xn() {
-  return [...new Set(Re.map((n) => n.category))];
+  return [...new Set(Ve.map((n) => n.category))];
 }
 export {
   ja as C,
-  Ia as I,
+  Ra as I,
   Wa as L,
   Ca as M,
   Ma as S,
-  bt as T,
-  Pa as W,
+  ft as T,
+  Ba as W,
   Ga as a,
   pa as b,
   ua as c,
   hn as d,
-  Aa as e,
+  Ta as e,
   Ya as f,
   dt as g,
   mt as h,
@@ -4592,8 +4564,8 @@ export {
   un as m,
   gn as n,
   pn as o,
-  Re as p,
+  Ve as p,
   La as s,
   dn as t,
-  Ra as u
+  Va as u
 };