erl-mathtextx-editor 0.2.0 → 0.2.2

package/dist/{CellPropertiesDialogImpl-5BptFKaE.js → CellPropertiesDialogImpl-D-qjxrs5.js}

@@ -1,48 +1,48 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
-import z, { useId as H, useRef as A, useCallback as b, useState as d, useEffect as V } from "react";
-import { u as B } from "./index-D0Rzm7Tg.js";
-const M = z.memo(({
-  isOpen: s,
+import V, { useId as B, useRef as M, useCallback as b, useState as d, useEffect as A } from "react";
+import { u as $ } from "./index-BHhpSW1p.js";
+import { u as I } from "./useDraggable-DEoLIB5k.js";
+const P = V.memo(({
+  isOpen: o,
   initialData: i = {},
   onSave: f,
-  onClose: o
+  onClose: a
 }) => {
-  const N = H(), C = A(null), p = b((e) => e ? e.endsWith("%") ? { value: e.replace("%", ""), unit: "%" } : e.endsWith("px") ? { value: e.replace("px", ""), unit: "px" } : { value: e.replace(/[^\d.]/g, ""), unit: "px" } : { value: "", unit: "%" }, []), k = p(i.width), [m, v] = d(k.value), [g, x] = d(k.unit), [h, u] = d(i.backgroundColor || ""), [n, r] = d(i.horizontalAlign || "left"), [a, c] = d(i.verticalAlign || "top");
-  V(() => {
-    if (s) {
+  const N = B(), k = M(null), p = b((e) => e ? e.endsWith("%") ? { value: e.replace("%", ""), unit: "%" } : e.endsWith("px") ? { value: e.replace("px", ""), unit: "px" } : { value: e.replace(/[^\d.]/g, ""), unit: "px" } : { value: "", unit: "%" }, []), C = p(i.width), [m, v] = d(C.value), [g, x] = d(C.unit), [h, u] = d(i.backgroundColor || ""), [n, r] = d(i.horizontalAlign || "left"), [c, s] = d(i.verticalAlign || "top"), { position: w, handleMouseDown: y } = I(o);
+  A(() => {
+    if (o) {
       const e = p(i.width);
-      v(e.value), x(e.unit), u(i.backgroundColor || ""), r(i.horizontalAlign || "left"), c(i.verticalAlign || "top");
+      v(e.value), x(e.unit), u(i.backgroundColor || ""), r(i.horizontalAlign || "left"), s(i.verticalAlign || "top");
     }
-  }, [p, i, s]), B({ isOpen: s, dialogRef: C, onClose: o });
-  const w = b((e) => {
+  }, [p, i, o]), $({ isOpen: o, dialogRef: k, onClose: a });
+  const z = b((e) => {
     e.preventDefault(), f({
       width: m ? `${m}${g}` : void 0,
       backgroundColor: h || void 0,
       horizontalAlign: n,
-      verticalAlign: a
-    }), o();
-  }, [m, g, h, n, a, f, o]), y = b(() => {
-    v(""), x("%"), u(""), r("left"), c("top");
+      verticalAlign: c
+    }), a();
+  }, [m, g, h, n, c, f, a]), H = b(() => {
+    v(""), x("%"), u(""), r("left"), s("top");
   }, []);
-  return s ? /* @__PURE__ */ t("div", { className: "mtx-modal-overlay", onClick: o, children: /* @__PURE__ */ l(
+  return o ? /* @__PURE__ */ t("div", { className: "mtx-modal-overlay", onClick: a, children: /* @__PURE__ */ t("div", { style: { transform: `translate(${w.x}px, ${w.y}px)` }, onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ l(
     "div",
     {
-      ref: C,
+      ref: k,
       className: "mtx-modal-dialog mtx-cell-properties-dialog",
-      onClick: (e) => e.stopPropagation(),
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": N,
       tabIndex: -1,
       children: [
-        /* @__PURE__ */ l("div", { className: "mtx-modal-header", children: [
-          /* @__PURE__ */ t("h3", { className: "mtx-modal-title", id: N, children: "Cell Properties" }),
-          /* @__PURE__ */ t("button", { className: "mtx-modal-close", onClick: o, title: "Close", "aria-label": "Close dialog", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M4 4l8 8m0-8l-8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
+        /* @__PURE__ */ l("div", { className: "mtx-modal-header", onMouseDown: y, style: { cursor: "move" }, children: [
+          /* @__PURE__ */ t("h3", { className: "mtx-modal-title", id: N, children: "Properti Sel" }),
+          /* @__PURE__ */ t("button", { className: "mtx-modal-close", onClick: a, title: "Tutup", "aria-label": "Close dialog", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M4 4l8 8m0-8l-8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
         ] }),
-        /* @__PURE__ */ l("form", { onSubmit: w, children: [
+        /* @__PURE__ */ l("form", { onSubmit: z, children: [
           /* @__PURE__ */ l("div", { className: "mtx-modal-body", children: [
             /* @__PURE__ */ l("div", { className: "mtx-form-group", children: [
-              /* @__PURE__ */ t("label", { className: "mtx-form-label", htmlFor: "cell-width", children: "Width" }),
+              /* @__PURE__ */ t("label", { className: "mtx-form-label", htmlFor: "cell-width", children: "Lebar" }),
               /* @__PURE__ */ l("div", { className: "mtx-width-input-wrapper", children: [
                 /* @__PURE__ */ t(
                   "input",
@@ -52,7 +52,7 @@ const M = z.memo(({
                     className: "mtx-form-input mtx-width-input",
                     value: m,
                     onChange: (e) => v(e.target.value.replace(/[^\d.]/g, "")),
-                    placeholder: "Auto"
+                    placeholder: "Otomatis"
                   }
                 ),
                 /* @__PURE__ */ l("select", { className: "mtx-form-select mtx-width-unit", value: g, onChange: (e) => x(e.target.value), children: [
@@ -62,40 +62,40 @@ const M = z.memo(({
               ] })
             ] }),
             /* @__PURE__ */ l("div", { className: "mtx-form-group", children: [
-              /* @__PURE__ */ t("label", { className: "mtx-form-label", htmlFor: "cell-bg-color", children: "Background Color" }),
+              /* @__PURE__ */ t("label", { className: "mtx-form-label", htmlFor: "cell-bg-color", children: "Warna Latar Belakang" }),
               /* @__PURE__ */ l("div", { className: "mtx-color-input-wrapper", children: [
                 /* @__PURE__ */ t("input", { id: "cell-bg-color", type: "color", className: "mtx-color-picker-input", value: h || "#ffffff", onChange: (e) => u(e.target.value) }),
-                /* @__PURE__ */ t("input", { type: "text", className: "mtx-form-input mtx-color-text-input", value: h, onChange: (e) => u(e.target.value), placeholder: "Kosongkan untuk default" })
+                /* @__PURE__ */ t("input", { type: "text", className: "mtx-form-input mtx-color-text-input", value: h, onChange: (e) => u(e.target.value), placeholder: "Kosongkan untuk bawaan" })
               ] })
             ] }),
             /* @__PURE__ */ l("div", { className: "mtx-form-group", children: [
-              /* @__PURE__ */ t("label", { className: "mtx-form-label", children: "Horizontal Align" }),
+              /* @__PURE__ */ t("label", { className: "mtx-form-label", children: "Perataan Horizontal" }),
               /* @__PURE__ */ l("div", { className: "mtx-align-buttons", children: [
-                /* @__PURE__ */ t("button", { type: "button", className: `mtx-align-btn ${n === "left" ? "is-active" : ""}`, onClick: () => r("left"), title: "Left", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M2 3h12v1.5H2V3zm0 4h8v1.5H2V7zm0 4h12v1.5H2v-1.5zM2 11h6v1.5H2V11z" }) }) }),
-                /* @__PURE__ */ t("button", { type: "button", className: `mtx-align-btn ${n === "center" ? "is-active" : ""}`, onClick: () => r("center"), title: "Center", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M2 3h12v1.5H2V3zm3 4h6v1.5H5V7zm-3 4h12v1.5H2v-1.5zM5 11h6v1.5H5V11z" }) }) }),
-                /* @__PURE__ */ t("button", { type: "button", className: `mtx-align-btn ${n === "right" ? "is-active" : ""}`, onClick: () => r("right"), title: "Right", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M2 3h12v1.5H2V3zm6 4h6v1.5H8V7zM2 11h12v1.5H2v-1.5zm6-4h6v1.5H8V7z" }) }) })
+                /* @__PURE__ */ t("button", { type: "button", className: `mtx-align-btn ${n === "left" ? "is-active" : ""}`, onClick: () => r("left"), title: "Kiri", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M2 3h12v1.5H2V3zm0 4h8v1.5H2V7zm0 4h12v1.5H2v-1.5zM2 11h6v1.5H2V11z" }) }) }),
+                /* @__PURE__ */ t("button", { type: "button", className: `mtx-align-btn ${n === "center" ? "is-active" : ""}`, onClick: () => r("center"), title: "Tengah", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M2 3h12v1.5H2V3zm3 4h6v1.5H5V7zm-3 4h12v1.5H2v-1.5zM5 11h6v1.5H5V11z" }) }) }),
+                /* @__PURE__ */ t("button", { type: "button", className: `mtx-align-btn ${n === "right" ? "is-active" : ""}`, onClick: () => r("right"), title: "Kanan", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M2 3h12v1.5H2V3zm6 4h6v1.5H8V7zM2 11h12v1.5H2v-1.5zm6-4h6v1.5H8V7z" }) }) })
               ] })
             ] }),
             /* @__PURE__ */ l("div", { className: "mtx-form-group", children: [
-              /* @__PURE__ */ t("label", { className: "mtx-form-label", children: "Vertical Align" }),
+              /* @__PURE__ */ t("label", { className: "mtx-form-label", children: "Perataan Vertikal" }),
               /* @__PURE__ */ l("div", { className: "mtx-align-buttons", children: [
-                /* @__PURE__ */ t("button", { type: "button", className: `mtx-align-btn ${a === "top" ? "is-active" : ""}`, onClick: () => c("top"), title: "Top", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M8 2l4 4h-3v8H7V6H4L8 2z", transform: "rotate(180 8 8)" }) }) }),
-                /* @__PURE__ */ t("button", { type: "button", className: `mtx-align-btn ${a === "middle" ? "is-active" : ""}`, onClick: () => c("middle"), title: "Middle", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("rect", { x: "4", y: "6", width: "8", height: "4" }) }) }),
-                /* @__PURE__ */ t("button", { type: "button", className: `mtx-align-btn ${a === "bottom" ? "is-active" : ""}`, onClick: () => c("bottom"), title: "Bottom", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M8 2l4 4h-3v8H7V6H4L8 2z" }) }) })
+                /* @__PURE__ */ t("button", { type: "button", className: `mtx-align-btn ${c === "top" ? "is-active" : ""}`, onClick: () => s("top"), title: "Atas", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M8 2l4 4h-3v8H7V6H4L8 2z", transform: "rotate(180 8 8)" }) }) }),
+                /* @__PURE__ */ t("button", { type: "button", className: `mtx-align-btn ${c === "middle" ? "is-active" : ""}`, onClick: () => s("middle"), title: "Tengah (Vertikal)", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("rect", { x: "4", y: "6", width: "8", height: "4" }) }) }),
+                /* @__PURE__ */ t("button", { type: "button", className: `mtx-align-btn ${c === "bottom" ? "is-active" : ""}`, onClick: () => s("bottom"), title: "Bawah", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M8 2l4 4h-3v8H7V6H4L8 2z" }) }) })
               ] })
             ] })
           ] }),
           /* @__PURE__ */ l("div", { className: "mtx-modal-footer", children: [
-            /* @__PURE__ */ t("button", { type: "button", className: "mtx-btn mtx-btn-secondary", onClick: y, children: "Reset" }),
-            /* @__PURE__ */ t("button", { type: "button", className: "mtx-btn mtx-btn-secondary", onClick: o, children: "Cancel" }),
-            /* @__PURE__ */ t("button", { type: "submit", className: "mtx-btn mtx-btn-primary", children: "Apply" })
+            /* @__PURE__ */ t("button", { type: "button", className: "mtx-btn mtx-btn-secondary", onClick: H, children: "Reset" }),
+            /* @__PURE__ */ t("button", { type: "button", className: "mtx-btn mtx-btn-secondary", onClick: a, children: "Batal" }),
+            /* @__PURE__ */ t("button", { type: "submit", className: "mtx-btn mtx-btn-primary", children: "Terapkan" })
           ] })
         ] })
       ]
     }
-  ) }) : null;
+  ) }) }) : null;
 });
-M.displayName = "CellPropertiesDialogImpl";
+P.displayName = "CellPropertiesDialogImpl";
 export {
-  M as CellPropertiesDialogImpl
+  P as CellPropertiesDialogImpl
 };

package/dist/{ImageInsertDialog-Cc7wpIjM.js → ImageInsertDialog-BUX79-_G.js}

@@ -1,6 +1,6 @@
 import { jsxs as i, Fragment as J, jsx as e } from "react/jsx-runtime";
 import { useId as V, useRef as y, useState as d, useCallback as s } from "react";
-import { u as q } from "./index-D0Rzm7Tg.js";
+import { u as q } from "./index-BHhpSW1p.js";
 function Z({
   isOpen: U,
   onClose: w,

package/dist/{InsertTableDialogImpl-BJFXRnQX.js → InsertTableDialogImpl-DfGvKwP4.js}

@@ -1,34 +1,34 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import N, { useId as v, useRef as f, useState as c, useEffect as g, useCallback as w } from "react";
-import { u as y } from "./index-D0Rzm7Tg.js";
-const k = N.memo(({ isOpen: i, onInsert: d, onClose: m }) => {
-  const b = v(), u = f(null), [l, n] = c(3), [a, s] = c(3), [o, h] = c(!0);
-  g(() => {
+import v, { useId as g, useRef as y, useState as c, useEffect as k, useCallback as w } from "react";
+import { u as C } from "./index-BHhpSW1p.js";
+import { u as M } from "./useDraggable-DEoLIB5k.js";
+const I = v.memo(({ isOpen: i, onInsert: d, onClose: m }) => {
+  const u = g(), b = y(null), [l, n] = c(3), [a, s] = c(3), [o, h] = c(!0), { position: p, handleMouseDown: N } = M(i);
+  k(() => {
     i && (n(3), s(3), h(!0));
-  }, [i]), y({ isOpen: i, dialogRef: u, onClose: m });
-  const x = w((r) => {
+  }, [i]), C({ isOpen: i, dialogRef: b, onClose: m });
+  const f = w((r) => {
     r.preventDefault(), d(l, a, o), m();
   }, [l, a, o, d, m]);
-  return i ? /* @__PURE__ */ e("div", { className: "mtx-modal-overlay", onClick: m, children: /* @__PURE__ */ t(
+  return i ? /* @__PURE__ */ e("div", { className: "mtx-modal-overlay", onClick: m, children: /* @__PURE__ */ e("div", { style: { transform: `translate(${p.x}px, ${p.y}px)` }, onClick: (r) => r.stopPropagation(), children: /* @__PURE__ */ t(
     "div",
     {
-      ref: u,
+      ref: b,
       className: "mtx-modal-dialog mtx-insert-table-dialog",
-      onClick: (r) => r.stopPropagation(),
       role: "dialog",
       "aria-modal": "true",
-      "aria-labelledby": b,
+      "aria-labelledby": u,
       tabIndex: -1,
       children: [
-        /* @__PURE__ */ t("div", { className: "mtx-modal-header", children: [
-          /* @__PURE__ */ e("h3", { className: "mtx-modal-title", id: b, children: "Insert Table" }),
-          /* @__PURE__ */ e("button", { className: "mtx-modal-close", onClick: m, title: "Close", "aria-label": "Close dialog", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M4 4l8 8m0-8l-8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
+        /* @__PURE__ */ t("div", { className: "mtx-modal-header", onMouseDown: N, style: { cursor: "move" }, children: [
+          /* @__PURE__ */ e("h3", { className: "mtx-modal-title", id: u, children: "Sisipkan Tabel" }),
+          /* @__PURE__ */ e("button", { className: "mtx-modal-close", onClick: m, title: "Tutup", "aria-label": "Close dialog", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M4 4l8 8m0-8l-8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
         ] }),
-        /* @__PURE__ */ t("form", { onSubmit: x, children: [
+        /* @__PURE__ */ t("form", { onSubmit: f, children: [
           /* @__PURE__ */ t("div", { className: "mtx-modal-body", children: [
             /* @__PURE__ */ t("div", { className: "mtx-form-group", children: [
               /* @__PURE__ */ t("label", { className: "mtx-form-label", htmlFor: "table-rows", children: [
-                "Rows",
+                "Baris",
                 /* @__PURE__ */ e("span", { className: "mtx-form-hint", children: "(1-10)" })
               ] }),
               /* @__PURE__ */ t("div", { className: "mtx-number-input-wrapper", children: [
@@ -51,7 +51,7 @@ const k = N.memo(({ isOpen: i, onInsert: d, onClose: m }) => {
             ] }),
             /* @__PURE__ */ t("div", { className: "mtx-form-group", children: [
               /* @__PURE__ */ t("label", { className: "mtx-form-label", htmlFor: "table-cols", children: [
-                "Columns",
+                "Kolom",
                 /* @__PURE__ */ e("span", { className: "mtx-form-hint", children: "(1-10)" })
               ] }),
               /* @__PURE__ */ t("div", { className: "mtx-number-input-wrapper", children: [
@@ -73,28 +73,28 @@ const k = N.memo(({ isOpen: i, onInsert: d, onClose: m }) => {
             ] }),
             /* @__PURE__ */ e("div", { className: "mtx-form-group mtx-form-checkbox", children: /* @__PURE__ */ t("label", { className: "mtx-checkbox-label", children: [
               /* @__PURE__ */ e("input", { type: "checkbox", checked: o, onChange: (r) => h(r.target.checked) }),
-              /* @__PURE__ */ e("span", { children: "Include header row" })
+              /* @__PURE__ */ e("span", { children: "Sertakan baris header" })
             ] }) }),
             /* @__PURE__ */ t("div", { className: "mtx-table-preview", children: [
               /* @__PURE__ */ t("div", { className: "mtx-table-preview-label", children: [
-                "Preview: ",
+                "Pratinjau: ",
                 l,
                 "x",
                 a
               ] }),
-              /* @__PURE__ */ e("div", { className: "mtx-table-preview-grid", style: { display: "grid", gridTemplateColumns: `repeat(${a}, 1fr)`, gridTemplateRows: `repeat(${l}, 1fr)` }, children: Array.from({ length: l * a }).map((r, p) => /* @__PURE__ */ e("div", { className: `mtx-preview-cell${o && p < a ? " mtx-preview-header" : ""}` }, p)) })
+              /* @__PURE__ */ e("div", { className: "mtx-table-preview-grid", style: { display: "grid", gridTemplateColumns: `repeat(${a}, 1fr)`, gridTemplateRows: `repeat(${l}, 1fr)` }, children: Array.from({ length: l * a }).map((r, x) => /* @__PURE__ */ e("div", { className: `mtx-preview-cell${o && x < a ? " mtx-preview-header" : ""}` }, x)) })
             ] })
           ] }),
           /* @__PURE__ */ t("div", { className: "mtx-modal-footer", children: [
-            /* @__PURE__ */ e("button", { type: "button", className: "mtx-btn mtx-btn-secondary", onClick: m, children: "Cancel" }),
-            /* @__PURE__ */ e("button", { type: "submit", className: "mtx-btn mtx-btn-primary", children: "Insert Table" })
+            /* @__PURE__ */ e("button", { type: "button", className: "mtx-btn mtx-btn-secondary", onClick: m, children: "Batal" }),
+            /* @__PURE__ */ e("button", { type: "submit", className: "mtx-btn mtx-btn-primary", children: "Sisipkan Tabel" })
           ] })
         ] })
       ]
     }
-  ) }) : null;
+  ) }) }) : null;
 });
-k.displayName = "InsertTableDialogImpl";
+I.displayName = "InsertTableDialogImpl";
 export {
-  k as InsertTableDialogImpl
+  I as InsertTableDialogImpl
 };

package/dist/{LinkDialogImpl-Cu032Nc7.js → LinkDialogImpl-BQEObyL2.js}

@@ -1,21 +1,21 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import D, { useId as _, useRef as j, useState as n, useEffect as F, useCallback as d } from "react";
-import { u as E } from "./index-D0Rzm7Tg.js";
-const S = D.memo(({
+import { jsx as a, jsxs as e } from "react/jsx-runtime";
+import S, { useId as T, useRef as _, useState as r, useEffect as w, useCallback as c } from "react";
+import { u as F } from "./index-BHhpSW1p.js";
+const I = S.memo(({
   isOpen: s,
   currentUrl: o = "",
   currentText: m = "",
-  currentTitle: h = "",
-  currentTarget: u = "_blank",
+  currentTitle: u = "",
+  currentTarget: h = "_blank",
   onInsert: g,
   onRemove: p,
-  onClose: r
+  onClose: n
 }) => {
-  const N = _(), v = j(null), [x, y] = n(o), [k, C] = n(m), [f, L] = n(h), [b, R] = n(u), [c, i] = n("");
-  F(() => {
-    s && (y(o), C(m), L(h), R(u || "_blank"), i(""));
-  }, [s, o, m, h, u]), E({ isOpen: s, dialogRef: v, onClose: r });
-  const U = d((t) => {
+  const N = T(), v = _(null), [k, y] = r(o), [x, C] = r(m), [f, L] = r(u), [b, R] = r(h), [d, i] = r("");
+  w(() => {
+    s && (y(o), C(m), L(u), R(h || "_blank"), i(""));
+  }, [s, o, m, u, h]), F({ isOpen: s, dialogRef: v, onClose: n });
+  const U = c((t) => {
     if (!t.trim())
       return i("URL tidak boleh kosong"), !1;
     if (t.startsWith("#"))
@@ -30,22 +30,22 @@ const S = D.memo(({
       return i("URL tidak valid. Pastikan format benar (contoh: https://example.com)"), !1;
     }
     return i(""), !0;
-  }, []), I = d((t) => {
+  }, []), W = c((t) => {
     const l = t.trim();
     return l.startsWith("http://") || l.startsWith("https://") || l.startsWith("mailto:") || l.startsWith("#") ? l : `https://${l}`;
-  }, []), W = d((t) => {
+  }, []), j = c((t) => {
     t.preventDefault();
-    const l = I(x);
+    const l = W(k);
     U(l) && g({
       url: l,
-      text: k.trim() || void 0,
+      text: x.trim() || void 0,
       title: f.trim() || void 0,
       target: b || void 0
     });
-  }, [x, k, f, b, U, I, g]), w = d(() => {
-    p?.(), r();
-  }, [p, r]);
-  return s ? /* @__PURE__ */ e("div", { className: "mtx-modal-overlay", onClick: r, children: /* @__PURE__ */ a(
+  }, [k, x, f, b, U, W, g]), D = c(() => {
+    p?.(), n();
+  }, [p, n]);
+  return s ? /* @__PURE__ */ a("div", { className: "mtx-modal-overlay", onClick: n, children: /* @__PURE__ */ e(
     "div",
     {
       ref: v,
@@ -56,58 +56,58 @@ const S = D.memo(({
       "aria-labelledby": N,
       tabIndex: -1,
       children: [
-        /* @__PURE__ */ a("div", { className: "mtx-modal-header", children: [
-          /* @__PURE__ */ e("h3", { className: "mtx-modal-title", id: N, children: o ? "Edit Link" : "Insert Link" }),
-          /* @__PURE__ */ e("button", { className: "mtx-modal-close", onClick: r, title: "Close", "aria-label": "Close dialog", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M4 4l8 8m0-8l-8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
+        /* @__PURE__ */ e("div", { className: "mtx-modal-header", children: [
+          /* @__PURE__ */ a("h3", { className: "mtx-modal-title", id: N, children: o ? "Edit Tautan" : "Sisipkan Tautan" }),
+          /* @__PURE__ */ a("button", { className: "mtx-modal-close", onClick: n, title: "Tutup", "aria-label": "Tutup dialog", children: /* @__PURE__ */ a("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M4 4l8 8m0-8l-8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
         ] }),
-        /* @__PURE__ */ a("form", { onSubmit: W, children: [
-          /* @__PURE__ */ a("div", { className: "mtx-modal-body", children: [
-            /* @__PURE__ */ a("div", { className: "mtx-form-group", children: [
-              /* @__PURE__ */ a("label", { className: "mtx-form-label", htmlFor: "link-url", children: [
+        /* @__PURE__ */ e("form", { onSubmit: j, children: [
+          /* @__PURE__ */ e("div", { className: "mtx-modal-body", children: [
+            /* @__PURE__ */ e("div", { className: "mtx-form-group", children: [
+              /* @__PURE__ */ e("label", { className: "mtx-form-label", htmlFor: "link-url", children: [
                 "URL ",
-                /* @__PURE__ */ e("span", { className: "mtx-required", children: "*" })
+                /* @__PURE__ */ a("span", { className: "mtx-required", children: "*" })
               ] }),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ a(
                 "input",
                 {
                   id: "link-url",
                   type: "text",
-                  className: `mtx-form-input ${c ? "mtx-input-error" : ""}`,
-                  value: x,
+                  className: `mtx-form-input ${d ? "mtx-input-error" : ""}`,
+                  value: k,
                   onChange: (t) => {
-                    y(t.target.value), c && i("");
+                    y(t.target.value), d && i("");
                   },
                   placeholder: "https://example.com",
                   autoFocus: !0,
                   autoComplete: "url"
                 }
               ),
-              c && /* @__PURE__ */ e("div", { className: "mtx-form-error", children: c })
+              d && /* @__PURE__ */ a("div", { className: "mtx-form-error", children: d })
             ] }),
-            /* @__PURE__ */ a("div", { className: "mtx-form-group", children: [
-              /* @__PURE__ */ a("label", { className: "mtx-form-label", htmlFor: "link-text", children: [
-                "Display Text",
-                /* @__PURE__ */ e("span", { className: "mtx-form-hint", children: m ? "(kosongkan untuk tetap menggunakan text saat ini)" : "(opsional, akan menggunakan URL jika kosong)" })
+            /* @__PURE__ */ e("div", { className: "mtx-form-group", children: [
+              /* @__PURE__ */ e("label", { className: "mtx-form-label", htmlFor: "link-text", children: [
+                "Teks yang Ditampilkan",
+                /* @__PURE__ */ a("span", { className: "mtx-form-hint", children: m ? "(kosongkan untuk tetap menggunakan teks saat ini)" : "(opsional, URL akan digunakan jika kosong)" })
               ] }),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ a(
                 "input",
                 {
                   id: "link-text",
                   type: "text",
                   className: "mtx-form-input",
-                  value: k,
+                  value: x,
                   onChange: (t) => C(t.target.value),
-                  placeholder: "Click here",
+                  placeholder: "Klik di sini",
                   autoComplete: "off"
                 }
               )
             ] }),
-            /* @__PURE__ */ a("div", { className: "mtx-form-group", children: [
-              /* @__PURE__ */ a("label", { className: "mtx-form-label", htmlFor: "link-title", children: [
-                "Title (Tooltip)",
-                /* @__PURE__ */ e("span", { className: "mtx-form-hint", children: "Teks yang muncul saat hover" })
+            /* @__PURE__ */ e("div", { className: "mtx-form-group", children: [
+              /* @__PURE__ */ e("label", { className: "mtx-form-label", htmlFor: "link-title", children: [
+                "Judul (Tooltip)",
+                /* @__PURE__ */ a("span", { className: "mtx-form-hint", children: "Teks yang muncul saat hover" })
               ] }),
-              /* @__PURE__ */ e(
+              /* @__PURE__ */ a(
                 "input",
                 {
                   id: "link-title",
@@ -115,13 +115,13 @@ const S = D.memo(({
                   className: "mtx-form-input",
                   value: f,
                   onChange: (t) => L(t.target.value),
-                  placeholder: "Visit our website",
+                  placeholder: "Kunjungi website kami",
                   autoComplete: "off"
                 }
               )
             ] }),
-            /* @__PURE__ */ e("div", { className: "mtx-form-group mtx-form-checkbox", children: /* @__PURE__ */ a("label", { className: "mtx-checkbox-label", children: [
-              /* @__PURE__ */ e(
+            /* @__PURE__ */ a("div", { className: "mtx-form-group mtx-form-checkbox", children: /* @__PURE__ */ e("label", { className: "mtx-checkbox-label", children: [
+              /* @__PURE__ */ a(
                 "input",
                 {
                   type: "checkbox",
@@ -129,15 +129,15 @@ const S = D.memo(({
                   onChange: (t) => R(t.target.checked ? "_blank" : "_self")
                 }
               ),
-              /* @__PURE__ */ e("span", { children: "Open in new tab" })
+              /* @__PURE__ */ a("span", { children: "Buka di tab baru" })
             ] }) })
           ] }),
-          /* @__PURE__ */ a("div", { className: "mtx-modal-footer", children: [
-            /* @__PURE__ */ e("button", { type: "button", className: "mtx-btn mtx-btn-secondary", onClick: r, children: "Cancel" }),
-            o && p && /* @__PURE__ */ e("button", { type: "button", className: "mtx-btn mtx-btn-danger", onClick: w, children: "Remove Link" }),
-            /* @__PURE__ */ a("button", { type: "submit", className: "mtx-btn mtx-btn-primary", children: [
-              o ? "Update" : "Insert",
-              " Link"
+          /* @__PURE__ */ e("div", { className: "mtx-modal-footer", children: [
+            /* @__PURE__ */ a("button", { type: "button", className: "mtx-btn mtx-btn-secondary", onClick: n, children: "Batal" }),
+            o && p && /* @__PURE__ */ a("button", { type: "button", className: "mtx-btn mtx-btn-danger", onClick: D, children: "Hapus Tautan" }),
+            /* @__PURE__ */ e("button", { type: "submit", className: "mtx-btn mtx-btn-primary", children: [
+              o ? "Perbarui" : "Sisipkan",
+              " Tautan"
             ] })
           ] })
         ] })
@@ -145,7 +145,7 @@ const S = D.memo(({
     }
   ) }) : null;
 });
-S.displayName = "LinkDialogImpl";
+I.displayName = "LinkDialogImpl";
 export {
-  S as LinkDialogImpl
+  I as LinkDialogImpl
 };

package/dist/MathTextXEditor.d.ts

@@ -5,4 +5,4 @@ import { MathTextXEditorProps } from './types';
  * Drop-in replacement for CKEditor in solutest.id.
  * Supports rich text formatting and visual math input without LaTeX.
  */
-export declare function MathTextXEditor({ content, onChange, onSave, editable, placeholder, toolbarMode, className, minHeight, maxHeight, autoFocus, onImageUpload, onBeforePasteHTML, }: MathTextXEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare function MathTextXEditor({ content, onChange, onSave, editable, placeholder, toolbarMode, toolbar: _toolbar, mathToolbar: _mathToolbar, templates: _templates, outputFormat: _outputFormat, className, minHeight, maxHeight, autoFocus, onImageUpload, onBeforePasteHTML, }: MathTextXEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/TablePropertiesDialogImpl-CDWcoc-Y.js

@@ -0,0 +1,56 @@
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import g, { useId as x, useRef as p, useState as f, useEffect as y, useCallback as h } from "react";
+import { u as N } from "./index-BHhpSW1p.js";
+import { u as k } from "./useDraggable-DEoLIB5k.js";
+const z = g.memo(({
+  isOpen: a,
+  initialData: o = {},
+  onSave: s,
+  onClose: e
+}) => {
+  const m = x(), c = p(null), [i, r] = f(o.align || "left"), { position: d, handleMouseDown: u } = k(a);
+  y(() => {
+    a && r(o.align || "left");
+  }, [o, a]), N({ isOpen: a, dialogRef: c, onClose: e });
+  const b = h((n) => {
+    n.preventDefault(), s({ align: i }), e();
+  }, [i, s, e]), v = h(() => {
+    r("left");
+  }, []);
+  return a ? /* @__PURE__ */ t("div", { className: "mtx-modal-overlay", onClick: e, children: /* @__PURE__ */ t("div", { style: { transform: `translate(${d.x}px, ${d.y}px)` }, onClick: (n) => n.stopPropagation(), children: /* @__PURE__ */ l(
+    "div",
+    {
+      ref: c,
+      className: "mtx-modal-dialog mtx-table-properties-dialog",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": m,
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ l("div", { className: "mtx-modal-header", onMouseDown: u, style: { cursor: "move" }, children: [
+          /* @__PURE__ */ t("h3", { className: "mtx-modal-title", id: m, children: "Properti Tabel" }),
+          /* @__PURE__ */ t("button", { className: "mtx-modal-close", onClick: e, title: "Tutup", "aria-label": "Close dialog", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M4 4l8 8m0-8l-8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
+        ] }),
+        /* @__PURE__ */ l("form", { onSubmit: b, children: [
+          /* @__PURE__ */ t("div", { className: "mtx-modal-body", children: /* @__PURE__ */ l("div", { className: "mtx-form-group", children: [
+            /* @__PURE__ */ t("label", { className: "mtx-form-label", children: "Perataan Tabel" }),
+            /* @__PURE__ */ l("div", { className: "mtx-align-buttons", children: [
+              /* @__PURE__ */ t("button", { type: "button", className: `mtx-align-btn ${i === "left" ? "is-active" : ""}`, onClick: () => r("left"), title: "Rata Kiri", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M2 3h12v1.5H2V3zm0 4h8v1.5H2V7zm0 4h12v1.5H2v-1.5zM2 11h6v1.5H2V11z" }) }) }),
+              /* @__PURE__ */ t("button", { type: "button", className: `mtx-align-btn ${i === "center" ? "is-active" : ""}`, onClick: () => r("center"), title: "Rata Tengah", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M2 3h12v1.5H2V3zm3 4h6v1.5H5V7zm-3 4h12v1.5H2v-1.5zM5 11h6v1.5H5V11z" }) }) }),
+              /* @__PURE__ */ t("button", { type: "button", className: `mtx-align-btn ${i === "right" ? "is-active" : ""}`, onClick: () => r("right"), title: "Rata Kanan", children: /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ t("path", { d: "M2 3h12v1.5H2V3zm6 4h6v1.5H8V7zM2 11h12v1.5H2v-1.5zm6-4h6v1.5H8V7z" }) }) })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ l("div", { className: "mtx-modal-footer", children: [
+            /* @__PURE__ */ t("button", { type: "button", className: "mtx-btn mtx-btn-secondary", onClick: v, children: "Reset" }),
+            /* @__PURE__ */ t("button", { type: "button", className: "mtx-btn mtx-btn-secondary", onClick: e, children: "Batal" }),
+            /* @__PURE__ */ t("button", { type: "submit", className: "mtx-btn mtx-btn-primary", children: "Terapkan" })
+          ] })
+        ] })
+      ]
+    }
+  ) }) }) : null;
+});
+z.displayName = "TablePropertiesDialogImpl";
+export {
+  z as TablePropertiesDialogImpl
+};

package/dist/TableTemplatesDialogImpl-BUSPvt83.js

@@ -0,0 +1,64 @@
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import c, { useId as p, useRef as h, useCallback as x } from "react";
+import { u as b } from "./index-BHhpSW1p.js";
+import { u } from "./useDraggable-DEoLIB5k.js";
+const g = [
+  { id: "plain", name: "Polos", description: "Tabel sederhana tanpa gaya tambahan", headerStyle: "none", borderStyle: "all", stripeRows: !1 },
+  { id: "light", name: "Terang", description: "Kepala tabel abu-abu terang", headerStyle: "light", borderStyle: "all", stripeRows: !1 },
+  { id: "dark", name: "Gelap", description: "Kepala tabel gelap dengan teks putih", headerStyle: "dark", borderStyle: "horizontal", stripeRows: !1 },
+  { id: "blue", name: "Tema Biru", description: "Kepala tabel biru dengan baris belang", headerStyle: "blue", borderStyle: "horizontal", stripeRows: !0 },
+  { id: "striped", name: "Belang", description: "Warna baris selang-seling", headerStyle: "light", borderStyle: "none", stripeRows: !0 },
+  { id: "minimal", name: "Minimalis", description: "Hanya border horizontal", headerStyle: "none", borderStyle: "horizontal", stripeRows: !1 }
+], N = c.memo(({ isOpen: i, onSelect: m, onClose: t }) => {
+  const r = p(), s = h(null), n = x((a) => {
+    m(a), t();
+  }, [m, t]), { position: d, handleMouseDown: o } = u(i);
+  return b({ isOpen: i, dialogRef: s, onClose: t }), i ? /* @__PURE__ */ e("div", { className: "mtx-modal-overlay", onClick: t, children: /* @__PURE__ */ e("div", { style: { transform: `translate(${d.x}px, ${d.y}px)` }, onClick: (a) => a.stopPropagation(), children: /* @__PURE__ */ l(
+    "div",
+    {
+      ref: s,
+      className: "mtx-modal-dialog mtx-table-templates-dialog",
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": r,
+      tabIndex: -1,
+      children: [
+        /* @__PURE__ */ l("div", { className: "mtx-modal-header", onMouseDown: o, style: { cursor: "move" }, children: [
+          /* @__PURE__ */ e("h3", { className: "mtx-modal-title", id: r, children: "Template Tabel" }),
+          /* @__PURE__ */ e("button", { className: "mtx-modal-close", onClick: t, title: "Tutup", "aria-label": "Close dialog", children: /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ e("path", { d: "M4 4l8 8m0-8l-8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })
+        ] }),
+        /* @__PURE__ */ l("div", { className: "mtx-modal-body", children: [
+          /* @__PURE__ */ e("p", { className: "mtx-template-dialog-hint", children: "Pilih template untuk diterapkan ke tabel yang sedang dipilih." }),
+          /* @__PURE__ */ e("div", { className: "mtx-templates-grid", children: g.map((a) => /* @__PURE__ */ l("button", { type: "button", className: "mtx-table-template-card", onClick: () => n(a), children: [
+            /* @__PURE__ */ e("div", { className: "mtx-template-preview", children: /* @__PURE__ */ l("div", { className: `mtx-template-table mtx-template-${a.id}`, children: [
+              /* @__PURE__ */ l("div", { className: "mtx-template-row", children: [
+                /* @__PURE__ */ e("div", { className: "mtx-template-cell mtx-template-header" }),
+                /* @__PURE__ */ e("div", { className: "mtx-template-cell mtx-template-header" }),
+                /* @__PURE__ */ e("div", { className: "mtx-template-cell mtx-template-header" })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "mtx-template-row", children: [
+                /* @__PURE__ */ e("div", { className: "mtx-template-cell" }),
+                /* @__PURE__ */ e("div", { className: "mtx-template-cell" }),
+                /* @__PURE__ */ e("div", { className: "mtx-template-cell" })
+              ] }),
+              /* @__PURE__ */ l("div", { className: "mtx-template-row", children: [
+                /* @__PURE__ */ e("div", { className: "mtx-template-cell" }),
+                /* @__PURE__ */ e("div", { className: "mtx-template-cell" }),
+                /* @__PURE__ */ e("div", { className: "mtx-template-cell" })
+              ] })
+            ] }) }),
+            /* @__PURE__ */ l("div", { className: "mtx-template-info", children: [
+              /* @__PURE__ */ e("h4", { className: "mtx-template-name", children: a.name }),
+              /* @__PURE__ */ e("p", { className: "mtx-template-description", children: a.description })
+            ] })
+          ] }, a.id)) })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "mtx-modal-footer", children: /* @__PURE__ */ e("button", { type: "button", className: "mtx-btn mtx-btn-secondary", onClick: t, children: "Batal" }) })
+      ]
+    }
+  ) }) }) : null;
+});
+N.displayName = "TableTemplatesDialogImpl";
+export {
+  N as TableTemplatesDialogImpl
+};