@formulaxjs/editor 0.2.0 → 0.3.0

package/dist/index.global.js

@@ -21,6 +21,105 @@ var FormulaX = (() => {
   };
   var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+  // ../kity-runtime/public/assets/images/toolbar/btn.png
+  var btn_default;
+  var init_btn = __esm({
+    "../kity-runtime/public/assets/images/toolbar/btn.png"() {
+      btn_default = "./btn-5DANP6JY.png";
+    }
+  });
+
+  // ../kity-runtime/public/assets/images/toolbar/other.png
+  var other_default;
+  var init_other = __esm({
+    "../kity-runtime/public/assets/images/toolbar/other.png"() {
+      other_default = "./other-OMWJFGL5.png";
+    }
+  });
+
+  // ../kity-runtime/public/assets/styles/editor.css?url
+  var editor_default;
+  var init_editor = __esm({
+    "../kity-runtime/public/assets/styles/editor.css?url"() {
+      editor_default = "./editor-JT5KLVXX.css?url";
+    }
+  });
+
+  // ../kity-runtime/public/resource/KF_AMS_BB.woff
+  var KF_AMS_BB_default;
+  var init_KF_AMS_BB = __esm({
+    "../kity-runtime/public/resource/KF_AMS_BB.woff"() {
+      KF_AMS_BB_default = "./KF_AMS_BB-5QF7FUSO.woff";
+    }
+  });
+
+  // ../kity-runtime/public/resource/KF_AMS_CAL.woff
+  var KF_AMS_CAL_default;
+  var init_KF_AMS_CAL = __esm({
+    "../kity-runtime/public/resource/KF_AMS_CAL.woff"() {
+      KF_AMS_CAL_default = "./KF_AMS_CAL-NXRNLAZN.woff";
+    }
+  });
+
+  // ../kity-runtime/public/resource/KF_AMS_FRAK.woff
+  var KF_AMS_FRAK_default;
+  var init_KF_AMS_FRAK = __esm({
+    "../kity-runtime/public/resource/KF_AMS_FRAK.woff"() {
+      KF_AMS_FRAK_default = "./KF_AMS_FRAK-CO33WWN4.woff";
+    }
+  });
+
+  // ../kity-runtime/public/resource/KF_AMS_MAIN.woff
+  var KF_AMS_MAIN_default;
+  var init_KF_AMS_MAIN = __esm({
+    "../kity-runtime/public/resource/KF_AMS_MAIN.woff"() {
+      KF_AMS_MAIN_default = "./KF_AMS_MAIN-25QJVAWY.woff";
+    }
+  });
+
+  // ../kity-runtime/public/resource/KF_AMS_ROMAN.woff
+  var KF_AMS_ROMAN_default;
+  var init_KF_AMS_ROMAN = __esm({
+    "../kity-runtime/public/resource/KF_AMS_ROMAN.woff"() {
+      KF_AMS_ROMAN_default = "./KF_AMS_ROMAN-243BR7HH.woff";
+    }
+  });
+
+  // ../kity-runtime/src/asset-manifest.ts
+  var kityFontAssets, kityToolbarAssets, kityStyleAssets, kityAssetManifest;
+  var init_asset_manifest = __esm({
+    "../kity-runtime/src/asset-manifest.ts"() {
+      "use strict";
+      init_btn();
+      init_other();
+      init_editor();
+      init_KF_AMS_BB();
+      init_KF_AMS_CAL();
+      init_KF_AMS_FRAK();
+      init_KF_AMS_MAIN();
+      init_KF_AMS_ROMAN();
+      kityFontAssets = {
+        KF_AMS_BB: KF_AMS_BB_default,
+        KF_AMS_CAL: KF_AMS_CAL_default,
+        KF_AMS_FRAK: KF_AMS_FRAK_default,
+        KF_AMS_MAIN: KF_AMS_MAIN_default,
+        KF_AMS_ROMAN: KF_AMS_ROMAN_default
+      };
+      kityToolbarAssets = {
+        btn: btn_default,
+        other: other_default
+      };
+      kityStyleAssets = {
+        editor: editor_default
+      };
+      kityAssetManifest = {
+        fonts: kityFontAssets,
+        toolbar: kityToolbarAssets,
+        styles: kityStyleAssets
+      };
+    }
+  });
+
   // ../kity-runtime/src/vendor/legacy-box-type.ts
   var legacyBoxType;
   var init_legacy_box_type = __esm({
@@ -4965,7 +5064,11 @@ var FormulaX = (() => {
   var init_toolbar_assets = __esm({
     "../kity-runtime/src/toolbar-assets.ts"() {
       "use strict";
-      toolbarAssetFileMap = {};
+      init_asset_manifest();
+      toolbarAssetFileMap = {
+        "btn.png": kityToolbarAssets.btn,
+        "other.png": kityToolbarAssets.other
+      };
     }
   });
 
@@ -14873,7 +14976,7 @@ var FormulaX = (() => {
     return serviceObject;
   }
   var defaultOptions, components, kity2, kf, KFEditor, editor_default2;
-  var init_editor = __esm({
+  var init_editor2 = __esm({
     "../kity-runtime/src/legacy/editor.ts"() {
       "use strict";
       init_legacy_utils();
@@ -14993,7 +15096,7 @@ var FormulaX = (() => {
   var init_factory = __esm({
     "../kity-runtime/src/legacy/factory.ts"() {
       "use strict";
-      init_editor();
+      init_editor2();
       init_runtime_interop();
       EditorWrapper = class {
         callbacks = [];
@@ -19951,7 +20054,7 @@ var FormulaX = (() => {
   var init_start = __esm({
     "../kity-runtime/src/boot/start.ts"() {
       "use strict";
-      init_editor();
+      init_editor2();
       init_factory();
       init_ui();
       init_parser();
@@ -19968,25 +20071,17 @@ var FormulaX = (() => {
   // src/index.ts
   var index_exports = {};
   __export(index_exports, {
-    DEFAULT_FORMULA_ATTRIBUTE: () => DEFAULT_FORMULA_ATTRIBUTE,
-    DEFAULT_FORMULA_CLASS: () => DEFAULT_FORMULA_CLASS,
-    FORMULA_FLAG_ATTRIBUTE: () => FORMULA_FLAG_ATTRIBUTE,
-    FormulaXEditor: () => FormulaXEditor,
-    createFormulaElement: () => createFormulaElement,
-    createFormulaMarkup: () => createFormulaMarkup,
-    createKityEditor: () => createKityEditor,
+    clearFormulaXPerfMarks: () => clearFormulaXPerfMarks2,
     ensureFormulaXModalStyles: () => ensureFormulaXModalStyles,
-    ensureKityRuntime: () => ensureKityRuntime,
-    escapeAttribute: () => escapeAttribute,
-    escapeHtml: () => escapeHtml,
-    findFormulaElement: () => findFormulaElement,
     formulaXModalStyles: () => formulaXModalStyles,
-    getFormulaLatexFromElement: () => getFormulaLatexFromElement,
-    isFormulaElement: () => isFormulaElement,
+    markFormulaXPerf: () => markFormulaXPerf2,
+    measureFormulaXPerf: () => measureFormulaXPerf2,
     mountFormulaXEditor: () => mountFormulaXEditor,
-    mountKityEditor: () => mountKityEditor,
-    replaceFormulaElement: () => replaceFormulaElement,
-    serializeSvgForInsertion: () => serializeSvgForInsertion
+    preloadFormulaXEditor: () => preloadFormulaXEditor,
+    recordFormulaXPerfPoint: () => recordFormulaXPerfPoint,
+    renderFormulaXEditorLoadingState: () => renderFormulaXEditorLoadingState,
+    scheduleFormulaXEditorPreload: () => scheduleFormulaXEditorPreload,
+    waitForFormulaXAnimationFrame: () => waitForFormulaXAnimationFrame
   });
 
   // ../core/src/ast.ts
@@ -20274,52 +20369,11 @@ var FormulaX = (() => {
   };
   var parseLatex = (input) => new LatexParser(input).parse();
 
-  // ../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,
-    KF_AMS_FRAK: KF_AMS_FRAK_default,
-    KF_AMS_MAIN: KF_AMS_MAIN_default,
-    KF_AMS_ROMAN: KF_AMS_ROMAN_default
-  };
-  var kityToolbarAssets = {
-    btn: btn_default,
-    other: other_default
-  };
-  var kityStyleAssets = {
-    editor: editor_default
-  };
-  var kityAssetManifest = {
-    fonts: kityFontAssets,
-    toolbar: kityToolbarAssets,
-    styles: kityStyleAssets
-  };
+  // ../kity-runtime/src/index.ts
+  init_asset_manifest();
 
   // ../kity-runtime/src/create-editor.ts
+  init_asset_manifest();
   init_legacy_box_type();
 
   // ../kity-runtime/src/vendor/char-position.ts
@@ -23722,6 +23776,80 @@ var FormulaX = (() => {
     targetWindow.kity = kity;
   }
 
+  // ../kity-runtime/src/perf.ts
+  function getPerfHost() {
+    return globalThis;
+  }
+  function getPerfState() {
+    const host = getPerfHost();
+    host.__FORMULAX_PERF_STATE__ ??= {
+      reportedMeasureCount: 0,
+      reportScheduled: false
+    };
+    return host.__FORMULAX_PERF_STATE__;
+  }
+  function hasPerfSupport() {
+    return typeof performance !== "undefined" && typeof performance.mark === "function" && typeof performance.measure === "function" && typeof performance.getEntriesByType === "function";
+  }
+  function isPerfDebugEnabled() {
+    return getPerfHost().__FORMULAX_PERF__ === true;
+  }
+  function schedulePerfReport() {
+    if (!hasPerfSupport() || !isPerfDebugEnabled()) {
+      return;
+    }
+    const state = getPerfState();
+    if (state.reportScheduled) {
+      return;
+    }
+    state.reportScheduled = true;
+    queueMicrotask(() => {
+      state.reportScheduled = false;
+      const entries = performance.getEntriesByType("measure").filter((entry) => entry.name.startsWith("fx:")).sort((left, right) => left.startTime - right.startTime);
+      const nextEntries = entries.slice(state.reportedMeasureCount);
+      state.reportedMeasureCount = entries.length;
+      if (!nextEntries.length) {
+        return;
+      }
+      console.table(nextEntries.map((entry) => ({
+        name: entry.name,
+        duration: Number(entry.duration.toFixed(2)),
+        startTime: Number(entry.startTime.toFixed(2))
+      })));
+    });
+  }
+  function markFormulaXPerf(name) {
+    if (!hasPerfSupport()) {
+      return null;
+    }
+    const markName = `${name}::${Date.now()}::${Math.random().toString(36).slice(2, 8)}`;
+    performance.mark(markName);
+    return markName;
+  }
+  function measureFormulaXPerf(name, startMark, endMark) {
+    if (!hasPerfSupport() || !startMark) {
+      return null;
+    }
+    const resolvedEndMark = endMark ?? markFormulaXPerf(`${name}:end`);
+    if (!resolvedEndMark) {
+      return null;
+    }
+    performance.measure(name, startMark, resolvedEndMark);
+    schedulePerfReport();
+    return resolvedEndMark;
+  }
+  function clearFormulaXPerfMarks(...marks) {
+    if (!hasPerfSupport()) {
+      return;
+    }
+    for (const mark of marks) {
+      if (!mark) {
+        continue;
+      }
+      performance.clearMarks(mark);
+    }
+  }
+
   // ../kity-runtime/src/create-editor.ts
   init_toolbar_assets();
   var DEFAULT_LATEX = "x=\\frac{-b\\pm\\sqrt{b^2-4ac}}{2a}";
@@ -23762,13 +23890,14 @@ var FormulaX = (() => {
   }
   function ensureKityStylesheet(doc2, href) {
     if (doc2.getElementById(KITY_STYLE_ID)) {
-      return;
+      return false;
     }
     const link = doc2.createElement("link");
     link.id = KITY_STYLE_ID;
     link.rel = "stylesheet";
     link.href = href;
     doc2.head.appendChild(link);
+    return true;
   }
   function hydrateLegacyKf(runtimeWindow) {
     const requireFormula = runtimeWindow.__kityFormulaRequire__;
@@ -23824,64 +23953,114 @@ var FormulaX = (() => {
       return runtimePromise;
     }
     runtimePromise = (async () => {
+      const runtimeTotalStart = markFormulaXPerf("fx:kity-runtime:total");
       const runtimeWindow = window;
       runtimeWindow.kf = runtimeWindow.kf ?? {};
       installKityRuntime(runtimeWindow);
-      const { installLegacyKityFormulaRuntime: installLegacyKityFormulaRuntime2 } = await Promise.resolve().then(() => (init_install(), install_exports));
-      installLegacyKityFormulaRuntime2(runtimeWindow);
-      hydrateLegacyKf(runtimeWindow);
-      const { installLegacyParserRuntime: installLegacyParserRuntime2 } = await Promise.resolve().then(() => (init_install2(), install_exports2));
-      installLegacyParserRuntime2(runtimeWindow);
-      installLegacyRuntime(runtimeWindow);
-      const { installKityEditorStart: installKityEditorStart2 } = await Promise.resolve().then(() => (init_start(), start_exports));
-      installKityEditorStart2(runtimeWindow);
+      try {
+        const formulaImportStart = markFormulaXPerf("fx:kity-runtime:formula-import");
+        const { installLegacyKityFormulaRuntime: installLegacyKityFormulaRuntime2 } = await Promise.resolve().then(() => (init_install(), install_exports));
+        const formulaImportEnd = markFormulaXPerf("fx:kity-runtime:formula-import:end");
+        measureFormulaXPerf("fx:kity-runtime:formula-import", formulaImportStart, formulaImportEnd);
+        clearFormulaXPerfMarks(formulaImportStart, formulaImportEnd);
+        const formulaInstallStart = markFormulaXPerf("fx:kity-runtime:formula-install");
+        installLegacyKityFormulaRuntime2(runtimeWindow);
+        hydrateLegacyKf(runtimeWindow);
+        const formulaInstallEnd = markFormulaXPerf("fx:kity-runtime:formula-install:end");
+        measureFormulaXPerf("fx:kity-runtime:formula-install", formulaInstallStart, formulaInstallEnd);
+        clearFormulaXPerfMarks(formulaInstallStart, formulaInstallEnd);
+        const parserImportStart = markFormulaXPerf("fx:kity-runtime:parser-import");
+        const { installLegacyParserRuntime: installLegacyParserRuntime2 } = await Promise.resolve().then(() => (init_install2(), install_exports2));
+        const parserImportEnd = markFormulaXPerf("fx:kity-runtime:parser-import:end");
+        measureFormulaXPerf("fx:kity-runtime:parser-import", parserImportStart, parserImportEnd);
+        clearFormulaXPerfMarks(parserImportStart, parserImportEnd);
+        const parserInstallStart = markFormulaXPerf("fx:kity-runtime:parser-install");
+        installLegacyParserRuntime2(runtimeWindow);
+        const parserInstallEnd = markFormulaXPerf("fx:kity-runtime:parser-install:end");
+        measureFormulaXPerf("fx:kity-runtime:parser-install", parserInstallStart, parserInstallEnd);
+        clearFormulaXPerfMarks(parserInstallStart, parserInstallEnd);
+        installLegacyRuntime(runtimeWindow);
+        const bootImportStart = markFormulaXPerf("fx:kity-runtime:boot-import");
+        const { installKityEditorStart: installKityEditorStart2 } = await Promise.resolve().then(() => (init_start(), start_exports));
+        const bootImportEnd = markFormulaXPerf("fx:kity-runtime:boot-import:end");
+        measureFormulaXPerf("fx:kity-runtime:boot-import", bootImportStart, bootImportEnd);
+        clearFormulaXPerfMarks(bootImportStart, bootImportEnd);
+        const bootInstallStart = markFormulaXPerf("fx:kity-runtime:boot-install");
+        installKityEditorStart2(runtimeWindow);
+        const bootInstallEnd = markFormulaXPerf("fx:kity-runtime:boot-install:end");
+        measureFormulaXPerf("fx:kity-runtime:boot-install", bootInstallStart, bootInstallEnd);
+        clearFormulaXPerfMarks(bootInstallStart, bootInstallEnd);
+      } finally {
+        const runtimeTotalEnd = markFormulaXPerf("fx:kity-runtime:total:end");
+        measureFormulaXPerf("fx:kity-runtime:total", runtimeTotalStart, runtimeTotalEnd);
+        clearFormulaXPerfMarks(runtimeTotalStart, runtimeTotalEnd);
+      }
     })();
     return runtimePromise;
   }
   async function createKityEditor(container, options = {}) {
+    const createEditorStart = markFormulaXPerf("fx:create-kity-editor:total");
     const fontsize = options.render?.fontsize ?? 40;
     const editorHeight = normalizeCssSize(options.height, DEFAULT_EDITOR_HEIGHT);
     const assets = resolveEditorAssets(options.assets);
-    ensureKityStylesheet(document, assets.styles.editor);
-    setToolbarAssetUrls(assets.toolbar);
-    await ensureKityRuntime();
-    const runtimeWindow = window;
-    if (!runtimeWindow.kf?.EditorFactory) {
-      throw new Error("Kity editor runtime did not initialize");
-    }
-    container.innerHTML = "";
-    const host = document.createElement("div");
-    host.className = "kf-editor";
-    host.style.width = "100%";
-    host.style.height = editorHeight;
-    container.appendChild(host);
-    const factory2 = runtimeWindow.kf.EditorFactory.create(host, {
-      render: {
-        fontsize
-      },
-      resource: {
-        path: "",
-        fonts: assets.fonts
+    try {
+      const stylesheetInserted = ensureKityStylesheet(document, assets.styles.editor);
+      if (stylesheetInserted) {
+        const stylesheetInsertedMark = markFormulaXPerf("fx:kity-css:link-inserted");
+        measureFormulaXPerf("fx:kity-css:link-inserted", createEditorStart, stylesheetInsertedMark);
+        clearFormulaXPerfMarks(stylesheetInsertedMark);
       }
-    });
-    return {
-      ready: factory2.ready.bind(factory2),
-      execCommand(name, value) {
-        factory2.ready(function execWhenReady() {
-          this.execCommand(name, value);
-        });
-      },
-      focus() {
-        factory2.ready(function focusWhenReady() {
-          this.execCommand("focus");
-        });
-      },
-      destroy() {
-        container.innerHTML = "";
-      },
-      host,
-      raw: factory2
-    };
+      setToolbarAssetUrls(assets.toolbar);
+      await ensureKityRuntime();
+      const runtimeReadyMark = markFormulaXPerf("fx:kity-runtime:ready-for-editor");
+      measureFormulaXPerf("fx:kity-runtime:ready-for-editor", createEditorStart, runtimeReadyMark);
+      clearFormulaXPerfMarks(runtimeReadyMark);
+      const runtimeWindow = window;
+      if (!runtimeWindow.kf?.EditorFactory) {
+        throw new Error("Kity editor runtime did not initialize");
+      }
+      container.innerHTML = "";
+      const host = document.createElement("div");
+      host.className = "kf-editor";
+      host.style.width = "100%";
+      host.style.height = editorHeight;
+      container.appendChild(host);
+      const factoryCreateStart = markFormulaXPerf("fx:kity-editor-factory:create");
+      const factory2 = runtimeWindow.kf.EditorFactory.create(host, {
+        render: {
+          fontsize
+        },
+        resource: {
+          path: "",
+          fonts: assets.fonts
+        }
+      });
+      const factoryCreateEnd = markFormulaXPerf("fx:kity-editor-factory:create:end");
+      measureFormulaXPerf("fx:kity-editor-factory:create", factoryCreateStart, factoryCreateEnd);
+      clearFormulaXPerfMarks(factoryCreateStart, factoryCreateEnd);
+      return {
+        ready: factory2.ready.bind(factory2),
+        execCommand(name, value) {
+          factory2.ready(function execWhenReady() {
+            this.execCommand(name, value);
+          });
+        },
+        focus() {
+          factory2.ready(function focusWhenReady() {
+            this.execCommand("focus");
+          });
+        },
+        destroy() {
+          container.innerHTML = "";
+        },
+        host,
+        raw: factory2
+      };
+    } finally {
+      const createEditorEnd = markFormulaXPerf("fx:create-kity-editor:total:end");
+      measureFormulaXPerf("fx:create-kity-editor:total", createEditorStart, createEditorEnd);
+      clearFormulaXPerfMarks(createEditorStart, createEditorEnd);
+    }
   }
   async function mountKityEditor(container, options = {}) {
     const editor = await createKityEditor(container, options);
@@ -23952,454 +24131,337 @@ var FormulaX = (() => {
   init_legacy_ui_utils();
   init_legacy_utils();
 
-  // src/formula-node.ts
-  var DEFAULT_FORMULA_ATTRIBUTE = "data-formulax-latex";
-  var FORMULA_FLAG_ATTRIBUTE = "data-formulax";
-  var DEFAULT_FORMULA_CLASS = "formulax-math";
-  function escapeAttribute(value) {
-    return value.replaceAll("&", "&amp;").replaceAll('"', "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
-  }
+  // ../renderer/src/markup.ts
   function escapeHtml(value) {
     return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
   }
-  function createFormulaMarkup(latex, options = {}) {
-    const attributeName = options.attributeName ?? DEFAULT_FORMULA_ATTRIBUTE;
-    const className = options.className ?? DEFAULT_FORMULA_CLASS;
-    const displayClass = options.displayMode ? `${className} ${className}--block` : className;
-    const safeLatex = escapeAttribute(latex);
-    const cursorStyle = options.cursorStyle?.trim() || "pointer";
-    const extraAttributes = {
-      ...options.extraAttributes ?? {},
-      style: mergeInlineStyles(
-        typeof options.extraAttributes?.style === "string" ? options.extraAttributes.style : "",
-        cursorStyle ? `cursor: ${cursorStyle}` : ""
-      )
-    };
-    const serializedAttributes = Object.entries(extraAttributes).filter(([, value]) => value !== null && value !== void 0 && value !== false).map(([key, value]) => value === true ? key : `${key}="${escapeAttribute(String(value))}"`);
-    return [
-      "<span",
-      ` class="${escapeAttribute(displayClass)}"`,
-      ` ${FORMULA_FLAG_ATTRIBUTE}="true"`,
-      ` ${attributeName}="${safeLatex}"`,
-      ` data-latex="${safeLatex}"`,
-      ' contenteditable="false"',
-      ' role="button"',
-      ' tabindex="0"',
-      serializedAttributes.length ? ` ${serializedAttributes.join(" ")}` : "",
-      ">",
-      options.renderHtml ?? `<span class="${escapeAttribute(className)}__render">${escapeHtml(latex || "\\square")}</span>`,
-      "</span>"
-    ].join("");
-  }
-  function mergeInlineStyles(existingStyle, nextStyle) {
-    const existing = existingStyle.trim().replace(/;+\s*$/, "");
-    const next = nextStyle.trim().replace(/;+\s*$/, "");
-    if (!existing) return next;
-    if (!next) return existing;
-    return `${existing}; ${next}`;
-  }
-  function createFormulaElement(ownerDocument, latex, options = {}) {
-    const wrapper = ownerDocument.createElement("span");
-    wrapper.innerHTML = createFormulaMarkup(latex, options);
-    return wrapper.firstElementChild;
-  }
-  function replaceFormulaElement(target, latex, options = {}) {
-    const next = createFormulaElement(target.ownerDocument ?? document, latex, options);
-    if (!next) return null;
-    target.replaceWith(next);
-    return next;
-  }
-  function getFormulaLatexFromElement(element, attributeName = DEFAULT_FORMULA_ATTRIBUTE) {
-    return element.getAttribute(attributeName) ?? element.getAttribute("data-latex") ?? "";
-  }
-  function isFormulaElement(node) {
-    if (!node || typeof node !== "object") return false;
-    const element = node;
-    return typeof element.getAttribute === "function" && element.getAttribute(FORMULA_FLAG_ATTRIBUTE) === "true";
-  }
-  function findFormulaElement(node) {
-    if (!node) return null;
-    const element = node.nodeType === 1 ? node : node.parentElement;
-    return element?.closest?.(`[${FORMULA_FLAG_ATTRIBUTE}="true"]`);
-  }
-
-  // src/formula-modal.ts
-  var EMPTY_FORMULA_PLACEHOLDER = "\\placeholder ";
-  var STYLE_ID = "fx-formula-modal-styles";
-  var formulaXModalStyles = `
-.fx-formula-modal-open {
-  overflow: hidden;
-}
 
-.fx-formula-modal-root {
-  position: fixed;
-  inset: 0;
-  z-index: 2147483000;
-  display: flex;
+  // ../renderer/src/styles.ts
+  var FORMULAX_BASE_STYLE_ID = "fx-formulax-base-styles";
+  var formulaXBaseStyles = `
+.formulax-math {
+  display: inline-flex;
   align-items: center;
-  justify-content: center;
-}
-
-.fx-formula-modal-backdrop {
-  position: absolute;
-  inset: 0;
-  background: rgba(15, 23, 42, 0.48);
-}
-
-.fx-formula-modal {
-  --fx-formula-editor-body-height: 264px;
-  --fx-formula-workspace-height: 168px;
-  position: relative;
-  width: min(860px, calc(100vw - 32px));
-  height: auto;
-  max-height: calc(100vh - 32px);
-  background: #fff;
-  border-radius: 14px;
-  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.28);
-  display: flex;
-  flex-direction: column;
-  overflow: visible;
-  isolation: isolate;
-}
-
-.fx-formula-modal__header,
-.fx-formula-modal__footer,
-.fx-formula-modal__title,
-.fx-formula-modal__close,
-.fx-formula-modal__button,
-.fx-formula-editor-loading,
-.fx-formula-editor-error {
-  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  vertical-align: middle;
+  line-height: 1;
+  padding: 0 2px;
+  margin: 0 1px;
+  border-radius: 3px;
+  background: transparent;
+  cursor: pointer;
+  user-select: none;
 }
 
-.fx-formula-modal__header {
-  min-height: 56px;
-  padding: 0 20px;
-  border-bottom: 1px solid #e5e7eb;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-shrink: 0;
-  position: relative;
-  z-index: 3;
-  background: #fff;
-  border-radius: 14px 14px 0 0;
+.formulax-math:hover {
+  outline: 1px solid rgba(37, 99, 235, 0.35);
+  background: rgba(37, 99, 235, 0.06);
 }
 
-.fx-formula-modal__title {
-  font-size: 16px;
-  font-weight: 650;
-  margin: 0;
-  color: #111827;
+.formulax-math__render,
+.formulax-math__svg,
+.formulax-math__image {
+  display: inline-block;
+  max-width: 100%;
+  pointer-events: none;
 }
 
-.fx-formula-modal__close {
-  border: 0;
-  background: transparent;
-  font-size: 24px;
-  line-height: 1;
-  cursor: pointer;
-  color: #6b7280;
+.formulax-math__render {
+  vertical-align: middle;
+  font-family: "KF AMS MAIN", "Cambria Math", "Latin Modern Math", "Times New Roman", serif;
 }
 
-.fx-formula-modal__body {
+.formulax-math__svg {
   flex: 0 0 auto;
-  height: var(--fx-formula-editor-body-height);
-  padding: 0;
-  overflow: visible;
-  min-height: var(--fx-formula-editor-body-height);
-  position: relative;
-  z-index: 2;
-}
-
-.fx-formula-editor-host {
-  width: 100%;
-  height: var(--fx-formula-editor-body-height);
-  min-height: var(--fx-formula-editor-body-height);
-  overflow: visible;
-  position: relative;
+  vertical-align: -0.35em;
 }
 
-.fx-formula-kity-host {
-  width: 100%;
-  height: var(--fx-formula-editor-body-height);
-  min-height: var(--fx-formula-editor-body-height);
-  overflow: visible;
-  position: relative;
+.formulax-math__image {
+  height: auto;
+  vertical-align: middle;
 }
+`;
+  function ensureFormulaXBaseStyles(doc2 = document) {
+    if (doc2.getElementById(FORMULAX_BASE_STYLE_ID)) return;
+    const style = doc2.createElement("style");
+    style.id = FORMULAX_BASE_STYLE_ID;
+    style.textContent = formulaXBaseStyles;
+    doc2.head.appendChild(style);
+  }
 
-.fx-formula-kity-host .kf-editor {
-  height: var(--fx-formula-editor-body-height) !important;
-  overflow: visible !important;
-}
-
-.fx-formula-kity-host .kf-editor-toolbar {
-  overflow: visible;
-  position: relative;
-  z-index: 20;
-}
-
-.fx-formula-kity-host .kf-editor-ui-button-mount-point,
-.fx-formula-kity-host .kf-editor-ui-area-mount,
-.fx-formula-kity-host .kf-editor-ui-box,
-.fx-formula-kity-host .kf-editor-ui-list {
-  z-index: 1000;
-}
-
-.fx-formula-kity-host .kf-editor-edit-area,
-.fx-formula-kity-host .kf-editor-canvas-container {
-  min-height: var(--fx-formula-workspace-height);
-  height: var(--fx-formula-workspace-height);
-}
-
-.fx-formula-kity-host .kf-editor-edit-area {
-  flex: 0 0 auto;
-  overflow: hidden;
-}
-
-.fx-formula-kity-host .kf-editor,
-.fx-formula-kity-host .kf-editor svg text,
-.fx-formula-kity-host .kf-editor-ui-area-item-text,
-.fx-formula-kity-host .kf-editor-ui-box-item-text,
-.fx-formula-kity-host .kf-editor-ui-box-item-val,
-.formulax-math__render {
-  font-family: "KF AMS MAIN", "Cambria Math", "Latin Modern Math", "Times New Roman", serif !important;
-}
-
-.fx-formula-kity-host .kf-editor-ui-box-item-content,
-.fx-formula-kity-host .kf-editor-ui-box-item-val {
-  min-width: 32px;
-  min-height: 32px;
-}
-
-.fx-formula-kity-host .kf-editor-ui-box-item-val svg,
-.fx-formula-kity-host .kf-editor-ui-box-item-val img,
-.fx-formula-kity-host .kf-editor-ui-area-item-img,
-.fx-formula-kity-host .kf-editor-ui-area-item-text {
-  display: block;
-}
-
-.fx-formula-editor-loading {
-  height: var(--fx-formula-editor-body-height);
-  padding: 24px;
-  color: #4b5563;
-  text-align: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.fx-formula-editor-error {
-  padding: 24px;
-  color: #dc2626;
-  font-size: 14px;
-}
-
-.fx-formula-editor-error pre {
-  white-space: pre-wrap;
-  word-break: break-all;
-  color: #991b1b;
-  background: #fef2f2;
-  border: 1px solid #fecaca;
-  border-radius: 8px;
-  padding: 12px;
-  margin-top: 8px;
-}
-
-.fx-formula-modal__footer {
-  min-height: 64px;
-  padding: 12px 20px;
-  border-top: 1px solid #e5e7eb;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 12px;
-  flex-shrink: 0;
-  position: relative;
-  z-index: 1;
-  background: #fff;
-  border-radius: 0 0 14px 14px;
-}
-
-.fx-formula-modal__button {
-  appearance: none;
-  border: 1px solid #d1d5db;
-  background: #fff;
-  color: #111827;
-  border-radius: 8px;
-  padding: 8px 14px;
-  font-size: 14px;
-  cursor: pointer;
-}
-
-.fx-formula-modal__button--primary {
-  border-color: #2563eb;
-  background: #2563eb;
-  color: #fff;
-}
-
-.formulax-math {
-  display: inline-flex;
-  align-items: center;
-  vertical-align: middle;
-  line-height: 1;
-  padding: 0 2px;
-  margin: 0 1px;
-  border-radius: 3px;
-  background: transparent;
-  cursor: pointer;
-  user-select: none;
-}
-
-.formulax-math:hover {
-  outline: 1px solid rgba(37, 99, 235, 0.35);
-  background: rgba(37, 99, 235, 0.06);
-}
-
-.formulax-math__svg {
-  display: inline-block;
-  flex: 0 0 auto;
-  max-width: 100%;
-  vertical-align: -0.35em;
-  pointer-events: none;
-}
-
-.formulax-math__image {
-  display: inline-block;
-  max-width: 100%;
-  height: auto;
-  vertical-align: middle;
-  pointer-events: none;
-}
-`;
-  function ensureFormulaXModalStyles(doc2 = document) {
-    if (doc2.getElementById(STYLE_ID)) return;
-    const style = doc2.createElement("style");
-    style.id = STYLE_ID;
-    style.textContent = formulaXModalStyles;
-    doc2.head.appendChild(style);
+  // ../renderer/src/svg.ts
+  function readRenderedFormulaSvgBox(svg2) {
+    return getInlineSvgContent(svg2)?.box ?? readSvgBox(svg2);
   }
-  function mountFormulaXEditor(root2, options = {}) {
-    let destroyed = false;
-    let latestLatex = options.initialLatex ?? "";
-    let handle = null;
-    const initialLatex = latestLatex.trim() ? latestLatex : EMPTY_FORMULA_PLACEHOLDER;
-    root2.classList.add("fx-formula-kity-host");
-    root2.innerHTML = `
-    <div class="fx-formula-editor-loading" role="status" aria-live="polite">
-      Loading FormulaX editor...
-    </div>
-  `;
-    const readyPromise = mountKityEditor(root2, {
-      initialLatex,
-      height: options.height ?? "100%",
-      autofocus: options.autofocus ?? true,
-      assets: options.assets,
-      render: {
-        fontsize: options.render?.fontsize ?? 40
-      }
-    }).then((nextHandle) => {
-      if (destroyed) {
-        nextHandle.destroy();
-        throw new Error("FormulaX editor mount cancelled");
-      }
-      handle = nextHandle;
-      return nextHandle;
-    }).catch((error) => {
-      console.error("[FormulaX] Failed to load FormulaX editor:", error);
-      if (!destroyed) {
-        root2.innerHTML = `
-          <div class="fx-formula-editor-error">
-            Failed to load FormulaX editor.
-            <pre>${escapeHtml(error instanceof Error ? error.message : String(error))}</pre>
-          </div>
-        `;
-      }
-      throw error;
-    });
-    const getCurrentLatex = async () => {
-      const readyHandle = handle ?? await readyPromise;
-      const latex = await tryReadLatexFromKityHandle(readyHandle);
-      if (latex !== null) {
-        latestLatex = latex;
-      }
-      return latestLatex;
+  function serializeSvgForInsertion(svg2) {
+    const content = getInlineSvgContent(svg2);
+    const inlineViewport = content ? createInlineSvgViewport(content.box) : null;
+    const clone = content && inlineViewport ? createInlineSvgClone(svg2, content, inlineViewport) : svg2.cloneNode(true);
+    uniquifySvgIds(clone);
+    sizeSvgForInlineDisplay(clone, svg2, inlineViewport);
+    clone.setAttribute("focusable", "false");
+    clone.setAttribute("aria-hidden", "true");
+    clone.setAttribute("class", mergeClassNames(clone.getAttribute("class"), "formulax-math__svg"));
+    return clone.outerHTML;
+  }
+  function getInlineSvgContent(svg2) {
+    const selectorCandidates = [
+      '[data-type="kf-editor-exp-content-box"]',
+      '[data-root="true"] [data-type="kf-editor-exp-content-box"]',
+      'g[data-root="true"]'
+    ];
+    for (const selector of selectorCandidates) {
+      const element = svg2.querySelector(selector);
+      if (!element) continue;
+      const rootSpace = readSvgBoxInRootSpace(element);
+      if (!rootSpace) continue;
+      return {
+        box: rootSpace.box,
+        matrix: rootSpace.matrix,
+        root: element
+      };
+    }
+    return null;
+  }
+  function readSvgBoxInRootSpace(element) {
+    const box = readSvgBox(element);
+    const matrix = getSvgRootSpaceMatrix(element);
+    if (!box || !matrix) {
+      return null;
+    }
+    const points = [
+      { x: box.x, y: box.y },
+      { x: box.x + box.width, y: box.y },
+      { x: box.x, y: box.y + box.height },
+      { x: box.x + box.width, y: box.y + box.height }
+    ].map((point) => ({
+      x: matrix.a * point.x + matrix.c * point.y + matrix.e,
+      y: matrix.b * point.x + matrix.d * point.y + matrix.f
+    }));
+    const xs = points.map((point) => point.x);
+    const ys = points.map((point) => point.y);
+    const x = Math.min(...xs);
+    const y = Math.min(...ys);
+    const width2 = Math.max(...xs) - x;
+    const height2 = Math.max(...ys) - y;
+    if (!Number.isFinite(width2) || !Number.isFinite(height2) || width2 <= 0 || height2 <= 0) {
+      return null;
+    }
+    return {
+      box: { x, y, width: width2, height: height2 },
+      matrix
     };
+  }
+  function getSvgRootSpaceMatrix(element) {
+    const elementMatrix = typeof element.getCTM === "function" ? element.getCTM() : null;
+    const rootMatrix = typeof element.ownerSVGElement?.getCTM === "function" ? element.ownerSVGElement.getCTM() : null;
+    if (!elementMatrix) {
+      return null;
+    }
+    return rootMatrix ? multiplySvgMatrices(invertSvgMatrix(rootMatrix), elementMatrix) : toSvgMatrixLike(elementMatrix);
+  }
+  function invertSvgMatrix(matrix) {
+    const determinant = matrix.a * matrix.d - matrix.b * matrix.c;
+    if (!Number.isFinite(determinant) || determinant === 0) {
+      return {
+        a: 1,
+        b: 0,
+        c: 0,
+        d: 1,
+        e: 0,
+        f: 0
+      };
+    }
     return {
-      root: root2,
-      getLatex: getCurrentLatex,
-      async getState() {
-        const latex = await getCurrentLatex();
-        try {
-          return {
-            ...createEmptyState(),
-            doc: parseLatex(latex)
-          };
-        } catch {
-          return createEmptyState();
-        }
-      },
-      async getRenderHtml() {
-        await readyPromise;
-        await waitForFormulaSvgLayout(root2);
-        return renderCurrentFormulaAsSvgHtml(root2);
-      },
-      destroy() {
-        if (destroyed) return;
-        destroyed = true;
-        void readyPromise.then((readyHandle) => readyHandle.destroy()).catch(() => void 0);
-        root2.innerHTML = "";
-      }
+      a: matrix.d / determinant,
+      b: -matrix.b / determinant,
+      c: -matrix.c / determinant,
+      d: matrix.a / determinant,
+      e: (matrix.c * matrix.f - matrix.d * matrix.e) / determinant,
+      f: (matrix.b * matrix.e - matrix.a * matrix.f) / determinant
+    };
+  }
+  function multiplySvgMatrices(left, right) {
+    return {
+      a: left.a * right.a + left.c * right.b,
+      b: left.b * right.a + left.d * right.b,
+      c: left.a * right.c + left.c * right.d,
+      d: left.b * right.c + left.d * right.d,
+      e: left.a * right.e + left.c * right.f + left.e,
+      f: left.b * right.e + left.d * right.f + left.f
     };
   }
-  async function tryReadLatexFromKityHandle(handle) {
+  function toSvgMatrixLike(matrix) {
+    return {
+      a: matrix.a,
+      b: matrix.b,
+      c: matrix.c,
+      d: matrix.d,
+      e: matrix.e,
+      f: matrix.f
+    };
+  }
+  function readSvgBox(element) {
+    if (typeof element.getBBox !== "function") {
+      return null;
+    }
     try {
-      let isEmpty = false;
-      handle.ready(function ready() {
-        const result = this.execCommand("content.is.empty");
-        isEmpty = result === true;
-      });
-      if (isEmpty) {
-        return "";
+      const box = element.getBBox();
+      if (!Number.isFinite(box.width) || !Number.isFinite(box.height) || box.width <= 0 || box.height <= 0) {
+        return null;
       }
+      return {
+        x: box.x,
+        y: box.y,
+        width: box.width,
+        height: box.height
+      };
     } catch {
+      return null;
     }
-    const candidates = [
-      "get.source",
-      "getSource",
-      "getLatex",
-      "get.latex",
-      "get.content",
-      "getContent"
-    ];
-    for (const command of candidates) {
-      try {
-        let value = null;
-        handle.ready(function ready() {
-          value = this.execCommand(command);
-        });
-        if (typeof value === "string" && value.trim()) {
-          return value;
-        }
-        if (value && typeof value === "object" && "latex" in value) {
-          const latex = value.latex;
-          if (typeof latex === "string" && latex.trim()) {
-            return latex;
-          }
-        }
-      } catch {
+  }
+  function createInlineSvgViewport(contentBox) {
+    const edgePadding = Math.max(0.5, Math.min(contentBox.width, contentBox.height) * 6e-3);
+    const inset = edgePadding / 2;
+    return {
+      x: contentBox.x - inset,
+      y: contentBox.y - inset,
+      width: contentBox.width + edgePadding,
+      height: contentBox.height + edgePadding
+    };
+  }
+  function createInlineSvgClone(source, content, viewport) {
+    const clone = source.cloneNode(false);
+    const ownerDocument = source.ownerDocument;
+    copySvgRootAttributes(source, clone);
+    clone.setAttribute(
+      "viewBox",
+      `0 0 ${roundLength(viewport.width)} ${roundLength(viewport.height)}`
+    );
+    Array.from(source.children).forEach((child) => {
+      if (child.tagName.toLowerCase() === "defs") {
+        clone.appendChild(child.cloneNode(true));
       }
+    });
+    const wrapper = ownerDocument.createElementNS("http://www.w3.org/2000/svg", "g");
+    wrapper.setAttribute(
+      "transform",
+      `translate(${roundLength(-viewport.x)} ${roundLength(-viewport.y)})`
+    );
+    const flattened = ownerDocument.createElementNS("http://www.w3.org/2000/svg", "g");
+    flattened.setAttribute(
+      "transform",
+      `matrix(${roundLength(content.matrix.a)} ${roundLength(content.matrix.b)} ${roundLength(content.matrix.c)} ${roundLength(content.matrix.d)} ${roundLength(content.matrix.e)} ${roundLength(content.matrix.f)})`
+    );
+    flattened.appendChild(content.root.cloneNode(true));
+    wrapper.appendChild(flattened);
+    clone.appendChild(wrapper);
+    return clone;
+  }
+  function copySvgRootAttributes(source, target) {
+    const excluded = /* @__PURE__ */ new Set([
+      "id",
+      "width",
+      "height",
+      "viewBox",
+      "class",
+      "focusable",
+      "aria-hidden",
+      "xmlns",
+      "xmlns:xlink"
+    ]);
+    Array.from(source.attributes).forEach((attribute) => {
+      if (excluded.has(attribute.name)) return;
+      target.setAttribute(attribute.name, attribute.value);
+    });
+  }
+  function sizeSvgForInlineDisplay(clone, source, viewport) {
+    const viewBox = clone.viewBox?.baseVal;
+    const rect = source.getBoundingClientRect();
+    const width2 = viewport?.width || viewBox?.width || rect.width || Number(clone.getAttribute("width")) || 1;
+    const height2 = viewport?.height || viewBox?.height || rect.height || Number(clone.getAttribute("height")) || 1;
+    const ratio = Math.max(0.1, width2 / Math.max(1, height2));
+    const inlineHeightEm = 0.875;
+    const inlineWidthEm = Math.min(40, Math.max(0.75, ratio * inlineHeightEm));
+    clone.setAttribute("width", roundLength(width2));
+    clone.setAttribute("height", roundLength(height2));
+    clone.setAttribute(
+      "style",
+      mergeInlineStyles(
+        clone.getAttribute("style"),
+        `width:${roundLength(inlineWidthEm)}em`,
+        `height:${inlineHeightEm}em`
+      )
+    );
+  }
+  function roundLength(value) {
+    return String(Math.round(value * 1e3) / 1e3);
+  }
+  function uniquifySvgIds(svg2) {
+    const idMap = /* @__PURE__ */ new Map();
+    const prefix = `fx-${randomIdPrefix()}-`;
+    const elementsWithId = svg2.querySelectorAll("[id]");
+    elementsWithId.forEach((element) => {
+      const id = element.getAttribute("id");
+      if (!id) return;
+      const nextId = `${prefix}${id}`;
+      idMap.set(id, nextId);
+      element.setAttribute("id", nextId);
+    });
+    if (!idMap.size) return;
+    svg2.querySelectorAll("*").forEach((element) => {
+      Array.from(element.attributes).forEach((attribute) => {
+        const nextValue = rewriteSvgReferences(attribute.value, idMap);
+        if (nextValue !== attribute.value) {
+          element.setAttribute(attribute.name, nextValue);
+        }
+      });
+    });
+  }
+  function randomIdPrefix() {
+    return Math.random().toString(36).slice(2, 5).padEnd(3, "0");
+  }
+  function rewriteSvgReferences(value, idMap) {
+    let nextValue = value;
+    idMap.forEach((nextId, id) => {
+      nextValue = nextValue.replaceAll(`#${id}`, `#${nextId}`).replaceAll(`url(${id})`, `url(${nextId})`).replaceAll(`url(#${id})`, `url(#${nextId})`);
+    });
+    return nextValue;
+  }
+  function mergeClassNames(...values) {
+    return values.flatMap((value) => value?.split(/\s+/) ?? []).filter(Boolean).filter((value, index, list) => list.indexOf(value) === index).join(" ");
+  }
+  function mergeInlineStyles(...values) {
+    return values.flatMap((value) => value?.split(";") ?? []).map((value) => value.trim()).filter(Boolean).join("; ");
+  }
+
+  // ../renderer-kity/src/dom.ts
+  async function waitForDocumentFonts(doc2) {
+    if (!doc2.fonts?.ready) return;
+    try {
+      await doc2.fonts.ready;
+    } catch {
     }
-    return null;
   }
-  function renderCurrentFormulaAsSvgHtml(root2) {
-    const svg2 = findFormulaSvg(root2);
+  function waitForAnimationFrame(view) {
+    return new Promise((resolve) => {
+      view.requestAnimationFrame(() => resolve());
+    });
+  }
+
+  // ../renderer-kity/src/serialize.ts
+  function findKityFormulaSvg(root2) {
+    return root2.querySelector(
+      ".kf-editor-edit-area svg, .kf-editor-canvas-container svg, svg"
+    );
+  }
+  function serializeKityFormulaFromRoot(root2) {
+    const svg2 = findKityFormulaSvg(root2);
     if (!svg2) {
       return "";
     }
     return serializeSvgForInsertion(svg2);
   }
-  async function waitForFormulaSvgLayout(root2) {
+  async function waitForKityFormulaSvgLayout(root2) {
     const doc2 = root2.ownerDocument ?? document;
     const view = doc2.defaultView ?? window;
     await waitForDocumentFonts(doc2);
@@ -24413,280 +24475,517 @@ var FormulaX = (() => {
       previous = current;
     }
   }
-  function findFormulaSvg(root2) {
-    return root2.querySelector(
-      ".kf-editor-edit-area svg, .kf-editor-canvas-container svg, svg"
-    );
-  }
   function readRenderedFormulaBox(root2) {
-    const svg2 = findFormulaSvg(root2);
+    const svg2 = findKityFormulaSvg(root2);
     if (!svg2) {
       return null;
     }
-    return getInlineSvgContent(svg2)?.box ?? readSvgBox(svg2);
+    return readRenderedFormulaSvgBox(svg2);
   }
   function areSvgBoxesClose(left, right) {
     return Math.abs(left.x - right.x) < 0.01 && Math.abs(left.y - right.y) < 0.01 && Math.abs(left.width - right.width) < 0.01 && Math.abs(left.height - right.height) < 0.01;
   }
-  async function waitForDocumentFonts(doc2) {
-    if (!doc2.fonts?.ready) {
+
+  // src/perf.ts
+  function getPerfHost2() {
+    return globalThis;
+  }
+  function getPerfState2() {
+    const host = getPerfHost2();
+    host.__FORMULAX_PERF_STATE__ ??= {
+      reportedMeasureCount: 0,
+      reportScheduled: false
+    };
+    return host.__FORMULAX_PERF_STATE__;
+  }
+  function hasPerfSupport2() {
+    return typeof performance !== "undefined" && typeof performance.mark === "function" && typeof performance.measure === "function" && typeof performance.getEntriesByType === "function";
+  }
+  function isPerfDebugEnabled2() {
+    return getPerfHost2().__FORMULAX_PERF__ === true;
+  }
+  function schedulePerfReport2() {
+    if (!hasPerfSupport2() || !isPerfDebugEnabled2()) {
       return;
     }
-    try {
-      await doc2.fonts.ready;
-    } catch {
+    const state = getPerfState2();
+    if (state.reportScheduled) {
+      return;
     }
-  }
-  function waitForAnimationFrame(view) {
-    return new Promise((resolve) => {
-      view.requestAnimationFrame(() => resolve());
+    state.reportScheduled = true;
+    queueMicrotask(() => {
+      state.reportScheduled = false;
+      const entries = performance.getEntriesByType("measure").filter((entry) => entry.name.startsWith("fx:")).sort((left, right) => left.startTime - right.startTime);
+      const nextEntries = entries.slice(state.reportedMeasureCount);
+      state.reportedMeasureCount = entries.length;
+      if (!nextEntries.length) {
+        return;
+      }
+      console.table(nextEntries.map((entry) => ({
+        name: entry.name,
+        duration: Number(entry.duration.toFixed(2)),
+        startTime: Number(entry.startTime.toFixed(2))
+      })));
     });
   }
-  function serializeSvgForInsertion(svg2) {
-    const content = getInlineSvgContent(svg2);
-    const inlineViewport = content ? createInlineSvgViewport(content.box) : null;
-    const clone = content && inlineViewport ? createInlineSvgClone(svg2, content, inlineViewport) : svg2.cloneNode(true);
-    uniquifySvgIds(clone);
-    sizeSvgForInlineDisplay(clone, svg2, inlineViewport);
-    clone.removeAttribute("id");
-    clone.removeAttribute("xmlns");
-    clone.removeAttribute("xmlns:xlink");
-    clone.setAttribute("class", mergeClassNames(clone.getAttribute("class"), "formulax-math__svg"));
-    clone.setAttribute("focusable", "false");
-    clone.setAttribute("aria-hidden", "true");
-    clone.setAttribute("preserveAspectRatio", clone.getAttribute("preserveAspectRatio") || "xMinYMin meet");
-    return new XMLSerializer().serializeToString(clone);
-  }
-  function getInlineSvgContent(svg2) {
-    const candidates = [
-      '[data-root="true"] > g[data-type="kf-editor-exp-content-box"]',
-      'g[data-type="kf-editor-exp-content-box"]',
-      'g[data-type="kf-container"]',
-      "svg > g, g"
-    ];
-    for (const selector of candidates) {
-      const content = svg2.querySelector(selector);
-      const rootSpace = content ? readSvgBoxInRootSpace(content) : null;
-      if (content && rootSpace) {
-        return {
-          root: content,
-          box: rootSpace.box,
-          matrix: rootSpace.matrix
-        };
-      }
+  function markFormulaXPerf2(name) {
+    if (!hasPerfSupport2()) {
+      return null;
     }
-    return null;
+    const markName = `${name}::${Date.now()}::${Math.random().toString(36).slice(2, 8)}`;
+    performance.mark(markName);
+    return markName;
   }
-  function readSvgBoxInRootSpace(element) {
-    const box = readSvgBox(element);
-    const matrix = getSvgRootSpaceMatrix(element);
-    if (!box || !matrix) {
+  function measureFormulaXPerf2(name, startMark, endMark) {
+    if (!hasPerfSupport2() || !startMark) {
       return null;
     }
-    const points = [
-      { x: box.x, y: box.y },
-      { x: box.x + box.width, y: box.y },
-      { x: box.x, y: box.y + box.height },
-      { x: box.x + box.width, y: box.y + box.height }
-    ].map((point) => ({
-      x: matrix.a * point.x + matrix.c * point.y + matrix.e,
-      y: matrix.b * point.x + matrix.d * point.y + matrix.f
-    }));
-    const xs = points.map((point) => point.x);
-    const ys = points.map((point) => point.y);
-    const x = Math.min(...xs);
-    const y = Math.min(...ys);
-    const width2 = Math.max(...xs) - x;
-    const height2 = Math.max(...ys) - y;
-    if (!Number.isFinite(width2) || !Number.isFinite(height2) || width2 <= 0 || height2 <= 0) {
+    const resolvedEndMark = endMark ?? markFormulaXPerf2(`${name}:end`);
+    if (!resolvedEndMark) {
       return null;
     }
-    return {
-      box: { x, y, width: width2, height: height2 },
-      matrix
+    performance.measure(name, startMark, resolvedEndMark);
+    schedulePerfReport2();
+    return resolvedEndMark;
+  }
+  function recordFormulaXPerfPoint(name) {
+    const markName = markFormulaXPerf2(name);
+    if (!markName) {
+      return;
+    }
+    measureFormulaXPerf2(name, markName, markName);
+    clearFormulaXPerfMarks2(markName);
+  }
+  function clearFormulaXPerfMarks2(...marks) {
+    if (!hasPerfSupport2()) {
+      return;
+    }
+    for (const mark of marks) {
+      if (!mark) {
+        continue;
+      }
+      performance.clearMarks(mark);
+    }
+  }
+  async function preloadFormulaXEditor() {
+    await ensureKityRuntime();
+  }
+  function scheduleFormulaXEditorPreload(mode, target) {
+    if (mode === false || typeof window === "undefined") {
+      return () => void 0;
+    }
+    let disposed = false;
+    let triggered = false;
+    const cleanupCallbacks = [];
+    const trigger = () => {
+      if (disposed || triggered) {
+        return;
+      }
+      triggered = true;
+      while (cleanupCallbacks.length) {
+        cleanupCallbacks.pop()?.();
+      }
+      void preloadFormulaXEditor();
     };
-  }
-  function getSvgRootSpaceMatrix(element) {
-    const elementMatrix = typeof element.getCTM === "function" ? element.getCTM() : null;
-    const rootMatrix = typeof element.ownerSVGElement?.getCTM === "function" ? element.ownerSVGElement.getCTM() : null;
-    if (!elementMatrix) {
-      return null;
+    if (mode === "idle") {
+      const host = getPerfHost2();
+      if (typeof host.requestIdleCallback === "function") {
+        const handle = host.requestIdleCallback(() => {
+          trigger();
+        });
+        cleanupCallbacks.push(() => {
+          host.cancelIdleCallback?.(handle);
+        });
+      } else {
+        const handle = window.setTimeout(() => {
+          trigger();
+        }, 1);
+        cleanupCallbacks.push(() => {
+          window.clearTimeout(handle);
+        });
+      }
+      return () => {
+        disposed = true;
+        while (cleanupCallbacks.length) {
+          cleanupCallbacks.pop()?.();
+        }
+      };
     }
-    return rootMatrix ? multiplySvgMatrices(invertSvgMatrix(rootMatrix), elementMatrix) : toSvgMatrixLike(elementMatrix);
-  }
-  function invertSvgMatrix(matrix) {
-    const determinant = matrix.a * matrix.d - matrix.b * matrix.c;
-    if (!Number.isFinite(determinant) || determinant === 0) {
-      return {
-        a: 1,
-        b: 0,
-        c: 0,
-        d: 1,
-        e: 0,
-        f: 0
+    if (target && "addEventListener" in target && "removeEventListener" in target) {
+      const eventTarget = target;
+      const onActivate = () => {
+        trigger();
       };
+      eventTarget.addEventListener("pointerenter", onActivate, { once: true, passive: true });
+      eventTarget.addEventListener("focusin", onActivate, { once: true });
+      cleanupCallbacks.push(() => {
+        eventTarget.removeEventListener("pointerenter", onActivate);
+        eventTarget.removeEventListener("focusin", onActivate);
+      });
     }
-    return {
-      a: matrix.d / determinant,
-      b: -matrix.b / determinant,
-      c: -matrix.c / determinant,
-      d: matrix.a / determinant,
-      e: (matrix.c * matrix.f - matrix.d * matrix.e) / determinant,
-      f: (matrix.b * matrix.e - matrix.a * matrix.f) / determinant
+    return () => {
+      disposed = true;
+      while (cleanupCallbacks.length) {
+        cleanupCallbacks.pop()?.();
+      }
     };
   }
-  function multiplySvgMatrices(left, right) {
-    return {
-      a: left.a * right.a + left.c * right.b,
-      b: left.b * right.a + left.d * right.b,
-      c: left.a * right.c + left.c * right.d,
-      d: left.b * right.c + left.d * right.d,
-      e: left.a * right.e + left.c * right.f + left.e,
-      f: left.b * right.e + left.d * right.f + left.f
-    };
+  function waitForFormulaXAnimationFrame() {
+    if (typeof window === "undefined" || typeof window.requestAnimationFrame !== "function") {
+      return Promise.resolve();
+    }
+    return new Promise((resolve) => {
+      window.requestAnimationFrame(() => resolve());
+    });
+  }
+
+  // src/formula-modal.ts
+  var EMPTY_FORMULA_PLACEHOLDER = "\\placeholder ";
+  var STYLE_ID = "fx-formula-modal-styles";
+  var formulaXModalStyles = `
+.fx-formula-modal-open {
+  overflow: hidden;
+}
+
+.fx-formula-modal-root {
+  position: fixed;
+  inset: 0;
+  z-index: 2147483000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.fx-formula-modal-backdrop {
+  position: absolute;
+  inset: 0;
+  background: rgba(15, 23, 42, 0.48);
+}
+
+.fx-formula-modal {
+  --fx-formula-editor-body-height: 264px;
+  --fx-formula-workspace-height: 168px;
+  position: relative;
+  width: min(860px, calc(100vw - 32px));
+  height: auto;
+  max-height: calc(100vh - 32px);
+  background: #fff;
+  border-radius: 14px;
+  box-shadow: 0 24px 80px rgba(15, 23, 42, 0.28);
+  display: flex;
+  flex-direction: column;
+  overflow: visible;
+  isolation: isolate;
+}
+
+.fx-formula-modal__header,
+.fx-formula-modal__footer,
+.fx-formula-modal__title,
+.fx-formula-modal__close,
+.fx-formula-modal__button,
+.fx-formula-editor-loading,
+.fx-formula-editor-error {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+}
+
+.fx-formula-modal__header {
+  min-height: 56px;
+  padding: 0 20px;
+  border-bottom: 1px solid #e5e7eb;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-shrink: 0;
+  position: relative;
+  z-index: 3;
+  background: #fff;
+  border-radius: 14px 14px 0 0;
+}
+
+.fx-formula-modal__title {
+  font-size: 16px;
+  font-weight: 650;
+  margin: 0;
+  color: #111827;
+}
+
+.fx-formula-modal__close {
+  border: 0;
+  background: transparent;
+  font-size: 24px;
+  line-height: 1;
+  cursor: pointer;
+  color: #6b7280;
+}
+
+.fx-formula-modal__body {
+  flex: 0 0 auto;
+  height: var(--fx-formula-editor-body-height);
+  padding: 0;
+  overflow: visible;
+  min-height: var(--fx-formula-editor-body-height);
+  position: relative;
+  z-index: 2;
+}
+
+.fx-formula-editor-host {
+  width: 100%;
+  height: var(--fx-formula-editor-body-height);
+  min-height: var(--fx-formula-editor-body-height);
+  overflow: visible;
+  position: relative;
+}
+
+.fx-formula-kity-host {
+  width: 100%;
+  height: var(--fx-formula-editor-body-height);
+  min-height: var(--fx-formula-editor-body-height);
+  overflow: visible;
+  position: relative;
+}
+
+.fx-formula-kity-host .kf-editor {
+  height: var(--fx-formula-editor-body-height) !important;
+  overflow: visible !important;
+}
+
+.fx-formula-kity-host .kf-editor-toolbar {
+  overflow: visible;
+  position: relative;
+  z-index: 20;
+}
+
+.fx-formula-kity-host .kf-editor-ui-button-mount-point,
+.fx-formula-kity-host .kf-editor-ui-area-mount,
+.fx-formula-kity-host .kf-editor-ui-box,
+.fx-formula-kity-host .kf-editor-ui-list {
+  z-index: 1000;
+}
+
+.fx-formula-kity-host .kf-editor-edit-area,
+.fx-formula-kity-host .kf-editor-canvas-container {
+  min-height: var(--fx-formula-workspace-height);
+  height: var(--fx-formula-workspace-height);
+}
+
+.fx-formula-kity-host .kf-editor-edit-area {
+  flex: 0 0 auto;
+  overflow: hidden;
+}
+
+.fx-formula-kity-host .kf-editor,
+.fx-formula-kity-host .kf-editor svg text,
+.fx-formula-kity-host .kf-editor-ui-area-item-text,
+.fx-formula-kity-host .kf-editor-ui-box-item-text,
+.fx-formula-kity-host .kf-editor-ui-box-item-val {
+  font-family: "KF AMS MAIN", "Cambria Math", "Latin Modern Math", "Times New Roman", serif !important;
+}
+
+.fx-formula-kity-host .kf-editor-ui-box-item-content,
+.fx-formula-kity-host .kf-editor-ui-box-item-val {
+  min-width: 32px;
+  min-height: 32px;
+}
+
+.fx-formula-kity-host .kf-editor-ui-box-item-val svg,
+.fx-formula-kity-host .kf-editor-ui-box-item-val img,
+.fx-formula-kity-host .kf-editor-ui-area-item-img,
+.fx-formula-kity-host .kf-editor-ui-area-item-text {
+  display: block;
+}
+
+.fx-formula-editor-loading {
+  height: var(--fx-formula-editor-body-height);
+  padding: 24px;
+  color: #4b5563;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.fx-formula-editor-error {
+  padding: 24px;
+  color: #dc2626;
+  font-size: 14px;
+}
+
+.fx-formula-editor-error pre {
+  white-space: pre-wrap;
+  word-break: break-all;
+  color: #991b1b;
+  background: #fef2f2;
+  border: 1px solid #fecaca;
+  border-radius: 8px;
+  padding: 12px;
+  margin-top: 8px;
+}
+
+.fx-formula-modal__footer {
+  min-height: 64px;
+  padding: 12px 20px;
+  border-top: 1px solid #e5e7eb;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 12px;
+  flex-shrink: 0;
+  position: relative;
+  z-index: 1;
+  background: #fff;
+  border-radius: 0 0 14px 14px;
+}
+
+.fx-formula-modal__button {
+  appearance: none;
+  border: 1px solid #d1d5db;
+  background: #fff;
+  color: #111827;
+  border-radius: 8px;
+  padding: 8px 14px;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.fx-formula-modal__button--primary {
+  border-color: #2563eb;
+  background: #2563eb;
+  color: #fff;
+}
+`;
+  function ensureFormulaXModalStyles(doc2 = document) {
+    ensureFormulaXBaseStyles(doc2);
+    if (doc2.getElementById(STYLE_ID)) return;
+    const style = doc2.createElement("style");
+    style.id = STYLE_ID;
+    style.textContent = formulaXModalStyles;
+    doc2.head.appendChild(style);
+  }
+  function renderFormulaXEditorLoadingState(root2) {
+    root2.classList.add("fx-formula-kity-host");
+    root2.innerHTML = `
+    <div class="fx-formula-editor-loading" role="status" aria-live="polite">
+      Loading FormulaX editor...
+    </div>
+  `;
   }
-  function toSvgMatrixLike(matrix) {
+  function mountFormulaXEditor(root2, options = {}) {
+    recordFormulaXPerfPoint("fx:formula-editor:mount:start");
+    const mountStart = markFormulaXPerf2("fx:formula-editor:mount:start:scope");
+    let destroyed = false;
+    let latestLatex = options.initialLatex ?? "";
+    let handle = null;
+    const initialLatex = latestLatex.trim() ? latestLatex : EMPTY_FORMULA_PLACEHOLDER;
+    renderFormulaXEditorLoadingState(root2);
+    const loadingVisibleMark = markFormulaXPerf2("fx:formula-editor:loading-visible");
+    measureFormulaXPerf2("fx:formula-editor:loading-visible", mountStart, loadingVisibleMark);
+    clearFormulaXPerfMarks2(loadingVisibleMark);
+    const readyPromise = mountKityEditor(root2, {
+      initialLatex,
+      height: options.height ?? "100%",
+      autofocus: options.autofocus ?? true,
+      assets: options.assets,
+      render: {
+        fontsize: options.render?.fontsize ?? 40
+      }
+    }).then((nextHandle) => {
+      if (destroyed) {
+        nextHandle.destroy();
+        throw new Error("FormulaX editor mount cancelled");
+      }
+      const readyMark = markFormulaXPerf2("fx:kity-editor:ready");
+      measureFormulaXPerf2("fx:kity-editor:ready", mountStart, readyMark);
+      clearFormulaXPerfMarks2(readyMark);
+      handle = nextHandle;
+      return nextHandle;
+    }).catch((error) => {
+      console.error("[FormulaX] Failed to load FormulaX editor:", error);
+      if (!destroyed) {
+        root2.innerHTML = `
+          <div class="fx-formula-editor-error">
+            Failed to load FormulaX editor.
+            <pre>${escapeHtml(error instanceof Error ? error.message : String(error))}</pre>
+          </div>
+        `;
+      }
+      throw error;
+    }).finally(() => {
+      clearFormulaXPerfMarks2(mountStart);
+    });
+    const getCurrentLatex = async () => {
+      const readyHandle = handle ?? await readyPromise;
+      const latex = await tryReadLatexFromKityHandle(readyHandle);
+      if (latex !== null) {
+        latestLatex = latex;
+      }
+      return latestLatex;
+    };
     return {
-      a: matrix.a,
-      b: matrix.b,
-      c: matrix.c,
-      d: matrix.d,
-      e: matrix.e,
-      f: matrix.f
+      root: root2,
+      getLatex: getCurrentLatex,
+      async getState() {
+        const latex = await getCurrentLatex();
+        try {
+          return {
+            ...createEmptyState(),
+            doc: parseLatex(latex)
+          };
+        } catch {
+          return createEmptyState();
+        }
+      },
+      async getRenderHtml() {
+        await readyPromise;
+        await waitForKityFormulaSvgLayout(root2);
+        return serializeKityFormulaFromRoot(root2);
+      },
+      destroy() {
+        if (destroyed) return;
+        destroyed = true;
+        void readyPromise.then((readyHandle) => readyHandle.destroy()).catch(() => void 0);
+        root2.innerHTML = "";
+      }
     };
   }
-  function readSvgBox(element) {
-    if (typeof element.getBBox !== "function") {
-      return null;
-    }
+  async function tryReadLatexFromKityHandle(handle) {
     try {
-      const box = element.getBBox();
-      if (!Number.isFinite(box.width) || !Number.isFinite(box.height) || box.width <= 0 || box.height <= 0) {
-        return null;
+      let isEmpty = false;
+      handle.ready(function ready() {
+        const result = this.execCommand("content.is.empty");
+        isEmpty = result === true;
+      });
+      if (isEmpty) {
+        return "";
       }
-      return {
-        x: box.x,
-        y: box.y,
-        width: box.width,
-        height: box.height
-      };
     } catch {
-      return null;
     }
-  }
-  function createInlineSvgViewport(contentBox) {
-    const edgePadding = Math.max(0.5, Math.min(contentBox.width, contentBox.height) * 6e-3);
-    const inset = edgePadding / 2;
-    return {
-      x: contentBox.x - inset,
-      y: contentBox.y - inset,
-      width: contentBox.width + edgePadding,
-      height: contentBox.height + edgePadding
-    };
-  }
-  function createInlineSvgClone(source, content, viewport) {
-    const clone = source.cloneNode(false);
-    const ownerDocument = source.ownerDocument;
-    copySvgRootAttributes(source, clone);
-    clone.setAttribute(
-      "viewBox",
-      `0 0 ${roundLength(viewport.width)} ${roundLength(viewport.height)}`
-    );
-    Array.from(source.children).forEach((child) => {
-      if (child.tagName.toLowerCase() === "defs") {
-        clone.appendChild(child.cloneNode(true));
-      }
-    });
-    const wrapper = ownerDocument.createElementNS("http://www.w3.org/2000/svg", "g");
-    wrapper.setAttribute(
-      "transform",
-      `translate(${roundLength(-viewport.x)} ${roundLength(-viewport.y)})`
-    );
-    const flattened = ownerDocument.createElementNS("http://www.w3.org/2000/svg", "g");
-    flattened.setAttribute(
-      "transform",
-      `matrix(${roundLength(content.matrix.a)} ${roundLength(content.matrix.b)} ${roundLength(content.matrix.c)} ${roundLength(content.matrix.d)} ${roundLength(content.matrix.e)} ${roundLength(content.matrix.f)})`
-    );
-    flattened.appendChild(content.root.cloneNode(true));
-    wrapper.appendChild(flattened);
-    clone.appendChild(wrapper);
-    return clone;
-  }
-  function copySvgRootAttributes(source, target) {
-    const excluded = /* @__PURE__ */ new Set([
-      "id",
-      "width",
-      "height",
-      "viewBox",
-      "class",
-      "focusable",
-      "aria-hidden",
-      "xmlns",
-      "xmlns:xlink"
-    ]);
-    Array.from(source.attributes).forEach((attribute) => {
-      if (excluded.has(attribute.name)) return;
-      target.setAttribute(attribute.name, attribute.value);
-    });
-  }
-  function sizeSvgForInlineDisplay(clone, source, viewport) {
-    const viewBox = clone.viewBox?.baseVal;
-    const rect = source.getBoundingClientRect();
-    const width2 = viewport?.width || viewBox?.width || rect.width || Number(clone.getAttribute("width")) || 1;
-    const height2 = viewport?.height || viewBox?.height || rect.height || Number(clone.getAttribute("height")) || 1;
-    const ratio = Math.max(0.1, width2 / Math.max(1, height2));
-    const inlineHeightEm = 0.875;
-    const inlineWidthEm = Math.min(40, Math.max(0.75, ratio * inlineHeightEm));
-    clone.setAttribute("width", roundLength(width2));
-    clone.setAttribute("height", roundLength(height2));
-    clone.setAttribute(
-      "style",
-      mergeInlineStyles2(
-        clone.getAttribute("style"),
-        `width:${roundLength(inlineWidthEm)}em`,
-        `height:${inlineHeightEm}em`
-      )
-    );
-  }
-  function roundLength(value) {
-    return String(Math.round(value * 1e3) / 1e3);
-  }
-  function uniquifySvgIds(svg2) {
-    const idMap = /* @__PURE__ */ new Map();
-    const prefix = `fx-${randomIdPrefix()}-`;
-    const elementsWithId = svg2.querySelectorAll("[id]");
-    elementsWithId.forEach((element) => {
-      const id = element.getAttribute("id");
-      if (!id) return;
-      const nextId = `${prefix}${id}`;
-      idMap.set(id, nextId);
-      element.setAttribute("id", nextId);
-    });
-    if (!idMap.size) return;
-    svg2.querySelectorAll("*").forEach((element) => {
-      Array.from(element.attributes).forEach((attribute) => {
-        const nextValue = rewriteSvgReferences(attribute.value, idMap);
-        if (nextValue !== attribute.value) {
-          element.setAttribute(attribute.name, nextValue);
+    const candidates = [
+      "get.source",
+      "getSource",
+      "getLatex",
+      "get.latex",
+      "get.content",
+      "getContent"
+    ];
+    for (const command of candidates) {
+      try {
+        let value = null;
+        handle.ready(function ready() {
+          value = this.execCommand(command);
+        });
+        if (typeof value === "string" && value.trim()) {
+          return value;
         }
-      });
-    });
-  }
-  function randomIdPrefix() {
-    return Math.random().toString(36).slice(2, 5).padEnd(3, "0");
-  }
-  function rewriteSvgReferences(value, idMap) {
-    let nextValue = value;
-    idMap.forEach((nextId, id) => {
-      nextValue = nextValue.replaceAll(`#${id}`, `#${nextId}`).replaceAll(`url(${id})`, `url(${nextId})`).replaceAll(`url(#${id})`, `url(#${nextId})`);
-    });
-    return nextValue;
-  }
-  function mergeClassNames(...values) {
-    return values.flatMap((value) => value?.split(/\s+/) ?? []).filter(Boolean).filter((value, index, list) => list.indexOf(value) === index).join(" ");
-  }
-  function mergeInlineStyles2(...values) {
-    return values.flatMap((value) => value?.split(";") ?? []).map((value) => value.trim()).filter(Boolean).join("; ");
+        if (value && typeof value === "object" && "latex" in value) {
+          const latex = value.latex;
+          if (typeof latex === "string" && latex.trim()) {
+            return latex;
+          }
+        }
+      } catch {
+      }
+    }
+    return null;
   }
   return __toCommonJS(index_exports);
 })();