erl-mathtextx-editor 0.1.6 → 0.1.7

package/dist/{index-wMMXFiRr.js → index-Ci20X1Rj.js}

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as t, Fragment as Y } from "react/jsx-runtime";
-import re, { useRef as z, useState as M, useEffect as $, useCallback as b, useMemo as fe, lazy as de, Suspense as me, useId as La } from "react";
-import { N as Ye, a as Je, R as Ke, m as _e, E as Qe, T as Da, A as Ba, b as za, c as Ea, d as Ia, U as Ra, S as Va, e as Ka, f as Fa, C as qa, g as Oa, h as $a, i as Ga, j as Wa, k as Xa, F as ja, l as Ua, H as Ya, L as Ja, I as Qa, P as Za, n as et, u as at, o as tt } from "./tiptap-Bc1mIOtx.js";
-import "./ContentViewer-CsFSAN_B.js";
-function ea(l) {
+import re, { useRef as z, useState as M, useEffect as $, useCallback as b, useMemo as fe, lazy as de, Suspense as me, useId as Pa } from "react";
+import { N as Xe, a as Ue, R as Re, m as Ce, E as Ye, T as Sa, A as La, b as Da, c as Ba, d as za, U as Ia, S as Ea, e as Ra, f as Va, C as Ka, g as Fa, h as qa, i as Oa, j as $a, k as Ga, F as Wa, l as ja, H as Xa, L as Ua, I as Ya, P as Ja, n as Qa, u as Za, o as et } from "./tiptap-Bc1mIOtx.js";
+import "./ContentViewer-CWZ30KYR.js";
+function Qe(l) {
   const a = l.closest(".mtx-content");
   if (!a)
     return "left";
   const n = l.getBoundingClientRect(), i = a.getBoundingClientRect(), c = (n.left + n.width / 2 - i.left) / Math.max(i.width, 1), r = 0.38, m = 0.62;
   return c <= r ? "left" : c >= m ? "right" : "center";
 }
-function aa(l, a) {
+function Ze(l, a) {
   if (l == null || l === "")
     return a;
   if (typeof l == "number")
@@ -17,84 +17,84 @@ function aa(l, a) {
   const n = l.trim();
   return n ? n === "auto" || n.endsWith("%") || n.endsWith("px") ? n : /^\d+(\.\d+)?$/.test(n) ? `${Math.round(Number(n))}px` : n : a;
 }
-function lt(l) {
+function at(l) {
   const { node: a, updateAttributes: n, selected: i, getPos: o, editor: c } = l, r = a.attrs, m = z(null), f = z(!1), w = z(null), g = z({ x: 0, y: 0, width: 0, height: 0 }), p = z(r), h = z(() => {
   }), s = z(!1), d = z({ x: 0, y: 0, offsetX: 0, offsetY: 0 }), B = z(() => {
-  }), x = z(null), v = z(null), T = z({ x: Number(r.offsetX || 0), y: Number(r.offsetY || 0) }), E = z(r.align === "full" ? "center" : r.align || "center"), L = z({ width: 0, height: 0 }), Z = z(null), j = z(null), te = z(null), [we, ee] = M(!1), [se, Ae] = M(!1), [C, G] = M(null), [ce, ye] = M(!1), [, ae] = M(0);
+  }), x = z(null), v = z(null), T = z({ x: Number(r.offsetX || 0), y: Number(r.offsetY || 0) }), I = z(r.align === "full" ? "center" : r.align || "center"), L = z({ width: 0, height: 0 }), Z = z(null), X = z(null), te = z(null), [ve, ee] = M(!1), [se, _e] = M(!1), [C, G] = M(null), [ce, we] = M(!1), [, ae] = M(0);
   $(() => {
     p.current = r, T.current = {
       x: Number(r.offsetX || 0),
       y: Number(r.offsetY || 0)
-    }, E.current = r.align === "full" ? "center" : r.align || "center";
+    }, I.current = r.align === "full" ? "center" : r.align || "center";
   }, [r]), $(() => {
     if (!ce) return;
     const N = window.setTimeout(() => {
-      ye(!1);
+      we(!1);
     }, 180);
     return () => window.clearTimeout(N);
   }, [ce]);
   const he = b(() => {
-    j.current?.remove(), te.current?.remove(), j.current = null, te.current = null;
-  }, []), Ne = b(() => {
+    X.current?.remove(), te.current?.remove(), X.current = null, te.current = null;
+  }, []), ye = b(() => {
     const N = m.current;
     if (!N) return null;
-    const I = N.closest(".mtx-content");
-    if (!I) return null;
-    const q = I.closest(".mtx-editor") || I;
+    const E = N.closest(".mtx-content");
+    if (!E) return null;
+    const q = E.closest(".mtx-editor") || E;
     if (Z.current = q, !te.current) {
       const R = document.createElement("div");
       R.className = "mtx-image-drag-zone", R.setAttribute("aria-hidden", "true"), q.appendChild(R), te.current = R;
     }
-    if (!j.current) {
+    if (!X.current) {
       const R = document.createElement("div");
-      R.className = "mtx-image-drag-guide", R.setAttribute("aria-hidden", "true"), q.appendChild(R), j.current = R;
+      R.className = "mtx-image-drag-guide", R.setAttribute("aria-hidden", "true"), q.appendChild(R), X.current = R;
     }
-    return { wrapper: N, editorContent: I, host: q };
+    return { wrapper: N, editorContent: E, host: q };
   }, []), ue = b((N) => {
-    const I = Ne();
-    if (!I) return;
-    const { editorContent: K, host: q } = I, R = q.getBoundingClientRect(), X = K.getBoundingClientRect(), U = X.left - R.left, ge = X.top - R.top, Ce = X.width, Be = X.height, be = te.current, le = j.current;
+    const E = ye();
+    if (!E) return;
+    const { editorContent: K, host: q } = E, R = q.getBoundingClientRect(), j = K.getBoundingClientRect(), U = j.left - R.left, ge = j.top - R.top, ke = j.width, De = j.height, be = te.current, le = X.current;
     if (!be || !le) return;
-    be.className = "mtx-image-drag-zone", le.className = "mtx-image-drag-guide", be.style.left = `${Math.round(U)}px`, be.style.top = `${Math.round(ge)}px`, be.style.width = `${Math.round(Ce)}px`, be.style.height = `${Math.round(Be)}px`, le.style.left = `${Math.round(U)}px`, le.style.top = `${Math.round(ge)}px`, le.style.width = `${Math.round(Ce)}px`, le.style.height = `${Math.round(Be)}px`, le.style.borderLeft = "2px dashed rgba(37, 99, 235, 0.5)", le.style.transform = "translateX(-50%)";
-    const Fe = N === "left" ? U + Ce * 0.33 : N === "right" ? U + Ce * 0.66 : U + Ce * 0.5;
-    le.style.left = `${Math.round(Fe)}px`;
-  }, [Ne]);
+    be.className = "mtx-image-drag-zone", le.className = "mtx-image-drag-guide", be.style.left = `${Math.round(U)}px`, be.style.top = `${Math.round(ge)}px`, be.style.width = `${Math.round(ke)}px`, be.style.height = `${Math.round(De)}px`, le.style.left = `${Math.round(U)}px`, le.style.top = `${Math.round(ge)}px`, le.style.width = `${Math.round(ke)}px`, le.style.height = `${Math.round(De)}px`, le.style.borderLeft = "2px dashed rgba(37, 99, 235, 0.5)", le.style.transform = "translateX(-50%)";
+    const Ve = N === "left" ? U + ke * 0.33 : N === "right" ? U + ke * 0.66 : U + ke * 0.5;
+    le.style.left = `${Math.round(Ve)}px`;
+  }, [ye]);
   $(() => () => {
     he();
   }, [he]);
   const O = b((N) => {
-    const I = m.current, K = w.current;
-    if (!f.current || !I || !K)
+    const E = m.current, K = w.current;
+    if (!f.current || !E || !K)
       return;
     const q = N.clientX - g.current.x, R = N.clientY - g.current.y;
-    let X = g.current.width, U = g.current.height;
-    K.includes("e") ? X = Math.max(50, g.current.width + q) : K.includes("w") && (X = Math.max(50, g.current.width - q)), K.includes("s") ? U = Math.max(50, g.current.height + R) : K.includes("n") && (U = Math.max(50, g.current.height - R)), v.current = {
-      width: Math.round(X),
+    let j = g.current.width, U = g.current.height;
+    K.includes("e") ? j = Math.max(50, g.current.width + q) : K.includes("w") && (j = Math.max(50, g.current.width - q)), K.includes("s") ? U = Math.max(50, g.current.height + R) : K.includes("n") && (U = Math.max(50, g.current.height - R)), v.current = {
+      width: Math.round(j),
       height: Math.round(U)
     }, x.current === null && (x.current = window.requestAnimationFrame(() => {
       const ge = v.current;
-      if (!I || !ge) {
+      if (!E || !ge) {
         x.current = null;
         return;
       }
-      I.style.width = `${ge.width}px`, p.current.height && p.current.height !== "auto" && (I.style.height = `${ge.height}px`), x.current = null;
+      E.style.width = `${ge.width}px`, p.current.height && p.current.height !== "auto" && (E.style.height = `${ge.height}px`), x.current = null;
     }));
-  }, []), Me = b(() => {
+  }, []), Ae = b(() => {
     const N = m.current;
     if (!f.current || !N)
       return;
-    const I = N.offsetWidth, K = N.offsetHeight;
+    const E = N.offsetWidth, K = N.offsetHeight;
     n({
-      width: Math.round(I),
+      width: Math.round(E),
       height: p.current.height === "auto" ? "auto" : Math.round(K)
     }), f.current = !1, w.current = null, ee(!1), v.current = null, window.removeEventListener("mousemove", O), window.removeEventListener("mouseup", h.current);
   }, [O, n]);
   $(() => {
-    h.current = Me;
-  }, [Me]);
+    h.current = Ae;
+  }, [Ae]);
   const oe = b((N) => {
-    const I = m.current;
-    if (!s.current || !I)
+    const E = m.current;
+    if (!s.current || !E)
       return;
     const K = d.current.offsetX + (N.clientX - d.current.x), q = d.current.offsetY + (N.clientY - d.current.y);
     T.current = {
@@ -104,26 +104,26 @@ function lt(l) {
       const R = m.current;
       if (R) {
         R.style.transform = `translate3d(${T.current.x}px, ${T.current.y}px, 0)`;
-        const X = ea(R);
-        X !== E.current && (E.current = X, G(X), ae((U) => U + 1)), ue(E.current);
+        const j = Qe(R);
+        j !== I.current && (I.current = j, G(j), ae((U) => U + 1)), ue(I.current);
       }
       x.current = null;
     }));
-  }, [ue]), ke = b(() => {
+  }, [ue]), Ne = b(() => {
     const N = m.current;
     if (!s.current || !N)
       return;
-    const I = E.current || ea(N);
-    s.current = !1, Ae(!1), G(null), ye(!0), he(), n({
-      align: I,
+    const E = I.current || Qe(N);
+    s.current = !1, _e(!1), G(null), we(!0), he(), n({
+      align: E,
       offsetX: 0,
       offsetY: 0
     }), N.style.transform = "translate3d(0px, 0px, 0)", T.current = { x: 0, y: 0 }, window.removeEventListener("mousemove", oe), window.removeEventListener("mouseup", B.current);
   }, [oe, he, n]);
   $(() => {
-    B.current = ke;
-  }, [ke]);
-  const J = b((N, I) => {
+    B.current = Ne;
+  }, [Ne]);
+  const J = b((N, E) => {
     N.preventDefault(), N.stopPropagation();
     const K = m.current;
     if (!K)
@@ -134,7 +134,7 @@ function lt(l) {
       y: N.clientY,
       width: q.width,
       height: q.height
-    }, f.current = !0, w.current = I, ee(!0), window.addEventListener("mousemove", O), window.addEventListener("mouseup", h.current);
+    }, f.current = !0, w.current = E, ee(!0), window.addEventListener("mousemove", O), window.addEventListener("mouseup", h.current);
   }, [O]), y = b((N) => {
     if (N.button !== 0 || f.current || N.target.closest(".mtx-image-resize-handles"))
       return;
@@ -151,7 +151,7 @@ function lt(l) {
       align: "left",
       offsetX: 0,
       offsetY: 0
-    }), E.current = p.current.align === "full" ? "center" : p.current.align || "center", G(E.current), ue(E.current), d.current = {
+    }), I.current = p.current.align === "full" ? "center" : p.current.align || "center", G(I.current), ue(I.current), d.current = {
       x: N.clientX,
       y: N.clientY,
       offsetX: Number(p.current.offsetX || 0),
@@ -164,14 +164,14 @@ function lt(l) {
     }), T.current = {
       x: d.current.offsetX,
       y: d.current.offsetY
-    }, s.current = !0, Ae(!0), window.addEventListener("mousemove", oe), window.addEventListener("mouseup", B.current);
+    }, s.current = !0, _e(!0), window.addEventListener("mousemove", oe), window.addEventListener("mouseup", B.current);
   }, [c.commands, o, oe, n, ue]);
   $(() => () => {
     x.current !== null && window.cancelAnimationFrame(x.current), window.removeEventListener("mousemove", O), window.removeEventListener("mouseup", h.current), window.removeEventListener("mousemove", oe), window.removeEventListener("mouseup", B.current);
   }, [oe, O]);
-  const k = `mtx-image--${r.align || "center"}`, D = aa(r.width, "auto"), F = aa(r.height, "auto"), xe = C ? `mtx-image-snap-preview--${C}` : "";
+  const k = `mtx-image--${r.align || "center"}`, D = Ze(r.width, "auto"), F = Ze(r.height, "auto"), xe = C ? `mtx-image-snap-preview--${C}` : "";
   return /* @__PURE__ */ e(
-    Ye,
+    Xe,
     {
       as: "figure",
       className: `mtx-image-figure ${k} ${i ? "mtx-image--selected" : ""} ${se ? "mtx-image--dragging" : ""} ${ce ? "mtx-image--snap-animating" : ""} ${xe}`,
@@ -190,8 +190,8 @@ function lt(l) {
             verticalAlign: "top",
             transform: `translate3d(${Number(r.offsetX || 0)}px, ${Number(r.offsetY || 0)}px, 0)`,
             cursor: i ? se ? "grabbing" : "grab" : "default",
-            willChange: se ? "transform" : we ? "width, height" : "auto",
-            contain: we ? "layout style" : "none"
+            willChange: se ? "transform" : ve ? "width, height" : "auto",
+            contain: ve ? "layout style" : "none"
           },
           onMouseDown: y,
           children: [
@@ -221,45 +221,14 @@ function lt(l) {
               /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--s", onMouseDown: (N) => J(N, "s") }),
               /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--w", onMouseDown: (N) => J(N, "w") })
             ] }),
-            we && /* @__PURE__ */ e("div", { className: "mtx-image-resize-overlay" })
+            ve && /* @__PURE__ */ e("div", { className: "mtx-image-resize-overlay" })
           ]
         }
       )
     }
   );
 }
-const nt = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, it = (() => {
-  try {
-    nt?.MODE;
-  } catch {
-  }
-  return !!(typeof window < "u" && window.__DEV__);
-})(), Ee = it, ve = {
-  /**
-   * Log error messages. In production, consider sending to error tracking service.
-   */
-  error: (l, a) => {
-    Ee && console.error(`[MathTextX Editor] ${l}`, a);
-  },
-  /**
-   * Log warning messages.
-   */
-  warn: (l, a) => {
-    Ee && console.warn(`[MathTextX Editor] ${l}`, a);
-  },
-  /**
-   * Log informational messages (uses warn in dev to comply with ESLint rules).
-   */
-  info: (l, a) => {
-    Ee && console.warn(`[MathTextX Editor] INFO: ${l}`, a);
-  },
-  /**
-   * Log debug messages (verbose logging for development, uses warn in dev).
-   */
-  debug: (l, a) => {
-    Ee && console.warn(`[MathTextX Editor] DEBUG: ${l}`, a);
-  }
-}, rt = ({ node: l, updateAttributes: a }) => {
+const tt = ({ node: l, updateAttributes: a }) => {
   const n = z(null), [i, o] = M(l.attrs.formula || "sin(x)"), [c, r] = M(l.attrs.xDomain || [-10, 10]), [m, f] = M(l.attrs.yDomain || [-5, 5]);
   $(() => {
     let p = !0;
@@ -284,9 +253,9 @@ const nt = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, it
           disableZoom: !1
         });
       } catch (d) {
-        ve.error("Graph rendering error:", d);
+        console.error("Graph rendering error:", d);
       }
-    }).catch((h) => ve.error("Failed to load function-plot", h)), () => {
+    }).catch((h) => console.error("Failed to load function-plot", h)), () => {
       p = !1;
     };
   }, [i, c, m]);
@@ -295,7 +264,7 @@ const nt = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, it
   }, g = () => {
     a({ formula: i, xDomain: c, yDomain: m });
   };
-  return /* @__PURE__ */ t(Ye, { className: "mtx-graph-component", children: [
+  return /* @__PURE__ */ t(Xe, { className: "mtx-graph-component", children: [
     /* @__PURE__ */ t("div", { className: "mtx-graph-controls", children: [
       /* @__PURE__ */ e(
         "input",
@@ -325,7 +294,7 @@ const nt = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, it
     ] }),
     /* @__PURE__ */ e("div", { ref: n, className: "mtx-graph-render" })
   ] });
-}, st = Je.create({
+}, lt = Ue.create({
   name: "graph",
   group: "block",
   atom: !0,
@@ -350,10 +319,10 @@ const nt = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, it
     ];
   },
   renderHTML({ HTMLAttributes: l }) {
-    return ["div", _e(l, { "data-type": "graph" })];
+    return ["div", Ce(l, { "data-type": "graph" })];
   },
   addNodeView() {
-    return Ke(rt);
+    return Re(tt);
   },
   addCommands() {
     return {
@@ -365,7 +334,7 @@ const nt = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, it
       })
     };
   }
-}), Oe = "tt-indent-", ct = Qe.create({
+}), Fe = "tt-indent-", nt = Ye.create({
   name: "indent",
   addOptions() {
     return {
@@ -382,14 +351,14 @@ const nt = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, it
           indent: {
             default: null,
             renderHTML: (l) => l.indent ? l.indent > this.options.minLevel ? {
-              class: `${Oe}${l.indent}`
+              class: `${Fe}${l.indent}`
             } : {} : {},
             parseHTML: (l) => {
               let a = "";
               if (l.classList.forEach((n) => {
-                n.indexOf(Oe) === 0 && (a = n);
+                n.indexOf(Fe) === 0 && (a = n);
               }), a) {
-                const n = parseInt(a.slice(Oe.length), 10);
+                const n = parseInt(a.slice(Fe.length), 10);
                 return n && n > this.options.minLevel ? n : null;
               }
               return null;
@@ -414,7 +383,7 @@ const nt = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, it
       return i;
     }, a = (i, o) => {
       const { doc: c, selection: r } = i;
-      if (c && r && (r instanceof Da || r instanceof Ba)) {
+      if (c && r && (r instanceof Sa || r instanceof La)) {
         const { from: m, to: f } = r;
         c.nodesBetween(m, f, (w, g) => this.options.types.includes(w.type.name) ? (i = l(i, g, o), !1) : !0);
       }
@@ -434,7 +403,7 @@ const nt = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, it
       "Shift-Tab": () => this.editor.commands.outdent()
     };
   }
-}), ot = ["plain", "light", "dark", "blue", "striped", "minimal"], $e = ["paragraph", "listItem", "taskItem"], mt = Qe.create({
+}), it = ["plain", "light", "dark", "blue", "striped", "minimal"], qe = ["paragraph", "listItem", "taskItem"], rt = Ye.create({
   name: "indentBackspace",
   addKeyboardShortcuts() {
     return {
@@ -443,26 +412,26 @@ const nt = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, it
         if (!a || n.parentOffset !== 0)
           return !1;
         const i = n.parent.type.name;
-        return !$e.includes(i) || !l.can().outdent() ? !1 : l.commands.outdent();
+        return !qe.includes(i) || !l.can().outdent() ? !1 : l.commands.outdent();
       },
       Tab: () => {
         const { editor: l } = this, { empty: a, $from: n } = l.state.selection;
         if (!a)
           return !1;
         const i = n.parent.type.name;
-        return !$e.includes(i) || !l.can().indent() ? !1 : l.commands.indent();
+        return !qe.includes(i) || !l.can().indent() ? !1 : l.commands.indent();
       },
       "Shift-Tab": () => {
         const { editor: l } = this, { empty: a, $from: n } = l.state.selection;
         if (!a)
           return !1;
         const i = n.parent.type.name;
-        return !$e.includes(i) || !l.can().outdent() ? !1 : l.commands.outdent();
+        return !qe.includes(i) || !l.can().outdent() ? !1 : l.commands.outdent();
       }
     };
   }
 });
-function ga(l) {
+function ua(l) {
   const a = [];
   if (l.backgroundColor && a.push(`background-color: ${String(l.backgroundColor)}`), l.textAlign && a.push(`text-align: ${String(l.textAlign)}`), l.verticalAlign) {
     const n = l.verticalAlign === "middle" ? "middle" : String(l.verticalAlign);
@@ -470,7 +439,7 @@ function ga(l) {
   }
   return l.width && a.push(`width: ${String(l.width)}`), a.join("; ");
 }
-function ta(l) {
+function ea(l) {
   if (l == null || l === "")
     return null;
   if (typeof l == "number")
@@ -478,14 +447,14 @@ function ta(l) {
   const a = String(l).trim();
   return a ? a === "auto" || a.endsWith("%") || a.endsWith("px") ? a : /^\d+(\.\d+)?$/.test(a) ? `${Math.round(Number(a))}px` : a : null;
 }
-const dt = za.extend({
+const st = Da.extend({
   addAttributes() {
     return {
       theme: {
         default: "plain",
         parseHTML: (l) => {
           const a = l;
-          return ot.find((n) => a.classList.contains(`mtx-table--${n}`)) || "plain";
+          return it.find((n) => a.classList.contains(`mtx-table--${n}`)) || "plain";
         },
         renderHTML: () => ({})
       }
@@ -495,13 +464,13 @@ const dt = za.extend({
     const a = typeof l.theme == "string" ? l.theme : "plain", { theme: n, class: i, ...o } = l;
     return [
       "table",
-      _e(o, {
+      Ce(o, {
         class: ["mtx-table", i, `mtx-table--${a}`].filter(Boolean).join(" ")
       }),
       ["tbody", 0]
     ];
   }
-}), pt = Ea.extend({
+}), ct = Ba.extend({
   addAttributes() {
     return {
       ...this.parent?.(),
@@ -528,10 +497,10 @@ const dt = za.extend({
     };
   },
   renderHTML({ HTMLAttributes: l }) {
-    const a = ga(l), { backgroundColor: n, textAlign: i, verticalAlign: o, width: c, ...r } = l;
-    return ["td", _e(r, a ? { style: a } : {}), 0];
+    const a = ua(l), { backgroundColor: n, textAlign: i, verticalAlign: o, width: c, ...r } = l;
+    return ["td", Ce(r, a ? { style: a } : {}), 0];
   }
-}), ht = Ia.extend({
+}), ot = za.extend({
   addAttributes() {
     return {
       ...this.parent?.(),
@@ -558,13 +527,13 @@ const dt = za.extend({
     };
   },
   renderHTML({ HTMLAttributes: l }) {
-    const a = ga(l), { backgroundColor: n, textAlign: i, verticalAlign: o, width: c, ...r } = l;
-    return ["th", _e(r, a ? { style: a } : {}), 0];
+    const a = ua(l), { backgroundColor: n, textAlign: i, verticalAlign: o, width: c, ...r } = l;
+    return ["th", Ce(r, a ? { style: a } : {}), 0];
   }
 });
-function ut(l = {}) {
+function mt(l = {}) {
   return [
-    Ga.configure({
+    Oa.configure({
       heading: {
         levels: [1, 2, 3, 4]
       },
@@ -579,44 +548,44 @@ function ut(l = {}) {
         }
       }
     }),
+    Ia,
+    Ea,
     Ra,
-    Va,
-    Ka,
-    Wa.configure({
+    $a.configure({
       HTMLAttributes: {
         class: "mtx-task-list"
       }
     }),
-    Xa.configure({
+    Ga.configure({
       nested: !0,
       HTMLAttributes: {
         class: "mtx-task-item"
       }
     }),
-    Fa,
-    qa,
-    ja.configure({
+    Va,
+    Ka,
+    Wa.configure({
       types: ["textStyle"]
     }),
-    Ua.configure({
+    ja.configure({
       types: ["heading", "paragraph"],
       alignments: ["left", "center", "right", "justify"],
       defaultAlignment: "left"
     }),
-    Ya.configure({
+    Xa.configure({
       multicolor: !0,
       HTMLAttributes: {
         class: "mtx-highlight"
       }
     }),
-    Oa,
-    mt,
-    ct.configure({
+    Fa,
+    rt,
+    nt.configure({
       types: ["paragraph", "listItem", "taskItem"],
       minLevel: 0,
       maxLevel: 7
     }),
-    Ja.configure({
+    Ua.configure({
       openOnClick: !1,
       autolink: !0,
       HTMLAttributes: {
@@ -625,7 +594,7 @@ function ut(l = {}) {
         target: "_blank"
       }
     }),
-    Qa.extend({
+    Ya.extend({
       parseHTML() {
         return [
           {
@@ -668,7 +637,7 @@ function ut(l = {}) {
         ];
       },
       addNodeView() {
-        return Ke(lt);
+        return Re(at);
       },
       addAttributes() {
         return {
@@ -709,7 +678,7 @@ function ut(l = {}) {
           offsetX: f = 0,
           offsetY: w = 0,
           ...g
-        } = a, p = ta(c), h = ta(r), s = _e(g, {
+        } = a, p = ea(c), h = ea(r), s = Ce(g, {
           src: n,
           alt: i,
           title: o,
@@ -734,25 +703,25 @@ function ut(l = {}) {
         class: "mtx-image"
       }
     }),
-    dt.configure({
+    st.configure({
       resizable: !0,
       HTMLAttributes: {
         class: "mtx-table"
       }
     }),
-    $a,
-    pt,
-    ht,
-    Za.configure({
+    qa,
+    ct,
+    ot,
+    Ja.configure({
       placeholder: l.placeholder || "Tulis soal di sini...",
       emptyEditorClass: "mtx-placeholder"
     }),
-    st,
-    Qe.create({
+    lt,
+    Ye.create({
       name: "slash-graph",
       addInputRules() {
         return [
-          new et({
+          new Qa({
             find: /^\/graph\s$/,
             handler: ({ range: a, chain: n }) => {
               n().deleteRange(a).insertContent({ type: "graph", attrs: { formula: "sin(x)" } }).run();
@@ -763,7 +732,7 @@ function ut(l = {}) {
     })
   ];
 }
-function xt({ onInsert: l }) {
+function dt({ onInsert: l }) {
   const [a, n] = M(0), [i, o] = M(0), c = 10, r = 10, m = (g, p) => {
     n(g), o(p);
   }, f = () => {
@@ -796,10 +765,10 @@ function xt({ onInsert: l }) {
     }) }, p)) })
   ] });
 }
-function la() {
+function aa() {
   return window.mathVirtualKeyboard;
 }
-const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), u = () => /* @__PURE__ */ e("span", { className: "mt-ph mt-ph--sm" }), H = ({ t: l }) => /* @__PURE__ */ e("span", { className: "mt-txt-icon", children: l }), Ge = [
+const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), u = () => /* @__PURE__ */ e("span", { className: "mt-ph mt-ph--sm" }), H = ({ t: l }) => /* @__PURE__ */ e("span", { className: "mt-txt-icon", children: l }), Oe = [
   // ---- Tab 1: Fractions & Roots ----
   {
     id: "frac",
@@ -2013,26 +1982,26 @@ const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), u = () => /*
     ]
   }
 ];
-function ba({ isOpen: l, onInsert: a, onClose: n, initialLatex: i = "", initialTab: o = "frac" }) {
+function xa({ isOpen: l, onInsert: a, onClose: n, initialLatex: i = "", initialTab: o = "frac" }) {
   const [c, r] = M(i), [m, f] = M(o), w = z(null), g = z(null);
   $(() => {
     if (!l || !g.current) return;
     import("./mathlive-Bi6rleK6.js").then((T) => {
       if (!g.current) return;
-      const E = T;
-      E.MathfieldElement && (E.MathfieldElement.mathVirtualKeyboardPolicy = "manual");
+      const I = T;
+      I.MathfieldElement && (I.MathfieldElement.mathVirtualKeyboardPolicy = "manual");
       try {
-        const Z = la();
+        const Z = aa();
         Z && (Z.visible = !1);
       } catch {
       }
       const L = document.createElement("math-field");
       L.setAttribute("virtual-keyboard-mode", "off"), L.setAttribute("math-virtual-keyboard-policy", "manual"), L.mathVirtualKeyboardPolicy = "manual", L.setAttribute("smart-mode", "true"), L.setAttribute("smart-fence", "true"), L.setAttribute("smart-superscript", "true"), L.style.width = "100%", L.style.minHeight = "120px", L.style.fontSize = "24px", L.style.padding = "12px 16px", L.style.border = "none", L.style.outline = "none", L.style.background = "transparent", L.style.caretColor = "#2563eb", L.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'", L.style.setProperty("--keyboard-zindex", "-1"), L.style.setProperty("--virtual-keyboard-toggle-display", "none"), i && L.setAttribute("value", i), L.addEventListener("input", (Z) => {
-        const j = Z.target;
-        r(j.value);
+        const X = Z.target;
+        r(X.value);
       }), L.addEventListener("focus", () => {
         try {
-          la()?.hide?.();
+          aa()?.hide?.();
         } catch {
         }
       }), g.current.innerHTML = "", g.current.appendChild(L), w.current = L, setTimeout(() => L.focus(), 100);
@@ -2048,8 +2017,8 @@ function ba({ isOpen: l, onInsert: a, onClose: n, initialLatex: i = "", initialT
     v.command ? T.executeCommand?.(v.command) : v.latex && (T.executeCommand ? T.executeCommand(["insert", v.latex, { focus: !0 }]) : T.value = (T.value || "") + v.latex), r(T.value || ""), T.focus();
   }, []), h = b((v) => {
     if (!w.current) return;
-    const T = w.current, E = `\\text{\\class{mt-font-${v}}{#@}}`;
-    T.executeCommand?.(["insert", E, { focus: !0 }]), r(T.value || ""), T.focus();
+    const T = w.current, I = `\\text{\\class{mt-font-${v}}{#@}}`;
+    T.executeCommand?.(["insert", I, { focus: !0 }]), r(T.value || ""), T.focus();
   }, []), s = b((v) => {
     if (!w.current) return;
     const T = w.current;
@@ -2062,7 +2031,7 @@ function ba({ isOpen: l, onInsert: a, onClose: n, initialLatex: i = "", initialT
   if ($(() => {
     l || (r(""), f(o));
   }, [l, o]), !l) return null;
-  const x = Ge.find((v) => v.id === m) || Ge[0];
+  const x = Oe.find((v) => v.id === m) || Oe[0];
   return /* @__PURE__ */ e("div", { className: "mt-overlay", onClick: n, onKeyDown: B, children: /* @__PURE__ */ t("div", { className: "mt-dialog", onClick: (v) => v.stopPropagation(), children: [
     /* @__PURE__ */ t("div", { className: "mt-titlebar", children: [
       /* @__PURE__ */ t("div", { className: "mt-titlebar__left", children: [
@@ -2109,7 +2078,7 @@ function ba({ isOpen: l, onInsert: a, onClose: n, initialLatex: i = "", initialT
         }
       ) })
     ] }),
-    /* @__PURE__ */ e("div", { className: "mt-tab-bar", children: Ge.map((v) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "mt-tab-bar", children: Oe.map((v) => /* @__PURE__ */ e(
       "button",
       {
         className: `mt-tab ${m === v.id ? "is-active" : ""}`,
@@ -2119,18 +2088,18 @@ function ba({ isOpen: l, onInsert: a, onClose: n, initialLatex: i = "", initialT
       },
       v.id
     )) }),
-    m === "matrix" && /* @__PURE__ */ e(xt, { onInsert: (v) => {
+    m === "matrix" && /* @__PURE__ */ e(dt, { onInsert: (v) => {
       if (!w.current) return;
       const T = w.current;
       T.executeCommand?.(["insert", v, { focus: !0 }]), r(T.value || ""), T.focus();
     } }),
-    /* @__PURE__ */ e("div", { className: "mt-grid", children: x.rows.map((v, T) => /* @__PURE__ */ e("div", { className: "mt-grid__row", children: v.map((E, L) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "mt-grid", children: x.rows.map((v, T) => /* @__PURE__ */ e("div", { className: "mt-grid__row", children: v.map((I, L) => /* @__PURE__ */ e(
       "button",
       {
-        className: `mt-grid__btn${E.command === "formula" ? " mt-grid__btn--formula" : ""}`,
-        onClick: () => p(E),
-        title: E.tip,
-        children: E.icon
+        className: `mt-grid__btn${I.command === "formula" ? " mt-grid__btn--formula" : ""}`,
+        onClick: () => p(I),
+        title: I.tip,
+        children: I.icon
       },
       L
     )) }, T)) }),
@@ -2153,26 +2122,26 @@ function ba({ isOpen: l, onInsert: a, onClose: n, initialLatex: i = "", initialT
     ] })
   ] }) });
 }
-let We = null, na = !1;
-function fa() {
-  return We || (We = import("./mathlive-Bi6rleK6.js").then((l) => {
+let $e = null, ta = !1;
+function ga() {
+  return $e || ($e = import("./mathlive-Bi6rleK6.js").then((l) => {
     const a = window.MATHLIVE_FONTS_PATH || "/fonts";
     return l.MathfieldElement && (l.MathfieldElement.fontsDirectory = a), l;
-  })), We;
+  })), $e;
 }
-async function gt() {
-  if (!na)
+async function pt() {
+  if (!ta)
     try {
-      const l = await fa(), a = window.MATHLIVE_FONTS_PATH || "/fonts";
-      l.loadFonts && (await l.loadFonts({ fontsDirectory: a }), na = !0);
+      const l = await ga(), a = window.MATHLIVE_FONTS_PATH || "/fonts";
+      l.loadFonts && (await l.loadFonts({ fontsDirectory: a }), ta = !0);
     } catch (l) {
-      ve.warn("MathLive fonts could not be loaded:", l);
+      console.warn("MathLive fonts could not be loaded:", l);
     }
 }
-function ia() {
+function la() {
   return window.mathVirtualKeyboard;
 }
-function va(l) {
+function ba(l) {
   const a = z(null), n = z(null), [i, o] = M(!1), [c, r] = M(!1), m = l.node.attrs.display === "block", f = b(() => {
     o(!0);
   }, []), w = b(() => {
@@ -2182,12 +2151,12 @@ function va(l) {
   }, [l]);
   return $(() => {
     async function p() {
-      await gt();
-      const s = await fa();
+      await pt();
+      const s = await ga();
       if (!a.current) return;
       s.MathfieldElement && (s.MathfieldElement.keypressVibration = !1, s.MathfieldElement.mathVirtualKeyboardPolicy = "manual");
       try {
-        const B = ia();
+        const B = la();
         B && (B.visible = !1);
       } catch {
       }
@@ -2198,7 +2167,7 @@ function va(l) {
       }), d.addEventListener("focus", () => {
         r(!0);
         try {
-          ia()?.hide?.();
+          la()?.hide?.();
         } catch {
         }
       }), d.addEventListener("blur", () => {
@@ -2207,14 +2176,14 @@ function va(l) {
         d.focus();
       }, 50);
     }
-    p().catch((s) => ve.error("Failed to initialize math field", s));
+    p().catch(console.error);
     const h = a.current;
     return () => {
       h && (h.innerHTML = "");
     };
   }, []), /* @__PURE__ */ t(Y, { children: [
     /* @__PURE__ */ t(
-      Ye,
+      Xe,
       {
         className: m ? "mtx-math-block" : "mtx-math-inline",
         "data-latex": l.node.attrs.latex,
@@ -2238,7 +2207,7 @@ function va(l) {
       }
     ),
     i && /* @__PURE__ */ e(
-      ba,
+      xa,
       {
         isOpen: i,
         initialLatex: l.node.attrs.latex,
@@ -2248,7 +2217,7 @@ function va(l) {
     )
   ] });
 }
-const bt = Je.create({
+const ht = Ue.create({
   name: "mathInline",
   group: "inline",
   inline: !0,
@@ -2274,12 +2243,12 @@ const bt = Je.create({
     ];
   },
   renderHTML({ HTMLAttributes: l }) {
-    return ["span", _e(l, { "data-type": "math-inline", class: "mtx-math-inline" })];
+    return ["span", Ce(l, { "data-type": "math-inline", class: "mtx-math-inline" })];
   },
   addNodeView() {
-    return Ke(va);
+    return Re(ba);
   }
-}), ft = Je.create({
+}), ut = Ue.create({
   name: "mathBlock",
   group: "block",
   atom: !0,
@@ -2304,12 +2273,12 @@ const bt = Je.create({
     ];
   },
   renderHTML({ HTMLAttributes: l }) {
-    return ["div", _e(l, { "data-type": "math-block", class: "mtx-math-block" })];
+    return ["div", Ce(l, { "data-type": "math-block", class: "mtx-math-block" })];
   },
   addNodeView() {
-    return Ke(va);
+    return Re(ba);
   }
-}), wa = re.memo(({
+}), fa = re.memo(({
   isOpen: l,
   position: a,
   onClose: n,
@@ -2485,8 +2454,8 @@ const bt = Je.create({
     )
   ] });
 });
-wa.displayName = "TableMenu";
-const vt = re.memo(function({
+fa.displayName = "TableMenu";
+const xt = re.memo(function({
   isOpen: a,
   position: n,
   currentAlign: i,
@@ -2510,44 +2479,51 @@ const vt = re.memo(function({
   }, [n]);
   return !a || !n ? null : /* @__PURE__ */ t(Y, { children: [
     /* @__PURE__ */ e("button", { type: "button", className: "mtx-table-menu-overlay", onClick: c, "aria-label": "Close image menu" }),
-    /* @__PURE__ */ e("div", { className: "mtx-table-menu-dropdown", style: { left: p.x, top: p.y }, children: /* @__PURE__ */ t("div", { className: "mtx-table-menu", onClick: (h) => h.stopPropagation(), children: [
-      /* @__PURE__ */ t("div", { className: "mtx-table-menu-group", children: [
-        /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Text Wrapping" }),
-        /* @__PURE__ */ t("button", { className: `mtx-table-menu-item ${i === "left" ? "is-active" : ""}`, onClick: () => g(() => r("left")), children: [
-          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "◧" }),
-          /* @__PURE__ */ e("span", { children: "Wrap Left" })
-        ] }),
-        /* @__PURE__ */ t("button", { className: `mtx-table-menu-item ${i === "center" ? "is-active" : ""}`, onClick: () => g(() => r("center")), children: [
-          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "▣" }),
-          /* @__PURE__ */ e("span", { children: "Wrap Center" })
-        ] }),
-        /* @__PURE__ */ t("button", { className: `mtx-table-menu-item ${i === "right" ? "is-active" : ""}`, onClick: () => g(() => r("right")), children: [
-          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "◨" }),
-          /* @__PURE__ */ e("span", { children: "Wrap Right" })
-        ] }),
-        /* @__PURE__ */ t("button", { className: `mtx-table-menu-item ${i === "full" ? "is-active" : ""}`, onClick: () => g(() => r("full")), children: [
-          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "▤" }),
-          /* @__PURE__ */ e("span", { children: "Full Width" })
-        ] })
-      ] }),
-      w && /* @__PURE__ */ t("div", { className: "mtx-table-menu-group", children: [
-        /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Image" }),
-        m && /* @__PURE__ */ t("button", { className: "mtx-table-menu-item", onClick: () => g(m), disabled: !o, children: [
-          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "↺" }),
-          /* @__PURE__ */ e("span", { children: "Reset Position" })
-        ] }),
-        f && /* @__PURE__ */ t("button", { className: "mtx-table-menu-item", onClick: () => g(f), children: [
-          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "◎" }),
-          /* @__PURE__ */ e("span", { children: "Center & Reset" })
-        ] }),
-        /* @__PURE__ */ t("button", { className: "mtx-table-menu-item", onClick: () => g(w), children: [
-          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "✎" }),
-          /* @__PURE__ */ e("span", { children: "Edit Image" })
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "mtx-table-menu-dropdown",
+        style: { "--mtx-dropdown-x": `${p.x}px`, "--mtx-dropdown-y": `${p.y}px` },
+        children: /* @__PURE__ */ t("div", { className: "mtx-table-menu", onClick: (h) => h.stopPropagation(), children: [
+          /* @__PURE__ */ t("div", { className: "mtx-table-menu-group", children: [
+            /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Text Wrapping" }),
+            /* @__PURE__ */ t("button", { className: `mtx-table-menu-item ${i === "left" ? "is-active" : ""}`, onClick: () => g(() => r("left")), children: [
+              /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "◧" }),
+              /* @__PURE__ */ e("span", { children: "Wrap Left" })
+            ] }),
+            /* @__PURE__ */ t("button", { className: `mtx-table-menu-item ${i === "center" ? "is-active" : ""}`, onClick: () => g(() => r("center")), children: [
+              /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "▣" }),
+              /* @__PURE__ */ e("span", { children: "Wrap Center" })
+            ] }),
+            /* @__PURE__ */ t("button", { className: `mtx-table-menu-item ${i === "right" ? "is-active" : ""}`, onClick: () => g(() => r("right")), children: [
+              /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "◨" }),
+              /* @__PURE__ */ e("span", { children: "Wrap Right" })
+            ] }),
+            /* @__PURE__ */ t("button", { className: `mtx-table-menu-item ${i === "full" ? "is-active" : ""}`, onClick: () => g(() => r("full")), children: [
+              /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "▤" }),
+              /* @__PURE__ */ e("span", { children: "Full Width" })
+            ] })
+          ] }),
+          w && /* @__PURE__ */ t("div", { className: "mtx-table-menu-group", children: [
+            /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Image" }),
+            m && /* @__PURE__ */ t("button", { className: "mtx-table-menu-item", onClick: () => g(m), disabled: !o, children: [
+              /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "↺" }),
+              /* @__PURE__ */ e("span", { children: "Reset Position" })
+            ] }),
+            f && /* @__PURE__ */ t("button", { className: "mtx-table-menu-item", onClick: () => g(f), children: [
+              /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "◎" }),
+              /* @__PURE__ */ e("span", { children: "Center & Reset" })
+            ] }),
+            /* @__PURE__ */ t("button", { className: "mtx-table-menu-item", onClick: () => g(w), children: [
+              /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "✎" }),
+              /* @__PURE__ */ e("span", { children: "Edit Image" })
+            ] })
+          ] })
         ] })
-      ] })
-    ] }) })
+      }
+    )
   ] });
-}), wt = de(() => import("./LinkDialogImpl-BXNEtesu.js").then((l) => ({ default: l.LinkDialogImpl }))), yt = de(() => import("./InsertTableDialogImpl-65qn7ajF.js").then((l) => ({ default: l.InsertTableDialogImpl }))), Nt = de(() => import("./CellPropertiesDialogImpl-CHemDwqM.js").then((l) => ({ default: l.CellPropertiesDialogImpl }))), kt = de(() => import("./TableTemplatesDialogImpl-Djt0R6Hh.js").then((l) => ({ default: l.TableTemplatesDialogImpl }))), Ct = de(() => import("./ImageInsertDialog-CJPVdXtW.js").then((l) => ({ default: l.ImageInsertDialog }))), _ = re.memo(function({ icon: a, label: n, onClick: i, isActive: o, isDisabled: c, className: r }) {
+}), gt = de(() => import("./LinkDialogImpl-DTHugWZM.js").then((l) => ({ default: l.LinkDialogImpl }))), bt = de(() => import("./InsertTableDialogImpl-DZrLgDKN.js").then((l) => ({ default: l.InsertTableDialogImpl }))), ft = de(() => import("./CellPropertiesDialogImpl-HPT77uxM.js").then((l) => ({ default: l.CellPropertiesDialogImpl }))), vt = de(() => import("./TableTemplatesDialogImpl-D0sFSAKl.js").then((l) => ({ default: l.TableTemplatesDialogImpl }))), wt = de(() => import("./ImageInsertDialog-DzLFhSDK.js").then((l) => ({ default: l.ImageInsertDialog }))), _ = re.memo(function({ icon: a, label: n, onClick: i, isActive: o, isDisabled: c, className: r }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -2555,7 +2531,7 @@ const vt = re.memo(function({
       className: `mtx-toolbar-btn ${o ? "is-active" : ""} ${r || ""}`,
       onClick: i,
       disabled: c,
-      "data-tooltip": n,
+      title: n,
       "aria-label": n,
       children: a
     }
@@ -2564,12 +2540,12 @@ const vt = re.memo(function({
 function ie() {
   return /* @__PURE__ */ e("div", { className: "mtx-toolbar-divider" });
 }
-function _t(l) {
+function yt(l) {
   if (!l) return null;
   const a = l.state.selection.node;
   return a?.type?.name === "image" ? a.attrs || {} : l.state.selection.$from.parent.type.name === "image" ? l.state.selection.$from.parent.attrs : null;
 }
-const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o }) => /* @__PURE__ */ e(
+const Nt = re.memo(({ value: l, onChange: a, options: n, label: i, className: o }) => /* @__PURE__ */ e(
   "select",
   {
     className: `mtx-toolbar-select ${o || ""}`,
@@ -2579,7 +2555,7 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
     "aria-label": i,
     children: n.map((c) => /* @__PURE__ */ e("option", { value: c.value, children: c.label }, c.value))
   }
-)), ra = re.memo(({ color: l, onChange: a, label: n, icon: i }) => {
+)), na = re.memo(({ color: l, onChange: a, label: n, icon: i }) => {
   const o = z(null);
   return /* @__PURE__ */ t(Y, { children: [
     /* @__PURE__ */ e(
@@ -2683,16 +2659,16 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
     /* @__PURE__ */ e("path", { d: "M2 2h12v1.5H2V2zm2 3h8v1.5H4V5zm2 3h4v1.5H6V8zm-4 3h12v1.5H2v-1.5zm2 3h8v1.5H4v-1.5z" }),
     /* @__PURE__ */ e("path", { d: "M1 1l14 14", stroke: "currentColor", strokeWidth: "1.5" })
   ] })
-}, Mt = [
+}, kt = [
   { value: "Arial", label: "Arial" },
   { value: "Times New Roman", label: "Times New Roman" },
   { value: "Georgia", label: "Georgia" },
   { value: "Verdana", label: "Verdana" },
   { value: "Courier New", label: "Courier New" }
-], Tt = re.memo(function({ editor: a, toolbarMode: n, onInsertMath: i, onInsertImage: o, onEditImage: c, onSetImageAlign: r, onResetImagePosition: m }) {
-  const [f, w] = M("#000000"), [g, p] = M("#fef08a"), [h, s] = M("basic"), [d, B] = M(!1), [x, v] = M(!1), [T, E] = M(!1), [L, Z] = M(!1), [j, te] = M(!1), [we, ee] = M({}), se = b(() => {
+], Ct = re.memo(function({ editor: a, toolbarMode: n, onInsertMath: i, onInsertImage: o, onEditImage: c, onSetImageAlign: r, onResetImagePosition: m }) {
+  const [f, w] = M("#000000"), [g, p] = M("#fef08a"), [h, s] = M("basic"), [d, B] = M(!1), [x, v] = M(!1), [T, I] = M(!1), [L, Z] = M(!1), [X, te] = M(!1), [ve, ee] = M({}), se = b(() => {
     B(!0);
-  }, []), Ae = b((P) => {
+  }, []), _e = b((P) => {
     if (!a) return;
     const { url: V, text: Q, target: W } = P;
     Q ? a.chain().focus().deleteSelection().insertContent(Q).setLink({
@@ -2713,29 +2689,29 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
     target: a.getAttributes("link").target || "_blank"
   } : {}, [a]), ce = b((P, V, Q) => {
     a && a.chain().focus().insertTable({ rows: P, cols: V, withHeaderRow: Q }).run();
-  }, [a]), [ye, ae] = M(!1), [he, Ne] = M(null), [ue, O] = M(!1), [Me, oe] = M(null);
+  }, [a]), [we, ae] = M(!1), [he, ye] = M(null), [ue, O] = M(!1), [Ae, oe] = M(null);
   $(() => {
     if (!a) return;
     const P = (Q) => {
-      const W = Q, ze = W.target, Te = ze.closest("figure.mtx-image-figure, .mtx-image-wrapper, img"), qe = ze.closest("td, th");
-      if (Te) {
+      const W = Q, Be = W.target, Me = Be.closest("figure.mtx-image-figure, .mtx-image-wrapper, img"), Ke = Be.closest("td, th");
+      if (Me) {
         W.preventDefault(), W.stopPropagation();
         try {
-          const He = Te.tagName === "IMG" ? Te : Te.querySelector("img") || Te, Sa = a.view.posAtDOM(He, 0);
-          a.chain().focus().setNodeSelection(Sa).run();
-        } catch (He) {
-          ve.warn("Cannot select image from context menu:", He);
+          const Te = Me.tagName === "IMG" ? Me : Me.querySelector("img") || Me, Ha = a.view.posAtDOM(Te, 0);
+          a.chain().focus().setNodeSelection(Ha).run();
+        } catch (Te) {
+          console.warn("Cannot select image from context menu:", Te);
         }
         ae(!1), oe({ x: W.clientX, y: W.clientY }), O(!0);
         return;
       }
-      qe && a.isActive("table") && (W.preventDefault(), W.stopPropagation(), O(!1), Ne({ x: W.clientX, y: W.clientY }), ae(!0));
+      Ke && a.isActive("table") && (W.preventDefault(), W.stopPropagation(), O(!1), ye({ x: W.clientX, y: W.clientY }), ae(!0));
     }, V = document.querySelector(".mtx-content");
     return V && V.addEventListener("contextmenu", P), () => {
       V && V.removeEventListener("contextmenu", P);
     };
   }, [a]);
-  const ke = b(() => {
+  const Ne = b(() => {
     a && a.chain().focus().addRowBefore().run();
   }, [a]), J = b(() => {
     a && a.chain().focus().addRowAfter().run();
@@ -2751,7 +2727,7 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
     a && (a.chain().focus().deleteTable().run(), ae(!1));
   }, [a]), N = b((P) => {
     r?.(P), O(!1);
-  }, [r]), I = b(() => {
+  }, [r]), E = b(() => {
     c?.(), O(!1);
   }, [c]), K = b(() => {
     m?.(), O(!1);
@@ -2768,34 +2744,34 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
       backgroundColor: P.attrs.backgroundColor || "",
       horizontalAlign: P.attrs.textAlign || "left",
       verticalAlign: P.attrs.verticalAlign || "top"
-    }), ae(!1), E(!0);
-  }, [a]), X = b(() => {
+    }), ae(!1), I(!0);
+  }, [a]), j = b(() => {
     if (a)
       try {
         a.chain().focus().mergeCells().run(), ae(!1);
       } catch (P) {
-        ve.warn("Cannot merge cells:", P);
+        console.warn("Cannot merge cells:", P);
       }
   }, [a]), U = b(() => {
     if (a)
       try {
         a.chain().focus().splitCell().run(), ae(!1);
       } catch (P) {
-        ve.warn("Cannot split cell:", P);
+        console.warn("Cannot split cell:", P);
       }
   }, [a]), ge = b((P) => {
     if (!a) return;
-    const { width: V, backgroundColor: Q, horizontalAlign: W, verticalAlign: ze } = P, qe = a.state.selection.$from.parent.type.name === "tableHeader" ? "tableHeader" : "tableCell", He = V ? parseInt(V, 10) : null;
-    a.chain().focus().updateAttributes(qe, {
-      colwidth: Number.isFinite(He) && V?.endsWith("px") ? [He] : null,
+    const { width: V, backgroundColor: Q, horizontalAlign: W, verticalAlign: Be } = P, Ke = a.state.selection.$from.parent.type.name === "tableHeader" ? "tableHeader" : "tableCell", Te = V ? parseInt(V, 10) : null;
+    a.chain().focus().updateAttributes(Ke, {
+      colwidth: Number.isFinite(Te) && V?.endsWith("px") ? [Te] : null,
       width: V || null,
       backgroundColor: Q || null,
       textAlign: W || null,
-      verticalAlign: ze || null
+      verticalAlign: Be || null
     }).run();
-  }, [a]), Ce = b((P) => {
+  }, [a]), ke = b((P) => {
     a && a.isActive("table") && a.chain().focus().updateAttributes("table", { theme: P.id }).run();
-  }, [a]), Be = b(() => {
+  }, [a]), De = b(() => {
     if (o) {
       o();
       return;
@@ -2808,17 +2784,17 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
       a && (a.chain().focus().setImage({ src: P, alt: V }).run(), te(!1));
     },
     [a]
-  ), Fe = b(() => {
+  ), Ve = b(() => {
     v(!0);
-  }, []), Pe = _t(a), pe = !!Pe, Se = Pe?.align || "center", ya = Pe ? Number(Pe.offsetX || 0) !== 0 || Number(Pe.offsetY || 0) !== 0 : !1, Le = !!a && a.isActive("table"), Na = !!a && ["tableCell", "tableHeader"].includes(a.state.selection.$from.parent.type.name), ka = !!a && a.can().deleteRow(), Ca = !!a && a.can().deleteColumn(), _a = !!a && a.can().mergeCells(), Aa = !!a && a.can().splitCell(), ne = (n || h) === "advanced", Ma = !n, Ta = b(() => {
+  }, []), He = yt(a), pe = !!He, Pe = He?.align || "center", va = He ? Number(He.offsetX || 0) !== 0 || Number(He.offsetY || 0) !== 0 : !1, Se = !!a && a.isActive("table"), wa = !!a && ["tableCell", "tableHeader"].includes(a.state.selection.$from.parent.type.name), ya = !!a && a.can().deleteRow(), Na = !!a && a.can().deleteColumn(), ka = !!a && a.can().mergeCells(), Ca = !!a && a.can().splitCell(), ne = (n || h) === "advanced", _a = !n, Aa = b(() => {
     a && a.chain().focus().unsetBold().unsetItalic().unsetUnderline().unsetStrike().unsetSubscript().unsetSuperscript().unsetLink().unsetColor().unsetFontFamily().unsetHighlight().run();
-  }, [a]), Ha = b((P) => {
+  }, [a]), Ma = b((P) => {
     w(P), a && a.chain().focus().setColor(P).run();
-  }, [a]), Pa = b((P) => {
+  }, [a]), Ta = b((P) => {
     p(P), a && a.chain().focus().toggleHighlight({ color: P }).run();
   }, [a]);
   return a ? /* @__PURE__ */ t("div", { className: "mtx-toolbar", role: "toolbar", "aria-label": "Editor toolbar", children: [
-    Ma && /* @__PURE__ */ t(Y, { children: [
+    _a && /* @__PURE__ */ t(Y, { children: [
       /* @__PURE__ */ t("div", { className: "mtx-toolbar-mode-switch", role: "group", "aria-label": "Toolbar density", children: [
         /* @__PURE__ */ e(
           "button",
@@ -2866,11 +2842,11 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
     /* @__PURE__ */ e(ie, {}),
     ne && /* @__PURE__ */ t(Y, { children: [
       /* @__PURE__ */ e("div", { className: "mtx-toolbar-group", children: /* @__PURE__ */ e(
-        At,
+        Nt,
         {
           value: a.getAttributes("textStyle").fontFamily || "Arial",
           onChange: (P) => a.chain().focus().setFontFamily(P).run(),
-          options: Mt,
+          options: kt,
           label: "Font Family",
           className: "mtx-font-select"
         }
@@ -2924,10 +2900,10 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
         }
       ),
       /* @__PURE__ */ e(
-        ra,
+        na,
         {
           color: g,
-          onChange: Pa,
+          onChange: Ta,
           label: "Highlight Color",
           icon: /* @__PURE__ */ e("span", { style: { width: "12px", height: "12px", background: g, borderRadius: "2px", display: "inline-block" } })
         }
@@ -2936,10 +2912,10 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
     /* @__PURE__ */ e(ie, {}),
     ne && /* @__PURE__ */ t(Y, { children: [
       /* @__PURE__ */ e("div", { className: "mtx-toolbar-group", children: /* @__PURE__ */ e(
-        ra,
+        na,
         {
           color: f,
-          onChange: Ha,
+          onChange: Ma,
           label: "Text Color",
           icon: /* @__PURE__ */ e("span", { style: { width: "16px", height: "3px", background: f, display: "inline-block", borderRadius: "1px" } })
         }
@@ -3089,7 +3065,7 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
         {
           icon: A.image,
           label: "Image",
-          onClick: Be
+          onClick: De
         }
       ),
       ne && /* @__PURE__ */ t(Y, { children: [
@@ -3108,7 +3084,7 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
             icon: A.alignLeft,
             label: "Wrap Image Left",
             onClick: () => r?.("left"),
-            isActive: pe && Se === "left",
+            isActive: pe && Pe === "left",
             isDisabled: !pe
           }
         ),
@@ -3118,7 +3094,7 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
             icon: A.alignCenter,
             label: "Wrap Image Center",
             onClick: () => r?.("center"),
-            isActive: pe && Se === "center",
+            isActive: pe && Pe === "center",
             isDisabled: !pe
           }
         ),
@@ -3128,7 +3104,7 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
             icon: A.alignRight,
             label: "Wrap Image Right",
             onClick: () => r?.("right"),
-            isActive: pe && Se === "right",
+            isActive: pe && Pe === "right",
             isDisabled: !pe
           }
         ),
@@ -3138,7 +3114,7 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
             icon: A.alignJustify,
             label: "Wrap Image Full",
             onClick: () => r?.("full"),
-            isActive: pe && Se === "full",
+            isActive: pe && Pe === "full",
             isDisabled: !pe
           }
         )
@@ -3148,7 +3124,7 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
         {
           icon: A.table,
           label: "Table",
-          onClick: Fe
+          onClick: Ve
         }
       ),
       /* @__PURE__ */ e(
@@ -3159,13 +3135,13 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
           onClick: be
         }
       ),
-      Le && /* @__PURE__ */ t(Y, { children: [
+      Se && /* @__PURE__ */ t(Y, { children: [
         /* @__PURE__ */ e(
           _,
           {
             icon: A.rowAbove,
             label: "Insert Row Above",
-            onClick: ke
+            onClick: Ne
           }
         ),
         /* @__PURE__ */ e(
@@ -3198,7 +3174,7 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
             icon: A.cellProperties,
             label: "Cell Properties",
             onClick: R,
-            isDisabled: !Na
+            isDisabled: !wa
           }
         ),
         /* @__PURE__ */ e(
@@ -3207,7 +3183,7 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
             icon: A.deleteRow,
             label: "Delete Row",
             onClick: y,
-            isDisabled: !ka
+            isDisabled: !ya
           }
         ),
         /* @__PURE__ */ e(
@@ -3216,7 +3192,7 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
             icon: A.deleteColumn,
             label: "Delete Column",
             onClick: F,
-            isDisabled: !Ca
+            isDisabled: !Na
           }
         ),
         /* @__PURE__ */ e(
@@ -3224,8 +3200,8 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
           {
             icon: A.mergeCells,
             label: "Merge Cells",
-            onClick: X,
-            isDisabled: !_a
+            onClick: j,
+            isDisabled: !ka
           }
         ),
         /* @__PURE__ */ e(
@@ -3234,7 +3210,7 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
             icon: A.splitCell,
             label: "Split Cell",
             onClick: U,
-            isDisabled: !Aa
+            isDisabled: !Ca
           }
         )
       ] }),
@@ -3244,13 +3220,13 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
           {
             className: "mtx-toolbar-btn mtx-toolbar-btn--dropdown",
             onClick: (P) => {
-              if (!Le) return;
+              if (!Se) return;
               const V = P.currentTarget.getBoundingClientRect();
-              Ne({ x: V.left, y: V.bottom + 5 }), ae(!ye);
+              ye({ x: V.left, y: V.bottom + 5 }), ae(!we);
             },
             title: "Table Operations",
             "aria-label": "Table Operations",
-            disabled: !Le,
+            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" }) })
           }
         ),
@@ -3258,10 +3234,10 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
           "button",
           {
             className: "mtx-toolbar-btn",
-            onClick: () => Le && Z(!0),
+            onClick: () => Se && Z(!0),
             title: "Table Templates",
             "aria-label": "Table Templates",
-            disabled: !Le,
+            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" }) })
           }
         ),
@@ -3343,23 +3319,23 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
       {
         icon: A.removeFormat,
         label: "Remove Format",
-        onClick: Ta
+        onClick: Aa
       }
     ) }),
     d && /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(
-      wt,
+      gt,
       {
         isOpen: d,
         currentUrl: G().url,
         currentText: G().text,
         currentTarget: G().target,
-        onInsert: Ae,
+        onInsert: _e,
         onRemove: a?.isActive("link") ? C : void 0,
         onClose: () => B(!1)
       }
     ) }),
     x && /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(
-      yt,
+      bt,
       {
         isOpen: x,
         onInsert: ce,
@@ -3367,12 +3343,12 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
       }
     ) }),
     /* @__PURE__ */ e(
-      wa,
+      fa,
       {
-        isOpen: ye,
+        isOpen: we,
         position: he || { x: 200, y: 300 },
         onClose: () => ae(!1),
-        onAddRowBefore: ke,
+        onAddRowBefore: Ne,
         onAddRowAfter: J,
         onDeleteRow: y,
         onAddColumnBefore: k,
@@ -3380,54 +3356,54 @@ const At = re.memo(({ value: l, onChange: a, options: n, label: i, className: o
         onDeleteColumn: F,
         onDeleteTable: xe,
         onCellProperties: R,
-        onMergeCells: X,
+        onMergeCells: j,
         onSplitCell: U
       }
     ),
     /* @__PURE__ */ e(
-      vt,
+      xt,
       {
         isOpen: ue,
-        position: Me || { x: 200, y: 300 },
-        currentAlign: Se,
-        hasCustomPosition: ya,
+        position: Ae || { x: 200, y: 300 },
+        currentAlign: Pe,
+        hasCustomPosition: va,
         onClose: () => O(!1),
         onSetAlign: N,
         onResetPosition: m ? K : void 0,
         onCenterImage: r ? q : void 0,
-        onEditImage: c ? I : void 0
+        onEditImage: c ? E : void 0
       }
     ),
     T && /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(
-      Nt,
+      ft,
       {
         isOpen: T,
-        initialData: we,
+        initialData: ve,
         onSave: ge,
         onClose: () => {
-          E(!1), ee({});
+          I(!1), ee({});
         }
       }
     ) }),
     L && /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(
-      kt,
+      vt,
       {
         isOpen: L,
-        onSelect: Ce,
+        onSelect: ke,
         onClose: () => Z(!1)
       }
     ) }),
-    j && /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(
-      Ct,
+    X && /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(
+      wt,
       {
-        isOpen: j,
+        isOpen: X,
         onClose: () => te(!1),
         onInsert: le
       }
     ) })
   ] }) : null;
-}), sa = "mtx-math-toolbar-expanded-section";
-function ca({ label: l, latex: a, onClick: n, title: i, variant: o = "default" }) {
+}), ia = "mtx-math-toolbar-expanded-section";
+function ra({ label: l, latex: a, onClick: n, title: i, variant: o = "default" }) {
   return /* @__PURE__ */ e(
     "button",
     {
@@ -3440,7 +3416,7 @@ function ca({ label: l, latex: a, onClick: n, title: i, variant: o = "default" }
     }
   );
 }
-const Xe = [
+const Ge = [
   {
     label: "Basic",
     buttons: [
@@ -3504,23 +3480,23 @@ const Xe = [
       { label: "Kimia", latex: "\\ce{#?}", title: "Rumus Kimia (ce)" }
     ]
   }
-], Ht = 6;
-function Pt({ onInsertLatex: l, onToggleSymbols: a, onToggleTemplates: n }) {
-  const [i, o] = M([]), [c, r] = M("Basic"), [m, f] = M(""), w = fe(() => Xe.flatMap((x) => x.buttons), []), g = fe(() => new Map(w.map((x) => [x.latex, x])), [w]), p = b((x) => {
-    l(x), o((v) => [x, ...v.filter((T) => T !== x)].slice(0, Ht));
+], _t = 6;
+function At({ onInsertLatex: l, onToggleSymbols: a, onToggleTemplates: n }) {
+  const [i, o] = M([]), [c, r] = M("Basic"), [m, f] = M(""), w = fe(() => Ge.flatMap((x) => x.buttons), []), g = fe(() => new Map(w.map((x) => [x.latex, x])), [w]), p = b((x) => {
+    l(x), o((v) => [x, ...v.filter((T) => T !== x)].slice(0, _t));
   }, [l]), h = fe(
     () => i.map((x) => g.get(x)).filter((x) => !!x),
     [g, i]
-  ), s = m.trim().toLowerCase(), d = fe(() => s ? Xe.map((x) => ({
+  ), s = m.trim().toLowerCase(), d = fe(() => s ? Ge.map((x) => ({
     ...x,
     buttons: x.buttons.filter((v) => `${v.label} ${v.title} ${v.latex}`.toLowerCase().includes(s))
-  })).filter((x) => x.buttons.length > 0) : Xe, [s]);
+  })).filter((x) => x.buttons.length > 0) : Ge, [s]);
   $(() => {
     if (typeof window > "u") return;
-    const x = window.localStorage.getItem(sa);
+    const x = window.localStorage.getItem(ia);
     x && r(x);
   }, []), $(() => {
-    typeof window > "u" || !c || window.localStorage.setItem(sa, c);
+    typeof window > "u" || !c || window.localStorage.setItem(ia, c);
   }, [c]), $(() => {
     s && d.length > 0 && r(d[0].label);
   }, [d, s]);
@@ -3547,7 +3523,7 @@ function Pt({ onInsertLatex: l, onToggleSymbols: a, onToggleTemplates: n }) {
       h.length > 0 && /* @__PURE__ */ t(Y, { children: [
         /* @__PURE__ */ e("div", { className: "mtx-math-toolbar__section-label", children: "Recent" }),
         h.map((x) => /* @__PURE__ */ e(
-          ca,
+          ra,
           {
             label: x.label,
             latex: x.latex,
@@ -3575,7 +3551,7 @@ function Pt({ onInsertLatex: l, onToggleSymbols: a, onToggleTemplates: n }) {
           }
         ),
         c === x.label && x.buttons.map((v) => /* @__PURE__ */ e(
-          ca,
+          ra,
           {
             label: v.label,
             latex: v.latex,
@@ -3617,7 +3593,7 @@ function Pt({ onInsertLatex: l, onToggleSymbols: a, onToggleTemplates: n }) {
     ] })
   ] });
 }
-const oa = [
+const sa = [
   {
     name: "Huruf Yunani",
     symbols: [
@@ -3710,11 +3686,11 @@ const oa = [
     ]
   }
 ];
-function St({ onInsert: l, onClose: a }) {
+function Mt({ onInsert: l, onClose: a }) {
   const [n, i] = M(""), o = fe(() => {
-    if (!n.trim()) return oa;
+    if (!n.trim()) return sa;
     const c = n.toLowerCase();
-    return oa.map((r) => ({
+    return sa.map((r) => ({
       ...r,
       symbols: r.symbols.filter(
         (m) => m.name.toLowerCase().includes(c) || m.char.includes(c) || m.latex.toLowerCase().includes(c)
@@ -3771,29 +3747,29 @@ function St({ onInsert: l, onClose: a }) {
     ] })
   ] });
 }
-const Lt = /<(p|h[1-4]|li)\b([^>]*)>/gi;
-function ma(l, a, n) {
+const Tt = /<(p|h[1-4]|li)\b([^>]*)>/gi;
+function ca(l, a, n) {
   const i = new RegExp(`\\s${a}=(['"]).*?\\1`, "i");
   return i.test(l) ? l.replace(i, ` ${a}="${n}"`) : `${l} ${a}="${n}"`;
 }
-function Ze(l) {
-  return l.replace(Lt, (a, n, i = "") => {
+function Je(l) {
+  return l.replace(Tt, (a, n, i = "") => {
     const o = i.match(/\sclass=(['"])(.*?)\1/i), c = i.match(/\sdata-indent=(['"])(\d+)\1/i), m = o?.[2].match(/(?:^|\s)tt-indent-(\d+)(?:\s|$)/)?.[1] || c?.[2];
     if (!m)
       return a;
     const f = new Set((o?.[2] || "").split(/\s+/).filter(Boolean));
     f.add("tt-indent"), f.add(`tt-indent-${m}`);
     let w = i;
-    return w = ma(w, "class", Array.from(f).join(" ")), w = ma(w, "data-indent", m), `<${n}${w}>`;
+    return w = ca(w, "class", Array.from(f).join(" ")), w = ca(w, "data-indent", m), `<${n}${w}>`;
   });
 }
-function da(l) {
-  return Ze(l.getHTML());
+function oa(l) {
+  return Je(l.getHTML());
 }
-function hl(l) {
+function ol(l) {
   return l.getJSON();
 }
-function Dt(l) {
+function Ht(l) {
   if (!l) return "";
   let a = l;
   return a = a.replace(/\s*data-cke-[a-z-]*="[^"]*"/gi, ""), a = a.replace(/\s*contenteditable="[^"]*"/gi, ""), a = a.replace(/<span[^>]*class="[^"]*cke_widget[^"]*"[^>]*>/gi, ""), a = a.replace(/<\/span>/gi, (n) => n), a = a.replace(
@@ -3802,41 +3778,41 @@ function Dt(l) {
       const o = decodeURIComponent(i);
       return `<span class="mtx-math-inline" data-mathml="${encodeURIComponent(o)}">${o}</span>`;
     }
-  ), Ze(a);
+  ), Je(a);
 }
-function ul(l) {
+function ml(l) {
   if (!l) return "";
   let a = l;
   return a = a.replace(
     /<span[^>]*class="mtx-math[^"]*"[^>]*data-latex="([^"]*)"[^>]*>.*?<\/span>/gi,
     (n, i) => `<span class="mtx-math-inline" data-latex="${i}">\\(${i}\\)</span>`
-  ), Ze(a);
+  ), Je(a);
 }
-function Bt(l) {
+function Pt(l) {
   return l.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 zt(l) {
+function St(l) {
   return l.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 Et(l, a) {
+function Lt(l, a) {
   const n = a.clipboardData?.getData("text/html"), i = a.clipboardData?.getData("text/plain");
   if (!n && i)
     return !1;
   if (n) {
     if (n.includes("mso-") || n.includes("MsoNormal") || n.includes("<o:p>")) {
       a.preventDefault();
-      const o = Bt(n);
+      const o = Pt(n);
       return l.chain().focus().insertContent(o).run(), !0;
     }
     if (n.includes("kix-") || n.includes("docs-internal-guide")) {
       a.preventDefault();
-      const o = zt(n);
+      const o = St(n);
       return l.chain().focus().insertContent(o).run(), !0;
     }
   }
   return !1;
 }
-function It(l, a) {
+function Dt(l, a) {
   const n = a;
   if (n.shiftKey && (n.ctrlKey || n.metaKey)) {
     a.preventDefault();
@@ -3846,33 +3822,33 @@ function It(l, a) {
   }
   return !1;
 }
-function pa(l) {
+function ma(l) {
   let a = 0;
   return l.descendants((n) => {
     n.isText && (a += n.text?.split(/\s+/).filter((i) => i.length > 0).length || 0);
   }), a;
 }
-function ha(l, a = !0) {
+function da(l, a = !0) {
   let n = 0;
   return l.descendants((i) => {
     i.isText && (n += i.text?.length || 0);
   }), a ? n : n - (l.textContent?.split(" ").length - 1 || 0);
 }
-const Rt = 120, Vt = re.memo(({ editor: l }) => {
+const Bt = 120, zt = re.memo(({ editor: l }) => {
   const [a, n] = M({ words: 0, chars: 0 }), i = z(null);
   return $(() => {
     if (!l) return;
     const o = () => {
       i.current && clearTimeout(i.current), i.current = setTimeout(() => {
         n({
-          words: pa(l.state.doc),
-          chars: ha(l.state.doc, !0)
+          words: ma(l.state.doc),
+          chars: da(l.state.doc, !0)
         });
-      }, Rt);
+      }, Bt);
     };
     return n({
-      words: pa(l.state.doc),
-      chars: ha(l.state.doc, !0)
+      words: ma(l.state.doc),
+      chars: da(l.state.doc, !0)
     }), l.on("transaction", o), () => {
       l.off("transaction", o), i.current && clearTimeout(i.current);
     };
@@ -3888,7 +3864,7 @@ const Rt = 120, Vt = re.memo(({ editor: l }) => {
       a.chars === 1 ? "character" : "characters"
     ] })
   ] });
-}), Kt = [
+}), It = [
   "button:not([disabled])",
   "[href]",
   "input:not([disabled])",
@@ -3896,19 +3872,19 @@ const Rt = 120, Vt = re.memo(({ editor: l }) => {
   "textarea:not([disabled])",
   '[tabindex]:not([tabindex="-1"])'
 ].join(", ");
-function ua(l) {
-  return Array.from(l.querySelectorAll(Kt)).filter(
+function pa(l) {
+  return Array.from(l.querySelectorAll(It)).filter(
     (a) => !a.hasAttribute("disabled") && a.getAttribute("aria-hidden") !== "true"
   );
 }
-function Ft({
+function Et({
   isOpen: l,
   dialogRef: a,
   onClose: n
 }) {
   $(() => {
     if (!l || !a.current) return;
-    const i = a.current, o = document.activeElement instanceof HTMLElement ? document.activeElement : null, c = ua(i);
+    const i = a.current, o = document.activeElement instanceof HTMLElement ? document.activeElement : null, c = pa(i);
     (c.find((f) => f.hasAttribute("autofocus")) || c[0] || i).focus();
     const m = (f) => {
       if (f.key === "Escape") {
@@ -3916,7 +3892,7 @@ function Ft({
         return;
       }
       if (f.key !== "Tab") return;
-      const w = ua(i);
+      const w = pa(i);
       if (w.length === 0) {
         f.preventDefault(), i.focus();
         return;
@@ -3933,7 +3909,7 @@ function Ft({
     };
   }, [a, l, n]);
 }
-const je = {
+const We = {
   width: 720,
   height: "auto",
   align: "center",
@@ -3941,16 +3917,16 @@ const je = {
   title: "",
   maintainAspectRatio: !0
 };
-function qt({
+function Rt({
   isOpen: l,
   onClose: a,
   onApply: n,
   initialData: i
 }) {
-  const o = La(), c = z(null), [r, m] = M({ ...je, ...i });
+  const o = Pa(), c = z(null), [r, m] = M({ ...We, ...i });
   $(() => {
-    i && m({ ...je, ...i });
-  }, [i]), Ft({ isOpen: l, dialogRef: c, onClose: a });
+    i && m({ ...We, ...i });
+  }, [i]), Et({ isOpen: l, dialogRef: c, onClose: a });
   const f = b((h) => {
     m((s) => (s.maintainAspectRatio, { ...s, width: h }));
   }, []), w = b((h) => {
@@ -3958,7 +3934,7 @@ function qt({
   }, []), g = b(() => {
     n(r), a();
   }, [r, n, a]), p = b(() => {
-    m({ ...je, ...i });
+    m({ ...We, ...i });
   }, [i]);
   return l ? /* @__PURE__ */ t(Y, { children: [
     /* @__PURE__ */ e("div", { className: "mtx-dialog-overlay", onClick: a }),
@@ -4129,7 +4105,7 @@ function qt({
     ] })
   ] }) : null;
 }
-const xa = [
+const ha = [
   // ==========================================
   // 🏫 SD (Sekolah Dasar) — Kelas 1-6
   // ==========================================
@@ -4728,7 +4704,7 @@ const xa = [
       { label: "Integral cos x", latex: "\\int \\cos x dx = \\sin x + C", preview: "∫cos x dx = sin x" }
     ]
   }
-], Ot = [
+], Vt = [
   { id: "all", label: "Semua Level", icon: "📚" },
   { id: "SD", label: "SD", icon: "🏫" },
   { id: "SMP", label: "SMP", icon: "🏫" },
@@ -4736,9 +4712,9 @@ const xa = [
   { id: "Kuliah", label: "Kuliah", icon: "🎓" },
   { id: "Master", label: "Master", icon: "🧪" }
 ];
-function $t({ onInsert: l, onClose: a }) {
+function Kt({ onInsert: l, onClose: a }) {
   const [n, i] = M(""), [o, c] = M("all"), [r, m] = M(""), f = fe(() => {
-    let s = xa;
+    let s = ha;
     if (o !== "all" && (s = s.filter((d) => d.level === o)), n.trim()) {
       const d = n.toLowerCase();
       s = s.map((B) => ({
@@ -4749,7 +4725,7 @@ function $t({ onInsert: l, onClose: a }) {
       })).filter((B) => B.templates.length > 0);
     }
     return s;
-  }, [n, o]), w = f.map((s) => s.name), g = w.includes(r) ? r : w[0] || "", p = n.trim() ? f : f.filter((s) => s.name === g), h = xa.reduce((s, d) => s + d.templates.length, 0);
+  }, [n, o]), w = f.map((s) => s.name), g = w.includes(r) ? r : w[0] || "", p = n.trim() ? f : f.filter((s) => s.name === g), h = ha.reduce((s, d) => s + d.templates.length, 0);
   return /* @__PURE__ */ t("div", { className: "mtx-template-panel", role: "dialog", "aria-label": "Template Panel", children: [
     /* @__PURE__ */ t("div", { className: "mtx-template-panel__header", children: [
       /* @__PURE__ */ t("span", { className: "mtx-template-panel__title", children: [
@@ -4759,7 +4735,7 @@ function $t({ onInsert: l, onClose: a }) {
       ] }),
       /* @__PURE__ */ e("button", { className: "mtx-template-panel__close", onClick: a, title: "Tutup", children: "×" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "mtx-template-panel__levels", children: Ot.map((s) => /* @__PURE__ */ t(
+    /* @__PURE__ */ e("div", { className: "mtx-template-panel__levels", children: Vt.map((s) => /* @__PURE__ */ t(
       "button",
       {
         className: `mtx-template-panel__level ${o === s.id ? "is-active" : ""}`,
@@ -4834,8 +4810,8 @@ function $t({ onInsert: l, onClose: a }) {
     ] })
   ] });
 }
-const Gt = de(() => import("./ImageInsertDialog-CJPVdXtW.js").then((l) => ({ default: l.ImageInsertDialog })));
-async function Ue(l) {
+const Ft = de(() => import("./ImageInsertDialog-DzLFhSDK.js").then((l) => ({ default: l.ImageInsertDialog })));
+async function je(l) {
   return new Promise((a, n) => {
     const i = new window.Image();
     i.onload = () => {
@@ -4846,11 +4822,11 @@ async function Ue(l) {
     }, i.onerror = () => n(new Error("Image load failed")), i.src = l;
   });
 }
-function De(l, a) {
+function Le(l, a) {
   const n = l && l > 0 ? l : 720, i = Math.max(240, n - 32);
   return Math.max(120, Math.min(a, i));
 }
-function Ie(l, a, n) {
+function ze(l, a, n) {
   return {
     src: l,
     alt: a,
@@ -4861,7 +4837,7 @@ function Ie(l, a, n) {
     align: "center"
   };
 }
-function Re(l) {
+function Ie(l) {
   const { selection: a } = l.state, n = a.node;
   if (n?.type?.name === "image")
     return {
@@ -4874,8 +4850,8 @@ function Re(l) {
     pos: a.$from.before()
   } : null;
 }
-const Wt = 150;
-function xl({
+const qt = 150;
+function dl({
   content: l = "",
   onChange: a,
   onSave: n,
@@ -4888,13 +4864,13 @@ function xl({
   autoFocus: w = !1,
   onImageUpload: g
 }) {
-  const [p, h] = M(!1), [s, d] = M(!1), [B, x] = M(!1), [v, T] = M(!1), [E, L] = M(!1), [Z, j] = M(null), [te, we] = M("frac"), ee = z(null), se = z(null), Ae = Dt(l), C = at({
+  const [p, h] = M(!1), [s, d] = M(!1), [B, x] = M(!1), [v, T] = M(!1), [I, L] = M(!1), [Z, X] = M(null), [te, ve] = M("frac"), ee = z(null), se = z(null), _e = Ht(l), C = Za({
     extensions: [
-      ...ut({ placeholder: o }),
-      bt,
-      ft
+      ...mt({ placeholder: o }),
+      ht,
+      ut
     ],
-    content: Ae,
+    content: _e,
     editable: i,
     autofocus: w ? "end" : !1,
     immediatelyRender: !1,
@@ -4902,14 +4878,14 @@ function xl({
     // Debounced onChange — avoids getHTML() serialization on every keystroke
     onUpdate: ({ editor: y }) => {
       se.current && clearTimeout(se.current), se.current = setTimeout(() => {
-        const k = da(y);
+        const k = oa(y);
         a?.(k);
-      }, Wt);
+      }, qt);
     },
     editorProps: {
       handleKeyDown: (y, k) => {
         if ((k.ctrlKey || k.metaKey) && k.key === "s")
-          return k.preventDefault(), C && n?.(da(C)), !0;
+          return k.preventDefault(), C && n?.(oa(C)), !0;
         if ((k.ctrlKey || k.metaKey) && k.key === "k") {
           k.preventDefault();
           const D = document.querySelector('[aria-label="Link"]');
@@ -4941,7 +4917,7 @@ function xl({
               return xe && O(xe), !0;
             }
         }
-        return !!(C && It(C, k) || C && Et(C, k));
+        return !!(C && Dt(C, k) || C && Lt(C, k));
       }
     }
   }), G = b(
@@ -4960,7 +4936,7 @@ function xl({
       }).run();
     },
     [C]
-  ), ye = b(
+  ), we = b(
     (y) => {
       G(y);
     },
@@ -4975,7 +4951,7 @@ function xl({
       y.includes("\\begin{") || y.includes("\\frac") || y.length > 30 ? ce(y) : G(y);
     },
     [G, ce]
-  ), Ne = b(
+  ), ye = b(
     (y) => {
       y.includes("\\begin{") || y.length > 40 ? ce(y) : G(y);
     },
@@ -4985,12 +4961,12 @@ function xl({
       if (!C) return;
       let D;
       try {
-        const F = await Ue(y);
-        D = De(ee.current?.clientWidth, F.width);
+        const F = await je(y);
+        D = Le(ee.current?.clientWidth, F.width);
       } catch {
-        D = De(ee.current?.clientWidth, 720);
+        D = Le(ee.current?.clientWidth, 720);
       }
-      C.chain().focus().insertContent({ type: "image", attrs: Ie(y, k || "", D) }).run();
+      C.chain().focus().insertContent({ type: "image", attrs: ze(y, k || "", D) }).run();
     },
     [C]
   ), O = b(
@@ -4998,29 +4974,29 @@ function xl({
       if (C)
         if (g)
           try {
-            const k = await g(y), D = await Ue(k), F = De(ee.current?.clientWidth, D.width);
-            C.chain().focus().insertContent({ type: "image", attrs: Ie(k, "", F) }).run();
+            const k = await g(y), D = await je(k), F = Le(ee.current?.clientWidth, D.width);
+            C.chain().focus().insertContent({ type: "image", attrs: ze(k, "", F) }).run();
           } catch {
-            ve.error("Image upload failed");
+            console.error("Image upload failed");
           }
         else {
           const k = new FileReader();
           k.onload = () => {
             const D = k.result;
-            Ue(D).then((F) => {
-              const xe = De(ee.current?.clientWidth, F.width);
-              C.chain().focus().insertContent({ type: "image", attrs: Ie(D, "", xe) }).run();
+            je(D).then((F) => {
+              const xe = Le(ee.current?.clientWidth, F.width);
+              C.chain().focus().insertContent({ type: "image", attrs: ze(D, "", xe) }).run();
             }).catch(() => {
-              const F = De(ee.current?.clientWidth, 720);
-              C.chain().focus().insertContent({ type: "image", attrs: Ie(D, "", F) }).run();
+              const F = Le(ee.current?.clientWidth, 720);
+              C.chain().focus().insertContent({ type: "image", attrs: ze(D, "", F) }).run();
             });
           }, k.readAsDataURL(y);
         }
     },
     [C, g]
-  ), Me = b(() => {
+  ), Ae = b(() => {
     if (!C) return;
-    const y = Re(C);
+    const y = Ie(C);
     if (!y) return;
     const k = {
       width: y.node.attrs.width || 720,
@@ -5030,11 +5006,11 @@ function xl({
       title: String(y.node.attrs.title || ""),
       maintainAspectRatio: !0
     };
-    j(k), L(!0);
+    X(k), L(!0);
   }, [C]), oe = b(
     (y) => {
       if (!C) return;
-      const k = Re(C);
+      const k = Ie(C);
       if (!k) return;
       const D = C.state.tr;
       D.setNodeMarkup(k.pos, void 0, {
@@ -5044,13 +5020,13 @@ function xl({
         align: y.align,
         alt: y.alt,
         title: y.title
-      }), C.view.dispatch(D), L(!1), j(null);
+      }), C.view.dispatch(D), L(!1), X(null);
     },
     [C]
-  ), ke = b(
+  ), Ne = b(
     (y) => {
       if (!C) return;
-      const k = Re(C);
+      const k = Ie(C);
       if (!k) return;
       const D = C.state.tr;
       D.setNodeMarkup(k.pos, void 0, {
@@ -5063,7 +5039,7 @@ function xl({
     [C]
   ), J = b(() => {
     if (!C) return;
-    const y = Re(C);
+    const y = Ie(C);
     if (!y) return;
     const k = C.state.tr;
     k.setNodeMarkup(y.pos, void 0, {
@@ -5083,24 +5059,24 @@ function xl({
       },
       children: [
         i && /* @__PURE__ */ e(
-          Tt,
+          Ct,
           {
             editor: C,
             toolbarMode: c,
             onInsertMath: (y = "frac") => {
-              we(y), x(!0);
+              ve(y), x(!0);
             },
             onInsertImage: () => T(!0),
-            onEditImage: Me,
-            onSetImageAlign: ke,
+            onEditImage: Ae,
+            onSetImageAlign: Ne,
             onResetImagePosition: J
           }
         ),
         i && /* @__PURE__ */ t("div", { style: { position: "relative" }, children: [
           /* @__PURE__ */ e(
-            Pt,
+            At,
             {
-              onInsertLatex: ye,
+              onInsertLatex: we,
               onToggleSymbols: () => {
                 h(!p), d(!1);
               },
@@ -5110,14 +5086,14 @@ function xl({
             }
           ),
           p && /* @__PURE__ */ e(
-            St,
+            Mt,
             {
               onInsert: ae,
               onClose: () => h(!1)
             }
           ),
           s && /* @__PURE__ */ e(
-            $t,
+            Kt,
             {
               onInsert: he,
               onClose: () => d(!1)
@@ -5134,21 +5110,21 @@ function xl({
               maxHeight: f || void 0,
               overflowY: f ? "auto" : void 0
             },
-            children: /* @__PURE__ */ e(tt, { editor: C })
+            children: /* @__PURE__ */ e(et, { editor: C })
           }
         ),
-        C && /* @__PURE__ */ e(Vt, { editor: C }),
+        C && /* @__PURE__ */ e(zt, { editor: C }),
         B && /* @__PURE__ */ e(
-          ba,
+          xa,
           {
             isOpen: B,
             initialTab: te,
-            onInsert: Ne,
+            onInsert: ye,
             onClose: () => x(!1)
           }
         ),
         v && /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(
-          Gt,
+          Ft,
           {
             isOpen: v,
             onClose: () => T(!1),
@@ -5156,12 +5132,12 @@ function xl({
             onImageUpload: g
           }
         ) }),
-        E && Z && /* @__PURE__ */ e(
-          qt,
+        I && Z && /* @__PURE__ */ e(
+          Rt,
           {
-            isOpen: E,
+            isOpen: I,
             onClose: () => {
-              L(!1), j(null);
+              L(!1), X(null);
             },
             onApply: oe,
             initialData: Z
@@ -5171,27 +5147,27 @@ function xl({
     }
   );
 }
-const Xt = de(() => import("./LinkDialogImpl-BXNEtesu.js").then((l) => ({ default: l.LinkDialogImpl }))), jt = re.memo(function(a) {
-  return /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(Xt, { ...a }) });
+const Ot = de(() => import("./LinkDialogImpl-DTHugWZM.js").then((l) => ({ default: l.LinkDialogImpl }))), $t = re.memo(function(a) {
+  return /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(Ot, { ...a }) });
 });
-jt.displayName = "LinkDialog";
-const Ut = de(() => import("./InsertTableDialogImpl-65qn7ajF.js").then((l) => ({ default: l.InsertTableDialogImpl }))), Yt = re.memo(function(a) {
-  return /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(Ut, { ...a }) });
+$t.displayName = "LinkDialog";
+const Gt = de(() => import("./InsertTableDialogImpl-DZrLgDKN.js").then((l) => ({ default: l.InsertTableDialogImpl }))), Wt = re.memo(function(a) {
+  return /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(Gt, { ...a }) });
 });
-Yt.displayName = "InsertTableDialog";
-const Jt = de(() => import("./CellPropertiesDialogImpl-CHemDwqM.js").then((l) => ({ default: l.CellPropertiesDialogImpl }))), Qt = re.memo(function(a) {
-  return /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(Jt, { ...a }) });
+Wt.displayName = "InsertTableDialog";
+const jt = de(() => import("./CellPropertiesDialogImpl-HPT77uxM.js").then((l) => ({ default: l.CellPropertiesDialogImpl }))), Xt = re.memo(function(a) {
+  return /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(jt, { ...a }) });
 });
-Qt.displayName = "CellPropertiesDialog";
-const Zt = de(() => import("./TableTemplatesDialogImpl-Djt0R6Hh.js").then((l) => ({ default: l.TableTemplatesDialogImpl }))), el = re.memo(function(a) {
-  return /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(Zt, { ...a }) });
+Xt.displayName = "CellPropertiesDialog";
+const Ut = de(() => import("./TableTemplatesDialogImpl-D0sFSAKl.js").then((l) => ({ default: l.TableTemplatesDialogImpl }))), Yt = re.memo(function(a) {
+  return /* @__PURE__ */ e(me, { fallback: null, children: /* @__PURE__ */ e(Ut, { ...a }) });
 });
-el.displayName = "TableTemplatesDialog";
-function gl(l) {
+Yt.displayName = "TableTemplatesDialog";
+function pl(l) {
   const a = {};
   return l.headerStyle === "light" ? a.th = "background-color: #f1f5f9; font-weight: 600;" : l.headerStyle === "dark" ? a.th = "background-color: #1e293b; color: white; font-weight: 600;" : l.headerStyle === "blue" && (a.th = "background-color: #3b82f6; color: white; font-weight: 600;"), l.borderStyle === "all" ? a["td, th"] = "border: 1px solid #cbd5e1;" : l.borderStyle === "horizontal" ? a["td, th"] = "border-top: 1px solid #cbd5e1; border-bottom: 1px solid #cbd5e1;" : l.borderStyle === "vertical" && (a["td, th"] = "border-left: 1px solid #cbd5e1; border-right: 1px solid #cbd5e1;"), a;
 }
-const al = [
+const Jt = [
   { id: "quad-formula", label: "Rumus ABC (Kuadrat)", latex: "x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}", category: "Algebra", level: "smp" },
   { id: "quad-eq", label: "Persamaan Kuadrat", latex: "ax^2 + bx + c = 0", category: "Algebra", level: "smp" },
   { id: "linear-eq", label: "Persamaan Linear", latex: "y = mx + c", category: "Algebra", level: "smp" },
@@ -5200,7 +5176,7 @@ const al = [
   { id: "abs-value", label: "Nilai Mutlak", latex: "|x - a| = b", category: "Algebra", level: "sma" },
   { id: "log-def", label: "Logaritma", latex: "\\log_a b = c \\iff a^c = b", category: "Algebra", level: "sma" },
   { id: "exponent-rule", label: "Aturan Eksponen", latex: "a^m \\cdot a^n = a^{m+n}", category: "Algebra", level: "smp" }
-], tl = [
+], Qt = [
   { id: "pythagoras", label: "Teorema Pythagoras", latex: "a^2 + b^2 = c^2", category: "Geometri", level: "smp" },
   { id: "circle-area", label: "Luas Lingkaran", latex: "L = \\pi r^2", category: "Geometri", level: "sd" },
   { id: "circle-circumference", label: "Keliling Lingkaran", latex: "K = 2\\pi r", category: "Geometri", level: "sd" },
@@ -5210,7 +5186,7 @@ const al = [
   { id: "cylinder-volume", label: "Volume Tabung", latex: "V = \\pi r^2 t", category: "Geometri", level: "smp" },
   { id: "cone-volume", label: "Volume Kerucut", latex: "V = \\frac{1}{3} \\pi r^2 t", category: "Geometri", level: "smp" },
   { id: "distance-2d", label: "Jarak Dua Titik", latex: "d = \\sqrt{(x_2-x_1)^2 + (y_2-y_1)^2}", category: "Geometri", level: "sma" }
-], ll = [
+], Zt = [
   { id: "sin-def", label: "Sinus", latex: "\\sin \\theta = \\frac{\\text{depan}}{\\text{miring}}", category: "Trigonometri", level: "sma" },
   { id: "cos-def", label: "Cosinus", latex: "\\cos \\theta = \\frac{\\text{samping}}{\\text{miring}}", category: "Trigonometri", level: "sma" },
   { id: "tan-def", label: "Tangen", latex: "\\tan \\theta = \\frac{\\sin \\theta}{\\cos \\theta}", category: "Trigonometri", level: "sma" },
@@ -5218,14 +5194,14 @@ const al = [
   { id: "sin-rule", label: "Aturan Sinus", latex: "\\frac{a}{\\sin A} = \\frac{b}{\\sin B} = \\frac{c}{\\sin C}", category: "Trigonometri", level: "sma" },
   { id: "cos-rule", label: "Aturan Cosinus", latex: "c^2 = a^2 + b^2 - 2ab\\cos C", category: "Trigonometri", level: "sma" },
   { id: "double-angle-sin", label: "Sudut Ganda (Sin)", latex: "\\sin 2\\theta = 2\\sin \\theta \\cos \\theta", category: "Trigonometri", level: "sma" }
-], nl = [
+], el = [
   { id: "derivative-def", label: "Definisi Turunan", latex: "f'(x) = \\lim_{h \\to 0} \\frac{f(x+h) - f(x)}{h}", category: "Kalkulus", level: "sma" },
   { id: "power-rule", label: "Aturan Pangkat", latex: "\\frac{d}{dx} x^n = nx^{n-1}", category: "Kalkulus", level: "sma" },
   { id: "chain-rule", label: "Aturan Rantai", latex: "\\frac{dy}{dx} = \\frac{dy}{du} \\cdot \\frac{du}{dx}", category: "Kalkulus", level: "sma" },
   { id: "definite-integral", label: "Integral Tentu", latex: "\\int_a^b f(x)\\, dx = F(b) - F(a)", category: "Kalkulus", level: "sma" },
   { id: "indef-integral", label: "Integral Tak Tentu", latex: "\\int x^n\\, dx = \\frac{x^{n+1}}{n+1} + C", category: "Kalkulus", level: "sma" },
   { id: "limit-def", label: "Limit", latex: "\\lim_{x \\to a} f(x) = L", category: "Kalkulus", level: "sma" }
-], il = [
+], al = [
   { id: "mean", label: "Rata-rata (Mean)", latex: "\\bar{x} = \\frac{\\sum_{i=1}^{n} x_i}{n}", category: "Statistik", level: "smp" },
   { id: "median", label: "Median", latex: "Me = x_{\\frac{n+1}{2}}", category: "Statistik", level: "smp" },
   { id: "std-dev", label: "Simpangan Baku", latex: "s = \\sqrt{\\frac{\\sum_{i=1}^{n}(x_i - \\bar{x})^2}{n-1}}", category: "Statistik", level: "sma" },
@@ -5233,7 +5209,7 @@ const al = [
   { id: "combination", label: "Kombinasi", latex: "C(n, r) = \\binom{n}{r} = \\frac{n!}{r!(n-r)!}", category: "Statistik", level: "sma" },
   { id: "permutation", label: "Permutasi", latex: "P(n, r) = \\frac{n!}{(n-r)!}", category: "Statistik", level: "sma" },
   { id: "probability", label: "Peluang", latex: "P(A) = \\frac{n(A)}{n(S)}", category: "Statistik", level: "smp" }
-], rl = [
+], tl = [
   { id: "velocity", label: "Kecepatan", latex: "v = \\frac{s}{t}", category: "Fisika", level: "smp" },
   { id: "acceleration", label: "Percepatan", latex: "a = \\frac{\\Delta v}{\\Delta t}", category: "Fisika", level: "smp" },
   { id: "newton-2", label: "Hukum Newton II", latex: "F = m \\cdot a", category: "Fisika", level: "smp" },
@@ -5243,63 +5219,63 @@ const al = [
   { id: "ohm-law", label: "Hukum Ohm", latex: "V = I \\cdot R", category: "Fisika", level: "sma" },
   { id: "power-physics", label: "Daya", latex: "P = \\frac{W}{t}", category: "Fisika", level: "sma" },
   { id: "gravity", label: "Gravitasi Newton", latex: "F = G \\frac{m_1 m_2}{r^2}", category: "Fisika", level: "sma" }
-], sl = [
+], ll = [
   { id: "mol", label: "Jumlah Mol", latex: "n = \\frac{m}{M_r}", category: "Kimia", level: "sma" },
   { id: "molar-conc", label: "Molaritas", latex: "M = \\frac{n}{V}", category: "Kimia", level: "sma" },
   { 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" }
-], Ve = [
+], Ee = [
+  ...Jt,
+  ...Qt,
+  ...Zt,
+  ...el,
   ...al,
   ...tl,
-  ...ll,
-  ...nl,
-  ...il,
-  ...rl,
-  ...sl
+  ...ll
 ];
-function bl(l) {
-  if (l === "all") return Ve;
+function hl(l) {
+  if (l === "all") return Ee;
   const n = {
     sd: ["sd"],
     smp: ["sd", "smp"],
     sma: ["sd", "smp", "sma"]
   }[l] || ["sd", "smp", "sma"];
-  return Ve.filter((i) => n.includes(i.level));
+  return Ee.filter((i) => n.includes(i.level));
 }
-function fl(l) {
-  return Ve.filter((a) => a.category === l);
+function ul(l) {
+  return Ee.filter((a) => a.category === l);
 }
-function vl() {
-  return [...new Set(Ve.map((l) => l.category))];
+function xl() {
+  return [...new Set(Ee.map((l) => l.category))];
 }
 export {
-  Qt as C,
-  qt as I,
-  jt as L,
-  Tt as M,
-  St as S,
-  wa as T,
-  Vt as W,
-  Yt as a,
-  ft as b,
-  bt as c,
-  xl as d,
-  Pt as e,
-  ba as f,
-  el as g,
-  $t as h,
-  ha as i,
-  pa as j,
-  ut as k,
-  da as l,
-  hl as m,
-  vl as n,
-  gl as o,
-  fl as p,
-  bl as q,
-  Ve as r,
-  Dt as s,
-  ul as t,
-  Ft as u
+  Xt as C,
+  Rt as I,
+  $t as L,
+  Ct as M,
+  Mt as S,
+  fa as T,
+  zt as W,
+  Wt as a,
+  ut as b,
+  ht as c,
+  dl as d,
+  At as e,
+  xa as f,
+  Yt as g,
+  Kt as h,
+  da as i,
+  ma as j,
+  mt as k,
+  oa as l,
+  ol as m,
+  xl as n,
+  pl as o,
+  ul as p,
+  hl as q,
+  Ee as r,
+  Ht as s,
+  ml as t,
+  Et as u
 };