erl-mathtextx-editor 0.1.2

package/dist/index-DYxMVo98.js

@@ -0,0 +1,4599 @@
+import { jsx as e, jsxs as a, Fragment as Z } from "react/jsx-runtime";
+import oe, { useRef as R, useState as H, useEffect as X, useCallback as b, useMemo as Ce, lazy as le, Suspense as te, useId as Lt } from "react";
+import { N as je, a as Ue, R as Ie, m as Te, E as Ye, T as _t, A as zt, b as St, c as Dt, d as Bt, U as Pt, S as Vt, e as Rt, f as It, C as Et, g as Kt, h as $t, i as Ot, j as Ft, k as Wt, F as qt, l as Gt, H as Xt, L as jt, I as Ut, P as Yt, n as Jt, u as Zt, o as Qt } from "./tiptap-BhJ7Fu9S.js";
+import "./ContentViewer-DcvxXP9t.js";
+function Ze(n) {
+  const t = n.closest(".mtx-content");
+  if (!t)
+    return "left";
+  const l = n.getBoundingClientRect(), i = t.getBoundingClientRect(), r = (l.left + l.width / 2 - i.left) / Math.max(i.width, 1), s = 0.38, o = 0.62;
+  return r <= s ? "left" : r >= o ? "right" : "center";
+}
+function Qe(n, t) {
+  if (n == null || n === "")
+    return t;
+  if (typeof n == "number")
+    return `${Math.round(n)}px`;
+  const l = n.trim();
+  return l ? l === "auto" || l.endsWith("%") || l.endsWith("px") ? l : /^\d+(\.\d+)?$/.test(l) ? `${Math.round(Number(l))}px` : l : t;
+}
+function ea(n) {
+  const { node: t, updateAttributes: l, selected: i, getPos: c, editor: r } = n, s = t.attrs, o = R(null), N = R(!1), y = R(null), u = R({ x: 0, y: 0, width: 0, height: 0 }), h = R(s), m = R(() => {
+  }), k = R(!1), f = R({ x: 0, y: 0, offsetX: 0, offsetY: 0 }), P = R(() => {
+  }), p = R(null), g = R(null), w = R({ x: Number(s.offsetX || 0), y: Number(s.offsetY || 0) }), B = R(s.align === "full" ? "center" : s.align || "center"), _ = R({ width: 0, height: 0 }), W = R(null), q = R(null), ie = R(null), [fe, ae] = H(!1), [me, Ae] = H(!1), [C, j] = H(null), [de, Ne] = H(!1), [, ne] = H(0);
+  X(() => {
+    h.current = s, w.current = {
+      x: Number(s.offsetX || 0),
+      y: Number(s.offsetY || 0)
+    }, B.current = s.align === "full" ? "center" : s.align || "center";
+  }, [s]), X(() => {
+    if (!de) return;
+    const x = window.setTimeout(() => {
+      Ne(!1);
+    }, 180);
+    return () => window.clearTimeout(x);
+  }, [de]);
+  const pe = b(() => {
+    var x, V;
+    (x = q.current) == null || x.remove(), (V = ie.current) == null || V.remove(), q.current = null, ie.current = null;
+  }, []), ye = b(() => {
+    const x = o.current;
+    if (!x) return null;
+    const V = x.closest(".mtx-content");
+    if (!V) return null;
+    const O = V.closest(".mtx-editor") || V;
+    if (W.current = O, !ie.current) {
+      const E = document.createElement("div");
+      E.className = "mtx-image-drag-zone", E.setAttribute("aria-hidden", "true"), O.appendChild(E), ie.current = E;
+    }
+    if (!q.current) {
+      const E = document.createElement("div");
+      E.className = "mtx-image-drag-guide", E.setAttribute("aria-hidden", "true"), O.appendChild(E), q.current = E;
+    }
+    return { wrapper: x, editorContent: V, host: O };
+  }, []), ge = b((x) => {
+    const V = ye();
+    if (!V) return;
+    const { editorContent: K, host: O } = V, E = O.getBoundingClientRect(), Y = K.getBoundingClientRect(), J = Y.left - E.left, xe = Y.top - E.top, ke = Y.width, De = Y.height, be = ie.current, se = q.current;
+    if (!be || !se) return;
+    be.className = "mtx-image-drag-zone", se.className = "mtx-image-drag-guide", be.style.left = `${Math.round(J)}px`, be.style.top = `${Math.round(xe)}px`, be.style.width = `${Math.round(ke)}px`, be.style.height = `${Math.round(De)}px`, se.style.left = `${Math.round(J)}px`, se.style.top = `${Math.round(xe)}px`, se.style.width = `${Math.round(ke)}px`, se.style.height = `${Math.round(De)}px`, se.style.borderLeft = "2px dashed rgba(37, 99, 235, 0.5)", se.style.transform = "translateX(-50%)";
+    const Ee = x === "left" ? J + ke * 0.33 : x === "right" ? J + ke * 0.66 : J + ke * 0.5;
+    se.style.left = `${Math.round(Ee)}px`;
+  }, [ye]);
+  X(() => () => {
+    pe();
+  }, [pe]);
+  const G = b((x) => {
+    const V = o.current, K = y.current;
+    if (!N.current || !V || !K)
+      return;
+    const O = x.clientX - u.current.x, E = x.clientY - u.current.y;
+    let Y = u.current.width, J = u.current.height;
+    K.includes("e") ? Y = Math.max(50, u.current.width + O) : K.includes("w") && (Y = Math.max(50, u.current.width - O)), K.includes("s") ? J = Math.max(50, u.current.height + E) : K.includes("n") && (J = Math.max(50, u.current.height - E)), g.current = {
+      width: Math.round(Y),
+      height: Math.round(J)
+    }, p.current === null && (p.current = window.requestAnimationFrame(() => {
+      const xe = g.current;
+      if (!V || !xe) {
+        p.current = null;
+        return;
+      }
+      V.style.width = `${xe.width}px`, h.current.height && h.current.height !== "auto" && (V.style.height = `${xe.height}px`), p.current = null;
+    }));
+  }, []), Me = b(() => {
+    const x = o.current;
+    if (!N.current || !x)
+      return;
+    const V = x.offsetWidth, K = x.offsetHeight;
+    l({
+      width: Math.round(V),
+      height: h.current.height === "auto" ? "auto" : Math.round(K)
+    }), N.current = !1, y.current = null, ae(!1), g.current = null, window.removeEventListener("mousemove", G), window.removeEventListener("mouseup", m.current);
+  }, [G, l]);
+  X(() => {
+    m.current = Me;
+  }, [Me]);
+  const he = b((x) => {
+    const V = o.current;
+    if (!k.current || !V)
+      return;
+    const K = f.current.offsetX + (x.clientX - f.current.x), O = f.current.offsetY + (x.clientY - f.current.y);
+    w.current = {
+      x: Math.round(K),
+      y: Math.round(O)
+    }, p.current === null && (p.current = window.requestAnimationFrame(() => {
+      const E = o.current;
+      if (E) {
+        E.style.transform = `translate3d(${w.current.x}px, ${w.current.y}px, 0)`;
+        const Y = Ze(E);
+        Y !== B.current && (B.current = Y, j(Y), ne((J) => J + 1)), ge(B.current);
+      }
+      p.current = null;
+    }));
+  }, [ge]), ve = b(() => {
+    const x = o.current;
+    if (!k.current || !x)
+      return;
+    const V = B.current || Ze(x);
+    k.current = !1, Ae(!1), j(null), Ne(!0), pe(), l({
+      align: V,
+      offsetX: 0,
+      offsetY: 0
+    }), x.style.transform = "translate3d(0px, 0px, 0)", w.current = { x: 0, y: 0 }, window.removeEventListener("mousemove", he), window.removeEventListener("mouseup", P.current);
+  }, [he, pe, l]);
+  X(() => {
+    P.current = ve;
+  }, [ve]);
+  const Q = b((x, V) => {
+    x.preventDefault(), x.stopPropagation();
+    const K = o.current;
+    if (!K)
+      return;
+    const O = K.getBoundingClientRect();
+    u.current = {
+      x: x.clientX,
+      y: x.clientY,
+      width: O.width,
+      height: O.height
+    }, N.current = !0, y.current = V, ae(!0), window.addEventListener("mousemove", G), window.addEventListener("mouseup", m.current);
+  }, [G]), v = b((x) => {
+    if (x.button !== 0 || N.current || x.target.closest(".mtx-image-resize-handles"))
+      return;
+    if (x.preventDefault(), x.stopPropagation(), typeof c == "function") {
+      const O = c();
+      typeof O == "number" && r.commands.setNodeSelection(O);
+    }
+    (h.current.align === "center" || h.current.align === "full") && (l({
+      align: "left",
+      offsetX: 0,
+      offsetY: 0
+    }), h.current = {
+      ...h.current,
+      align: "left",
+      offsetX: 0,
+      offsetY: 0
+    }), B.current = h.current.align === "full" ? "center" : h.current.align || "center", j(B.current), ge(B.current), f.current = {
+      x: x.clientX,
+      y: x.clientY,
+      offsetX: Number(h.current.offsetX || 0),
+      offsetY: Number(h.current.offsetY || 0)
+    };
+    const K = o.current;
+    K && (_.current = {
+      width: K.offsetWidth,
+      height: K.offsetHeight
+    }), w.current = {
+      x: f.current.offsetX,
+      y: f.current.offsetY
+    }, k.current = !0, Ae(!0), window.addEventListener("mousemove", he), window.addEventListener("mouseup", P.current);
+  }, [r.commands, c, he, l, ge]);
+  X(() => () => {
+    p.current !== null && window.cancelAnimationFrame(p.current), window.removeEventListener("mousemove", G), window.removeEventListener("mouseup", m.current), window.removeEventListener("mousemove", he), window.removeEventListener("mouseup", P.current);
+  }, [he, G]);
+  const T = `mtx-image--${s.align || "center"}`, D = Qe(s.width, "auto"), $ = Qe(s.height, "auto"), F = C ? `mtx-image-snap-preview--${C}` : "";
+  return /* @__PURE__ */ e(
+    je,
+    {
+      as: "figure",
+      className: `mtx-image-figure ${T} ${i ? "mtx-image--selected" : ""} ${me ? "mtx-image--dragging" : ""} ${de ? "mtx-image--snap-animating" : ""} ${F}`,
+      contentEditable: !1,
+      children: /* @__PURE__ */ a(
+        "div",
+        {
+          ref: o,
+          className: `mtx-image-wrapper ${me ? "is-dragging" : ""}`,
+          style: {
+            width: D,
+            height: $,
+            position: "relative",
+            display: "inline-block",
+            maxWidth: "100%",
+            verticalAlign: "top",
+            transform: `translate3d(${Number(s.offsetX || 0)}px, ${Number(s.offsetY || 0)}px, 0)`,
+            cursor: i ? me ? "grabbing" : "grab" : "default",
+            willChange: me ? "transform" : fe ? "width, height" : "auto",
+            contain: fe ? "layout style" : "none"
+          },
+          onMouseDown: v,
+          children: [
+            /* @__PURE__ */ e(
+              "img",
+              {
+                src: s.src,
+                alt: s.alt || "",
+                title: s.title || "",
+                style: {
+                  width: "100%",
+                  height: $ === "auto" ? "auto" : "100%",
+                  display: "block",
+                  maxWidth: "100%",
+                  userSelect: "none"
+                },
+                draggable: !1
+              }
+            ),
+            i && /* @__PURE__ */ a("div", { className: "mtx-image-resize-handles", children: [
+              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--nw", onMouseDown: (x) => Q(x, "nw") }),
+              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--ne", onMouseDown: (x) => Q(x, "ne") }),
+              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--sw", onMouseDown: (x) => Q(x, "sw") }),
+              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--se", onMouseDown: (x) => Q(x, "se") }),
+              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--n", onMouseDown: (x) => Q(x, "n") }),
+              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--e", onMouseDown: (x) => Q(x, "e") }),
+              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--s", onMouseDown: (x) => Q(x, "s") }),
+              /* @__PURE__ */ e("button", { type: "button", className: "mtx-resize-handle mtx-resize-handle--w", onMouseDown: (x) => Q(x, "w") })
+            ] }),
+            fe && /* @__PURE__ */ e("div", { className: "mtx-image-resize-overlay" })
+          ]
+        }
+      )
+    }
+  );
+}
+const ta = ({ node: n, updateAttributes: t }) => {
+  const l = R(null), [i, c] = H(n.attrs.formula || "sin(x)"), [r, s] = H(n.attrs.xDomain || [-10, 10]), [o, N] = H(n.attrs.yDomain || [-5, 5]);
+  X(() => {
+    let h = !0;
+    return l.current && import("./index-CLGg8QXp.js").then((m) => m.i).then((m) => {
+      if (!h) return;
+      const k = m.default;
+      try {
+        k({
+          target: l.current,
+          // Use non-null assertion as we checked graphRef.current
+          width: 500,
+          height: 300,
+          yAxis: { domain: o },
+          xAxis: { domain: r },
+          grid: !0,
+          data: [
+            {
+              fn: i,
+              graphType: "polyline"
+            }
+          ],
+          disableZoom: !1
+        });
+      } catch (f) {
+        console.error("Graph rendering error:", f);
+      }
+    }).catch((m) => console.error("Failed to load function-plot", m)), () => {
+      h = !1;
+    };
+  }, [i, r, o]);
+  const y = (h) => {
+    c(h.target.value);
+  }, u = () => {
+    t({ formula: i, xDomain: r, yDomain: o });
+  };
+  return /* @__PURE__ */ a(je, { className: "mtx-graph-component", children: [
+    /* @__PURE__ */ a("div", { className: "mtx-graph-controls", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: i,
+          onChange: y,
+          placeholder: "f(x) = ...",
+          onBlur: u,
+          className: "mtx-graph-input"
+        }
+      ),
+      /* @__PURE__ */ a("div", { className: "mtx-graph-domains", children: [
+        /* @__PURE__ */ a("div", { className: "mtx-graph-domain-group", children: [
+          /* @__PURE__ */ e("span", { className: "mtx-graph-domain-label", children: "X Axis" }),
+          /* @__PURE__ */ e("input", { className: "mtx-graph-domain-input", type: "number", value: r[0], onChange: (h) => s([Number(h.target.value), r[1]]), onBlur: u }),
+          /* @__PURE__ */ e("span", { className: "mtx-graph-domain-separator", children: "to" }),
+          /* @__PURE__ */ e("input", { className: "mtx-graph-domain-input", type: "number", value: r[1], onChange: (h) => s([r[0], Number(h.target.value)]), onBlur: u })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "mtx-graph-domain-group", children: [
+          /* @__PURE__ */ e("span", { className: "mtx-graph-domain-label", children: "Y Axis" }),
+          /* @__PURE__ */ e("input", { className: "mtx-graph-domain-input", type: "number", value: o[0], onChange: (h) => N([Number(h.target.value), o[1]]), onBlur: u }),
+          /* @__PURE__ */ e("span", { className: "mtx-graph-domain-separator", children: "to" }),
+          /* @__PURE__ */ e("input", { className: "mtx-graph-domain-input", type: "number", value: o[1], onChange: (h) => N([o[0], Number(h.target.value)]), onBlur: u })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { ref: l, className: "mtx-graph-render" })
+  ] });
+}, aa = Ue.create({
+  name: "graph",
+  group: "block",
+  atom: !0,
+  addAttributes() {
+    return {
+      formula: {
+        default: "sin(x)"
+      },
+      xDomain: {
+        default: [-10, 10]
+      },
+      yDomain: {
+        default: [-5, 5]
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="graph"]'
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: n }) {
+    return ["div", Te(n, { "data-type": "graph" })];
+  },
+  addNodeView() {
+    return Ie(ta);
+  },
+  addCommands() {
+    return {
+      insertGraph: () => ({ commands: n }) => n.insertContent({
+        type: this.name,
+        attrs: {
+          formula: "sin(x)"
+        }
+      })
+    };
+  }
+}), $e = "tt-indent-", na = Ye.create({
+  name: "indent",
+  addOptions() {
+    return {
+      types: ["heading", "listItem", "taskItem", "paragraph"],
+      minLevel: 0,
+      maxLevel: 8
+    };
+  },
+  addGlobalAttributes() {
+    return [
+      {
+        types: this.options.types,
+        attributes: {
+          indent: {
+            default: null,
+            renderHTML: (n) => n.indent ? n.indent > this.options.minLevel ? {
+              class: `${$e}${n.indent}`
+            } : {} : {},
+            parseHTML: (n) => {
+              let t = "";
+              if (n.classList.forEach((l) => {
+                l.indexOf($e) === 0 && (t = l);
+              }), t) {
+                const l = parseInt(t.slice($e.length), 10);
+                return l && l > this.options.minLevel ? l : null;
+              }
+              return null;
+            }
+          }
+        }
+      }
+    ];
+  },
+  addCommands() {
+    const n = (i, c, r) => {
+      var s;
+      const o = (s = i == null ? void 0 : i.doc) === null || s === void 0 ? void 0 : s.nodeAt(c);
+      if (o) {
+        const N = (o.attrs.indent || 0) + r, { minLevel: y, maxLevel: u } = this.options;
+        let h = N;
+        if (N < y ? h = y : N > u && (h = u), h !== o.attrs.indent) {
+          const { indent: m, ...k } = o.attrs, f = h > y ? { ...k, indent: h } : k;
+          return i.setNodeMarkup(c, o.type, f, o.marks);
+        }
+      }
+      return i;
+    }, t = (i, c) => {
+      const { doc: r, selection: s } = i;
+      if (r && s && (s instanceof _t || s instanceof zt)) {
+        const { from: o, to: N } = s;
+        r.nodesBetween(o, N, (y, u) => this.options.types.includes(y.type.name) ? (i = n(i, u, c), !1) : !0);
+      }
+      return i;
+    }, l = (i) => () => ({ tr: c, state: r, dispatch: s }) => {
+      const { selection: o } = r;
+      return c = c.setSelection(o), c = t(c, i), c.docChanged ? (s == null || s(c), !0) : !1;
+    };
+    return {
+      indent: l(1),
+      outdent: l(-1)
+    };
+  },
+  addKeyboardShortcuts() {
+    return {
+      Tab: () => this.editor.commands.indent(),
+      "Shift-Tab": () => this.editor.commands.outdent()
+    };
+  }
+}), la = ["plain", "light", "dark", "blue", "striped", "minimal"], Oe = ["paragraph", "listItem", "taskItem"], ia = Ye.create({
+  name: "indentBackspace",
+  addKeyboardShortcuts() {
+    return {
+      Backspace: () => {
+        const { editor: n } = this, { empty: t, $from: l } = n.state.selection;
+        if (!t || l.parentOffset !== 0)
+          return !1;
+        const i = l.parent.type.name;
+        return !Oe.includes(i) || !n.can().outdent() ? !1 : n.commands.outdent();
+      },
+      Tab: () => {
+        const { editor: n } = this, { empty: t, $from: l } = n.state.selection;
+        if (!t)
+          return !1;
+        const i = l.parent.type.name;
+        return !Oe.includes(i) || !n.can().indent() ? !1 : n.commands.indent();
+      },
+      "Shift-Tab": () => {
+        const { editor: n } = this, { empty: t, $from: l } = n.state.selection;
+        if (!t)
+          return !1;
+        const i = l.parent.type.name;
+        return !Oe.includes(i) || !n.can().outdent() ? !1 : n.commands.outdent();
+      }
+    };
+  }
+});
+function ut(n) {
+  const t = [];
+  if (n.backgroundColor && t.push(`background-color: ${String(n.backgroundColor)}`), n.textAlign && t.push(`text-align: ${String(n.textAlign)}`), n.verticalAlign) {
+    const l = n.verticalAlign === "middle" ? "middle" : String(n.verticalAlign);
+    t.push(`vertical-align: ${l}`);
+  }
+  return n.width && t.push(`width: ${String(n.width)}`), t.join("; ");
+}
+function et(n) {
+  if (n == null || n === "")
+    return null;
+  if (typeof n == "number")
+    return `${Math.round(n)}px`;
+  const t = String(n).trim();
+  return t ? t === "auto" || t.endsWith("%") || t.endsWith("px") ? t : /^\d+(\.\d+)?$/.test(t) ? `${Math.round(Number(t))}px` : t : null;
+}
+const sa = St.extend({
+  addAttributes() {
+    return {
+      theme: {
+        default: "plain",
+        parseHTML: (n) => {
+          const t = n;
+          return la.find((l) => t.classList.contains(`mtx-table--${l}`)) || "plain";
+        },
+        renderHTML: () => ({})
+      }
+    };
+  },
+  renderHTML({ HTMLAttributes: n }) {
+    const t = typeof n.theme == "string" ? n.theme : "plain", { theme: l, class: i, ...c } = n;
+    return [
+      "table",
+      Te(c, {
+        class: ["mtx-table", i, `mtx-table--${t}`].filter(Boolean).join(" ")
+      }),
+      ["tbody", 0]
+    ];
+  }
+}), ra = Dt.extend({
+  addAttributes() {
+    var n;
+    return {
+      ...(n = this.parent) == null ? void 0 : n.call(this),
+      backgroundColor: {
+        default: null,
+        parseHTML: (t) => t.style.backgroundColor || null,
+        renderHTML: () => ({})
+      },
+      textAlign: {
+        default: null,
+        parseHTML: (t) => t.style.textAlign || null,
+        renderHTML: () => ({})
+      },
+      verticalAlign: {
+        default: null,
+        parseHTML: (t) => t.style.verticalAlign || null,
+        renderHTML: () => ({})
+      },
+      width: {
+        default: null,
+        parseHTML: (t) => t.style.width || null,
+        renderHTML: () => ({})
+      }
+    };
+  },
+  renderHTML({ HTMLAttributes: n }) {
+    const t = ut(n), { backgroundColor: l, textAlign: i, verticalAlign: c, width: r, ...s } = n;
+    return ["td", Te(s, t ? { style: t } : {}), 0];
+  }
+}), ca = Bt.extend({
+  addAttributes() {
+    var n;
+    return {
+      ...(n = this.parent) == null ? void 0 : n.call(this),
+      backgroundColor: {
+        default: null,
+        parseHTML: (t) => t.style.backgroundColor || null,
+        renderHTML: () => ({})
+      },
+      textAlign: {
+        default: null,
+        parseHTML: (t) => t.style.textAlign || null,
+        renderHTML: () => ({})
+      },
+      verticalAlign: {
+        default: null,
+        parseHTML: (t) => t.style.verticalAlign || null,
+        renderHTML: () => ({})
+      },
+      width: {
+        default: null,
+        parseHTML: (t) => t.style.width || null,
+        renderHTML: () => ({})
+      }
+    };
+  },
+  renderHTML({ HTMLAttributes: n }) {
+    const t = ut(n), { backgroundColor: l, textAlign: i, verticalAlign: c, width: r, ...s } = n;
+    return ["th", Te(s, t ? { style: t } : {}), 0];
+  }
+});
+function oa(n = {}) {
+  return [
+    Ot.configure({
+      heading: {
+        levels: [1, 2, 3, 4]
+      },
+      codeBlock: {
+        HTMLAttributes: {
+          class: "mtx-code-block"
+        }
+      },
+      blockquote: {
+        HTMLAttributes: {
+          class: "mtx-blockquote"
+        }
+      }
+    }),
+    Pt,
+    Vt,
+    Rt,
+    Ft.configure({
+      HTMLAttributes: {
+        class: "mtx-task-list"
+      }
+    }),
+    Wt.configure({
+      nested: !0,
+      HTMLAttributes: {
+        class: "mtx-task-item"
+      }
+    }),
+    It,
+    Et,
+    qt.configure({
+      types: ["textStyle"]
+    }),
+    Gt.configure({
+      types: ["heading", "paragraph"],
+      alignments: ["left", "center", "right", "justify"],
+      defaultAlignment: "left"
+    }),
+    Xt.configure({
+      multicolor: !0,
+      HTMLAttributes: {
+        class: "mtx-highlight"
+      }
+    }),
+    Kt,
+    ia,
+    na.configure({
+      types: ["paragraph", "listItem", "taskItem"],
+      minLevel: 0,
+      maxLevel: 7
+    }),
+    jt.configure({
+      openOnClick: !1,
+      autolink: !0,
+      HTMLAttributes: {
+        class: "mtx-link",
+        rel: "noopener noreferrer",
+        target: "_blank"
+      }
+    }),
+    Ut.extend({
+      parseHTML() {
+        return [
+          {
+            tag: "figure.mtx-image-figure",
+            getAttrs: (t) => {
+              const l = t, i = l.querySelector("img");
+              if (!i)
+                return !1;
+              const c = ["left", "center", "right", "full"].find(
+                (r) => l.classList.contains(`mtx-image--${r}`)
+              ) || "center";
+              return {
+                src: i.getAttribute("src"),
+                alt: i.getAttribute("alt"),
+                title: i.getAttribute("title"),
+                width: l.style.width || i.style.width || i.getAttribute("width") || null,
+                height: l.style.height || i.style.height || i.getAttribute("height") || null,
+                align: c,
+                offsetX: Number(l.getAttribute("data-offset-x") || 0),
+                offsetY: Number(l.getAttribute("data-offset-y") || 0)
+              };
+            }
+          },
+          {
+            tag: "img[src]",
+            getAttrs: (t) => {
+              const l = t;
+              return {
+                src: l.getAttribute("src"),
+                alt: l.getAttribute("alt"),
+                title: l.getAttribute("title"),
+                width: l.style.width || l.getAttribute("width") || null,
+                height: l.style.height || l.getAttribute("height") || null,
+                align: l.getAttribute("align") || "center",
+                offsetX: Number(l.getAttribute("data-offset-x") || 0),
+                offsetY: Number(l.getAttribute("data-offset-y") || 0)
+              };
+            }
+          }
+        ];
+      },
+      addNodeView() {
+        return Ie(ea);
+      },
+      addAttributes() {
+        return {
+          src: {
+            default: null
+          },
+          alt: {
+            default: null
+          },
+          title: {
+            default: null
+          },
+          width: {
+            default: null
+          },
+          height: {
+            default: null
+          },
+          align: {
+            default: "center"
+          },
+          offsetX: {
+            default: 0
+          },
+          offsetY: {
+            default: 0
+          }
+        };
+      },
+      renderHTML({ HTMLAttributes: t }) {
+        const {
+          src: l,
+          alt: i,
+          title: c,
+          width: r,
+          height: s,
+          align: o = "center",
+          offsetX: N = 0,
+          offsetY: y = 0,
+          ...u
+        } = t, h = et(r), m = et(s), k = Te(u, {
+          src: l,
+          alt: i,
+          title: c,
+          style: ["display: block", "max-width: 100%", m && m !== "auto" ? `height: ${m}` : "height: auto"].filter(Boolean).join("; ")
+        }), f = Number(N) !== 0 || Number(y) !== 0, P = [h ? `width: ${h}` : null, m && m !== "auto" ? `height: ${m}` : null, f ? `transform: translate3d(${Number(N)}px, ${Number(y)}px, 0)` : null].filter(Boolean).join("; ");
+        return [
+          "figure",
+          {
+            class: `mtx-image-figure mtx-image--${o}`,
+            "data-type": "image",
+            "data-offset-x": String(N),
+            "data-offset-y": String(y),
+            style: P || null
+          },
+          ["img", k]
+        ];
+      }
+    }).configure({
+      inline: !1,
+      allowBase64: !0,
+      HTMLAttributes: {
+        class: "mtx-image"
+      }
+    }),
+    sa.configure({
+      resizable: !0,
+      HTMLAttributes: {
+        class: "mtx-table"
+      }
+    }),
+    $t,
+    ra,
+    ca,
+    Yt.configure({
+      placeholder: n.placeholder || "Tulis soal di sini...",
+      emptyEditorClass: "mtx-placeholder"
+    }),
+    aa,
+    Ye.create({
+      name: "slash-graph",
+      addInputRules() {
+        return [
+          new Jt({
+            find: /^\/graph\s$/,
+            handler: ({ range: t, chain: l }) => {
+              l().deleteRange(t).insertContent({ type: "graph", attrs: { formula: "sin(x)" } }).run();
+            }
+          })
+        ];
+      }
+    })
+  ];
+}
+function ma({ onInsert: n }) {
+  const [t, l] = H(0), [i, c] = H(0), r = 10, s = 10, o = (u, h) => {
+    l(u), c(h);
+  }, N = () => {
+    l(0), c(0);
+  }, y = () => {
+    if (t > 0 && i > 0) {
+      let u = `\\begin{pmatrix}
+`;
+      for (let h = 0; h < t; h++) {
+        const m = Array(i).fill("#?").join(" & ");
+        u += "  " + m + (h < t - 1 ? " \\\\" : "") + `
+`;
+      }
+      u += "\\end{pmatrix}", n(u);
+    }
+  };
+  return /* @__PURE__ */ a("div", { className: "mtx-matrix-grid-selector", onMouseLeave: N, children: [
+    /* @__PURE__ */ e("div", { className: "mtx-matrix-grid-label", children: t > 0 ? `${t}×${i}` : "Pilih Ukuran Matriks" }),
+    /* @__PURE__ */ e("div", { className: "mtx-matrix-grid-squares", children: Array.from({ length: r }).map((u, h) => /* @__PURE__ */ e("div", { className: "mtx-matrix-grid-row", children: Array.from({ length: s }).map((m, k) => {
+      const f = h < t && k < i;
+      return /* @__PURE__ */ e(
+        "div",
+        {
+          className: `mtx-matrix-grid-cell ${f ? "is-active" : ""}`,
+          onMouseEnter: () => o(h + 1, k + 1),
+          onClick: y
+        },
+        k
+      );
+    }) }, h)) })
+  ] });
+}
+function tt() {
+  return window.mathVirtualKeyboard;
+}
+const S = () => /* @__PURE__ */ e("span", { className: "mt-ph" }), d = () => /* @__PURE__ */ e("span", { className: "mt-ph mt-ph--sm" }), L = ({ t: n }) => /* @__PURE__ */ e("span", { className: "mt-txt-icon", children: n }), Fe = [
+  // ---- Tab 1: Fractions & Roots ----
+  {
+    id: "frac",
+    icon: "√▫·▫",
+    tip: "Pecahan & Akar",
+    rows: [
+      [
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+            /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e(S, {}) }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e(S, {}) })
+          ] }),
+          latex: "\\frac{#?}{#?}",
+          tip: "Pecahan"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e(S, {}),
+            /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+              /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e(d, {}) }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e(d, {}) })
+            ] })
+          ] }),
+          latex: "#?\\frac{#?}{#?}",
+          tip: "Pecahan campuran"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-stack mt-icon-stack--lg", children: [
+            /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e(S, {}) }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e(S, {}) })
+          ] }),
+          latex: "\\dfrac{#?}{#?}",
+          tip: "Pecahan besar (display)"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+            /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e(S, {}) }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ a("span", { className: "mt-icon-stack mt-icon-stack--sm", children: [
+              /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e(d, {}) }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e(d, {}) })
+            ] }) })
+          ] }),
+          latex: "\\cfrac{#?}{\\cfrac{#?}{#?}}",
+          tip: "Pecahan kontinu"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-icon-sqrt", children: "√" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-sqrt-bar", children: /* @__PURE__ */ e(S, {}) })
+          ] }),
+          latex: "\\sqrt{#?}",
+          tip: "Akar kuadrat"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("sup", { className: "mt-icon-idx", children: "3" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-sqrt", children: "√" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-sqrt-bar", children: /* @__PURE__ */ e(S, {}) })
+          ] }),
+          latex: "\\sqrt[3]{#?}",
+          tip: "Akar pangkat 3"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("sup", { className: "mt-icon-idx", children: /* @__PURE__ */ e(d, {}) }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-sqrt", children: "√" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-sqrt-bar", children: /* @__PURE__ */ e(S, {}) })
+          ] }),
+          latex: "\\sqrt[#?]{#?}",
+          tip: "Akar pangkat n"
+        }
+      ],
+      [
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+            /* @__PURE__ */ e("sup", { children: /* @__PURE__ */ e(d, {}) })
+          ] }),
+          latex: "#?^{#?}",
+          tip: "Pangkat / Superscript"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+            /* @__PURE__ */ e("sub", { children: /* @__PURE__ */ e(d, {}) })
+          ] }),
+          latex: "#?_{#?}",
+          tip: "Subskrip"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+            /* @__PURE__ */ e("sub", { children: /* @__PURE__ */ e(d, {}) }),
+            /* @__PURE__ */ e("sup", { children: /* @__PURE__ */ e(d, {}) })
+          ] }),
+          latex: "#?_{#?}^{#?}",
+          tip: "Pangkat + subskrip"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-sym", children: "e" }),
+            /* @__PURE__ */ e("sup", { children: /* @__PURE__ */ e(d, {}) })
+          ] }),
+          latex: "e^{#?}",
+          tip: "Eksponen e"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-sym", children: "10" }),
+            /* @__PURE__ */ e("sup", { children: /* @__PURE__ */ e(d, {}) })
+          ] }),
+          latex: "10^{#?}",
+          tip: "Pangkat 10"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+            /* @__PURE__ */ e("sup", { children: "-1" })
+          ] }),
+          latex: "#?^{-1}",
+          tip: "Invers"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+            /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e(d, {}) }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e(d, {}) })
+          ] }),
+          latex: "\\tfrac{#?}{#?}",
+          tip: "Pecahan kecil (text)"
+        }
+      ],
+      [
+        // Additional Fractions
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+            /* @__PURE__ */ e("span", { className: "mt-icon-num", children: "n" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-den", children: "k" })
+          ] }),
+          latex: "\\binom{#?}{#?}",
+          tip: "Kombinasi (n choose k)"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+            /* @__PURE__ */ e("span", { className: "mt-icon-num", children: "1" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e(S, {}) })
+          ] }),
+          latex: "\\frac{1}{#?}",
+          tip: "Pecahan Unit"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-icon-sqrt", children: "√" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-sqrt-bar", children: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+              /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e(d, {}) }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e(d, {}) })
+            ] }) })
+          ] }),
+          latex: "\\sqrt{\\frac{#?}{#?}}",
+          tip: "Akar dari pecahan"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e(S, {}),
+            /* @__PURE__ */ e("span", { className: "mt-icon-sqrt", children: "√" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-sqrt-bar", children: /* @__PURE__ */ e(S, {}) })
+          ] }),
+          latex: "#?\\sqrt{#?}",
+          tip: "Akar dengan koefisien"
+        }
+      ],
+      [
+        // Additional Powers & Roots
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+            /* @__PURE__ */ e("sup", { children: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+              /* @__PURE__ */ e("span", { className: "mt-icon-num", children: "1" }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-den", children: "2" })
+            ] }) })
+          ] }),
+          latex: "#?^{\\frac{1}{2}}",
+          tip: "Pangkat 1/2 (√)"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+            /* @__PURE__ */ e("sup", { children: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+              /* @__PURE__ */ e("span", { className: "mt-icon-num", children: "1" }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-den", children: "3" })
+            ] }) })
+          ] }),
+          latex: "#?^{\\frac{1}{3}}",
+          tip: "Pangkat 1/3 (³√)"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+            /* @__PURE__ */ e("span", { className: "mt-icon-num", children: "1" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+              /* @__PURE__ */ e("span", { className: "mt-icon-sqrt", children: "√" }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-sqrt-bar", children: /* @__PURE__ */ e(S, {}) })
+            ] }) })
+          ] }),
+          latex: "\\frac{1}{\\sqrt{#?}}",
+          tip: "Akar di penyebut"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-icon-sqrt", children: "√" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-sqrt-bar", children: /* @__PURE__ */ e(S, {}) }),
+            /* @__PURE__ */ e("span", { className: "mt-sym", children: "±" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-sqrt", children: "√" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-sqrt-bar", children: /* @__PURE__ */ e(S, {}) })
+          ] }),
+          latex: "\\sqrt{#?} \\pm \\sqrt{#?}",
+          tip: "Operasi akar"
+        }
+      ],
+      [
+        // Common Formulas - Algebra
+        { icon: /* @__PURE__ */ e(L, { t: "Rumus ABC" }), latex: "x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}", tip: "Rumus Kuadrat (ABC)", command: "formula" },
+        { icon: /* @__PURE__ */ e(L, { t: "Pythagoras" }), latex: "a^2 + b^2 = c^2", tip: "Teorema Pythagoras", command: "formula" },
+        { icon: /* @__PURE__ */ e(L, { t: "Diskriminan" }), latex: "D = b^2 - 4ac", tip: "Diskriminan", command: "formula" },
+        { icon: /* @__PURE__ */ e(L, { t: "(a+b)²" }), latex: "(a+b)^2 = a^2 + 2ab + b^2", tip: "Kuadrat Sempurna", command: "formula" },
+        { icon: /* @__PURE__ */ e(L, { t: "a²-b²" }), latex: "a^2 - b^2 = (a+b)(a-b)", tip: "Selisih Kuadrat", command: "formula" }
+      ]
+    ]
+  },
+  // ---- Tab 2: Spaces/Constants ----
+  {
+    id: "const",
+    icon: "€ ∞",
+    tip: "Konstanta & Spasi",
+    rows: [
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∞" }), latex: "\\infty", tip: "Tak hingga" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "π" }), latex: "\\pi", tip: "Pi" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "e" }), latex: "e", tip: "Euler number" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "i" }), latex: "i", tip: "Unit imajiner" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "°" }), latex: "^{\\circ}", tip: "Derajat" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "%" }), latex: "\\%", tip: "Persen" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ℏ" }), latex: "\\hbar", tip: "H-bar (Planck)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∂" }), latex: "\\partial", tip: "Parsial" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ℝ" }), latex: "\\mathbb{R}", tip: "Bilangan real" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ℕ" }), latex: "\\mathbb{N}", tip: "Bilangan asli" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ℤ" }), latex: "\\mathbb{Z}", tip: "Bilangan bulat" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ℚ" }), latex: "\\mathbb{Q}", tip: "Bilangan rasional" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ℂ" }), latex: "\\mathbb{C}", tip: "Bilangan kompleks" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∇" }), latex: "\\nabla", tip: "Nabla" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ℓ" }), latex: "\\ell", tip: "Script ℓ" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "‰" }), latex: "\\permil", tip: "Per mil" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e(L, { t: "E=mc²" }), latex: "E = mc^2", tip: "Relativitas (Einstein)" },
+        { icon: /* @__PURE__ */ e(L, { t: "F=ma" }), latex: "F = m a", tip: "Hukum Newton II" },
+        { icon: /* @__PURE__ */ e(L, { t: "Induksi" }), latex: "B = \\frac{\\mu_0 I}{2\\pi r}", tip: "Medan Magnet" }
+      ]
+    ]
+  },
+  // ---- Tab 3: Arrows ----
+  {
+    id: "arrow",
+    icon: "→ ·",
+    tip: "Panah",
+    rows: [
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "→" }), latex: "\\rightarrow", tip: "Panah kanan" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "←" }), latex: "\\leftarrow", tip: "Panah kiri" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "↑" }), latex: "\\uparrow", tip: "Panah atas" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "↓" }), latex: "\\downarrow", tip: "Panah bawah" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "↔" }), latex: "\\leftrightarrow", tip: "Panah dua arah" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "⇒" }), latex: "\\Rightarrow", tip: "Implikasi" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "⇐" }), latex: "\\Leftarrow", tip: "Implikasi kiri" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "⇔" }), latex: "\\Leftrightarrow", tip: "Bi-implikasi" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "↦" }), latex: "\\mapsto", tip: "Maps to" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "⟶" }), latex: "\\longrightarrow", tip: "Panah panjang" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "⟵" }), latex: "\\longleftarrow", tip: "Panah panjang kiri" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "⟹" }), latex: "\\Longrightarrow", tip: "Implikasi panjang" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "⟺" }), latex: "\\Longleftrightarrow", tip: "Bi-implikasi panjang" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "↗" }), latex: "\\nearrow", tip: "Kanan atas" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "↘" }), latex: "\\searrow", tip: "Kanan bawah" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "↙" }), latex: "\\swarrow", tip: "Kiri bawah" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "↖" }), latex: "\\nwarrow", tip: "Kiri atas" }
+      ],
+      [
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+          /* @__PURE__ */ e("span", { style: { fontSize: "8px", marginBottom: -2 }, children: "□" }),
+          /* @__PURE__ */ e("span", { className: "mt-sym-lg", style: { lineHeight: 0.8 }, children: "→" })
+        ] }), latex: "\\xrightarrow{#?}", tip: "Panah Kanan (Atas)" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+          /* @__PURE__ */ e("span", { style: { fontSize: "8px", marginBottom: -2 }, children: "□" }),
+          /* @__PURE__ */ e("span", { className: "mt-sym-lg", style: { lineHeight: 0.8 }, children: "←" })
+        ] }), latex: "\\xleftarrow{#?}", tip: "Panah Kiri (Atas)" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+          /* @__PURE__ */ e("span", { style: { fontSize: "8px", marginBottom: -2 }, children: "□" }),
+          /* @__PURE__ */ e("span", { className: "mt-sym-lg", style: { lineHeight: 0.8 }, children: "→" }),
+          /* @__PURE__ */ e("span", { style: { fontSize: "8px", marginTop: -2 }, children: "□" })
+        ] }), latex: "\\xrightarrow[#?]{#?}", tip: "Panah Kanan (Atas+Bawah)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "⇀" }), latex: "\\rightharpoonup", tip: "Harpoon kanan" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "⇁" }), latex: "\\rightharpoondown", tip: "Harpoon kanan bawah" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "↼" }), latex: "\\leftharpoonup", tip: "Harpoon kiri" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "↽" }), latex: "\\leftharpoondown", tip: "Harpoon kiri bawah" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "⇌" }), latex: "\\rightleftharpoons", tip: "Kesetimbangan" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e(L, { t: "f: A→B" }), latex: "f: A \\to B", tip: "Definisi Fungsi" },
+        { icon: /* @__PURE__ */ e(L, { t: "x ↦ y" }), latex: "x \\mapsto f(x)", tip: "Pemetaan" },
+        { icon: /* @__PURE__ */ e(L, { t: "v = u + at" }), latex: "v = u + at", tip: "GLBB 1" }
+      ]
+    ]
+  },
+  // ---- Tab 4: Greek Letters ----
+  {
+    id: "greek",
+    icon: "α Ω",
+    tip: "Huruf Yunani",
+    rows: [
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "α" }), latex: "\\alpha", tip: "Alpha" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "β" }), latex: "\\beta", tip: "Beta" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "γ" }), latex: "\\gamma", tip: "Gamma" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "δ" }), latex: "\\delta", tip: "Delta" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ε" }), latex: "\\epsilon", tip: "Epsilon" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ζ" }), latex: "\\zeta", tip: "Zeta" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "η" }), latex: "\\eta", tip: "Eta" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "θ" }), latex: "\\theta", tip: "Theta" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ι" }), latex: "\\iota", tip: "Iota" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "κ" }), latex: "\\kappa", tip: "Kappa" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "λ" }), latex: "\\lambda", tip: "Lambda" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "μ" }), latex: "\\mu", tip: "Mu" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ν" }), latex: "\\nu", tip: "Nu" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ξ" }), latex: "\\xi", tip: "Xi" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "π" }), latex: "\\pi", tip: "Pi" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ρ" }), latex: "\\rho", tip: "Rho" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "σ" }), latex: "\\sigma", tip: "Sigma" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "τ" }), latex: "\\tau", tip: "Tau" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "φ" }), latex: "\\phi", tip: "Phi" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "χ" }), latex: "\\chi", tip: "Chi" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ψ" }), latex: "\\psi", tip: "Psi" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ω" }), latex: "\\omega", tip: "Omega" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ϑ" }), latex: "\\vartheta", tip: "Vartheta" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "ϕ" }), latex: "\\varphi", tip: "Varphi" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "Γ" }), latex: "\\Gamma", tip: "Gamma besar" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "Δ" }), latex: "\\Delta", tip: "Delta besar" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "Θ" }), latex: "\\Theta", tip: "Theta besar" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "Λ" }), latex: "\\Lambda", tip: "Lambda besar" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "Ξ" }), latex: "\\Xi", tip: "Xi besar" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "Π" }), latex: "\\Pi", tip: "Pi besar" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "Σ" }), latex: "\\Sigma", tip: "Sigma besar" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "Υ" }), latex: "\\Upsilon", tip: "Upsilon besar" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "Φ" }), latex: "\\Phi", tip: "Phi besar" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "Ψ" }), latex: "\\Psi", tip: "Psi besar" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "Ω" }), latex: "\\Omega", tip: "Omega besar" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "υ" }), latex: "\\upsilon", tip: "Upsilon" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e(L, { t: "Area O" }), latex: "A = \\pi r^2", tip: "Luas Lingkaran" },
+        { icon: /* @__PURE__ */ e(L, { t: "2πr" }), latex: "K = 2 \\pi r", tip: "Keliling Lingkaran" },
+        { icon: /* @__PURE__ */ e(L, { t: "Vol Bola" }), latex: "V = \\frac{4}{3} \\pi r^3", tip: "Volume Bola" }
+      ]
+    ]
+  },
+  // ---- Tab 5: Matrices ----
+  {
+    id: "matrix",
+    icon: "[▫▫]",
+    tip: "Matriks",
+    rows: [
+      [
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: "(" }),
+            /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] }),
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: ")" })
+          ] }),
+          latex: "\\begin{pmatrix} #? & #? \\\\ #? & #? \\end{pmatrix}",
+          tip: "Matriks 2×2"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: "(" }),
+            /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] }),
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] }),
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: ")" })
+          ] }),
+          latex: "\\begin{pmatrix} #? & #? & #? \\\\ #? & #? & #? \\\\ #? & #? & #? \\end{pmatrix}",
+          tip: "Matriks 3×3"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: "[" }),
+            /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] }),
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: "]" })
+          ] }),
+          latex: "\\begin{bmatrix} #? & #? \\\\ #? & #? \\end{bmatrix}",
+          tip: "Bracket matrix 2×2"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: "[" }),
+            /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] }),
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] }),
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: "]" })
+          ] }),
+          latex: "\\begin{bmatrix} #? & #? & #? \\\\ #? & #? & #? \\\\ #? & #? & #? \\end{bmatrix}",
+          tip: "Bracket matrix 3×3"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: "|" }),
+            /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] }),
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: "|" })
+          ] }),
+          latex: "\\begin{vmatrix} #? & #? \\\\ #? & #? \\end{vmatrix}",
+          tip: "Determinan 2×2"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: "‖" }),
+            /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] }),
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: "‖" })
+          ] }),
+          latex: "\\begin{Vmatrix} #? & #? \\\\ #? & #? \\end{Vmatrix}",
+          tip: "Norm matrix 2×2"
+        }
+      ],
+      [
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: "(" }),
+            /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
+              /* @__PURE__ */ e("span", { className: "mt-icon-grid-row", children: /* @__PURE__ */ e(d, {}) }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-grid-row", children: /* @__PURE__ */ e(d, {}) })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: ")" })
+          ] }),
+          latex: "\\begin{pmatrix} #? \\\\ #? \\end{pmatrix}",
+          tip: "Vektor kolom 2"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: "(" }),
+            /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
+              /* @__PURE__ */ e("span", { className: "mt-icon-grid-row", children: /* @__PURE__ */ e(d, {}) }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-grid-row", children: /* @__PURE__ */ e(d, {}) }),
+              /* @__PURE__ */ e("span", { className: "mt-icon-grid-row", children: /* @__PURE__ */ e(d, {}) })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: ")" })
+          ] }),
+          latex: "\\begin{pmatrix} #? \\\\ #? \\\\ #? \\end{pmatrix}",
+          tip: "Vektor kolom 3"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: "(" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-grid", children: /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+              /* @__PURE__ */ e(d, {}),
+              /* @__PURE__ */ e(d, {})
+            ] }) }),
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: ")" })
+          ] }),
+          latex: "\\begin{pmatrix} #? & #? \\end{pmatrix}",
+          tip: "Vektor baris 2"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: "{" }),
+            /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] }),
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] })
+            ] })
+          ] }),
+          latex: "\\begin{cases} #? & #? \\\\ #? & #? \\end{cases}",
+          tip: "Kasus (2 baris)"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak", children: "{" }),
+            /* @__PURE__ */ a("span", { className: "mt-icon-grid", children: [
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] }),
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] }),
+              /* @__PURE__ */ a("span", { className: "mt-icon-grid-row", children: [
+                /* @__PURE__ */ e(d, {}),
+                /* @__PURE__ */ e(d, {})
+              ] })
+            ] })
+          ] }),
+          latex: "\\begin{cases} #? & #? \\\\ #? & #? \\\\ #? & #? \\end{cases}",
+          tip: "Kasus (3 baris)"
+        },
+        {
+          icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "⋯ ⋮ ⋱" }),
+          latex: "\\cdots \\quad \\vdots \\quad \\ddots",
+          tip: "Dots (titik-titik)"
+        }
+      ],
+      [
+        // Matrix Manipulation Tools
+        { icon: /* @__PURE__ */ e("span", { className: "mt-txt-icon", children: "+R" }), command: "addRowAfter", tip: "Tambah Baris (Bawah)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-txt-icon", children: "+C" }), command: "addColumnAfter", tip: "Tambah Kolom (Kanan)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-txt-icon", children: "-R" }), command: "removeRow", tip: "Hapus Baris" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-txt-icon", children: "-C" }), command: "removeColumn", tip: "Hapus Kolom" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e(L, { t: "Identitas" }), latex: "I = \\begin{pmatrix} 1 & 0 \\\\ 0 & 1 \\end{pmatrix}", tip: "Matriks Identitas 2x2" },
+        { icon: /* @__PURE__ */ e(L, { t: "Determinan" }), latex: "\\det(A) = ad - bc", tip: "Determinan 2x2" }
+      ]
+    ]
+  },
+  // ---- Tab 6: Brackets ----
+  {
+    id: "bracket",
+    icon: "(▫) {▫}",
+    tip: "Tanda Kurung",
+    rows: [
+      [
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "(" }),
+            /* @__PURE__ */ e(S, {}),
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: ")" })
+          ] }),
+          latex: "\\left( #? \\right)",
+          tip: "Kurung biasa"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "[" }),
+            /* @__PURE__ */ e(S, {}),
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "]" })
+          ] }),
+          latex: "\\left[ #? \\right]",
+          tip: "Kurung siku"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "{" }),
+            /* @__PURE__ */ e(S, {}),
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "}" })
+          ] }),
+          latex: "\\left\\{ #? \\right\\}",
+          tip: "Kurung kurawal"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "|" }),
+            /* @__PURE__ */ e(S, {}),
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "|" })
+          ] }),
+          latex: "\\left| #? \\right|",
+          tip: "Nilai mutlak"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "‖" }),
+            /* @__PURE__ */ e(S, {}),
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "‖" })
+          ] }),
+          latex: "\\left\\| #? \\right\\|",
+          tip: "Norm"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "⟨" }),
+            /* @__PURE__ */ e(S, {}),
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "⟩" })
+          ] }),
+          latex: "\\langle #? \\rangle",
+          tip: "Kurung sudut"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "⌊" }),
+            /* @__PURE__ */ e(S, {}),
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "⌋" })
+          ] }),
+          latex: "\\lfloor #? \\rfloor",
+          tip: "Floor"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "⌈" }),
+            /* @__PURE__ */ e(S, {}),
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "⌉" })
+          ] }),
+          latex: "\\lceil #? \\rceil",
+          tip: "Ceiling"
+        }
+      ],
+      [
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "(" }),
+            /* @__PURE__ */ e(S, {}),
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "]" })
+          ] }),
+          latex: "\\left( #? \\right]",
+          tip: "Setengah terbuka kiri"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "[" }),
+            /* @__PURE__ */ e(S, {}),
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: ")" })
+          ] }),
+          latex: "\\left[ #? \\right)",
+          tip: "Setengah terbuka kanan"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "(" }),
+            /* @__PURE__ */ e(S, {})
+          ] }),
+          latex: "\\left( #? \\right.",
+          tip: "Kurung kiri saja"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e(S, {}),
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: ")" })
+          ] }),
+          latex: "\\left. #? \\right)",
+          tip: "Kurung kanan saja"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-brak mt-brak--lg", children: "{" }),
+            /* @__PURE__ */ e(S, {})
+          ] }),
+          latex: "\\left\\{ #? \\right.",
+          tip: "Kurawal kiri saja"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+            /* @__PURE__ */ e("span", { className: "mt-over", children: "‾" })
+          ] }),
+          latex: "\\bar{#?}",
+          tip: "Bar (rata-rata)"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+            /* @__PURE__ */ e("span", { className: "mt-over", children: "^" })
+          ] }),
+          latex: "\\hat{#?}",
+          tip: "Hat"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+            /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+            /* @__PURE__ */ e("span", { className: "mt-over", children: "→" })
+          ] }),
+          latex: "\\vec{#?}",
+          tip: "Vektor"
+        }
+      ],
+      [
+        { icon: /* @__PURE__ */ e(L, { t: "{ x | ... }" }), latex: "\\{ x \\in \\mathbb{R} \\mid x > 0 \\}", tip: "Notasi Pembentuk Himpunan" },
+        { icon: /* @__PURE__ */ e(L, { t: "[ a, b ]" }), latex: "[ a, b ] = \\{ x \\mid a \\le x \\le b \\}", tip: "Interval Tertutup" },
+        { icon: /* @__PURE__ */ e(L, { t: "Binomial" }), latex: "\\binom{n}{k}", tip: "Koefisien Binomial" }
+      ]
+    ]
+  },
+  // ---- Tab 7: Decorations & Accents ----
+  {
+    id: "deco",
+    icon: "x̄ x⃗",
+    tip: "Aksen & Dekorasi",
+    rows: [
+      [
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+          /* @__PURE__ */ e("span", { className: "mt-over", children: "‾" })
+        ] }), latex: "\\bar{#?}", tip: "Bar" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+          /* @__PURE__ */ e("span", { className: "mt-over", children: "^" })
+        ] }), latex: "\\hat{#?}", tip: "Hat" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+          /* @__PURE__ */ e("span", { className: "mt-over", children: "→" })
+        ] }), latex: "\\vec{#?}", tip: "Vektor" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+          /* @__PURE__ */ e("span", { className: "mt-over", children: "~" })
+        ] }), latex: "\\tilde{#?}", tip: "Tilde" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+          /* @__PURE__ */ e("span", { className: "mt-over", children: "·" })
+        ] }), latex: "\\dot{#?}", tip: "Dot" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+          /* @__PURE__ */ e("span", { className: "mt-over", children: "··" })
+        ] }), latex: "\\ddot{#?}", tip: "Double dot" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+          /* @__PURE__ */ e("span", { className: "mt-over", children: "↔" })
+        ] }), latex: "\\overleftrightarrow{#?}", tip: "Panah dua arah di atas" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+          /* @__PURE__ */ e("span", { className: "mt-under", children: "_" })
+        ] }), latex: "\\underline{#?}", tip: "Underline" }
+      ],
+      [
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym", children: /* @__PURE__ */ e(S, {}) }),
+          /* @__PURE__ */ e("span", { className: "mt-over", children: "‾‾" })
+        ] }), latex: "\\overline{#?}", tip: "Overline" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+          /* @__PURE__ */ e("span", { className: "mt-over", children: "˘" })
+        ] }), latex: "\\breve{#?}", tip: "Breve" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym", children: "x" }),
+          /* @__PURE__ */ e("span", { className: "mt-over", children: "ˇ" })
+        ] }), latex: "\\check{#?}", tip: "Check" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym", children: /* @__PURE__ */ e(S, {}) }),
+          /* @__PURE__ */ e("span", { className: "mt-over", children: "→" })
+        ] }), latex: "\\overrightarrow{#?}", tip: "Panah kanan di atas" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym", children: /* @__PURE__ */ e(S, {}) }),
+          /* @__PURE__ */ e("span", { className: "mt-over", children: "⌢" })
+        ] }), latex: "\\widehat{#?}", tip: "Wide hat" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym", children: /* @__PURE__ */ e(S, {}) }),
+          /* @__PURE__ */ e("span", { className: "mt-over", children: "~" })
+        ] }), latex: "\\widetilde{#?}", tip: "Wide tilde" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-over", children: "⏞" }),
+          /* @__PURE__ */ e("span", { className: "mt-sym", children: /* @__PURE__ */ e(S, {}) })
+        ] }), latex: "\\overbrace{#?}", tip: "Overbrace" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym", children: /* @__PURE__ */ e(S, {}) }),
+          /* @__PURE__ */ e("span", { className: "mt-under", children: "⏟" })
+        ] }), latex: "\\underbrace{#?}", tip: "Underbrace" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e(L, { t: "Vektor Sum" }), latex: "\\vec{a} + \\vec{b} = \\vec{c}", tip: "Penjumlahan Vektor" },
+        { icon: /* @__PURE__ */ e(L, { t: "Rata-rata" }), latex: "\\bar{x} = \\frac{1}{n} \\sum_{i=1}^n x_i", tip: "Rata-rata (Mean)" },
+        { icon: /* @__PURE__ */ e(L, { t: "Estimasi" }), latex: "\\hat{y} = b_0 + b_1 x", tip: "Estimasi Regresi" }
+      ]
+    ]
+  },
+  // ---- Tab 8: Sums, Products, Sets ----
+  {
+    id: "sum",
+    icon: "Σ ∪",
+    tip: "Sigma, Produk, Himpunan",
+    rows: [
+      [
+        {
+          icon: /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "Σ" }),
+          latex: "\\sum #?",
+          tip: "Sigma"
+        },
+        {
+          icon: /* @__PURE__ */ e("span", { className: "mt-icon-row", children: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+            /* @__PURE__ */ e("sup", { className: "mt-icon-idx", children: /* @__PURE__ */ e(d, {}) }),
+            /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "Σ" }),
+            /* @__PURE__ */ e("sub", { className: "mt-icon-idx", children: /* @__PURE__ */ e(d, {}) })
+          ] }) }),
+          latex: "\\sum_{#?}^{#?} #?",
+          tip: "Sigma (batas)"
+        },
+        {
+          icon: /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "∏" }),
+          latex: "\\prod #?",
+          tip: "Produk"
+        },
+        {
+          icon: /* @__PURE__ */ e("span", { className: "mt-icon-row", children: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+            /* @__PURE__ */ e("sup", { className: "mt-icon-idx", children: /* @__PURE__ */ e(d, {}) }),
+            /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "∏" }),
+            /* @__PURE__ */ e("sub", { className: "mt-icon-idx", children: /* @__PURE__ */ e(d, {}) })
+          ] }) }),
+          latex: "\\prod_{#?}^{#?} #?",
+          tip: "Produk (batas)"
+        },
+        {
+          icon: /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "∐" }),
+          latex: "\\coprod_{#?}^{#?} #?",
+          tip: "Koproduk"
+        },
+        {
+          icon: /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "⋂" }),
+          latex: "\\bigcap_{#?}^{#?} #?",
+          tip: "Irisan besar"
+        }
+      ],
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "⋃" }), latex: "\\bigcup_{#?}^{#?} #?", tip: "Gabungan besar" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "⋁" }), latex: "\\bigvee_{#?}^{#?} #?", tip: "Or besar" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "⋀" }), latex: "\\bigwedge_{#?}^{#?} #?", tip: "And besar" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "⨁" }), latex: "\\bigoplus_{#?}^{#?} #?", tip: "Plus langsung" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "⨂" }), latex: "\\bigotimes_{#?}^{#?} #?", tip: "Tensor besar" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "⨆" }), latex: "\\bigsqcup_{#?}^{#?} #?", tip: "Union persegi besar" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e(L, { t: "Deret Ari" }), latex: "S_n = \\frac{n}{2}(a + U_n)", tip: "Deret Aritmatika" },
+        { icon: /* @__PURE__ */ e(L, { t: "Deret Geo" }), latex: "S_\\infty = \\frac{a}{1-r}", tip: "Deret Geometri Tak Hingga" },
+        { icon: /* @__PURE__ */ e(L, { t: "Sigma n" }), latex: "\\sum_{i=1}^n i = \\frac{n(n+1)}{2}", tip: "Jumlah n bilangan asli" }
+      ]
+    ]
+  },
+  // ---- Tab 9: Integrals & Calculus ----
+  {
+    id: "calc",
+    icon: "∫ lim",
+    tip: "Integral & Kalkulus",
+    rows: [
+      [
+        {
+          icon: /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "∫" }),
+          latex: "\\int #?\\, d#?",
+          tip: "Integral"
+        },
+        {
+          icon: /* @__PURE__ */ e("span", { className: "mt-icon-row", children: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+            /* @__PURE__ */ e("sup", { className: "mt-icon-idx", children: /* @__PURE__ */ e(d, {}) }),
+            /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "∫" }),
+            /* @__PURE__ */ e("sub", { className: "mt-icon-idx", children: /* @__PURE__ */ e(d, {}) })
+          ] }) }),
+          latex: "\\int_{#?}^{#?} #?\\, d#?",
+          tip: "Integral tentu"
+        },
+        {
+          icon: /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "∬" }),
+          latex: "\\iint_{#?} #?\\, dA",
+          tip: "Integral ganda"
+        },
+        {
+          icon: /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "∭" }),
+          latex: "\\iiint_{#?} #?\\, dV",
+          tip: "Integral triple"
+        },
+        {
+          icon: /* @__PURE__ */ e("span", { className: "mt-sym-xl", children: "∮" }),
+          latex: "\\oint_{#?} #?",
+          tip: "Integral kontur"
+        },
+        {
+          icon: /* @__PURE__ */ e("span", { className: "mt-sym-fn", children: "lim" }),
+          latex: "\\lim_{#? \\to #?} #?",
+          tip: "Limit"
+        }
+      ],
+      [
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+            /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e("span", { className: "mt-sym-sm", children: "d" }) }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e("span", { className: "mt-sym-sm", children: "dx" }) })
+          ] }),
+          latex: "\\frac{d}{dx}",
+          tip: "Turunan"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+            /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e("span", { className: "mt-sym-sm", children: "d²" }) }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e("span", { className: "mt-sym-sm", children: "dx²" }) })
+          ] }),
+          latex: "\\frac{d^2}{dx^2}",
+          tip: "Turunan kedua"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+            /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e("span", { className: "mt-sym-sm", children: "∂" }) }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e("span", { className: "mt-sym-sm", children: "∂x" }) })
+          ] }),
+          latex: "\\frac{\\partial}{\\partial x}",
+          tip: "Turunan parsial"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+            /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e("span", { className: "mt-sym-sm", children: "∂²" }) }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e("span", { className: "mt-sym-sm", children: "∂x²" }) })
+          ] }),
+          latex: "\\frac{\\partial^2}{\\partial x^2}",
+          tip: "Turunan parsial kedua"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-icon-stack", children: [
+            /* @__PURE__ */ e("span", { className: "mt-icon-num", children: /* @__PURE__ */ e("span", { className: "mt-sym-sm", children: "dy" }) }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-bar" }),
+            /* @__PURE__ */ e("span", { className: "mt-icon-den", children: /* @__PURE__ */ e("span", { className: "mt-sym-sm", children: "dx" }) })
+          ] }),
+          latex: "\\frac{dy}{dx}",
+          tip: "dy/dx"
+        },
+        {
+          icon: /* @__PURE__ */ a("span", { className: "mt-sym-fn", children: [
+            "f'(",
+            /* @__PURE__ */ e(S, {}),
+            ")"
+          ] }),
+          latex: "f'(#?)",
+          tip: "f prime"
+        }
+      ],
+      [
+        { icon: /* @__PURE__ */ e(L, { t: "Int Tentu" }), latex: "\\int_a^b f(x) \\, dx", tip: "Integral Tentu" },
+        { icon: /* @__PURE__ */ e(L, { t: "Limit Inf" }), latex: "\\lim_{x \\to \\infty} f(x)", tip: "Limit Tak Hingga" },
+        { icon: /* @__PURE__ */ e(L, { t: "Turunan" }), latex: "\\frac{df}{dx} = \\lim_{h \\to 0} \\frac{f(x+h)-f(x)}{h}", tip: "Definisi Turunan" }
+      ]
+    ]
+  },
+  // ---- Tab 10: Operators & Relations ----
+  {
+    id: "oper",
+    icon: "= ≠ ≤",
+    tip: "Operator & Relasi",
+    rows: [
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "+" }), latex: "+", tip: "Tambah" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "−" }), latex: "-", tip: "Kurang" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "×" }), latex: "\\times", tip: "Kali" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "÷" }), latex: "\\div", tip: "Bagi" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "±" }), latex: "\\pm", tip: "Plus-minus" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∓" }), latex: "\\mp", tip: "Minus-plus" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "·" }), latex: "\\cdot", tip: "Dot" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∘" }), latex: "\\circ", tip: "Komposisi" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "=" }), latex: "=", tip: "Sama dengan" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "≠" }), latex: "\\neq", tip: "Tidak sama" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "<" }), latex: "<", tip: "Kurang dari" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: ">" }), latex: ">", tip: "Lebih dari" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "≤" }), latex: "\\leq", tip: "Kurang/sama" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "≥" }), latex: "\\geq", tip: "Lebih/sama" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "≈" }), latex: "\\approx", tip: "Hampir sama" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "≡" }), latex: "\\equiv", tip: "Identik" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∈" }), latex: "\\in", tip: "Elemen dari" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∉" }), latex: "\\notin", tip: "Bukan elemen" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "⊂" }), latex: "\\subset", tip: "Subset" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "⊃" }), latex: "\\supset", tip: "Superset" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∪" }), latex: "\\cup", tip: "Gabungan" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∩" }), latex: "\\cap", tip: "Irisan" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∅" }), latex: "\\emptyset", tip: "Himpunan kosong" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∀" }), latex: "\\forall", tip: "Untuk semua" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∃" }), latex: "\\exists", tip: "Eksistensi" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "¬" }), latex: "\\neg", tip: "Negasi" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∧" }), latex: "\\wedge", tip: "AND" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∨" }), latex: "\\vee", tip: "OR" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∴" }), latex: "\\therefore", tip: "Maka" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∵" }), latex: "\\because", tip: "Karena" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e(L, { t: "Mod" }), latex: "a \\equiv b \\pmod{n}", tip: "Modulo" },
+        { icon: /* @__PURE__ */ e(L, { t: "For All" }), latex: "\\forall x \\in \\mathbb{R}", tip: "Untuk semua bilangan real" },
+        { icon: /* @__PURE__ */ e(L, { t: "Exists" }), latex: "\\exists y \\text{ s.t. } y > x", tip: "Terdapat y sedemikian..." }
+      ]
+    ]
+  },
+  // ---- Tab 11: Geometry & Trig ----
+  {
+    id: "geom",
+    icon: "∠ △",
+    tip: "Geometri & Trigonometri",
+    rows: [
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∠" }), latex: "\\angle", tip: "Sudut" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "△" }), latex: "\\triangle", tip: "Segitiga" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "⊥" }), latex: "\\perp", tip: "Tegak lurus" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∥" }), latex: "\\parallel", tip: "Sejajar" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "≅" }), latex: "\\cong", tip: "Kongruen" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "∼" }), latex: "\\sim", tip: "Sebangun" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "□" }), latex: "\\square", tip: "Persegi" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "⊙" }), latex: "\\odot", tip: "Titik pusat lingkaran" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-fn", children: "sin" }), latex: "\\sin", tip: "Sinus" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-fn", children: "cos" }), latex: "\\cos", tip: "Kosinus" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-fn", children: "tan" }), latex: "\\tan", tip: "Tangen" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym-fn", children: "sin" }),
+          /* @__PURE__ */ e("sup", { children: "-1" })
+        ] }), latex: "\\sin^{-1}", tip: "Arcsin" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym-fn", children: "cos" }),
+          /* @__PURE__ */ e("sup", { children: "-1" })
+        ] }), latex: "\\cos^{-1}", tip: "Arccos" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-icon-row", children: [
+          /* @__PURE__ */ e("span", { className: "mt-sym-fn", children: "tan" }),
+          /* @__PURE__ */ e("sup", { children: "-1" })
+        ] }), latex: "\\tan^{-1}", tip: "Arctan" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-fn", children: "log" }), latex: "\\log", tip: "Logaritma" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-fn", children: "ln" }), latex: "\\ln", tip: "Log natural" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e(L, { t: "Identitas" }), latex: "\\sin^2 \\theta + \\cos^2 \\theta = 1", tip: "Identitas Trigonometri" },
+        { icon: /* @__PURE__ */ e(L, { t: "Sin Rule" }), latex: "\\frac{a}{\\sin A} = \\frac{b}{\\sin B} = \\frac{c}{\\sin C}", tip: "Aturan Sinus" },
+        { icon: /* @__PURE__ */ e(L, { t: "Cos Rule" }), latex: "c^2 = a^2 + b^2 - 2ab \\cos C", tip: "Aturan Cosinus" }
+      ]
+    ]
+  },
+  // ---- Tab 11: Chemistry (mhchem) ----
+  {
+    id: "chem",
+    icon: "🧪",
+    tip: "Kimia (mhchem)",
+    rows: [
+      [
+        { icon: /* @__PURE__ */ e(L, { t: "Insert ce" }), latex: "\\ce{#?}", tip: "Sisipkan Rumus Kimia (ce)" },
+        { icon: /* @__PURE__ */ e(L, { t: "Reaksi" }), latex: "\\ce{#? -> #?}", tip: "Persamaan Reaksi" },
+        { icon: /* @__PURE__ */ e(L, { t: "Keseimbangan" }), latex: "\\ce{#? <=> #?}", tip: "Kesetimbangan" },
+        { icon: /* @__PURE__ */ e(L, { t: "Katalis" }), latex: "\\ce{#? ->[#?][#?] #?}", tip: "Reaksi dengan katalis" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "→" }), latex: "\\ce{->}", tip: "Panah Reaksi" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym-lg", children: "⇌" }), latex: "\\ce{<=>}", tip: "Panah Kesetimbangan" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "Δ" }), latex: "\\ce{^\\Delta}", tip: "Panah Panas" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "n" }), latex: "n", tip: "Jumlah mol (n)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "M" }), latex: "M", tip: "Molaritas (M)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "m" }), latex: "m", tip: "Molalitas (m)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "V" }), latex: "V", tip: "Volume (V)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "P" }), latex: "P", tip: "Tekanan (P)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "R" }), latex: "R", tip: "Tetapan Gas (R)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "ΔH" }), latex: "\\Delta H", tip: "Perubahan Entalpi" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "ΔG" }), latex: "\\Delta G", tip: "Energi Bebas Gibbs" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "S" }), latex: "\\Delta S", tip: "Entropi" }
+      ],
+      [
+        { icon: /* @__PURE__ */ a("span", { className: "mt-sym", children: [
+          "[H",
+          /* @__PURE__ */ e("sup", { children: "+" }),
+          "]"
+        ] }), latex: "[\\ce{H+}]", tip: "Konsentrasi H+" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-sym", children: [
+          "[OH",
+          /* @__PURE__ */ e("sup", { children: "-" }),
+          "]"
+        ] }), latex: "[\\ce{OH-}]", tip: "Konsentrasi OH-" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-sym", children: [
+          "K",
+          /* @__PURE__ */ e("sub", { children: "a" })
+        ] }), latex: "K_a", tip: "Tetapan Asam" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-sym", children: [
+          "K",
+          /* @__PURE__ */ e("sub", { children: "b" })
+        ] }), latex: "K_b", tip: "Tetapan Basa" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-sym", children: [
+          "K",
+          /* @__PURE__ */ e("sub", { children: "sp" })
+        ] }), latex: "K_{sp}", tip: "Hasil Kali Kelarutan" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-sym", children: [
+          "SO",
+          /* @__PURE__ */ e("sub", { children: "4" }),
+          /* @__PURE__ */ e("sup", { children: "2-" })
+        ] }), latex: "\\ce{SO4^{2-}}", tip: "Sulfat" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-sym", children: [
+          "NO",
+          /* @__PURE__ */ e("sub", { children: "3" }),
+          /* @__PURE__ */ e("sup", { children: "-" })
+        ] }), latex: "\\ce{NO3-}", tip: "Nitrat" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-sym", children: [
+          "PO",
+          /* @__PURE__ */ e("sub", { children: "4" }),
+          /* @__PURE__ */ e("sup", { children: "3-" })
+        ] }), latex: "\\ce{PO4^{3-}}", tip: "Fosfat" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "+" }), latex: " + ", tip: "Tambah" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "H" }), latex: "\\ce{H}", tip: "Hidrogen" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "C" }), latex: "\\ce{C}", tip: "Karbon" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "O" }), latex: "\\ce{O}", tip: "Oksigen" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "N" }), latex: "\\ce{N}", tip: "Nitrogen" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "P" }), latex: "\\ce{P}", tip: "Fosfor" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "S" }), latex: "\\ce{S}", tip: "Sulfur" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "Cl" }), latex: "\\ce{Cl}", tip: "Klorin" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "Na" }), latex: "\\ce{Na}", tip: "Natrium" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "Mg" }), latex: "\\ce{Mg}", tip: "Magnesium" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "Al" }), latex: "\\ce{Al}", tip: "Aluminium" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "K" }), latex: "\\ce{K}", tip: "Kalium" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "Ca" }), latex: "\\ce{Ca}", tip: "Kalsium" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "Fe" }), latex: "\\ce{Fe}", tip: "Besi (Ferrum)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "Cu" }), latex: "\\ce{Cu}", tip: "Tembaga (Cuprum)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "Zn" }), latex: "\\ce{Zn}", tip: "Seng (Zincum)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "Ag" }), latex: "\\ce{Ag}", tip: "Perak (Argentum)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "Au" }), latex: "\\ce{Au}", tip: "Emas (Aurum)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "Pb" }), latex: "\\ce{Pb}", tip: "Timbal (Plumbum)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "I" }), latex: "\\ce{I}", tip: "Iodin" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "Br" }), latex: "\\ce{Br}", tip: "Bromin" }
+      ],
+      [
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "COOH" }), latex: "COOH", tip: "Asam Karboksilat" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "OH" }), latex: "OH", tip: "Hidroksil / Alkohol" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-sym", children: [
+          "NH",
+          /* @__PURE__ */ e("sub", { children: "2" })
+        ] }), latex: "NH2", tip: "Amida / Amina" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-sym", children: [
+          "CH",
+          /* @__PURE__ */ e("sub", { children: "3" })
+        ] }), latex: "CH3", tip: "Metil" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "CHO" }), latex: "CHO", tip: "Aldehid" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "CO" }), latex: "CO", tip: "Keton" },
+        { icon: /* @__PURE__ */ a("span", { className: "mt-sym", children: [
+          "C",
+          /* @__PURE__ */ e("sub", { children: "6" }),
+          "H",
+          /* @__PURE__ */ e("sub", { children: "5" })
+        ] }), latex: "C6H5", tip: "Fenil (Benzena)" },
+        { icon: /* @__PURE__ */ e("span", { className: "mt-sym", children: "R-" }), latex: "R-", tip: "Gugus Alkil" }
+      ]
+    ]
+  }
+];
+function pt({ isOpen: n, onInsert: t, onClose: l, initialLatex: i = "", initialTab: c = "frac" }) {
+  const [r, s] = H(i), [o, N] = H(c), y = R(null), u = R(null);
+  X(() => {
+    if (!n || !u.current) return;
+    import("./mathlive-BwNIIOwE.js").then((w) => {
+      if (!u.current) return;
+      const B = w;
+      B.MathfieldElement && (B.MathfieldElement.mathVirtualKeyboardPolicy = "manual");
+      try {
+        const W = tt();
+        W && (W.visible = !1);
+      } catch {
+      }
+      const _ = document.createElement("math-field");
+      _.setAttribute("virtual-keyboard-mode", "off"), _.setAttribute("math-virtual-keyboard-policy", "manual"), _.mathVirtualKeyboardPolicy = "manual", _.setAttribute("smart-mode", "true"), _.setAttribute("smart-fence", "true"), _.setAttribute("smart-superscript", "true"), _.style.width = "100%", _.style.minHeight = "120px", _.style.fontSize = "24px", _.style.padding = "12px 16px", _.style.border = "none", _.style.outline = "none", _.style.background = "transparent", _.style.caretColor = "#2563eb", _.style.fontFamily = "'KaTeX_Main', 'KaTeX_Math', 'Times New Roman', serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji', 'Amiri', 'Malgun Gothic', 'SimSun'", _.style.setProperty("--keyboard-zindex", "-1"), _.style.setProperty("--virtual-keyboard-toggle-display", "none"), i && _.setAttribute("value", i), _.addEventListener("input", (W) => {
+        const q = W.target;
+        s(q.value);
+      }), _.addEventListener("focus", () => {
+        var W, q;
+        try {
+          (q = (W = tt()) == null ? void 0 : W.hide) == null || q.call(W);
+        } catch {
+        }
+      }), u.current.innerHTML = "", u.current.appendChild(_), y.current = _, setTimeout(() => _.focus(), 100);
+    });
+    const g = u.current;
+    return () => {
+      g && (g.innerHTML = ""), y.current = null;
+    };
+  }, [n]);
+  const h = b((g) => {
+    var B;
+    if (!y.current) return;
+    const w = y.current;
+    g.command ? (B = w.executeCommand) == null || B.call(w, g.command) : g.latex && (w.executeCommand ? w.executeCommand(["insert", g.latex, { focus: !0 }]) : w.value = (w.value || "") + g.latex), s(w.value || ""), w.focus();
+  }, []), m = b((g) => {
+    var _;
+    if (!y.current) return;
+    const w = y.current, B = `\\text{\\class{mt-font-${g}}{#@}}`;
+    (_ = w.executeCommand) == null || _.call(w, ["insert", B, { focus: !0 }]), s(w.value || ""), w.focus();
+  }, []), k = b((g) => {
+    var B;
+    if (!y.current) return;
+    const w = y.current;
+    (B = w.executeCommand) == null || B.call(w, ["applyStyle", g]), s(w.value || ""), w.focus();
+  }, []), f = b(() => {
+    r.trim() && t(r), l();
+  }, [r, t, l]), P = b((g) => {
+    g.key === "Escape" && l(), g.key === "Enter" && (g.ctrlKey || g.metaKey) && f();
+  }, [l, f]);
+  if (X(() => {
+    n || (s(""), N(c));
+  }, [n, c]), !n) return null;
+  const p = Fe.find((g) => g.id === o) || Fe[0];
+  return /* @__PURE__ */ e("div", { className: "mt-overlay", onClick: l, onKeyDown: P, children: /* @__PURE__ */ a("div", { className: "mt-dialog", onClick: (g) => g.stopPropagation(), children: [
+    /* @__PURE__ */ a("div", { className: "mt-titlebar", children: [
+      /* @__PURE__ */ a("div", { className: "mt-titlebar__left", children: [
+        /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", style: { opacity: 0.9 }, children: /* @__PURE__ */ e("path", { d: "M2 2l3 6-3 6h2.5l2-4 2 4H11l-3-6 3-6H8.5l-2 4-2-4H2zm9 0v2h4V2h-4zm0 5v2h4V7h-4zm0 5v2h4v-2h-4z" }) }),
+        /* @__PURE__ */ e("span", { className: "mt-titlebar__title", children: "MathTextX — Equation Editor" })
+      ] }),
+      /* @__PURE__ */ e("button", { className: "mt-titlebar__close", onClick: l, title: "Tutup (Esc)", children: /* @__PURE__ */ e("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M1 0L0 1l4 4-4 4 1 1 4-4 4 4 1-1-4-4 4-4-1-1-4 4z" }) }) })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "mt-format-bar", children: [
+      /* @__PURE__ */ a(
+        "select",
+        {
+          className: "mt-font-select",
+          onChange: (g) => {
+            g.target.value && m(g.target.value), g.target.value = "";
+          },
+          defaultValue: "",
+          children: [
+            /* @__PURE__ */ e("option", { value: "", disabled: !0, children: "Pilih Font..." }),
+            /* @__PURE__ */ e("option", { value: "serif", children: "Roman (Serif)" }),
+            /* @__PURE__ */ e("option", { value: "sans", children: "Sans Serif (Arial)" }),
+            /* @__PURE__ */ e("option", { value: "mono", children: "Monospace (Courier)" }),
+            /* @__PURE__ */ e("option", { value: "arabic", children: "Arabic (Amiri)" }),
+            /* @__PURE__ */ e("option", { value: "cjk", children: "Chinese (SimSun)" }),
+            /* @__PURE__ */ e("option", { value: "korean", children: "Korean (Malgun)" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ e("div", { style: { fontSize: "11px", color: "#666", borderLeft: "1px solid #ccc", paddingLeft: "8px", marginRight: "8px" }, children: "Font" }),
+      /* @__PURE__ */ a("div", { className: "mt-format-group", children: [
+        /* @__PURE__ */ e("button", { className: "mt-format-btn", onClick: () => k({ fontWeight: "bold" }), title: "Bold", children: /* @__PURE__ */ e("b", { children: "B" }) }),
+        /* @__PURE__ */ e("button", { className: "mt-format-btn", onClick: () => k({ fontStyle: "italic" }), title: "Italic", children: /* @__PURE__ */ e("i", { children: "I" }) }),
+        /* @__PURE__ */ e("button", { className: "mt-format-btn", onClick: () => {
+          var w;
+          const g = y.current;
+          (w = g == null ? void 0 : g.executeCommand) == null || w.call(g, ["insert", "\\underline{#@}", { focus: !0 }]);
+        }, title: "Underline", children: /* @__PURE__ */ e("u", { children: "U" }) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "mt-format-group", children: /* @__PURE__ */ e(
+        "input",
+        {
+          type: "color",
+          className: "mt-color-picker",
+          onChange: (g) => k({ color: g.target.value }),
+          title: "Text Color"
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "mt-tab-bar", children: Fe.map((g) => /* @__PURE__ */ e(
+      "button",
+      {
+        className: `mt-tab ${o === g.id ? "is-active" : ""}`,
+        onClick: () => N(g.id),
+        title: g.tip,
+        children: /* @__PURE__ */ e("span", { className: "mt-tab__icon", children: g.icon })
+      },
+      g.id
+    )) }),
+    o === "matrix" && /* @__PURE__ */ e(ma, { onInsert: (g) => {
+      var B;
+      if (!y.current) return;
+      const w = y.current;
+      (B = w.executeCommand) == null || B.call(w, ["insert", g, { focus: !0 }]), s(w.value || ""), w.focus();
+    } }),
+    /* @__PURE__ */ e("div", { className: "mt-grid", children: p.rows.map((g, w) => /* @__PURE__ */ e("div", { className: "mt-grid__row", children: g.map((B, _) => /* @__PURE__ */ e(
+      "button",
+      {
+        className: `mt-grid__btn${B.command === "formula" ? " mt-grid__btn--formula" : ""}`,
+        onClick: () => h(B),
+        title: B.tip,
+        children: B.icon
+      },
+      _
+    )) }, w)) }),
+    /* @__PURE__ */ e("div", { className: "mt-editor", children: /* @__PURE__ */ e("div", { className: "mt-editor__field", ref: u }) }),
+    /* @__PURE__ */ a("div", { className: "mt-latex-bar", children: [
+      /* @__PURE__ */ e("span", { className: "mt-latex-bar__label", children: "LaTeX:" }),
+      /* @__PURE__ */ e("code", { className: "mt-latex-bar__code", children: r || "(ketik atau klik tombol di atas)" })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "mt-actions", children: [
+      /* @__PURE__ */ a("div", { className: "mt-actions__hint", children: [
+        /* @__PURE__ */ e("kbd", { children: "Ctrl+Enter" }),
+        " sisipkan  ·  ",
+        /* @__PURE__ */ e("kbd", { children: "Esc" }),
+        " tutup"
+      ] }),
+      /* @__PURE__ */ a("div", { className: "mt-actions__buttons", children: [
+        /* @__PURE__ */ e("button", { className: "mt-actions__cancel", onClick: l, children: "Batal" }),
+        /* @__PURE__ */ e("button", { className: "mt-actions__insert", onClick: f, disabled: !r.trim(), children: "✓ Sisipkan" })
+      ] })
+    ] })
+  ] }) });
+}
+const da = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  MathTypeDialog: pt
+}, Symbol.toStringTag, { value: "Module" }));
+let We = null, at = !1;
+function gt() {
+  return We || (We = import("./mathlive-BwNIIOwE.js").then((n) => {
+    const t = window.MATHLIVE_FONTS_PATH || "/fonts";
+    return n.MathfieldElement && (n.MathfieldElement.fontsDirectory = t), n;
+  })), We;
+}
+async function ha() {
+  if (!at)
+    try {
+      const n = await gt(), t = window.MATHLIVE_FONTS_PATH || "/fonts";
+      n.loadFonts && (await n.loadFonts({ fontsDirectory: t }), at = !0);
+    } catch (n) {
+      console.warn("MathLive fonts could not be loaded:", n);
+    }
+}
+function nt() {
+  return window.mathVirtualKeyboard;
+}
+function xt(n) {
+  const t = R(null), l = R(null), [i, c] = H(!1), [r, s] = H(!1), o = n.node.attrs.display === "block", N = b(() => {
+    c(!0);
+  }, []), y = b(() => {
+    c(!1), s(!1);
+  }, []), u = b((h) => {
+    n.updateAttributes({ latex: h }), c(!1), s(!1);
+  }, [n]);
+  return X(() => {
+    async function h() {
+      await ha();
+      const k = await gt();
+      if (!t.current) return;
+      k.MathfieldElement && (k.MathfieldElement.keypressVibration = !1, k.MathfieldElement.mathVirtualKeyboardPolicy = "manual");
+      try {
+        const P = nt();
+        P && (P.visible = !1);
+      } catch {
+      }
+      const f = document.createElement("math-field");
+      f.setAttribute("virtual-keyboard-mode", "off"), f.setAttribute("math-virtual-keyboard-policy", "manual"), f.mathVirtualKeyboardPolicy = "manual", f.setAttribute("smart-mode", "true"), f.setAttribute("smart-fence", "true"), f.setAttribute("smart-superscript", "true"), f.style.setProperty("--keyboard-zindex", "-1"), f.style.setProperty("--virtual-keyboard-toggle-display", "none"), n.node.attrs.latex && f.setAttribute("value", n.node.attrs.latex), f.addEventListener("input", (P) => {
+        const p = P.target;
+        n.updateAttributes({ latex: p.value });
+      }), f.addEventListener("focus", () => {
+        var P, p;
+        s(!0);
+        try {
+          (p = (P = nt()) == null ? void 0 : P.hide) == null || p.call(P);
+        } catch {
+        }
+      }), f.addEventListener("blur", () => {
+        setTimeout(() => s(!1), 200);
+      }), t.current && (t.current.innerHTML = "", t.current.appendChild(f)), l.current = f, n.node.attrs.latex || setTimeout(() => {
+        f.focus();
+      }, 50);
+    }
+    h().catch(console.error);
+    const m = t.current;
+    return () => {
+      m && (m.innerHTML = "");
+    };
+  }, []), /* @__PURE__ */ a(Z, { children: [
+    /* @__PURE__ */ a(
+      je,
+      {
+        className: o ? "mtx-math-block" : "mtx-math-inline",
+        "data-latex": n.node.attrs.latex,
+        style: n.selected ? { outline: "2px solid #2563eb", outlineOffset: "2px" } : void 0,
+        children: [
+          /* @__PURE__ */ e("div", { ref: t, style: { position: "relative", display: o ? "block" : "inline-block" } }),
+          r && /* @__PURE__ */ a(
+            "button",
+            {
+              type: "button",
+              onClick: N,
+              className: "mtx-math-edit-btn",
+              title: "Edit rumus dengan Equation Editor",
+              children: [
+                /* @__PURE__ */ e("span", { children: "✏️" }),
+                /* @__PURE__ */ e("span", { children: "Edit" })
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    i && /* @__PURE__ */ e(
+      pt,
+      {
+        isOpen: i,
+        initialLatex: n.node.attrs.latex,
+        onInsert: u,
+        onClose: y
+      }
+    )
+  ] });
+}
+const ua = Ue.create({
+  name: "mathInline",
+  group: "inline",
+  inline: !0,
+  atom: !0,
+  addAttributes() {
+    return {
+      latex: {
+        default: ""
+      },
+      display: {
+        default: "inline"
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'span[data-type="math-inline"]'
+      },
+      {
+        tag: "span.mtx-math-inline"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: n }) {
+    return ["span", Te(n, { "data-type": "math-inline", class: "mtx-math-inline" })];
+  },
+  addNodeView() {
+    return Ie(xt);
+  }
+}), pa = Ue.create({
+  name: "mathBlock",
+  group: "block",
+  atom: !0,
+  addAttributes() {
+    return {
+      latex: {
+        default: ""
+      },
+      display: {
+        default: "block"
+      }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: 'div[data-type="math-block"]'
+      },
+      {
+        tag: "div.mtx-math-block"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: n }) {
+    return ["div", Te(n, { "data-type": "math-block", class: "mtx-math-block" })];
+  },
+  addNodeView() {
+    return Ie(xt);
+  }
+}), bt = oe.memo(({
+  isOpen: n,
+  position: t,
+  onClose: l,
+  onAddRowBefore: i,
+  onAddRowAfter: c,
+  onDeleteRow: r,
+  onAddColumnBefore: s,
+  onAddColumnAfter: o,
+  onDeleteColumn: N,
+  onDeleteTable: y,
+  onMergeCells: u,
+  onSplitCell: h,
+  onCellProperties: m,
+  onTableProperties: k
+}) => {
+  const f = b((p) => {
+    p && p(), l();
+  }, [l]), P = Ce(() => {
+    if (!t)
+      return { x: 0, y: 0 };
+    const p = typeof window < "u" ? window.innerWidth : 1280, g = typeof window < "u" ? window.innerHeight : 720;
+    return {
+      x: Math.min(t.x, p - 260),
+      y: Math.min(t.y, g - 360)
+    };
+  }, [t]);
+  return !n || !t ? null : /* @__PURE__ */ a(Z, { children: [
+    /* @__PURE__ */ e("button", { type: "button", className: "mtx-table-menu-overlay", onClick: l, "aria-label": "Close table menu" }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "mtx-table-menu-dropdown",
+        style: { left: P.x, top: P.y },
+        children: /* @__PURE__ */ a("div", { className: "mtx-table-menu", onClick: (p) => p.stopPropagation(), children: [
+          /* @__PURE__ */ a("div", { className: "mtx-table-menu-group", children: [
+            /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Rows" }),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: "mtx-table-menu-item",
+                onClick: () => f(i),
+                children: [
+                  /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "⬆" }),
+                  /* @__PURE__ */ e("span", { children: "Insert Row Above" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: "mtx-table-menu-item",
+                onClick: () => f(c),
+                children: [
+                  /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "⬇" }),
+                  /* @__PURE__ */ e("span", { children: "Insert Row Below" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: "mtx-table-menu-item mtx-table-menu-item--danger",
+                onClick: () => f(r),
+                children: [
+                  /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "🗑" }),
+                  /* @__PURE__ */ e("span", { children: "Delete Row" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "mtx-table-menu-group", children: [
+            /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Columns" }),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: "mtx-table-menu-item",
+                onClick: () => f(s),
+                children: [
+                  /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "⬅" }),
+                  /* @__PURE__ */ e("span", { children: "Insert Column Left" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: "mtx-table-menu-item",
+                onClick: () => f(o),
+                children: [
+                  /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "➡" }),
+                  /* @__PURE__ */ e("span", { children: "Insert Column Right" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: "mtx-table-menu-item mtx-table-menu-item--danger",
+                onClick: () => f(N),
+                children: [
+                  /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "🗑" }),
+                  /* @__PURE__ */ e("span", { children: "Delete Column" })
+                ]
+              }
+            )
+          ] }),
+          (u || h) && /* @__PURE__ */ a("div", { className: "mtx-table-menu-group", children: [
+            /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Cells" }),
+            u && /* @__PURE__ */ a(
+              "button",
+              {
+                className: "mtx-table-menu-item",
+                onClick: () => f(u),
+                children: [
+                  /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "⊞" }),
+                  /* @__PURE__ */ e("span", { children: "Merge Cells" })
+                ]
+              }
+            ),
+            h && /* @__PURE__ */ a(
+              "button",
+              {
+                className: "mtx-table-menu-item",
+                onClick: () => f(h),
+                children: [
+                  /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "⊟" }),
+                  /* @__PURE__ */ e("span", { children: "Split Cell" })
+                ]
+              }
+            )
+          ] }),
+          (m || k) && /* @__PURE__ */ a("div", { className: "mtx-table-menu-group", children: [
+            /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Properties" }),
+            m && /* @__PURE__ */ a(
+              "button",
+              {
+                className: "mtx-table-menu-item",
+                onClick: () => f(m),
+                children: [
+                  /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "⚙" }),
+                  /* @__PURE__ */ e("span", { children: "Cell Properties" })
+                ]
+              }
+            ),
+            k && /* @__PURE__ */ a(
+              "button",
+              {
+                className: "mtx-table-menu-item",
+                onClick: () => f(k),
+                children: [
+                  /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "⚙" }),
+                  /* @__PURE__ */ e("span", { children: "Table Properties" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "mtx-table-menu-group", children: [
+            /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Danger Zone" }),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: "mtx-table-menu-item mtx-table-menu-item--danger",
+                onClick: () => f(y),
+                children: [
+                  /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "🗑" }),
+                  /* @__PURE__ */ e("span", { children: "Delete Table" })
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+});
+bt.displayName = "TableMenu";
+const ga = oe.memo(function({
+  isOpen: t,
+  position: l,
+  currentAlign: i,
+  hasCustomPosition: c = !1,
+  onClose: r,
+  onSetAlign: s,
+  onResetPosition: o,
+  onCenterImage: N,
+  onEditImage: y
+}) {
+  const u = b((m) => {
+    m == null || m(), r();
+  }, [r]), h = Ce(() => {
+    if (!l)
+      return { x: 0, y: 0 };
+    const m = typeof window < "u" ? window.innerWidth : 1280, k = typeof window < "u" ? window.innerHeight : 720;
+    return {
+      x: Math.min(l.x, m - 240),
+      y: Math.min(l.y, k - 280)
+    };
+  }, [l]);
+  return !t || !l ? null : /* @__PURE__ */ a(Z, { children: [
+    /* @__PURE__ */ e("button", { type: "button", className: "mtx-table-menu-overlay", onClick: r, "aria-label": "Close image menu" }),
+    /* @__PURE__ */ e("div", { className: "mtx-table-menu-dropdown", style: { left: h.x, top: h.y }, children: /* @__PURE__ */ a("div", { className: "mtx-table-menu", onClick: (m) => m.stopPropagation(), children: [
+      /* @__PURE__ */ a("div", { className: "mtx-table-menu-group", children: [
+        /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Text Wrapping" }),
+        /* @__PURE__ */ a("button", { className: `mtx-table-menu-item ${i === "left" ? "is-active" : ""}`, onClick: () => u(() => s("left")), children: [
+          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "◧" }),
+          /* @__PURE__ */ e("span", { children: "Wrap Left" })
+        ] }),
+        /* @__PURE__ */ a("button", { className: `mtx-table-menu-item ${i === "center" ? "is-active" : ""}`, onClick: () => u(() => s("center")), children: [
+          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "▣" }),
+          /* @__PURE__ */ e("span", { children: "Wrap Center" })
+        ] }),
+        /* @__PURE__ */ a("button", { className: `mtx-table-menu-item ${i === "right" ? "is-active" : ""}`, onClick: () => u(() => s("right")), children: [
+          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "◨" }),
+          /* @__PURE__ */ e("span", { children: "Wrap Right" })
+        ] }),
+        /* @__PURE__ */ a("button", { className: `mtx-table-menu-item ${i === "full" ? "is-active" : ""}`, onClick: () => u(() => s("full")), children: [
+          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "▤" }),
+          /* @__PURE__ */ e("span", { children: "Full Width" })
+        ] })
+      ] }),
+      y && /* @__PURE__ */ a("div", { className: "mtx-table-menu-group", children: [
+        /* @__PURE__ */ e("div", { className: "mtx-table-menu-label", children: "Image" }),
+        o && /* @__PURE__ */ a("button", { className: "mtx-table-menu-item", onClick: () => u(o), disabled: !c, children: [
+          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "↺" }),
+          /* @__PURE__ */ e("span", { children: "Reset Position" })
+        ] }),
+        N && /* @__PURE__ */ a("button", { className: "mtx-table-menu-item", onClick: () => u(N), children: [
+          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "◎" }),
+          /* @__PURE__ */ e("span", { children: "Center & Reset" })
+        ] }),
+        /* @__PURE__ */ a("button", { className: "mtx-table-menu-item", onClick: () => u(y), children: [
+          /* @__PURE__ */ e("span", { className: "mtx-table-menu-icon", children: "✎" }),
+          /* @__PURE__ */ e("span", { children: "Edit Image" })
+        ] })
+      ] })
+    ] }) })
+  ] });
+}), xa = le(() => import("./LinkDialogImpl-BSz0F-xG.js").then((n) => ({ default: n.LinkDialogImpl }))), ba = le(() => import("./InsertTableDialogImpl-CKirXRqE.js").then((n) => ({ default: n.InsertTableDialogImpl }))), fa = le(() => import("./CellPropertiesDialogImpl-CgWcr4bD.js").then((n) => ({ default: n.CellPropertiesDialogImpl }))), Na = le(() => import("./TableTemplatesDialogImpl-DrdqLQLH.js").then((n) => ({ default: n.TableTemplatesDialogImpl }))), ya = le(() => import("./ImageInsertDialog-Di0MXcC2.js").then((n) => ({ default: n.ImageInsertDialog }))), A = oe.memo(function({ icon: t, label: l, onClick: i, isActive: c, isDisabled: r, className: s }) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      className: `mtx-toolbar-btn ${c ? "is-active" : ""} ${s || ""}`,
+      onClick: i,
+      disabled: r,
+      title: l,
+      "aria-label": l,
+      children: t
+    }
+  );
+});
+function ce() {
+  return /* @__PURE__ */ e("div", { className: "mtx-toolbar-divider" });
+}
+function va(n) {
+  var l;
+  if (!n) return null;
+  const t = n.state.selection.node;
+  return ((l = t == null ? void 0 : t.type) == null ? void 0 : l.name) === "image" ? t.attrs || {} : n.state.selection.$from.parent.type.name === "image" ? n.state.selection.$from.parent.attrs : null;
+}
+const ka = oe.memo(({ value: n, onChange: t, options: l, label: i, className: c }) => /* @__PURE__ */ e(
+  "select",
+  {
+    className: `mtx-toolbar-select ${c || ""}`,
+    value: n,
+    onChange: (r) => t(r.target.value),
+    title: i,
+    "aria-label": i,
+    children: l.map((r) => /* @__PURE__ */ e("option", { value: r.value, children: r.label }, r.value))
+  }
+)), lt = oe.memo(({ color: n, onChange: t, label: l, icon: i }) => {
+  const c = R(null);
+  return /* @__PURE__ */ a(Z, { children: [
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        className: "mtx-toolbar-btn mtx-color-btn",
+        onClick: () => {
+          var r;
+          return (r = c.current) == null ? void 0 : r.click();
+        },
+        title: l,
+        "aria-label": l,
+        children: i
+      }
+    ),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        ref: c,
+        type: "color",
+        value: n,
+        onChange: (r) => t(r.target.value),
+        className: "mtx-color-picker",
+        style: { display: "none" }
+      }
+    )
+  ] });
+}), M = {
+  bold: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M4 2h5a3 3 0 0 1 2.1 5.15A3.5 3.5 0 0 1 9.5 14H4V2zm2 5h3a1 1 0 1 0 0-2H6v2zm0 2v3h3.5a1.5 1.5 0 0 0 0-3H6z" }) }),
+  italic: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M6 2h6v2h-2.2l-2.6 8H9v2H3v-2h2.2l2.6-8H6V2z" }) }),
+  underline: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M3 13h10v1.5H3V13zM4 2v6a4 4 0 0 0 8 0V2h-2v6a2 2 0 0 1-4 0V2H4z" }) }),
+  strike: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 7h12v1.5H2V7zm3.5-4.5h5c1.1 0 2 .9 2 2s-.9 2-2 2h-2V5h2a.5.5 0 0 0 0-1h-5a.5.5 0 0 0 0 1h1v1.5h-1c-1.1 0-2-.9-2-2s.9-2 2-2zm2 7V11h-1a.5.5.0 0 0 0 1h5a.5.5 0 0 0 0-1h-2V9.5h-2z" }) }),
+  h1: /* @__PURE__ */ e("svg", { width: "20", height: "16", viewBox: "0 0 20 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 3v10h2V9h4v4h2V3H8v4H4V3H2zm12 0v10h2V5.5l2 1V4.3l-3-1.8h-1z" }) }),
+  h2: /* @__PURE__ */ e("svg", { width: "20", height: "16", viewBox: "0 0 20 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 3v10h2V9h4v4h2V3H8v4H4V3H2zm10 10v-2c0-1.5 1.2-2.5 2.4-3.3L15.8 7C16.6 6.4 17 5.8 17 5c0-.8-.5-1.5-1.5-1.5S14 4.2 14 5h-2c0-1.9 1.3-3.5 3.5-3.5S19 3.1 19 5c0 1.3-.7 2.2-1.8 3l-1.5 1H19v2h-7z" }) }),
+  h3: /* @__PURE__ */ e("svg", { width: "20", height: "16", viewBox: "0 0 20 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 3v10h2V9h4v4h2V3H8v4H4V3H2zm10 3.5h2c.8 0 1.5-.3 1.5-1s-.7-1-1.5-1-1.5.3-1.5 1h-2c0-1.7 1.3-3 3.5-3s3.5 1.1 3.5 2.5c0 .9-.5 1.5-1.2 1.8.9.4 1.5 1.2 1.5 2.2 0 1.6-1.4 3-3.8 3S12 10.4 12 8.5h2c0 .8.7 1.5 1.5 1.5s1.5-.5 1.5-1.3-.6-1.2-1.5-1.2H14V6.5z" }) }),
+  paragraph: /* @__PURE__ */ a("svg", { width: "18", height: "16", viewBox: "0 0 18 16", fill: "currentColor", children: [
+    /* @__PURE__ */ e("path", { d: "M3 2h7a4 4 0 0 1 0 8H8v4H6V4H3V2zm5 2v4h2a2 2 0 1 0 0-4H8z" }),
+    /* @__PURE__ */ e("path", { d: "M12 2h2v12h-2z" })
+  ] }),
+  bulletList: /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: [
+    /* @__PURE__ */ e("circle", { cx: "2.5", cy: "4", r: "1.5" }),
+    /* @__PURE__ */ e("rect", { x: "6", y: "3", width: "9", height: "2", rx: "0.5" }),
+    /* @__PURE__ */ e("circle", { cx: "2.5", cy: "8", r: "1.5" }),
+    /* @__PURE__ */ e("rect", { x: "6", y: "7", width: "9", height: "2", rx: "0.5" }),
+    /* @__PURE__ */ e("circle", { cx: "2.5", cy: "12", r: "1.5" }),
+    /* @__PURE__ */ e("rect", { x: "6", y: "11", width: "9", height: "2", rx: "0.5" })
+  ] }),
+  orderedList: /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: [
+    /* @__PURE__ */ e("text", { x: "1", y: "5", fontSize: "5.5", fontWeight: "600", fontFamily: "sans-serif", children: "1." }),
+    /* @__PURE__ */ e("text", { x: "1", y: "9", fontSize: "5.5", fontWeight: "600", fontFamily: "sans-serif", children: "2." }),
+    /* @__PURE__ */ e("text", { x: "1", y: "13", fontSize: "5.5", fontWeight: "600", fontFamily: "sans-serif", children: "3." }),
+    /* @__PURE__ */ e("rect", { x: "6", y: "3", width: "9", height: "2", rx: "0.5" }),
+    /* @__PURE__ */ e("rect", { x: "6", y: "7", width: "9", height: "2", rx: "0.5" }),
+    /* @__PURE__ */ e("rect", { x: "6", y: "11", width: "9", height: "2", rx: "0.5" })
+  ] }),
+  taskList: /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: [
+    /* @__PURE__ */ e("rect", { x: "1.5", y: "2.5", width: "3", height: "3", rx: "0.5", stroke: "currentColor", fill: "none", strokeWidth: "1.2" }),
+    /* @__PURE__ */ e("path", { d: "M2.2 4l.7.7 1.3-1.5", stroke: "currentColor", fill: "none", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }),
+    /* @__PURE__ */ e("rect", { x: "6", y: "3", width: "9", height: "1.5", rx: "0.5" }),
+    /* @__PURE__ */ e("rect", { x: "1.5", y: "10.5", width: "3", height: "3", rx: "0.5", stroke: "currentColor", fill: "none", strokeWidth: "1.2" }),
+    /* @__PURE__ */ e("rect", { x: "6", y: "11", width: "9", height: "1.5", rx: "0.5" })
+  ] }),
+  superscript: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M1 13l4-5.5L1.5 3H4l2.3 3.2L8.5 3H11L7.5 6.5 12 13H9.2L6.5 9.2 3.8 13H1zm10-9V2.5c0-.6.5-1 1.2-1.2l.8-.3c.3-.1.5-.3.5-.5 0-.3-.3-.5-.7-.5-.5 0-.8.3-.8.7h-1.2c0-1 .8-1.7 2-1.7s2 .7 2 1.6c0 .6-.4 1-1 1.3l-.7.3c-.3.1-.5.2-.6.4H15V4h-4z" }) }),
+  subscript: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M1 12l4-5.5L1.5 2H4l2.3 3.2L8.5 2H11L7.5 6.5 12 12H9.2L6.5 8.2 3.8 12H1zm10 3v-1.5c0-.6.5-1 1.2-1.2l.8-.3c.3-.1.5-.3.5-.5 0-.3-.3-.5-.7-.5-.5 0-.8.3-.8.7h-1.2c0-1 .8-1.7 2-1.7s2 .7 2 1.6c0 .6-.4 1-1 1.3l-.7.3c-.3.1-.5.2-.6.4H15V15h-4z" }) }),
+  link: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M6.9 11.1l-1.4 1.4a2 2 0 0 1-2.8-2.8l2.8-2.8a2 2 0 0 1 2.8 0l.7-.7a3 3 0 0 0-4.2 0L2.2 9a3 3 0 0 0 4.2 4.2l1.4-1.4-.7-.7zm2.2-6.2l1.4-1.4a2 2 0 0 1 2.8 2.8l-2.8 2.8a2 2 0 0 1-2.8 0l-.7.7a3 3 0 0 0 4.2 0l2.8-2.8a3 3 0 0 0-4.2-4.2L8.4 4.2l.7.7z" }) }),
+  image: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3zm1.5 8.5l2.5-3 2 2.5 3-4 3 4.5H3.5zm2-5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z" }) }),
+  editImage: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M12.854 1.646a.5.5 0 0 1 .708 0l1.79 1.79a.5.5 0 0 1 0 .708l-8.5 8.5a.5.5 0 0 1-.224.128l-4 1a.5.5 0 0 1-.604-.604l1-4a.5.5 0 0 1 .128-.224l8.5-8.5zM13.5 2.707L5.707 10.5 5 13.293l2.793-.707 7.793-7.793-2.086-2.086zM3 14a1 1 0 1 1 2 0 1 1 0 0 1-2 0z" }) }),
+  table: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M1 2.5A1.5 1.5 0 0 1 2.5 1h11A1.5 1.5 0 0 1 15 2.5v11a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 13.5v-11zM2.5 2a.5.5 0 0 0-.5.5V5h5V2H2.5zM9 2v3h5V2.5a.5.5 0 0 0-.5-.5H9zM14 6H9v3h5V6zM14 10.5H9v3h4.5a.5.5 0 0 0 .5-.5V10.5zM7 13.5v-3H2v2.5a.5.5 0 0 0 .5.5H7zM2 9h5V6H2v3z" }) }),
+  rowAbove: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 3h12v2H2V3zm0 4h12v6H2V7zm6-6 2.5 2.5h-1.5V6h-2V3.5H5.5L8 1z" }) }),
+  rowBelow: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 3h12v6H2V3zm0 8h12v2H2v-2zm6 4-2.5-2.5h1.5V10h2v2.5h1.5L8 15z" }) }),
+  columnLeft: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M3 2h2v12H3V2zm4 0h7v12H7V2zM1 8l2.5-2.5V7H6v2H3.5v1.5L1 8z" }) }),
+  columnRight: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M11 2h2v12h-2V2zM2 2h7v12H2V2zm13 6-2.5 2.5V9H10V7h2.5V5.5L15 8z" }) }),
+  cellProperties: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 2h12v12H2V2zm1 1v3h3V3H3zm4 0v3h6V3H7zM3 7v6h3V7H3zm4 0v6h6V7H7zm1 2h4v1H8V9zm0 2h3v1H8v-1z" }) }),
+  deleteRow: /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: [
+    /* @__PURE__ */ e("path", { d: "M2 3h12v2H2V3zm0 4h12v6H2V7zm3 1h6v1.5H5V8.5z" }),
+    /* @__PURE__ */ e("path", { d: "M4.5 10.5h7", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] }),
+  deleteColumn: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 2h4v12H2V2zm5 0h7v12H7V2zm1.5 5.5h4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }),
+  mergeCells: /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: [
+    /* @__PURE__ */ e("path", { d: "M2 2h5v5H2V2zm7 0h5v5H9V2zM2 9h12v5H2V9z" }),
+    /* @__PURE__ */ e("path", { d: "M6 4.5h4", stroke: "#fff", strokeWidth: "1.5", strokeLinecap: "round" })
+  ] }),
+  splitCell: /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: [
+    /* @__PURE__ */ e("path", { d: "M2 2h12v12H2V2zm5 0v12" }),
+    /* @__PURE__ */ e("path", { d: "M8 2v12", stroke: "#fff", strokeWidth: "1.5" })
+  ] }),
+  graph: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 2h1.5v10.5H14V14H2V2zm2 8.5 2.2-2.8 2 1.8 3.3-4.2 1.2.9-4.2 5.3-2-1.8-1.7 2.1L4 10.5z" }) }),
+  horizontalRule: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("rect", { x: "1", y: "7", width: "14", height: "2", rx: "1" }) }),
+  blockquote: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M3 3h4v4l-2 5H3l2-5H3V3zm6 0h4v4l-2 5H9l2-5H9V3z" }) }),
+  codeBlock: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M5.7 11.3l-1.4 1.4L0 8l4.3-4.7 1.4 1.4L2.8 8l2.9 3.3zm4.6 0l1.4 1.4L16 8l-4.3-4.7-1.4 1.4L13.2 8l-2.9 3.3z" }) }),
+  math: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 2l3 6-3 6h2.5l2-4 2 4H11l-3-6 3-6H8.5l-2 4-2-4H2zm9 0v2h4V2h-4zm0 5v2h4V7h-4zm0 5v2h4v-2h-4z" }) }),
+  undo: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M4 5h6a3 3 0 0 1 0 6H7v2h3a5 5 0 0 0 0-10H4V1L0 4.5 4 8V5z" }) }),
+  redo: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M12 5H6a3 3 0 0 0 0 6h3v2H6a5 5 0 0 1 0-10h6V1l4 3.5L12 8V5z" }) }),
+  chemistry: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M11 2h-1V1c0-.6-.4-1-1-1H7C6.4 0 6 .4 6 1v1H5c-.6 0-1 .4-1 1v1c0 .2.1.4.2.6L7 9.5v3.5c0 .6.4 1 1 1s1-.4 1-1V9.5l2.8-4.9c.1-.2.2-.4.2-.6V3c0-.6-.4-1-1-1zm-4 0V1h2v1H7zm1.5 6.5l-.5-.9-.5.9V13h1V8.5z" }) }),
+  alignLeft: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 3h12v1.5H2V3zm0 4h8v1.5H2V7zm0 4h12v1.5H2v-1.5zM2 11h6v1.5H2V11z" }) }),
+  alignCenter: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 3h12v1.5H2V3zm3 4h6v1.5H5V7zm-3 4h12v1.5H2v-1.5zM5 11h6v1.5H5V11z" }) }),
+  alignRight: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 3h12v1.5H2V3zm6 4h6v1.5H8V7zM2 11h12v1.5H2v-1.5zm6-4h6v1.5H8V7z" }) }),
+  alignJustify: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 3h12v1.5H2V3zm0 4h12v1.5H2V7zm0 4h12v1.5H2v-1.5zm0 4h12v1.5H2v-1.5z" }) }),
+  indent: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 3h12v1.5H2V3zm3 4h9v1.5H5V7zm3 4h6v1.5H8v-1.5zM2 11h12v1.5H2v-1.5zM2 7l3 2-3 2V7z" }) }),
+  outdent: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 3h12v1.5H2V3zm3 4h9v1.5H5V7zm3 4h6v1.5H8v-1.5zM2 11h12v1.5H2v-1.5zM5 7l-3 2 3 2V7z" }) }),
+  highlight: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M3 2h4l4 4-4 4H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1zm6 0l2 2 2-2-2-2-2 2zm-2 2l2 2 2-2-2-2-2 2z" }) }),
+  removeFormat: /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: [
+    /* @__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" })
+  ] })
+}, wa = [
+  { 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" }
+], Ca = oe.memo(function({ editor: t, toolbarMode: l, onInsertMath: i, onInsertImage: c, onEditImage: r, onSetImageAlign: s, onResetImagePosition: o }) {
+  const [N, y] = H("#000000"), [u, h] = H("#fef08a"), [m, k] = H("basic"), [f, P] = H(!1), [p, g] = H(!1), [w, B] = H(!1), [_, W] = H(!1), [q, ie] = H(!1), [fe, ae] = H({}), me = b(() => {
+    P(!0);
+  }, []), Ae = b((z) => {
+    if (!t) return;
+    const { url: I, text: ee, target: U } = z;
+    ee ? t.chain().focus().deleteSelection().insertContent(ee).setLink({
+      href: I,
+      target: U || "_self",
+      rel: U === "_blank" ? "noopener noreferrer" : void 0
+    }).run() : t.chain().focus().setLink({
+      href: I,
+      target: U || "_self",
+      rel: U === "_blank" ? "noopener noreferrer" : void 0
+    }).run(), P(!1);
+  }, [t]), C = b(() => {
+    t && (t.chain().focus().unsetLink().run(), P(!1));
+  }, [t]), j = b(() => t ? {
+    url: t.getAttributes("link").href || "",
+    text: t.state.selection.empty ? "" : t.state.doc.textBetween(t.state.selection.from, t.state.selection.to),
+    title: t.getAttributes("link").title || "",
+    target: t.getAttributes("link").target || "_blank"
+  } : {}, [t]), de = b((z, I, ee) => {
+    t && t.chain().focus().insertTable({ rows: z, cols: I, withHeaderRow: ee }).run();
+  }, [t]), [Ne, ne] = H(!1), [pe, ye] = H(null), [ge, G] = H(!1), [Me, he] = H(null);
+  X(() => {
+    if (!t) return;
+    const z = (ee) => {
+      const U = ee, Be = U.target, He = Be.closest("figure.mtx-image-figure, .mtx-image-wrapper, img"), Ke = Be.closest("td, th");
+      if (He) {
+        U.preventDefault(), U.stopPropagation();
+        try {
+          const Le = He.tagName === "IMG" ? He : He.querySelector("img") || He, Ht = t.view.posAtDOM(Le, 0);
+          t.chain().focus().setNodeSelection(Ht).run();
+        } catch (Le) {
+          console.warn("Cannot select image from context menu:", Le);
+        }
+        ne(!1), he({ x: U.clientX, y: U.clientY }), G(!0);
+        return;
+      }
+      Ke && t.isActive("table") && (U.preventDefault(), U.stopPropagation(), G(!1), ye({ x: U.clientX, y: U.clientY }), ne(!0));
+    }, I = document.querySelector(".mtx-content");
+    return I && I.addEventListener("contextmenu", z), () => {
+      I && I.removeEventListener("contextmenu", z);
+    };
+  }, [t]);
+  const ve = b(() => {
+    t && t.chain().focus().addRowBefore().run();
+  }, [t]), Q = b(() => {
+    t && t.chain().focus().addRowAfter().run();
+  }, [t]), v = b(() => {
+    t && t.chain().focus().deleteRow().run();
+  }, [t]), T = b(() => {
+    t && t.chain().focus().addColumnBefore().run();
+  }, [t]), D = b(() => {
+    t && t.chain().focus().addColumnAfter().run();
+  }, [t]), $ = b(() => {
+    t && t.chain().focus().deleteColumn().run();
+  }, [t]), F = b(() => {
+    t && (t.chain().focus().deleteTable().run(), ne(!1));
+  }, [t]), x = b((z) => {
+    s == null || s(z), G(!1);
+  }, [s]), V = b(() => {
+    r == null || r(), G(!1);
+  }, [r]), K = b(() => {
+    o == null || o(), G(!1);
+  }, [o]), O = b(() => {
+    s == null || s("center"), G(!1);
+  }, [s]), E = b(() => {
+    if (!t) return;
+    const z = t.state.selection.$from.parent;
+    if (z.type.name !== "tableCell" && z.type.name !== "tableHeader")
+      return;
+    const I = Array.isArray(z.attrs.colwidth) ? z.attrs.colwidth[0] : null, ee = z.attrs.width || (typeof I == "number" ? `${I}px` : "");
+    ae({
+      width: typeof ee == "string" ? ee : ee ? String(ee) : "",
+      backgroundColor: z.attrs.backgroundColor || "",
+      horizontalAlign: z.attrs.textAlign || "left",
+      verticalAlign: z.attrs.verticalAlign || "top"
+    }), ne(!1), B(!0);
+  }, [t]), Y = b(() => {
+    if (t)
+      try {
+        t.chain().focus().mergeCells().run(), ne(!1);
+      } catch (z) {
+        console.warn("Cannot merge cells:", z);
+      }
+  }, [t]), J = b(() => {
+    if (t)
+      try {
+        t.chain().focus().splitCell().run(), ne(!1);
+      } catch (z) {
+        console.warn("Cannot split cell:", z);
+      }
+  }, [t]), xe = b((z) => {
+    if (!t) return;
+    const { width: I, backgroundColor: ee, horizontalAlign: U, verticalAlign: Be } = z, Ke = t.state.selection.$from.parent.type.name === "tableHeader" ? "tableHeader" : "tableCell", Le = I ? parseInt(I, 10) : null;
+    t.chain().focus().updateAttributes(Ke, {
+      colwidth: Number.isFinite(Le) && (I != null && I.endsWith("px")) ? [Le] : null,
+      width: I || null,
+      backgroundColor: ee || null,
+      textAlign: U || null,
+      verticalAlign: Be || null
+    }).run();
+  }, [t]), ke = b((z) => {
+    t && t.isActive("table") && t.chain().focus().updateAttributes("table", { theme: z.id }).run();
+  }, [t]), De = b(() => {
+    if (c) {
+      c();
+      return;
+    }
+    ie(!0);
+  }, [c]), be = b(() => {
+    t && t.chain().focus().insertContent({ type: "graph", attrs: { formula: "sin(x)" } }).run();
+  }, [t]), se = b(
+    (z, I) => {
+      t && (t.chain().focus().setImage({ src: z, alt: I }).run(), ie(!1));
+    },
+    [t]
+  ), Ee = b(() => {
+    g(!0);
+  }, []), we = va(t), ue = !!we, _e = (we == null ? void 0 : we.align) || "center", ft = we ? Number(we.offsetX || 0) !== 0 || Number(we.offsetY || 0) !== 0 : !1, ze = !!t && t.isActive("table"), Nt = !!t && ["tableCell", "tableHeader"].includes(t.state.selection.$from.parent.type.name), yt = !!t && t.can().deleteRow(), vt = !!t && t.can().deleteColumn(), kt = !!t && t.can().mergeCells(), wt = !!t && t.can().splitCell(), re = (l || m) === "advanced", Ct = !l, Tt = b(() => {
+    t && t.chain().focus().unsetBold().unsetItalic().unsetUnderline().unsetStrike().unsetSubscript().unsetSuperscript().unsetLink().unsetColor().unsetFontFamily().unsetHighlight().run();
+  }, [t]), At = b((z) => {
+    y(z), t && t.chain().focus().setColor(z).run();
+  }, [t]), Mt = b((z) => {
+    h(z), t && t.chain().focus().toggleHighlight({ color: z }).run();
+  }, [t]);
+  return t ? /* @__PURE__ */ a("div", { className: "mtx-toolbar", role: "toolbar", "aria-label": "Editor toolbar", children: [
+    Ct && /* @__PURE__ */ a(Z, { children: [
+      /* @__PURE__ */ a("div", { className: "mtx-toolbar-mode-switch", role: "group", "aria-label": "Toolbar density", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `mtx-toolbar-mode-btn ${re ? "" : "is-active"}`,
+            onClick: () => k("basic"),
+            "aria-pressed": !re,
+            children: "Basic"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            type: "button",
+            className: `mtx-toolbar-mode-btn ${re ? "is-active" : ""}`,
+            onClick: () => k("advanced"),
+            "aria-pressed": re,
+            children: "Advanced"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(ce, {})
+    ] }),
+    /* @__PURE__ */ a("div", { className: "mtx-toolbar-group", children: [
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.undo,
+          label: "Undo (Ctrl+Z)",
+          onClick: () => t.chain().focus().undo().run(),
+          isDisabled: !t.can().undo()
+        }
+      ),
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.redo,
+          label: "Redo (Ctrl+Y)",
+          onClick: () => t.chain().focus().redo().run(),
+          isDisabled: !t.can().redo()
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(ce, {}),
+    re && /* @__PURE__ */ a(Z, { children: [
+      /* @__PURE__ */ e("div", { className: "mtx-toolbar-group", children: /* @__PURE__ */ e(
+        ka,
+        {
+          value: t.getAttributes("textStyle").fontFamily || "Arial",
+          onChange: (z) => t.chain().focus().setFontFamily(z).run(),
+          options: wa,
+          label: "Font Family",
+          className: "mtx-font-select"
+        }
+      ) }),
+      /* @__PURE__ */ e(ce, {})
+    ] }),
+    /* @__PURE__ */ a("div", { className: "mtx-toolbar-group", children: [
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.bold,
+          label: "Bold (Ctrl+B)",
+          onClick: () => t.chain().focus().toggleBold().run(),
+          isActive: t.isActive("bold")
+        }
+      ),
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.italic,
+          label: "Italic (Ctrl+I)",
+          onClick: () => t.chain().focus().toggleItalic().run(),
+          isActive: t.isActive("italic")
+        }
+      ),
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.underline,
+          label: "Underline (Ctrl+U)",
+          onClick: () => t.chain().focus().toggleUnderline().run(),
+          isActive: t.isActive("underline")
+        }
+      ),
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.strike,
+          label: "Strikethrough",
+          onClick: () => t.chain().focus().toggleStrike().run(),
+          isActive: t.isActive("strike")
+        }
+      ),
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.highlight,
+          label: "Highlight",
+          onClick: () => t.chain().focus().toggleHighlight().run(),
+          isActive: t.isActive("highlight")
+        }
+      ),
+      /* @__PURE__ */ e(
+        lt,
+        {
+          color: u,
+          onChange: Mt,
+          label: "Highlight Color",
+          icon: /* @__PURE__ */ e("span", { style: { width: "12px", height: "12px", background: u, borderRadius: "2px", display: "inline-block" } })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(ce, {}),
+    re && /* @__PURE__ */ a(Z, { children: [
+      /* @__PURE__ */ e("div", { className: "mtx-toolbar-group", children: /* @__PURE__ */ e(
+        lt,
+        {
+          color: N,
+          onChange: At,
+          label: "Text Color",
+          icon: /* @__PURE__ */ e("span", { style: { width: "16px", height: "3px", background: N, display: "inline-block", borderRadius: "1px" } })
+        }
+      ) }),
+      /* @__PURE__ */ e(ce, {})
+    ] }),
+    /* @__PURE__ */ a("div", { className: "mtx-toolbar-group", children: [
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.paragraph,
+          label: "Paragraph",
+          onClick: () => t.chain().focus().setParagraph().run(),
+          isActive: t.isActive("paragraph")
+        }
+      ),
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.h1,
+          label: "Heading 1",
+          onClick: () => t.chain().focus().toggleHeading({ level: 1 }).run(),
+          isActive: t.isActive("heading", { level: 1 })
+        }
+      ),
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.h2,
+          label: "Heading 2",
+          onClick: () => t.chain().focus().toggleHeading({ level: 2 }).run(),
+          isActive: t.isActive("heading", { level: 2 })
+        }
+      ),
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.h3,
+          label: "Heading 3",
+          onClick: () => t.chain().focus().toggleHeading({ level: 3 }).run(),
+          isActive: t.isActive("heading", { level: 3 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(ce, {}),
+    /* @__PURE__ */ a("div", { className: "mtx-toolbar-group", children: [
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.bulletList,
+          label: "Bullet List",
+          onClick: () => t.chain().focus().toggleBulletList().run(),
+          isActive: t.isActive("bulletList")
+        }
+      ),
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.orderedList,
+          label: "Ordered List",
+          onClick: () => t.chain().focus().toggleOrderedList().run(),
+          isActive: t.isActive("orderedList")
+        }
+      ),
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.taskList,
+          label: "Checklist",
+          onClick: () => t.chain().focus().toggleTaskList().run(),
+          isActive: t.isActive("taskList")
+        }
+      ),
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.outdent,
+          label: "Outdent",
+          onClick: () => t.chain().focus().outdent().run(),
+          isDisabled: !t.can().outdent()
+        }
+      ),
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.indent,
+          label: "Indent",
+          onClick: () => t.chain().focus().indent().run(),
+          isDisabled: !t.can().indent()
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(ce, {}),
+    re && /* @__PURE__ */ a(Z, { children: [
+      /* @__PURE__ */ a("div", { className: "mtx-toolbar-group", children: [
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.alignLeft,
+            label: "Align Left",
+            onClick: () => t.chain().focus().setTextAlign("left").run(),
+            isActive: t.isActive({ textAlign: "left" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.alignCenter,
+            label: "Align Center",
+            onClick: () => t.chain().focus().setTextAlign("center").run(),
+            isActive: t.isActive({ textAlign: "center" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.alignRight,
+            label: "Align Right",
+            onClick: () => t.chain().focus().setTextAlign("right").run(),
+            isActive: t.isActive({ textAlign: "right" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.alignJustify,
+            label: "Justify",
+            onClick: () => t.chain().focus().setTextAlign("justify").run(),
+            isActive: t.isActive({ textAlign: "justify" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(ce, {})
+    ] }),
+    /* @__PURE__ */ a("div", { className: "mtx-toolbar-group", children: [
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.link,
+          label: "Link",
+          onClick: me,
+          isActive: t.isActive("link")
+        }
+      ),
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.image,
+          label: "Image",
+          onClick: De
+        }
+      ),
+      re && /* @__PURE__ */ a(Z, { children: [
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.editImage,
+            label: "Edit Image",
+            onClick: () => r && r(),
+            isDisabled: !ue
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.alignLeft,
+            label: "Wrap Image Left",
+            onClick: () => s == null ? void 0 : s("left"),
+            isActive: ue && _e === "left",
+            isDisabled: !ue
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.alignCenter,
+            label: "Wrap Image Center",
+            onClick: () => s == null ? void 0 : s("center"),
+            isActive: ue && _e === "center",
+            isDisabled: !ue
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.alignRight,
+            label: "Wrap Image Right",
+            onClick: () => s == null ? void 0 : s("right"),
+            isActive: ue && _e === "right",
+            isDisabled: !ue
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.alignJustify,
+            label: "Wrap Image Full",
+            onClick: () => s == null ? void 0 : s("full"),
+            isActive: ue && _e === "full",
+            isDisabled: !ue
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.table,
+          label: "Table",
+          onClick: Ee
+        }
+      ),
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.graph,
+          label: "Graph",
+          onClick: be
+        }
+      ),
+      ze && /* @__PURE__ */ a(Z, { children: [
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.rowAbove,
+            label: "Insert Row Above",
+            onClick: ve
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.rowBelow,
+            label: "Insert Row Below",
+            onClick: Q
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.columnLeft,
+            label: "Insert Column Left",
+            onClick: T
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.columnRight,
+            label: "Insert Column Right",
+            onClick: D
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.cellProperties,
+            label: "Cell Properties",
+            onClick: E,
+            isDisabled: !Nt
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.deleteRow,
+            label: "Delete Row",
+            onClick: v,
+            isDisabled: !yt
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.deleteColumn,
+            label: "Delete Column",
+            onClick: $,
+            isDisabled: !vt
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.mergeCells,
+            label: "Merge Cells",
+            onClick: Y,
+            isDisabled: !kt
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.splitCell,
+            label: "Split Cell",
+            onClick: J,
+            isDisabled: !wt
+          }
+        )
+      ] }),
+      re && /* @__PURE__ */ a(Z, { children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: "mtx-toolbar-btn mtx-toolbar-btn--dropdown",
+            onClick: (z) => {
+              if (!ze) return;
+              const I = z.currentTarget.getBoundingClientRect();
+              ye({ x: I.left, y: I.bottom + 5 }), ne(!Ne);
+            },
+            title: "Table Operations",
+            "aria-label": "Table Operations",
+            disabled: !ze,
+            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" }) })
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: "mtx-toolbar-btn",
+            onClick: () => ze && W(!0),
+            title: "Table Templates",
+            "aria-label": "Table Templates",
+            disabled: !ze,
+            children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 2h5v5H2V2zm7 0h5v5H9V2zM2 9h5v5H2V9zm7 0h5v5H9V9z" }) })
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.horizontalRule,
+            label: "Horizontal Rule",
+            onClick: () => t.chain().focus().setHorizontalRule().run()
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.blockquote,
+            label: "Blockquote",
+            onClick: () => t.chain().focus().toggleBlockquote().run(),
+            isActive: t.isActive("blockquote")
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.codeBlock,
+            label: "Code Block",
+            onClick: () => t.chain().focus().toggleCodeBlock().run(),
+            isActive: t.isActive("codeBlock")
+          }
+        )
+      ] })
+    ] }),
+    re && /* @__PURE__ */ a(Z, { children: [
+      /* @__PURE__ */ e(ce, {}),
+      /* @__PURE__ */ a("div", { className: "mtx-toolbar-group", children: [
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.superscript,
+            label: "Superscript",
+            onClick: () => t.chain().focus().toggleSuperscript().run(),
+            isActive: t.isActive("superscript")
+          }
+        ),
+        /* @__PURE__ */ e(
+          A,
+          {
+            icon: M.subscript,
+            label: "Subscript",
+            onClick: () => t.chain().focus().toggleSubscript().run(),
+            isActive: t.isActive("subscript")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(ce, {})
+    ] }),
+    /* @__PURE__ */ a("div", { className: "mtx-toolbar-group", children: [
+      /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.math,
+          label: "Math Formula",
+          onClick: () => i == null ? void 0 : i(),
+          className: "mtx-toolbar-btn--accent"
+        }
+      ),
+      re && /* @__PURE__ */ e(
+        A,
+        {
+          icon: M.chemistry,
+          label: "Chemistry Formula",
+          onClick: () => i == null ? void 0 : i("chem"),
+          className: "mtx-toolbar-btn--accent-secondary"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(ce, {}),
+    /* @__PURE__ */ e("div", { className: "mtx-toolbar-group", children: /* @__PURE__ */ e(
+      A,
+      {
+        icon: M.removeFormat,
+        label: "Remove Format",
+        onClick: Tt
+      }
+    ) }),
+    f && /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(
+      xa,
+      {
+        isOpen: f,
+        currentUrl: j().url,
+        currentText: j().text,
+        currentTarget: j().target,
+        onInsert: Ae,
+        onRemove: t != null && t.isActive("link") ? C : void 0,
+        onClose: () => P(!1)
+      }
+    ) }),
+    p && /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(
+      ba,
+      {
+        isOpen: p,
+        onInsert: de,
+        onClose: () => g(!1)
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      bt,
+      {
+        isOpen: Ne,
+        position: pe || { x: 200, y: 300 },
+        onClose: () => ne(!1),
+        onAddRowBefore: ve,
+        onAddRowAfter: Q,
+        onDeleteRow: v,
+        onAddColumnBefore: T,
+        onAddColumnAfter: D,
+        onDeleteColumn: $,
+        onDeleteTable: F,
+        onCellProperties: E,
+        onMergeCells: Y,
+        onSplitCell: J
+      }
+    ),
+    /* @__PURE__ */ e(
+      ga,
+      {
+        isOpen: ge,
+        position: Me || { x: 200, y: 300 },
+        currentAlign: _e,
+        hasCustomPosition: ft,
+        onClose: () => G(!1),
+        onSetAlign: x,
+        onResetPosition: o ? K : void 0,
+        onCenterImage: s ? O : void 0,
+        onEditImage: r ? V : void 0
+      }
+    ),
+    w && /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(
+      fa,
+      {
+        isOpen: w,
+        initialData: fe,
+        onSave: xe,
+        onClose: () => {
+          B(!1), ae({});
+        }
+      }
+    ) }),
+    _ && /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(
+      Na,
+      {
+        isOpen: _,
+        onSelect: ke,
+        onClose: () => W(!1)
+      }
+    ) }),
+    q && /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(
+      ya,
+      {
+        isOpen: q,
+        onClose: () => ie(!1),
+        onInsert: se
+      }
+    ) })
+  ] }) : null;
+}), it = "mtx-math-toolbar-expanded-section";
+function st({ label: n, latex: t, onClick: l, title: i, variant: c = "default" }) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      className: `mtx-math-btn ${c === "recent" ? "mtx-math-btn--recent" : ""}`,
+      onClick: () => l(t),
+      title: i,
+      "aria-label": i,
+      children: /* @__PURE__ */ e("span", { className: "mtx-math-btn__label", children: n })
+    }
+  );
+}
+const qe = [
+  {
+    label: "Basic",
+    buttons: [
+      { label: "x²", latex: "x^{2}", title: "Pangkat (Superscript)" },
+      { label: "x₂", latex: "x_{2}", title: "Subscript / Index" },
+      { label: "½", latex: "\\frac{a}{b}", title: "Pecahan (Fraction)" },
+      { label: "√", latex: "\\sqrt{x}", title: "Akar kuadrat (Square Root)" },
+      { label: "∛", latex: "\\sqrt[3]{x}", title: "Akar pangkat tiga" },
+      { label: "π", latex: "\\pi", title: "Pi" },
+      { label: "±", latex: "\\pm", title: "Plus minus" },
+      { label: "×", latex: "\\times", title: "Perkalian" },
+      { label: "÷", latex: "\\div", title: "Pembagian" }
+    ]
+  },
+  {
+    label: "Relation",
+    buttons: [
+      { label: "=", latex: "=", title: "Sama dengan" },
+      { label: "<", latex: "<", title: "Kurang dari" },
+      { label: ">", latex: ">", title: "Lebih dari" },
+      { label: "≠", latex: "\\neq", title: "Tidak sama dengan" },
+      { label: "≤", latex: "\\leq", title: "Kurang dari atau sama dengan" },
+      { label: "≥", latex: "\\geq", title: "Lebih dari atau sama dengan" },
+      { label: "≈", latex: "\\approx", title: "Hampir sama dengan" },
+      { label: "∞", latex: "\\infty", title: "Tak hingga (Infinity)" }
+    ]
+  },
+  {
+    label: "Set",
+    buttons: [
+      { label: "∈", latex: "\\in", title: "Anggota himpunan" },
+      { label: "∉", latex: "\\notin", title: "Bukan anggota himpunan" },
+      { label: "∪", latex: "\\cup", title: "Union / Gabungan" },
+      { label: "∩", latex: "\\cap", title: "Intersection / Irisan" }
+    ]
+  },
+  {
+    label: "Calc",
+    buttons: [
+      { label: "Σ", latex: "\\sum_{i=1}^{n}", title: "Sigma / Penjumlahan" },
+      { label: "∫", latex: "\\int_{a}^{b}", title: "Integral" },
+      { label: "d/dx", latex: "\\frac{d}{dx}", title: "Turunan terhadap x" },
+      { label: "lim", latex: "\\lim_{x \\to \\infty}", title: "Limit" },
+      { label: "log", latex: "\\log_{b}(x)", title: "Logaritma" },
+      { label: "sin", latex: "\\sin(x)", title: "Sinus" },
+      { label: "cos", latex: "\\cos(x)", title: "Cosinus" },
+      { label: "tan", latex: "\\tan(x)", title: "Tangen" }
+    ]
+  },
+  {
+    label: "Structure",
+    buttons: [
+      { label: "vec", latex: "\\vec{v}", title: "Vektor" },
+      { label: "hat", latex: "\\hat{x}", title: "Topi / Hat" },
+      { label: "( )", latex: "\\left( \\right)", title: "Tanda kurung" },
+      { label: "[ ]", latex: "\\left[ \\right]", title: "Kurung siku" },
+      { label: "{ }", latex: "\\left\\{ \\right\\}", title: "Kurung kurawal" },
+      { label: "|x|", latex: "\\left| x \\right|", title: "Nilai mutlak" },
+      { label: "2x2", latex: "\\begin{bmatrix} a & b \\\\ c & d \\end{bmatrix}", title: "Matriks 2x2" },
+      { label: "{x}", latex: "\\begin{cases} x_1 \\\\ x_2 \\end{cases}", title: "Piecewise / Cases" },
+      { label: "Kimia", latex: "\\ce{#?}", title: "Rumus Kimia (ce)" }
+    ]
+  }
+], Ta = 6;
+function Aa({ onInsertLatex: n, onToggleSymbols: t, onToggleTemplates: l }) {
+  const [i, c] = H([]), [r, s] = H("Basic"), [o, N] = H(""), y = Ce(() => qe.flatMap((p) => p.buttons), []), u = Ce(() => new Map(y.map((p) => [p.latex, p])), [y]), h = b((p) => {
+    n(p), c((g) => [p, ...g.filter((w) => w !== p)].slice(0, Ta));
+  }, [n]), m = Ce(
+    () => i.map((p) => u.get(p)).filter((p) => !!p),
+    [u, i]
+  ), k = o.trim().toLowerCase(), f = Ce(() => k ? qe.map((p) => ({
+    ...p,
+    buttons: p.buttons.filter((g) => `${g.label} ${g.title} ${g.latex}`.toLowerCase().includes(k))
+  })).filter((p) => p.buttons.length > 0) : qe, [k]);
+  X(() => {
+    if (typeof window > "u") return;
+    const p = window.localStorage.getItem(it);
+    p && s(p);
+  }, []), X(() => {
+    typeof window > "u" || !r || window.localStorage.setItem(it, r);
+  }, [r]), X(() => {
+    k && f.length > 0 && s(f[0].label);
+  }, [f, k]);
+  const P = b((p) => {
+    s((g) => g === p ? "" : p);
+  }, []);
+  return /* @__PURE__ */ a("div", { className: "mtx-math-toolbar", role: "toolbar", "aria-label": "Math toolbar", children: [
+    /* @__PURE__ */ a("div", { className: "mtx-math-toolbar__label", children: [
+      /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 2l3 6-3 6h2.5l2-4 2 4H11l-3-6 3-6H8.5l-2 4-2-4H2zm9 0v2h4V2h-4zm0 5v2h4V7h-4zm0 5v2h4v-2h-4z" }) }),
+      /* @__PURE__ */ e("span", { children: "Math" })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "mtx-math-toolbar__search-wrap", children: /* @__PURE__ */ e(
+      "input",
+      {
+        type: "search",
+        className: "mtx-math-toolbar__search",
+        value: o,
+        onChange: (p) => N(p.target.value),
+        placeholder: "Cari rumus...",
+        "aria-label": "Search math formulas"
+      }
+    ) }),
+    /* @__PURE__ */ a("div", { className: "mtx-math-toolbar__buttons", children: [
+      m.length > 0 && /* @__PURE__ */ a(Z, { children: [
+        /* @__PURE__ */ e("div", { className: "mtx-math-toolbar__section-label", children: "Recent" }),
+        m.map((p) => /* @__PURE__ */ e(
+          st,
+          {
+            label: p.label,
+            latex: p.latex,
+            onClick: h,
+            title: `Terakhir dipakai: ${p.title}`,
+            variant: "recent"
+          },
+          `recent-${p.latex}`
+        )),
+        /* @__PURE__ */ e("div", { className: "mtx-math-toolbar__section-divider" })
+      ] }),
+      f.map((p) => /* @__PURE__ */ a("div", { className: "mtx-math-toolbar__section", children: [
+        /* @__PURE__ */ a(
+          "button",
+          {
+            type: "button",
+            className: `mtx-math-toolbar__section-toggle ${r === p.label ? "is-active" : ""}`,
+            onClick: () => P(p.label),
+            "aria-expanded": r === p.label,
+            "aria-label": `${p.label} group`,
+            children: [
+              /* @__PURE__ */ e("span", { children: p.label }),
+              /* @__PURE__ */ e("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ e("path", { d: "M3 4.5 6 7.5 9 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+            ]
+          }
+        ),
+        r === p.label && p.buttons.map((g) => /* @__PURE__ */ e(
+          st,
+          {
+            label: g.label,
+            latex: g.latex,
+            onClick: h,
+            title: g.title
+          },
+          g.latex
+        ))
+      ] }, p.label)),
+      k && f.length === 0 && /* @__PURE__ */ e("div", { className: "mtx-math-toolbar__empty", children: "No formula matches your search." })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "mtx-math-toolbar__actions", children: [
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: "mtx-math-toolbar__action-btn",
+          onClick: t,
+          title: "Panel Simbol (α β γ)",
+          children: [
+            /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M6.2 2C4.2 2 3 3.8 3 5.5S4.2 9 6.2 9c.8 0 1.5-.3 2-.7L6.7 13h2.1l1.1-3.2C10.7 11 12 12 13 12v-2c-.8 0-1.8-.7-2.2-1.7L12 4H9.9l-.7 2.3C8.7 4.4 7.7 2 6.2 2zm0 2c.9 0 1.5 1.1 1.5 1.5S7 7 6.2 7 4.8 6.2 4.8 5.5 5.3 4 6.2 4z" }) }),
+            /* @__PURE__ */ e("span", { children: "Simbol" })
+          ]
+        }
+      ),
+      l && /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: "mtx-math-toolbar__action-btn",
+          onClick: l,
+          title: "Template Rumus",
+          children: [
+            /* @__PURE__ */ e("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M2 2h5v5H2V2zm7 0h5v5H9V2zM2 9h5v5H2V9zm7 0h5v5H9V9zM3 3v3h3V3H3zm7 0v3h3V3h-3zM3 10v3h3v-3H3zm7 0v3h3v-3h-3z" }) }),
+            /* @__PURE__ */ e("span", { children: "Template" })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+const rt = [
+  {
+    name: "Huruf Yunani",
+    symbols: [
+      { char: "α", latex: "\\alpha", name: "alpha" },
+      { char: "β", latex: "\\beta", name: "beta" },
+      { char: "γ", latex: "\\gamma", name: "gamma" },
+      { char: "δ", latex: "\\delta", name: "delta" },
+      { char: "ε", latex: "\\epsilon", name: "epsilon" },
+      { char: "ζ", latex: "\\zeta", name: "zeta" },
+      { char: "η", latex: "\\eta", name: "eta" },
+      { char: "θ", latex: "\\theta", name: "theta" },
+      { char: "λ", latex: "\\lambda", name: "lambda" },
+      { char: "μ", latex: "\\mu", name: "mu" },
+      { char: "π", latex: "\\pi", name: "pi" },
+      { char: "σ", latex: "\\sigma", name: "sigma" },
+      { char: "τ", latex: "\\tau", name: "tau" },
+      { char: "φ", latex: "\\phi", name: "phi" },
+      { char: "ω", latex: "\\omega", name: "omega" },
+      { char: "Δ", latex: "\\Delta", name: "Delta" },
+      { char: "Σ", latex: "\\Sigma", name: "Sigma" },
+      { char: "Ω", latex: "\\Omega", name: "Omega" },
+      { char: "Π", latex: "\\Pi", name: "Pi" },
+      { char: "Φ", latex: "\\Phi", name: "Phi" }
+    ]
+  },
+  {
+    name: "Operator",
+    symbols: [
+      { char: "±", latex: "\\pm", name: "plus minus" },
+      { char: "∓", latex: "\\mp", name: "minus plus" },
+      { char: "×", latex: "\\times", name: "kali" },
+      { char: "÷", latex: "\\div", name: "bagi" },
+      { char: "·", latex: "\\cdot", name: "dot" },
+      { char: "∘", latex: "\\circ", name: "komposisi" },
+      { char: "≠", latex: "\\neq", name: "tidak sama" },
+      { char: "≈", latex: "\\approx", name: "kira-kira" },
+      { char: "≡", latex: "\\equiv", name: "identik" },
+      { char: "≤", latex: "\\leq", name: "kurang sama" },
+      { char: "≥", latex: "\\geq", name: "lebih sama" },
+      { char: "≪", latex: "\\ll", name: "jauh kurang" },
+      { char: "≫", latex: "\\gg", name: "jauh lebih" },
+      { char: "∝", latex: "\\propto", name: "sebanding" },
+      { char: "∞", latex: "\\infty", name: "tak hingga" }
+    ]
+  },
+  {
+    name: "Himpunan",
+    symbols: [
+      { char: "∈", latex: "\\in", name: "anggota" },
+      { char: "∉", latex: "\\notin", name: "bukan anggota" },
+      { char: "⊂", latex: "\\subset", name: "subset" },
+      { char: "⊃", latex: "\\supset", name: "superset" },
+      { char: "⊆", latex: "\\subseteq", name: "subset sama" },
+      { char: "∪", latex: "\\cup", name: "gabungan" },
+      { char: "∩", latex: "\\cap", name: "irisan" },
+      { char: "∅", latex: "\\emptyset", name: "himpunan kosong" },
+      { char: "ℕ", latex: "\\mathbb{N}", name: "bilangan asli" },
+      { char: "ℤ", latex: "\\mathbb{Z}", name: "bilangan bulat" },
+      { char: "ℝ", latex: "\\mathbb{R}", name: "bilangan real" },
+      { char: "ℚ", latex: "\\mathbb{Q}", name: "bilangan rasional" }
+    ]
+  },
+  {
+    name: "Panah",
+    symbols: [
+      { char: "→", latex: "\\to", name: "panah kanan" },
+      { char: "←", latex: "\\leftarrow", name: "panah kiri" },
+      { char: "↔", latex: "\\leftrightarrow", name: "panah dua arah" },
+      { char: "⇒", latex: "\\Rightarrow", name: "implikasi" },
+      { char: "⇐", latex: "\\Leftarrow", name: "implikasi balik" },
+      { char: "⇔", latex: "\\Leftrightarrow", name: "biimplikasi" },
+      { char: "↑", latex: "\\uparrow", name: "panah atas" },
+      { char: "↓", latex: "\\downarrow", name: "panah bawah" }
+    ]
+  },
+  {
+    name: "Logika & Kalkulus",
+    symbols: [
+      { char: "∀", latex: "\\forall", name: "untuk semua" },
+      { char: "∃", latex: "\\exists", name: "ada" },
+      { char: "¬", latex: "\\neg", name: "negasi" },
+      { char: "∧", latex: "\\land", name: "konjungsi (dan)" },
+      { char: "∨", latex: "\\lor", name: "disjungsi (atau)" },
+      { char: "∂", latex: "\\partial", name: "parsial" },
+      { char: "∇", latex: "\\nabla", name: "nabla" },
+      { char: "∑", latex: "\\sum", name: "sigma" },
+      { char: "∏", latex: "\\prod", name: "produk" },
+      { char: "∫", latex: "\\int", name: "integral" },
+      { char: "∬", latex: "\\iint", name: "integral ganda" }
+    ]
+  }
+];
+function Ma({ onInsert: n, onClose: t }) {
+  const [l, i] = H(""), c = Ce(() => {
+    if (!l.trim()) return rt;
+    const r = l.toLowerCase();
+    return rt.map((s) => ({
+      ...s,
+      symbols: s.symbols.filter(
+        (o) => o.name.toLowerCase().includes(r) || o.char.includes(r) || o.latex.toLowerCase().includes(r)
+      )
+    })).filter((s) => s.symbols.length > 0);
+  }, [l]);
+  return /* @__PURE__ */ a("div", { className: "mtx-symbol-palette", role: "dialog", "aria-label": "Symbol Palette", children: [
+    /* @__PURE__ */ a("div", { className: "mtx-symbol-palette__header", children: [
+      /* @__PURE__ */ e("span", { className: "mtx-symbol-palette__title", children: "Simbol Matematika" }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          className: "mtx-symbol-palette__close",
+          onClick: t,
+          title: "Tutup",
+          "aria-label": "Tutup panel simbol",
+          children: "×"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      "input",
+      {
+        className: "mtx-symbol-palette__search",
+        type: "text",
+        placeholder: "Cari simbol... (cth: alpha, pi, integral)",
+        value: l,
+        onChange: (r) => i(r.target.value),
+        autoFocus: !0
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "mtx-symbol-palette__body", children: [
+      c.length === 0 && /* @__PURE__ */ a("div", { style: { padding: "20px", textAlign: "center", color: "#94a3b8", fontSize: "13px" }, children: [
+        'Tidak ditemukan simbol untuk "',
+        l,
+        '"'
+      ] }),
+      c.map((r) => /* @__PURE__ */ a("div", { className: "mtx-symbol-palette__category", children: [
+        /* @__PURE__ */ e("div", { className: "mtx-symbol-palette__category-title", children: r.name }),
+        /* @__PURE__ */ e("div", { className: "mtx-symbol-palette__grid", children: r.symbols.map((s) => /* @__PURE__ */ e(
+          "button",
+          {
+            className: "mtx-symbol-palette__item",
+            onClick: () => {
+              n(s.latex), t();
+            },
+            title: `${s.name} (${s.latex})`,
+            "aria-label": s.name,
+            children: s.char
+          },
+          s.latex
+        )) })
+      ] }, r.name))
+    ] })
+  ] });
+}
+const Ha = /<(p|h[1-4]|li)\b([^>]*)>/gi;
+function ct(n, t, l) {
+  const i = new RegExp(`\\s${t}=(['"]).*?\\1`, "i");
+  return i.test(n) ? n.replace(i, ` ${t}="${l}"`) : `${n} ${t}="${l}"`;
+}
+function Je(n) {
+  return n.replace(Ha, (t, l, i = "") => {
+    var u;
+    const c = i.match(/\sclass=(['"])(.*?)\1/i), r = i.match(/\sdata-indent=(['"])(\d+)\1/i), o = ((u = c == null ? void 0 : c[2].match(/(?:^|\s)tt-indent-(\d+)(?:\s|$)/)) == null ? void 0 : u[1]) || (r == null ? void 0 : r[2]);
+    if (!o)
+      return t;
+    const N = new Set(((c == null ? void 0 : c[2]) || "").split(/\s+/).filter(Boolean));
+    N.add("tt-indent"), N.add(`tt-indent-${o}`);
+    let y = i;
+    return y = ct(y, "class", Array.from(N).join(" ")), y = ct(y, "data-indent", o), `<${l}${y}>`;
+  });
+}
+function ot(n) {
+  return Je(n.getHTML());
+}
+function mn(n) {
+  return n.getJSON();
+}
+function La(n) {
+  if (!n) return "";
+  let t = n;
+  return t = t.replace(/\s*data-cke-[a-z-]*="[^"]*"/gi, ""), t = t.replace(/\s*contenteditable="[^"]*"/gi, ""), t = t.replace(/<span[^>]*class="[^"]*cke_widget[^"]*"[^>]*>/gi, ""), t = t.replace(/<\/span>/gi, (l) => l), t = t.replace(
+    /<img[^>]*class="[^"]*Wirisformula[^"]*"[^>]*data-mathml="([^"]*)"[^>]*\/?>/gi,
+    (l, i) => {
+      const c = decodeURIComponent(i);
+      return `<span class="mtx-math-inline" data-mathml="${encodeURIComponent(c)}">${c}</span>`;
+    }
+  ), Je(t);
+}
+function dn(n) {
+  if (!n) return "";
+  let t = n;
+  return t = t.replace(
+    /<span[^>]*class="mtx-math[^"]*"[^>]*data-latex="([^"]*)"[^>]*>.*?<\/span>/gi,
+    (l, i) => `<span class="mtx-math-inline" data-latex="${i}">\\(${i}\\)</span>`
+  ), Je(t);
+}
+function _a(n) {
+  return n.replace(/class="MsoNormal"/g, "").replace(/class="MsoListParagraph"/g, "").replace(/style="[^"]*mso-[^"]*"/g, "").replace(/<!--\[if[\s\S]*?<!\[endif\]-->/g, "").replace(/<o:p>.*?<\/o:p>/g, "").replace(/<w:.*?>.*?<\/w:.*?>/g, "").replace(/<style[\s\S]*?<\/style>/g, "").replace(/<meta[\s\S]*?>/g, "").replace(/\n/g, "<br>");
+}
+function za(n) {
+  return n.replace(/class="[^"]*kix-[^"]*"/g, "").replace(/style="[^"]*direction:[^"]*"/g, "").replace(/<b style="font-weight:normal"/g, "<span").replace(/<span style="font-weight:normal"/g, "<span");
+}
+function Sa(n, t) {
+  var c, r;
+  const l = (c = t.clipboardData) == null ? void 0 : c.getData("text/html"), i = (r = t.clipboardData) == null ? void 0 : r.getData("text/plain");
+  if (!l && i)
+    return !1;
+  if (l) {
+    if (l.includes("mso-") || l.includes("MsoNormal") || l.includes("<o:p>")) {
+      t.preventDefault();
+      const s = _a(l);
+      return n.chain().focus().insertContent(s).run(), !0;
+    }
+    if (l.includes("kix-") || l.includes("docs-internal-guide")) {
+      t.preventDefault();
+      const s = za(l);
+      return n.chain().focus().insertContent(s).run(), !0;
+    }
+  }
+  return !1;
+}
+function Da(n, t) {
+  var i;
+  const l = t;
+  if (l.shiftKey && (l.ctrlKey || l.metaKey)) {
+    t.preventDefault();
+    const c = (i = t.clipboardData) == null ? void 0 : i.getData("text/plain");
+    if (c)
+      return n.chain().focus().insertContent(c).run(), !0;
+  }
+  return !1;
+}
+function mt(n) {
+  let t = 0;
+  return n.descendants((l) => {
+    var i;
+    l.isText && (t += ((i = l.text) == null ? void 0 : i.split(/\s+/).filter((c) => c.length > 0).length) || 0);
+  }), t;
+}
+function dt(n, t = !0) {
+  var i;
+  let l = 0;
+  return n.descendants((c) => {
+    var r;
+    c.isText && (l += ((r = c.text) == null ? void 0 : r.length) || 0);
+  }), t ? l : l - (((i = n.textContent) == null ? void 0 : i.split(" ").length) - 1 || 0);
+}
+const Ba = 120, Pa = oe.memo(({ editor: n }) => {
+  const [t, l] = H({ words: 0, chars: 0 }), i = R(null);
+  return X(() => {
+    if (!n) return;
+    const c = () => {
+      i.current && clearTimeout(i.current), i.current = setTimeout(() => {
+        l({
+          words: mt(n.state.doc),
+          chars: dt(n.state.doc, !0)
+        });
+      }, Ba);
+    };
+    return l({
+      words: mt(n.state.doc),
+      chars: dt(n.state.doc, !0)
+    }), n.on("transaction", c), () => {
+      n.off("transaction", c), i.current && clearTimeout(i.current);
+    };
+  }, [n]), /* @__PURE__ */ a("div", { className: "mtx-word-count", children: [
+    /* @__PURE__ */ a("span", { children: [
+      t.words,
+      " ",
+      t.words === 1 ? "word" : "words"
+    ] }),
+    /* @__PURE__ */ a("span", { children: [
+      t.chars,
+      " ",
+      t.chars === 1 ? "character" : "characters"
+    ] })
+  ] });
+}), Va = [
+  "button:not([disabled])",
+  "[href]",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function ht(n) {
+  return Array.from(n.querySelectorAll(Va)).filter(
+    (t) => !t.hasAttribute("disabled") && t.getAttribute("aria-hidden") !== "true"
+  );
+}
+function Ra({
+  isOpen: n,
+  dialogRef: t,
+  onClose: l
+}) {
+  X(() => {
+    if (!n || !t.current) return;
+    const i = t.current, c = document.activeElement instanceof HTMLElement ? document.activeElement : null, r = ht(i);
+    (r.find((N) => N.hasAttribute("autofocus")) || r[0] || i).focus();
+    const o = (N) => {
+      if (N.key === "Escape") {
+        N.preventDefault(), l();
+        return;
+      }
+      if (N.key !== "Tab") return;
+      const y = ht(i);
+      if (y.length === 0) {
+        N.preventDefault(), i.focus();
+        return;
+      }
+      const u = y[0], h = y[y.length - 1], m = document.activeElement;
+      if (N.shiftKey) {
+        (m === u || m === i) && (N.preventDefault(), h.focus());
+        return;
+      }
+      m === h && (N.preventDefault(), u.focus());
+    };
+    return document.addEventListener("keydown", o), () => {
+      document.removeEventListener("keydown", o), c == null || c.focus();
+    };
+  }, [t, n, l]);
+}
+const Ge = {
+  width: 720,
+  height: "auto",
+  align: "center",
+  alt: "",
+  title: "",
+  maintainAspectRatio: !0
+};
+function Ia({
+  isOpen: n,
+  onClose: t,
+  onApply: l,
+  initialData: i
+}) {
+  const c = Lt(), r = R(null), [s, o] = H({ ...Ge, ...i });
+  X(() => {
+    i && o({ ...Ge, ...i });
+  }, [i]), Ra({ isOpen: n, dialogRef: r, onClose: t });
+  const N = b((m) => {
+    o((k) => (k.maintainAspectRatio, { ...k, width: m }));
+  }, []), y = b((m) => {
+    o((k) => (k.maintainAspectRatio, { ...k, height: m }));
+  }, []), u = b(() => {
+    l(s), t();
+  }, [s, l, t]), h = b(() => {
+    o({ ...Ge, ...i });
+  }, [i]);
+  return n ? /* @__PURE__ */ a(Z, { children: [
+    /* @__PURE__ */ e("div", { className: "mtx-dialog-overlay", onClick: t }),
+    /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog", ref: r, role: "dialog", "aria-modal": "true", "aria-labelledby": c, tabIndex: -1, children: [
+      /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__header", children: [
+        /* @__PURE__ */ e("h3", { id: c, children: "Edit Gambar" }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: "mtx-image-edit-dialog__close",
+            onClick: t,
+            "aria-label": "Tutup",
+            children: "✕"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__body", children: [
+        /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__section", children: [
+          /* @__PURE__ */ e("h4", { children: "Ukuran" }),
+          /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__row", children: [
+            /* @__PURE__ */ e("label", { children: "Lebar (px atau %)" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                value: s.width,
+                onChange: (m) => N(m.target.value),
+                placeholder: "100% atau 300"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__row", children: [
+            /* @__PURE__ */ e("label", { children: "Tinggi (px atau auto)" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                value: s.height,
+                onChange: (m) => y(m.target.value),
+                placeholder: "auto atau 200"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__checkbox-row", children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "checkbox",
+                id: "maintain-aspect",
+                checked: s.maintainAspectRatio,
+                onChange: (m) => o((k) => ({ ...k, maintainAspectRatio: m.target.checked }))
+              }
+            ),
+            /* @__PURE__ */ e("label", { htmlFor: "maintain-aspect", children: "Pertahankan proporsi" })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__size-presets", children: [
+            /* @__PURE__ */ e("button", { onClick: () => N("25%"), className: "mtx-btn-sm", children: "25%" }),
+            /* @__PURE__ */ e("button", { onClick: () => N("50%"), className: "mtx-btn-sm", children: "50%" }),
+            /* @__PURE__ */ e("button", { onClick: () => N("75%"), className: "mtx-btn-sm", children: "75%" }),
+            /* @__PURE__ */ e("button", { onClick: () => N("100%"), className: "mtx-btn-sm", children: "100%" })
+          ] })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__section", children: [
+          /* @__PURE__ */ e("h4", { children: "Posisi & Alignment" }),
+          /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__alignment-options", children: [
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: `mtx-align-btn ${s.align === "left" ? "is-active" : ""}`,
+                onClick: () => o((m) => ({ ...m, align: "left" })),
+                title: "Kiri (Text Wrapping)",
+                children: [
+                  /* @__PURE__ */ a("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: [
+                    /* @__PURE__ */ e("rect", { x: "3", y: "5", width: "8", height: "14", rx: "1", fill: "currentColor", opacity: "0.5" }),
+                    /* @__PURE__ */ e("line", { x1: "13", y1: "7", x2: "21", y2: "7", stroke: "currentColor", strokeWidth: "2" }),
+                    /* @__PURE__ */ e("line", { x1: "13", y1: "11", x2: "21", y2: "11", stroke: "currentColor", strokeWidth: "2" }),
+                    /* @__PURE__ */ e("line", { x1: "13", y1: "15", x2: "21", y2: "15", stroke: "currentColor", strokeWidth: "2" }),
+                    /* @__PURE__ */ e("line", { x1: "13", y1: "19", x2: "18", y2: "19", stroke: "currentColor", strokeWidth: "2" })
+                  ] }),
+                  /* @__PURE__ */ e("span", { children: "Kiri" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: `mtx-align-btn ${s.align === "center" ? "is-active" : ""}`,
+                onClick: () => o((m) => ({ ...m, align: "center" })),
+                title: "Tengah",
+                children: [
+                  /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("rect", { x: "8", y: "5", width: "8", height: "14", rx: "1", fill: "currentColor", opacity: "0.5" }) }),
+                  /* @__PURE__ */ e("span", { children: "Tengah" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: `mtx-align-btn ${s.align === "right" ? "is-active" : ""}`,
+                onClick: () => o((m) => ({ ...m, align: "right" })),
+                title: "Kanan (Text Wrapping)",
+                children: [
+                  /* @__PURE__ */ a("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: [
+                    /* @__PURE__ */ e("rect", { x: "13", y: "5", width: "8", height: "14", rx: "1", fill: "currentColor", opacity: "0.5" }),
+                    /* @__PURE__ */ e("line", { x1: "3", y1: "7", x2: "11", y2: "7", stroke: "currentColor", strokeWidth: "2" }),
+                    /* @__PURE__ */ e("line", { x1: "3", y1: "11", x2: "11", y2: "11", stroke: "currentColor", strokeWidth: "2" }),
+                    /* @__PURE__ */ e("line", { x1: "3", y1: "15", x2: "11", y2: "15", stroke: "currentColor", strokeWidth: "2" }),
+                    /* @__PURE__ */ e("line", { x1: "3", y1: "19", x2: "8", y2: "19", stroke: "currentColor", strokeWidth: "2" })
+                  ] }),
+                  /* @__PURE__ */ e("span", { children: "Kanan" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ a(
+              "button",
+              {
+                className: `mtx-align-btn ${s.align === "full" ? "is-active" : ""}`,
+                onClick: () => o((m) => ({ ...m, align: "full" })),
+                title: "Full Width",
+                children: [
+                  /* @__PURE__ */ e("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ e("rect", { x: "3", y: "5", width: "18", height: "14", rx: "1", fill: "currentColor", opacity: "0.5" }) }),
+                  /* @__PURE__ */ e("span", { children: "Full" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e("div", { className: "mtx-image-edit-dialog__hint", children: /* @__PURE__ */ a("p", { children: [
+            "💡 ",
+            /* @__PURE__ */ e("strong", { children: "Tip:" }),
+            ' Pilih "Kiri" atau "Kanan" untuk text wrapping'
+          ] }) })
+        ] }),
+        /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__section", children: [
+          /* @__PURE__ */ e("h4", { children: "Aksesibilitas" }),
+          /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__row", children: [
+            /* @__PURE__ */ e("label", { children: "Alt Text (deskripsi untuk screen readers)" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                value: s.alt,
+                onChange: (m) => o((k) => ({ ...k, alt: m.target.value })),
+                placeholder: "Deskripsi gambar..."
+              }
+            )
+          ] }),
+          /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__row", children: [
+            /* @__PURE__ */ e("label", { children: "Title (tooltip saat hover)" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                value: s.title,
+                onChange: (m) => o((k) => ({ ...k, title: m.target.value })),
+                placeholder: "Judul gambar..."
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__footer", children: [
+        /* @__PURE__ */ e("button", { className: "mtx-image-edit-dialog__btn mtx-image-edit-dialog__btn--reset", onClick: h, children: "Reset" }),
+        /* @__PURE__ */ a("div", { className: "mtx-image-edit-dialog__actions", children: [
+          /* @__PURE__ */ e("button", { className: "mtx-image-edit-dialog__btn mtx-image-edit-dialog__btn--cancel", onClick: t, children: "Batal" }),
+          /* @__PURE__ */ e("button", { className: "mtx-image-edit-dialog__btn mtx-image-edit-dialog__btn--apply", onClick: u, children: "Terapkan" })
+        ] })
+      ] })
+    ] })
+  ] }) : null;
+}
+const Ea = le(() => import("./TemplatePanel-BE_UfzYM.js").then((n) => ({ default: n.TemplatePanel }))), Ka = le(() => Promise.resolve().then(() => da).then((n) => ({ default: n.MathTypeDialog }))), $a = le(() => import("./ImageInsertDialog-Di0MXcC2.js").then((n) => ({ default: n.ImageInsertDialog })));
+async function Xe(n) {
+  return new Promise((t, l) => {
+    const i = new window.Image();
+    i.onload = () => {
+      t({
+        width: i.naturalWidth || i.width,
+        height: i.naturalHeight || i.height
+      });
+    }, i.onerror = () => l(new Error("Image load failed")), i.src = n;
+  });
+}
+function Se(n, t) {
+  const l = n && n > 0 ? n : 720, i = Math.max(240, l - 32);
+  return Math.max(120, Math.min(t, i));
+}
+function Pe(n, t, l) {
+  return {
+    src: n,
+    alt: t,
+    width: l,
+    height: "auto",
+    offsetX: 0,
+    offsetY: 0,
+    align: "center"
+  };
+}
+function Ve(n) {
+  var c;
+  const { selection: t } = n.state, l = t.node;
+  if (((c = l == null ? void 0 : l.type) == null ? void 0 : c.name) === "image")
+    return {
+      node: { attrs: l.attrs || {} },
+      pos: t.from
+    };
+  const i = t.$from.parent;
+  return i.type.name === "image" ? {
+    node: i,
+    pos: t.$from.before()
+  } : null;
+}
+const Oa = 150;
+function hn({
+  content: n = "",
+  onChange: t,
+  onSave: l,
+  editable: i = !0,
+  placeholder: c = "Tulis soal di sini...",
+  toolbarMode: r,
+  className: s,
+  minHeight: o = "200px",
+  maxHeight: N,
+  autoFocus: y = !1,
+  onImageUpload: u
+}) {
+  const [h, m] = H(!1), [k, f] = H(!1), [P, p] = H(!1), [g, w] = H(!1), [B, _] = H(!1), [W, q] = H(null), [ie, fe] = H("frac"), ae = R(null), me = R(null), Ae = La(n), C = Zt({
+    extensions: [
+      ...oa({ placeholder: c }),
+      ua,
+      pa
+    ],
+    content: Ae,
+    editable: i,
+    autofocus: y ? "end" : !1,
+    immediatelyRender: !1,
+    shouldRerenderOnTransaction: !1,
+    // Debounced onChange — avoids getHTML() serialization on every keystroke
+    onUpdate: ({ editor: v }) => {
+      me.current && clearTimeout(me.current), me.current = setTimeout(() => {
+        const T = ot(v);
+        t == null || t(T);
+      }, Oa);
+    },
+    editorProps: {
+      handleKeyDown: (v, T) => {
+        if ((T.ctrlKey || T.metaKey) && T.key === "s")
+          return T.preventDefault(), C && (l == null || l(ot(C))), !0;
+        if ((T.ctrlKey || T.metaKey) && T.key === "k") {
+          T.preventDefault();
+          const D = document.querySelector('[aria-label="Link"]');
+          return D && D.click(), !0;
+        }
+        if ((T.ctrlKey || T.metaKey) && T.shiftKey && T.key === "T") {
+          T.preventDefault();
+          const D = document.querySelector('[aria-label="Table"]');
+          return D && D.click(), !0;
+        }
+        return !1;
+      },
+      handleDrop: (v, T) => {
+        var $;
+        const D = ($ = T.dataTransfer) == null ? void 0 : $.files;
+        if (D && D.length > 0) {
+          const F = D[0];
+          if (F.type.startsWith("image/"))
+            return T.preventDefault(), G(F), !0;
+        }
+        return !1;
+      },
+      handlePaste: (v, T) => {
+        var $;
+        const D = ($ = T.clipboardData) == null ? void 0 : $.items;
+        if (D) {
+          for (const F of D)
+            if (F.type.startsWith("image/")) {
+              T.preventDefault();
+              const x = F.getAsFile();
+              return x && G(x), !0;
+            }
+        }
+        return !!(C && Da(C, T) || C && Sa(C, T));
+      }
+    }
+  }), j = b(
+    (v = "") => {
+      C && C.chain().focus().insertContent({
+        type: "mathInline",
+        attrs: { latex: v, display: "inline" }
+      }).run();
+    },
+    [C]
+  ), de = b(
+    (v = "") => {
+      C && C.chain().focus().insertContent({
+        type: "mathBlock",
+        attrs: { latex: v, display: "block" }
+      }).run();
+    },
+    [C]
+  ), Ne = b(
+    (v) => {
+      j(v);
+    },
+    [j]
+  ), ne = b(
+    (v) => {
+      j(v);
+    },
+    [j]
+  ), pe = b(
+    (v) => {
+      v.includes("\\begin{") || v.includes("\\frac") || v.length > 30 ? de(v) : j(v);
+    },
+    [j, de]
+  ), ye = b(
+    (v) => {
+      v.includes("\\begin{") || v.length > 40 ? de(v) : j(v);
+    },
+    [j, de]
+  ), ge = b(
+    async (v, T) => {
+      var $, F;
+      if (!C) return;
+      let D;
+      try {
+        const x = await Xe(v);
+        D = Se(($ = ae.current) == null ? void 0 : $.clientWidth, x.width);
+      } catch {
+        D = Se((F = ae.current) == null ? void 0 : F.clientWidth, 720);
+      }
+      C.chain().focus().insertContent({ type: "image", attrs: Pe(v, T || "", D) }).run();
+    },
+    [C]
+  ), G = b(
+    async (v) => {
+      var T;
+      if (C)
+        if (u)
+          try {
+            const D = await u(v), $ = await Xe(D), F = Se((T = ae.current) == null ? void 0 : T.clientWidth, $.width);
+            C.chain().focus().insertContent({ type: "image", attrs: Pe(D, "", F) }).run();
+          } catch {
+            console.error("Image upload failed");
+          }
+        else {
+          const D = new FileReader();
+          D.onload = () => {
+            const $ = D.result;
+            Xe($).then((F) => {
+              var V;
+              const x = Se((V = ae.current) == null ? void 0 : V.clientWidth, F.width);
+              C.chain().focus().insertContent({ type: "image", attrs: Pe($, "", x) }).run();
+            }).catch(() => {
+              var x;
+              const F = Se((x = ae.current) == null ? void 0 : x.clientWidth, 720);
+              C.chain().focus().insertContent({ type: "image", attrs: Pe($, "", F) }).run();
+            });
+          }, D.readAsDataURL(v);
+        }
+    },
+    [C, u]
+  ), Me = b(() => {
+    if (!C) return;
+    const v = Ve(C);
+    if (!v) return;
+    const T = {
+      width: v.node.attrs.width || 720,
+      height: v.node.attrs.height || "auto",
+      align: v.node.attrs.align || "center",
+      alt: String(v.node.attrs.alt || ""),
+      title: String(v.node.attrs.title || ""),
+      maintainAspectRatio: !0
+    };
+    q(T), _(!0);
+  }, [C]), he = b(
+    (v) => {
+      if (!C) return;
+      const T = Ve(C);
+      if (!T) return;
+      const D = C.state.tr;
+      D.setNodeMarkup(T.pos, void 0, {
+        ...T.node.attrs,
+        width: v.width,
+        height: v.height,
+        align: v.align,
+        alt: v.alt,
+        title: v.title
+      }), C.view.dispatch(D), _(!1), q(null);
+    },
+    [C]
+  ), ve = b(
+    (v) => {
+      if (!C) return;
+      const T = Ve(C);
+      if (!T) return;
+      const D = C.state.tr;
+      D.setNodeMarkup(T.pos, void 0, {
+        ...T.node.attrs,
+        align: v,
+        offsetX: 0,
+        offsetY: 0
+      }), C.view.dispatch(D);
+    },
+    [C]
+  ), Q = b(() => {
+    if (!C) return;
+    const v = Ve(C);
+    if (!v) return;
+    const T = C.state.tr;
+    T.setNodeMarkup(v.pos, void 0, {
+      ...v.node.attrs,
+      offsetX: 0,
+      offsetY: 0
+    }), C.view.dispatch(T);
+  }, [C]);
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: `mtx-editor ${s || ""}`,
+      ref: ae,
+      style: {
+        "--mtx-min-height": o,
+        "--mtx-max-height": N || "none"
+      },
+      children: [
+        i && /* @__PURE__ */ e(
+          Ca,
+          {
+            editor: C,
+            toolbarMode: r,
+            onInsertMath: (v = "frac") => {
+              fe(v), p(!0);
+            },
+            onInsertImage: () => w(!0),
+            onEditImage: Me,
+            onSetImageAlign: ve,
+            onResetImagePosition: Q
+          }
+        ),
+        i && /* @__PURE__ */ a("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ e(
+            Aa,
+            {
+              onInsertLatex: Ne,
+              onToggleSymbols: () => {
+                m(!h), f(!1);
+              },
+              onToggleTemplates: () => {
+                f(!k), m(!1);
+              }
+            }
+          ),
+          h && /* @__PURE__ */ e(
+            Ma,
+            {
+              onInsert: ne,
+              onClose: () => m(!1)
+            }
+          ),
+          k && /* @__PURE__ */ e(te, { fallback: /* @__PURE__ */ e("div", { className: "mtx-lazy-loading", children: "Loading..." }), children: /* @__PURE__ */ e(
+            Ea,
+            {
+              onInsert: pe,
+              onClose: () => f(!1)
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ e(
+          "div",
+          {
+            id: "mtx-editor-content",
+            className: "mtx-content",
+            style: {
+              minHeight: o,
+              maxHeight: N || void 0,
+              overflowY: N ? "auto" : void 0
+            },
+            children: /* @__PURE__ */ e(Qt, { editor: C })
+          }
+        ),
+        C && /* @__PURE__ */ e(Pa, { editor: C }),
+        P && /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(
+          Ka,
+          {
+            isOpen: P,
+            initialTab: ie,
+            onInsert: ye,
+            onClose: () => p(!1)
+          }
+        ) }),
+        g && /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(
+          $a,
+          {
+            isOpen: g,
+            onClose: () => w(!1),
+            onInsert: ge,
+            onImageUpload: u
+          }
+        ) }),
+        B && W && /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(
+          Ia,
+          {
+            isOpen: B,
+            onClose: () => {
+              _(!1), q(null);
+            },
+            onApply: he,
+            initialData: W
+          }
+        ) })
+      ]
+    }
+  );
+}
+const Fa = le(() => import("./LinkDialogImpl-BSz0F-xG.js").then((n) => ({ default: n.LinkDialogImpl }))), Wa = oe.memo(function(t) {
+  return /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(Fa, { ...t }) });
+});
+Wa.displayName = "LinkDialog";
+const qa = le(() => import("./InsertTableDialogImpl-CKirXRqE.js").then((n) => ({ default: n.InsertTableDialogImpl }))), Ga = oe.memo(function(t) {
+  return /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(qa, { ...t }) });
+});
+Ga.displayName = "InsertTableDialog";
+const Xa = le(() => import("./CellPropertiesDialogImpl-CgWcr4bD.js").then((n) => ({ default: n.CellPropertiesDialogImpl }))), ja = oe.memo(function(t) {
+  return /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(Xa, { ...t }) });
+});
+ja.displayName = "CellPropertiesDialog";
+const Ua = le(() => import("./TableTemplatesDialogImpl-DrdqLQLH.js").then((n) => ({ default: n.TableTemplatesDialogImpl }))), Ya = oe.memo(function(t) {
+  return /* @__PURE__ */ e(te, { fallback: null, children: /* @__PURE__ */ e(Ua, { ...t }) });
+});
+Ya.displayName = "TableTemplatesDialog";
+function un(n) {
+  const t = {};
+  return n.headerStyle === "light" ? t.th = "background-color: #f1f5f9; font-weight: 600;" : n.headerStyle === "dark" ? t.th = "background-color: #1e293b; color: white; font-weight: 600;" : n.headerStyle === "blue" && (t.th = "background-color: #3b82f6; color: white; font-weight: 600;"), n.borderStyle === "all" ? t["td, th"] = "border: 1px solid #cbd5e1;" : n.borderStyle === "horizontal" ? t["td, th"] = "border-top: 1px solid #cbd5e1; border-bottom: 1px solid #cbd5e1;" : n.borderStyle === "vertical" && (t["td, th"] = "border-left: 1px solid #cbd5e1; border-right: 1px solid #cbd5e1;"), t;
+}
+const Ja = [
+  { 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" },
+  { id: "factoring", label: "Pemfaktoran", latex: "a^2 - b^2 = (a+b)(a-b)", category: "Algebra", level: "smp" },
+  { id: "binomial-sq", label: "Kuadrat Binomial", latex: "(a+b)^2 = a^2 + 2ab + b^2", category: "Algebra", level: "smp" },
+  { 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" }
+], Za = [
+  { 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" },
+  { id: "triangle-area", label: "Luas Segitiga", latex: "L = \\frac{1}{2} \\times a \\times t", category: "Geometri", level: "sd" },
+  { id: "rect-area", label: "Luas Persegi Panjang", latex: "L = p \\times l", category: "Geometri", level: "sd" },
+  { id: "sphere-volume", label: "Volume Bola", latex: "V = \\frac{4}{3} \\pi r^3", category: "Geometri", level: "smp" },
+  { 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" }
+], Qa = [
+  { 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" },
+  { id: "pyth-identity", label: "Identitas Pythagoras", latex: "\\sin^2 \\theta + \\cos^2 \\theta = 1", category: "Trigonometri", level: "sma" },
+  { 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" }
+], en = [
+  { 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" }
+], tn = [
+  { 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" },
+  { id: "variance", label: "Variansi", latex: "s^2 = \\frac{\\sum_{i=1}^{n}(x_i - \\bar{x})^2}{n-1}", category: "Statistik", level: "sma" },
+  { 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" }
+], an = [
+  { 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" },
+  { id: "kinetic-energy", label: "Energi Kinetik", latex: "E_k = \\frac{1}{2}mv^2", category: "Fisika", level: "sma" },
+  { id: "potential-energy", label: "Energi Potensial", latex: "E_p = mgh", category: "Fisika", level: "sma" },
+  { id: "work", label: "Usaha", latex: "W = F \\cdot s \\cdot \\cos \\theta", category: "Fisika", level: "sma" },
+  { 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" }
+], nn = [
+  { 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" }
+], Re = [
+  ...Ja,
+  ...Za,
+  ...Qa,
+  ...en,
+  ...tn,
+  ...an,
+  ...nn
+];
+function pn(n) {
+  if (n === "all") return Re;
+  const l = {
+    sd: ["sd"],
+    smp: ["sd", "smp"],
+    sma: ["sd", "smp", "sma"]
+  }[n] || ["sd", "smp", "sma"];
+  return Re.filter((i) => l.includes(i.level));
+}
+function gn(n) {
+  return Re.filter((t) => t.category === n);
+}
+function xn() {
+  return [...new Set(Re.map((n) => n.category))];
+}
+export {
+  ja as C,
+  Ia as I,
+  Wa as L,
+  Ca as M,
+  Ma as S,
+  bt as T,
+  Pa as W,
+  Ga as a,
+  pa as b,
+  ua as c,
+  hn as d,
+  Aa as e,
+  Ya as f,
+  dt as g,
+  mt as h,
+  oa as i,
+  ot as j,
+  mn as k,
+  xn as l,
+  un as m,
+  gn as n,
+  pn as o,
+  Re as p,
+  La as s,
+  dn as t,
+  Ra as u
+};