@formulaxjs/editor 0.1.0 → 0.2.0

package/dist/index.global.js

@@ -4919,28 +4919,30 @@ var FormulaX = (() => {
 
   // ../kity-runtime/src/vendor/legacy-ui-utils.ts
   function createLegacyUiUtils() {
-    return {
-      ele: createElement,
-      getRectBox,
-      on(target, type, fn) {
-        addEvent(target, type, fn);
-        return this;
-      },
-      delegate(target, selector, type, fn) {
-        delegateEvent(target, selector, type, fn);
-        return this;
-      },
-      publish(topic, ...args) {
-        publish(topic, ...args);
-      },
-      subscribe,
-      getClassList
-    };
+    return legacyUiUtils;
   }
+  var legacyUiUtils;
   var init_legacy_ui_utils = __esm({
     "../kity-runtime/src/vendor/legacy-ui-utils.ts"() {
       "use strict";
       init_dom_utils();
+      legacyUiUtils = {
+        ele: createElement,
+        getRectBox,
+        on(target, type, fn) {
+          addEvent(target, type, fn);
+          return this;
+        },
+        delegate(target, selector, type, fn) {
+          delegateEvent(target, selector, type, fn);
+          return this;
+        },
+        publish(topic, ...args) {
+          publish(topic, ...args);
+        },
+        subscribe,
+        getClassList
+      };
     }
   });
 
@@ -7357,18 +7359,18 @@ var FormulaX = (() => {
             this.addPoint(p0[0], p0[1]);
             this.addPoint(p3[0], p3[1]);
             for (i = 0; i <= 1; i++) {
-              let f = function(t3) {
-                return Math.pow(1 - t3, 3) * p0[i] + 3 * Math.pow(1 - t3, 2) * t3 * p1[i] + 3 * (1 - t3) * Math.pow(t3, 2) * p2[i] + Math.pow(t3, 3) * p3[i];
+              let f = function(t) {
+                return Math.pow(1 - t, 3) * p0[i] + 3 * Math.pow(1 - t, 2) * t * p1[i] + 3 * (1 - t) * Math.pow(t, 2) * p2[i] + Math.pow(t, 3) * p3[i];
               };
               let b = 6 * p0[i] - 12 * p1[i] + 6 * p2[i];
               let a = -3 * p0[i] + 9 * p1[i] - 9 * p2[i] + 3 * p3[i];
               let c = 3 * p1[i] - 3 * p0[i];
               if (a == 0) {
                 if (b == 0) continue;
-                let t3 = -c / b;
-                if (0 < t3 && t3 < 1) {
-                  if (i == 0) this.addX(f(t3));
-                  if (i == 1) this.addY(f(t3));
+                let t = -c / b;
+                if (0 < t && t < 1) {
+                  if (i == 0) this.addX(f(t));
+                  if (i == 1) this.addY(f(t));
                 }
                 continue;
               }
@@ -14197,16 +14199,16 @@ var FormulaX = (() => {
     };
     _p[5] = {
       value: function() {
-        let t2 = true;
+        let t = true;
         return {
-          ".": t2,
-          "{": t2,
-          "}": t2,
-          "[": t2,
-          "]": t2,
-          "(": t2,
-          ")": t2,
-          "|": t2
+          ".": t,
+          "{": t,
+          "}": t,
+          "[": t,
+          "]": t,
+          "(": t,
+          ")": t,
+          "|": t
         };
       }
     };
@@ -19969,85 +19971,24 @@ var FormulaX = (() => {
     DEFAULT_FORMULA_ATTRIBUTE: () => DEFAULT_FORMULA_ATTRIBUTE,
     DEFAULT_FORMULA_CLASS: () => DEFAULT_FORMULA_CLASS,
     FORMULA_FLAG_ATTRIBUTE: () => FORMULA_FLAG_ATTRIBUTE,
-    FormulaEditor: () => FormulaEditor,
+    FormulaXEditor: () => FormulaXEditor,
     createFormulaElement: () => createFormulaElement,
     createFormulaMarkup: () => createFormulaMarkup,
-    editorStyles: () => editorStyles,
+    createKityEditor: () => createKityEditor,
     ensureFormulaXModalStyles: () => ensureFormulaXModalStyles,
+    ensureKityRuntime: () => ensureKityRuntime,
     escapeAttribute: () => escapeAttribute,
     escapeHtml: () => escapeHtml,
     findFormulaElement: () => findFormulaElement,
     formulaXModalStyles: () => formulaXModalStyles,
     getFormulaLatexFromElement: () => getFormulaLatexFromElement,
     isFormulaElement: () => isFormulaElement,
-    mountFormulaXKityEditor: () => mountFormulaXKityEditor,
-    renderInteractiveHtml: () => renderInteractiveHtml,
+    mountFormulaXEditor: () => mountFormulaXEditor,
+    mountKityEditor: () => mountKityEditor,
     replaceFormulaElement: () => replaceFormulaElement,
-    serializeSvgForInsertion: () => serializeSvgForInsertion,
-    t: () => t,
-    translations: () => translations
+    serializeSvgForInsertion: () => serializeSvgForInsertion
   });
 
-  // src/dom-renderer.ts
-  var joinPath = (path) => path.join(".");
-  var renderInteractiveHtml = (doc2, activePath) => `
-  <div class="fx-editor-surface" data-role="surface">
-    ${renderChildren(doc2.body, [], activePath)}
-  </div>
-`;
-  var renderChildren = (nodes, basePath, activePath) => {
-    const html = [];
-    for (let index = 0; index <= nodes.length; index += 1) {
-      const path = joinPath([...basePath, index]);
-      const isActive = path === joinPath(activePath);
-      html.push(
-        `<button class="fx-slot${isActive ? " is-active" : ""}" data-path="${path}" type="button" title="${path}"></button>`
-      );
-      if (index < nodes.length) {
-        html.push(renderNode(nodes[index], [...basePath, index], activePath));
-      }
-    }
-    return html.join("");
-  };
-  var renderNode = (node, path, activePath) => {
-    const pathValue = joinPath(path);
-    const isActive = (p) => joinPath(p) === joinPath(activePath);
-    switch (node.type) {
-      case "text":
-        return `<span class="fx-node fx-text" data-node-path="${pathValue}">${node.value}</span>`;
-      case "group":
-        return `<span class="fx-node fx-group" data-node-path="${pathValue}">${renderChildren(node.body, [...path, 0], activePath)}</span>`;
-      case "frac":
-        return `<span class="fx-node fx-frac" data-node-path="${pathValue}">
-        <span class="fx-frac-num${isActive([...path, 0]) ? " is-active" : ""}" data-path="${joinPath([...path, 0])}">${renderChildren(node.numerator, [...path, 0], activePath)}</span>
-        <span class="fx-frac-line"></span>
-        <span class="fx-frac-den${isActive([...path, 1]) ? " is-active" : ""}" data-path="${joinPath([...path, 1])}">${renderChildren(node.denominator, [...path, 1], activePath)}</span>
-      </span>`;
-      case "supsub":
-        return `<span class="fx-node fx-supsub" data-node-path="${pathValue}">
-        <span class="fx-supsub-base">${renderChildren(node.base, [...path, 0], activePath)}</span>
-        <span class="fx-supsub-stack">
-          <span class="fx-sup${isActive([...path, 1]) ? " is-active" : ""}" data-path="${joinPath([...path, 1])}">${renderChildren(node.sup ?? [], [...path, 1], activePath)}</span>
-          <span class="fx-sub${isActive([...path, 2]) ? " is-active" : ""}" data-path="${joinPath([...path, 2])}">${renderChildren(node.sub ?? [], [...path, 2], activePath)}</span>
-        </span>
-      </span>`;
-      case "sqrt":
-        return `<span class="fx-node fx-sqrt" data-node-path="${pathValue}">
-        <span class="fx-sqrt-symbol">\u221A</span>
-        <span class="fx-sqrt-body${isActive([...path, 0]) ? " is-active" : ""}" data-path="${joinPath([...path, 0])}">${renderChildren(node.value, [...path, 0], activePath)}</span>
-      </span>`;
-      case "fenced":
-        return `<span class="fx-node fx-fenced" data-node-path="${pathValue}">
-        <span class="fx-fence">${node.left}</span>
-        <span class="fx-fenced-body${isActive([...path, 0]) ? " is-active" : ""}" data-path="${joinPath([...path, 0])}">${renderChildren(node.body, [...path, 0], activePath)}</span>
-        <span class="fx-fence">${node.right}</span>
-      </span>`;
-      case "doc":
-        return renderChildren(node.body, [0], activePath);
-    }
-    throw new Error(`Unsupported node type: ${String(node.type)}`);
-  };
-
   // ../core/src/ast.ts
   var text = (value) => ({ type: "text", value });
   var group = (body = []) => ({ type: "group", body });
@@ -20071,125 +20012,11 @@ var FormulaX = (() => {
     body
   });
 
-  // ../core/src/traversal.ts
-  var resolveContainer = (node, branch) => {
-    switch (node.type) {
-      case "doc":
-      case "group":
-        if (branch !== 0) throw new Error("Invalid branch");
-        return node.body;
-      case "frac":
-        if (branch === 0) return node.numerator;
-        if (branch === 1) return node.denominator;
-        break;
-      case "supsub":
-        if (branch === 0) return node.base;
-        if (branch === 1) return node.sup ?? (node.sup = []);
-        if (branch === 2) return node.sub ?? (node.sub = []);
-        break;
-      case "sqrt":
-        if (branch !== 0) throw new Error("Invalid branch");
-        return node.value;
-      case "fenced":
-        if (branch !== 0) throw new Error("Invalid branch");
-        return node.body;
-      default:
-        break;
-    }
-    throw new Error("Invalid branch");
-  };
-  var cloneDoc = (node) => structuredClone(node);
-  var resolveParent = (root2, path) => {
-    if (path.length === 0) {
-      return { container: root2.body, index: root2.body.length };
-    }
-    if (path.length === 1) {
-      return { container: root2.body, index: path[0] };
-    }
-    let current = root2.body[path[0]];
-    if (!current) {
-      return { container: root2.body, index: path[0] };
-    }
-    let container = root2.body;
-    for (let i2 = 1; i2 < path.length - 2; i2 += 2) {
-      const branch = path[i2];
-      const index = path[i2 + 1];
-      container = resolveContainer(current, branch);
-      current = container[index];
-    }
-    container = resolveContainer(current, path[path.length - 2]);
-    return {
-      container,
-      index: path[path.length - 1] ?? container.length
-    };
-  };
-  var insertAtPath = (root2, path, node) => {
-    const next = cloneDoc(root2);
-    const { container, index } = resolveParent(next, path);
-    container.splice(index, 0, node);
-    return next;
-  };
-  var removeAtPath = (root2, path) => {
-    const next = cloneDoc(root2);
-    const { container, index } = resolveParent(next, path);
-    if (index > 0) {
-      container.splice(index - 1, 1);
-    }
-    return next;
-  };
-
-  // ../core/src/transaction.ts
-  var FormulaTransaction = class {
-    doc;
-    selection;
-    constructor(state) {
-      this.doc = structuredClone(state.doc);
-      this.selection = structuredClone(state.selection);
-    }
-    insert(node) {
-      this.doc = insertAtPath(this.doc, this.selection.focus, node);
-      this.selection = {
-        anchor: [...this.selection.focus],
-        focus: [...this.selection.focus.slice(0, -1), (this.selection.focus.at(-1) ?? 0) + 1]
-      };
-      return this;
-    }
-    deleteBackward() {
-      this.doc = removeAtPath(this.doc, this.selection.focus);
-      this.selection = {
-        anchor: [...this.selection.focus.slice(0, -1), Math.max((this.selection.focus.at(-1) ?? 0) - 1, 0)],
-        focus: [...this.selection.focus.slice(0, -1), Math.max((this.selection.focus.at(-1) ?? 0) - 1, 0)]
-      };
-      return this;
-    }
-    moveFocus(nextFocus) {
-      this.selection = {
-        anchor: [...nextFocus],
-        focus: [...nextFocus]
-      };
-      return this;
-    }
-    apply() {
-      return {
-        doc: this.doc,
-        selection: this.selection
-      };
-    }
-  };
-
   // ../core/src/commands.ts
-  var insertText = (value) => (state) => new FormulaTransaction(state).insert(text(value)).apply();
-  var insertFraction = () => (state) => new FormulaTransaction(state).insert(frac([], [])).apply();
-  var insertSuperscript = () => (state) => new FormulaTransaction(state).insert(supsub([text("x")], [text("2")])).apply();
-  var insertSubscript = () => (state) => new FormulaTransaction(state).insert(supsub([text("x")], void 0, [text("i")])).apply();
-  var insertSqrt = () => (state) => new FormulaTransaction(state).insert(sqrt([])).apply();
-  var insertFenced = (left = "(", right = ")") => (state) => new FormulaTransaction(state).insert(fenced(left, right, [])).apply();
-  var backspace = () => (state) => new FormulaTransaction(state).deleteBackward().apply();
   var createEmptyState = () => ({
     doc: { type: "doc", body: [] },
     selection: { anchor: [0], focus: [0] }
   });
-  var applyCommand = (state, command) => command(state);
 
   // ../core/src/latex.ts
   var isAlpha = (char) => /[a-zA-Z]/.test(char);
@@ -20447,300 +20274,31 @@ var FormulaX = (() => {
   };
   var parseLatex = (input) => new LatexParser(input).parse();
 
-  // src/styles.ts
-  var editorStyles = `
-@keyframes fx-blink {
-  0%, 50% { opacity: 1; }
-  51%, 100% { opacity: 0; }
-}
-.fx-editor {
-  border: 1px solid #d8d4c7;
-  border-radius: 2px;
-  background: #fffefb;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
-  padding: 24px 28px;
-  font-family: Cambria, 'Times New Roman', serif;
-  font-size: 25px;
-  line-height: 1.7;
-  min-height: 120px;
-  position: relative;
-}
-.fx-editor:focus-within {
-  border-color: #7bbb59;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 0 0 3px rgba(123, 187, 89, 0.18);
-}
-.fx-editor-surface {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: baseline;
-  gap: 3px;
-  cursor: text;
-}
-.fx-node {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  padding: 2px 3px;
-  border-radius: 2px;
-  transition: background 0.12s ease;
-}
-.fx-node:hover {
-  background: rgba(122, 186, 89, 0.12);
-}
-.fx-text {
-  color: #2b2925;
-}
-.fx-group {
-  background: rgba(243, 241, 230, 0.82);
-  border: 1px dashed #c8c0a8;
-}
-.fx-frac {
-  display: inline-flex;
-  flex-direction: column;
-  align-items: center;
-  vertical-align: middle;
-  padding: 0 5px;
-}
-.fx-frac-num, .fx-frac-den {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: center;
-  padding: 3px 8px;
-  min-width: 24px;
-  min-height: 28px;
-  border-radius: 2px;
-  transition: all 0.15s ease;
-}
-.fx-frac-num {
-  border-bottom: 2px solid #2e2c29;
-  padding-bottom: 6px;
-}
-.fx-frac-den {
-  border-top: 2px solid #2e2c29;
-  padding-top: 6px;
-}
-.fx-frac-num:hover, .fx-frac-den:hover {
-  background: rgba(122, 186, 89, 0.1);
-}
-.fx-frac-num.is-active, .fx-frac-den.is-active {
-  background: rgba(122, 186, 89, 0.16);
-  box-shadow: inset 0 0 0 1px rgba(83, 184, 86, 0.5);
-}
-.fx-supsub {
-  display: inline-flex;
-  align-items: baseline;
-  gap: 0;
-}
-.fx-supsub-base {
-  display: inline-flex;
-  align-items: center;
-  padding: 0 2px;
-}
-.fx-supsub-stack {
-  display: inline-flex;
-  flex-direction: column;
-  align-items: flex-start;
-  font-size: 0.65em;
-  margin-left: 2px;
-}
-.fx-sup, .fx-sub {
-  display: flex;
-  align-items: center;
-  min-width: 16px;
-  min-height: 20px;
-  padding: 0 4px;
-  border-radius: 2px;
-  transition: all 0.15s ease;
-}
-.fx-sup {
-  vertical-align: super;
-}
-.fx-sub {
-  vertical-align: sub;
-}
-.fx-sup:hover, .fx-sub:hover {
-  background: rgba(122, 186, 89, 0.1);
-}
-.fx-sup.is-active, .fx-sub.is-active {
-  background: rgba(122, 186, 89, 0.16);
-  box-shadow: inset 0 0 0 1px rgba(83, 184, 86, 0.5);
-}
-.fx-sqrt {
-  display: inline-flex;
-  align-items: baseline;
-}
-.fx-sqrt-symbol {
-  font-size: 1.1em;
-  color: #2e2c29;
-  margin-right: 2px;
-}
-.fx-sqrt-body {
-  display: inline-flex;
-  align-items: center;
-  border-top: 2px solid #2e2c29;
-  padding: 4px 6px 0;
-  margin-left: 2px;
-}
-.fx-sqrt-body:hover {
-  background: rgba(122, 186, 89, 0.1);
-}
-.fx-sqrt-body.is-active {
-  background: rgba(122, 186, 89, 0.16);
-}
-.fx-fenced {
-  display: inline-flex;
-  align-items: center;
-  background: rgba(243, 241, 230, 0.78);
-  border-radius: 3px;
-  padding: 0 4px;
-}
-.fx-fence {
-  color: #59554d;
-  font-size: 1.2em;
-  padding: 0 2px;
-}
-.fx-fenced-body {
-  display: inline-flex;
-  align-items: center;
-  padding: 0 6px;
-}
-.fx-fenced-body:hover {
-  background: rgba(122, 186, 89, 0.1);
-  border-radius: 2px;
-}
-.fx-fenced-body.is-active {
-  background: rgba(122, 186, 89, 0.16);
-  border-radius: 2px;
-}
-.fx-slot {
-  width: 3px;
-  height: 1.2em;
-  border: none;
-  background: #53b856;
-  padding: 0;
-  margin: 0 1px;
-  cursor: text;
-  border-radius: 1px;
-  vertical-align: middle;
-}
-.fx-slot.is-active {
-  animation: fx-blink 1s infinite;
-}
-.fx-slot:hover {
-  background: #77c75b;
-}
-`;
-
-  // src/editor.ts
-  var FormulaEditor = class {
-    state;
-    root;
-    onChange;
-    locale;
-    constructor(options) {
-      this.root = options.root;
-      this.state = options.initialState ?? createEmptyState();
-      this.onChange = options.onChange;
-      this.locale = options.locale ?? "en";
-      this.root.classList.add("fx-editor");
-      this.root.tabIndex = 0;
-      this.ensureStyles();
-      this.bindEvents();
-      this.render();
-    }
-    getState() {
-      return structuredClone(this.state);
-    }
-    getLocale() {
-      return this.locale;
-    }
-    setState(state) {
-      this.state = structuredClone(state);
-      this.render();
-    }
-    dispatch(command) {
-      this.state = applyCommand(this.state, command);
-      this.render();
-      this.onChange?.(this.getState());
-    }
-    ensureStyles() {
-      if (document.getElementById("fx-editor-styles")) return;
-      const style = document.createElement("style");
-      style.id = "fx-editor-styles";
-      style.textContent = editorStyles;
-      document.head.appendChild(style);
-    }
-    bindEvents() {
-      this.root.addEventListener("click", (event2) => {
-        const target = event2.target;
-        const pathValue = target.dataset.path;
-        if (pathValue === void 0) return;
-        const path = pathValue === "" ? [] : pathValue.split(".").map(Number);
-        this.moveSelection(path);
-      });
-      this.root.addEventListener("keydown", (event2) => {
-        if (event2.key === "Backspace") {
-          event2.preventDefault();
-          this.dispatch(backspace());
-          return;
-        }
-        if (event2.key === "/") {
-          event2.preventDefault();
-          this.dispatch(insertFraction());
-          return;
-        }
-        if (event2.key === "^") {
-          event2.preventDefault();
-          this.dispatch(insertSuperscript());
-          return;
-        }
-        if (event2.key === "_") {
-          event2.preventDefault();
-          this.dispatch(insertSubscript());
-          return;
-        }
-        if (event2.key === "r" && event2.ctrlKey) {
-          event2.preventDefault();
-          this.dispatch(insertSqrt());
-          return;
-        }
-        if (event2.key === "(") {
-          event2.preventDefault();
-          this.dispatch(insertFenced("(", ")"));
-          return;
-        }
-        if (event2.key.length === 1 && !event2.ctrlKey && !event2.metaKey) {
-          event2.preventDefault();
-          this.dispatch(insertText(event2.key));
-        }
-      });
-    }
-    moveSelection(path) {
-      this.state = {
-        ...this.state,
-        selection: {
-          anchor: [...path],
-          focus: [...path]
-        }
-      };
-      this.render();
-      this.onChange?.(this.getState());
-    }
-    render() {
-      this.root.innerHTML = renderInteractiveHtml(this.state.doc, this.state.selection.focus);
-    }
-  };
-
-  // ../kity-assets/dist/index.js
+  // ../kity-runtime/public/assets/images/toolbar/btn.png
   var btn_default = "./btn-5DANP6JY.png";
+
+  // ../kity-runtime/public/assets/images/toolbar/other.png
   var other_default = "./other-OMWJFGL5.png";
+
+  // ../kity-runtime/public/assets/styles/editor.css?url
   var editor_default = "./editor-JT5KLVXX.css?url";
+
+  // ../kity-runtime/public/resource/KF_AMS_BB.woff
   var KF_AMS_BB_default = "./KF_AMS_BB-5QF7FUSO.woff";
+
+  // ../kity-runtime/public/resource/KF_AMS_CAL.woff
   var KF_AMS_CAL_default = "./KF_AMS_CAL-NXRNLAZN.woff";
+
+  // ../kity-runtime/public/resource/KF_AMS_FRAK.woff
   var KF_AMS_FRAK_default = "./KF_AMS_FRAK-CO33WWN4.woff";
+
+  // ../kity-runtime/public/resource/KF_AMS_MAIN.woff
   var KF_AMS_MAIN_default = "./KF_AMS_MAIN-25QJVAWY.woff";
+
+  // ../kity-runtime/public/resource/KF_AMS_ROMAN.woff
   var KF_AMS_ROMAN_default = "./KF_AMS_ROMAN-243BR7HH.woff";
+
+  // ../kity-runtime/src/asset-manifest.ts
   var kityFontAssets = {
     KF_AMS_BB: KF_AMS_BB_default,
     KF_AMS_CAL: KF_AMS_CAL_default,
@@ -23254,19 +22812,19 @@ var FormulaX = (() => {
       return this;
     },
     _applyTransform() {
-      const t2 = this.transform;
+      const t = this.transform;
       const result = [];
-      if (t2.translate) {
-        result.push(["translate(", t2.translate, ")"]);
+      if (t.translate) {
+        result.push(["translate(", t.translate, ")"]);
       }
-      if (t2.rotate) {
-        result.push(["rotate(", t2.rotate, ")"]);
+      if (t.rotate) {
+        result.push(["rotate(", t.rotate, ")"]);
       }
-      if (t2.scale) {
-        result.push(["scale(", t2.scale, ")"]);
+      if (t.scale) {
+        result.push(["scale(", t.scale, ")"]);
       }
-      if (t2.matrix) {
-        result.push(["matrix(", t2.matrix, ")"]);
+      if (t.matrix) {
+        result.push(["matrix(", t.matrix, ")"]);
       }
       this.node.setAttribute("transform", utils_default.flatten(result).join(" "));
       return this;
@@ -23275,8 +22833,8 @@ var FormulaX = (() => {
       this.transform.matrix = m;
       return this._applyTransform();
     },
-    setTranslate(t2) {
-      this.transform.translate = t2 !== null && [].slice.call(arguments) || null;
+    setTranslate(t) {
+      this.transform.translate = t !== null && [].slice.call(arguments) || null;
       return this._applyTransform();
     },
     setRotate(r) {
@@ -24170,7 +23728,7 @@ var FormulaX = (() => {
   var DEFAULT_EDITOR_HEIGHT = "auto";
   var KITY_STYLE_ID = "formulax-kity-editor-styles";
   var runtimePromise = null;
-  function resolveContainer2(el) {
+  function resolveContainer(el) {
     if (typeof el === "string") {
       const element = document.querySelector(el);
       if (!(element instanceof HTMLElement)) {
@@ -24258,7 +23816,7 @@ var FormulaX = (() => {
       kity: runtimeWindow.kity,
       otherPosition: legacyOtherPosition,
       uiDef: legacyUiDef,
-      uiUtils: createLegacyUiUtils()
+      uiUtils: legacyUiUtils
     };
   }
   async function ensureKityRuntime() {
@@ -24343,7 +23901,7 @@ var FormulaX = (() => {
     handlePromise;
     constructor(options) {
       const { el, ...editorOptions } = options;
-      this.container = resolveContainer2(el);
+      this.container = resolveContainer(el);
       this.options = editorOptions;
       this.handlePromise = mountKityEditor(this.container, this.options);
     }
@@ -24721,7 +24279,7 @@ var FormulaX = (() => {
     style.textContent = formulaXModalStyles;
     doc2.head.appendChild(style);
   }
-  function mountFormulaXKityEditor(root2, options = {}) {
+  function mountFormulaXEditor(root2, options = {}) {
     let destroyed = false;
     let latestLatex = options.initialLatex ?? "";
     let handle = null;
@@ -25130,83 +24688,6 @@ var FormulaX = (() => {
   function mergeInlineStyles2(...values) {
     return values.flatMap((value) => value?.split(";") ?? []).map((value) => value.trim()).filter(Boolean).join("; ");
   }
-
-  // src/i18n.ts
-  var translations = {
-    en: {
-      equation: "Equation",
-      structures: "Structures",
-      symbols: "Symbols",
-      matrices: "Matrices",
-      templates: "Templates",
-      insert: "Insert",
-      greek: "Greek",
-      operators: "Operators",
-      relations: "Relations",
-      fraction: "Fraction",
-      superscript: "Superscript",
-      subscript: "Subscript",
-      squareRoot: "Square Root",
-      parentheses: "Parentheses",
-      plusMinus: "Plus Minus",
-      multiply: "Multiply",
-      divide: "Divide",
-      dot: "Dot",
-      union: "Union",
-      intersect: "Intersection",
-      lessOrEqual: "Less or Equal",
-      greaterOrEqual: "Greater or Equal",
-      notEqual: "Not Equal",
-      approximate: "Approximate",
-      infinity: "Infinity",
-      arrow: "Arrow",
-      limit: "Limit",
-      sine: "Sine",
-      logarithm: "Logarithm",
-      matrix: "Matrix",
-      summation: "Summation",
-      integral: "Integral",
-      placeholder: "WPS-inspired ribbon layout. Some tiles are placeholders for future SDK features."
-    },
-    zh: {
-      equation: "\u516C\u5F0F",
-      structures: "\u7ED3\u6784",
-      symbols: "\u7B26\u53F7",
-      matrices: "\u77E9\u9635",
-      templates: "\u6A21\u677F",
-      insert: "\u63D2\u5165",
-      greek: "\u5E0C\u814A\u5B57\u6BCD",
-      operators: "\u8FD0\u7B97\u7B26",
-      relations: "\u5173\u7CFB",
-      fraction: "\u5206\u6570",
-      superscript: "\u4E0A\u6807",
-      subscript: "\u4E0B\u6807",
-      squareRoot: "\u5E73\u65B9\u6839",
-      parentheses: "\u62EC\u53F7",
-      plusMinus: "\u52A0\u51CF",
-      multiply: "\u4E58",
-      divide: "\u9664",
-      dot: "\u70B9\u4E58",
-      union: "\u5E76\u96C6",
-      intersect: "\u4EA4\u96C6",
-      lessOrEqual: "\u5C0F\u4E8E\u7B49\u4E8E",
-      greaterOrEqual: "\u5927\u4E8E\u7B49\u4E8E",
-      notEqual: "\u4E0D\u7B49\u4E8E",
-      approximate: "\u7EA6\u7B49\u4E8E",
-      infinity: "\u65E0\u7A77",
-      arrow: "\u7BAD\u5934",
-      limit: "\u6781\u9650",
-      sine: "\u6B63\u5F26",
-      logarithm: "\u5BF9\u6570",
-      matrix: "\u77E9\u9635",
-      summation: "\u6C42\u548C",
-      integral: "\u79EF\u5206",
-      placeholder: "WPS \u98CE\u683C\u7684\u5DE5\u5177\u680F\u5E03\u5C40\u3002\u90E8\u5206\u6309\u94AE\u4ECD\u662F\u672A\u6765 SDK \u529F\u80FD\u7684\u5360\u4F4D\u9879\u3002"
-    }
-  };
-  function t(locale, key) {
-    return translations[locale][key] ?? translations.en[key];
-  }
   return __toCommonJS(index_exports);
 })();
 /*!