@ant-design/agentic-ui 2.0.10 → 2.0.13

package/dist/Plugins/code/langIcons/ZigIcon.js

@@ -0,0 +1,89 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/Plugins/code/langIcons/ZigIcon.tsx
+import React from "react";
+var ZigIcon = (_a) => {
+  var _b = _a, { size = "1em" } = _b, props = __objRest(_b, ["size"]);
+  return /* @__PURE__ */ React.createElement(
+    "svg",
+    __spreadProps(__spreadValues({
+      width: size,
+      height: size
+    }, props), {
+      viewBox: "0 0 24 24",
+      xmlns: "http://www.w3.org/2000/svg"
+    }),
+    /* @__PURE__ */ React.createElement(
+      "g",
+      {
+        style: {
+          fill: "#f7a41d"
+        }
+      },
+      /* @__PURE__ */ React.createElement(
+        "g",
+        {
+          style: {
+            fill: "#f9a825"
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          "path",
+          {
+            d: "M0 10v80h19l6-10 12-10H20V30h15V10zm40 0v20h62V10zm91 0-6 10-12 10h17v40h-15v20h35V10zM48 70v20h62V70z",
+            style: {
+              fill: "#f9a825",
+              shapeRendering: "crispEdges"
+            },
+            transform: "translate(1.824 5.214) scale(.13568)"
+          }
+        ),
+        /* @__PURE__ */ React.createElement(
+          "path",
+          {
+            d: "M37 70 19 90V75zm76-40 18-20v15zM96.98 10.63 133.26.23 52.97 89.4 16.69 99.8z",
+            style: {
+              fill: "#f9a825"
+            },
+            transform: "translate(1.824 5.214) scale(.13568)"
+          }
+        )
+      )
+    )
+  );
+};
+var ZigIcon_default = ZigIcon;
+export {
+  ZigIcon,
+  ZigIcon_default as default
+};

package/dist/Plugins/code/langIcons/index.js

@@ -0,0 +1,259 @@
+// src/Plugins/code/langIcons/index.ts
+import { AbapIcon } from "./AbapIcon";
+import { ActionscriptIcon } from "./ActionscriptIcon";
+import { AdaIcon } from "./AdaIcon";
+import { ApacheIcon } from "./ApacheIcon";
+import { ApexIcon } from "./ApexIcon";
+import { AplIcon } from "./AplIcon";
+import { ApplescriptIcon } from "./ApplescriptIcon";
+import { AstroIcon } from "./AstroIcon";
+import { AwkIcon } from "./AwkIcon";
+import { BallerinaIcon } from "./BallerinaIcon";
+import { BatIcon } from "./BatIcon";
+import { BicepIcon } from "./BicepIcon";
+import { BladeIcon } from "./BladeIcon";
+import { CadenceIcon } from "./CadenceIcon";
+import { CIcon } from "./CIcon";
+import { ClojureIcon } from "./ClojureIcon";
+import { CmakeIcon } from "./CmakeIcon";
+import { CobolIcon } from "./CobolIcon";
+import { CodeqlIcon } from "./CodeqlIcon";
+import { CoffeeIcon } from "./CoffeeIcon";
+import { ConsoleIcon } from "./ConsoleIcon";
+import { CppIcon } from "./CppIcon";
+import { CrystalIcon } from "./CrystalIcon";
+import { CsharpIcon } from "./CsharpIcon";
+import { CssIcon } from "./CssIcon";
+import { DartIcon } from "./DartIcon";
+import { DatabaseIcon } from "./DatabaseIcon";
+import { DIcon } from "./DIcon";
+import { DiffIcon } from "./DiffIcon";
+import { DockerIcon } from "./DockerIcon";
+import { DotenvIcon } from "./DotenvIcon";
+import { ElixirIcon } from "./ElixirIcon";
+import { ElmIcon } from "./ElmIcon";
+import { ErbIcon } from "./ErbIcon";
+import { ErlangIcon } from "./ErlangIcon";
+import { FsharpIcon } from "./FsharpIcon";
+import { GdscriptIcon } from "./GdscriptIcon";
+import { GlslIcon } from "./GlslIcon";
+import { GnuplotIcon } from "./GnuplotIcon";
+import { GoIcon } from "./GoIcon";
+import { GraphqlIcon } from "./GraphqlIcon";
+import { GroovyIcon } from "./GroovyIcon";
+import { HackIcon } from "./HackIcon";
+import { HamlIcon } from "./HamlIcon";
+import { HandlebarsIcon } from "./HandlebarsIcon";
+import { HaskellIcon } from "./HaskellIcon";
+import { HclIcon } from "./HclIcon";
+import { HclLightIcon } from "./HclLightIcon";
+import { HjsonIcon } from "./HjsonIcon";
+import { HlslIcon } from "./HlslIcon";
+import { HtmlIcon } from "./HtmlIcon";
+import { HttpIcon } from "./HttpIcon";
+import { ImbaIcon } from "./ImbaIcon";
+import { IniIcon } from "./IniIcon";
+import { JavaIcon } from "./JavaIcon";
+import { JavascriptIcon } from "./JavascriptIcon";
+import { JinjaIcon } from "./JinjaIcon";
+import { Json5Icon } from "./Json5Icon";
+import { JsonIcon } from "./JsonIcon";
+import { JsonnetIcon } from "./JsonnetIcon";
+import { JuliaIcon } from "./JuliaIcon";
+import { KotlinIcon } from "./KotlinIcon";
+import { KustoIcon } from "./KustoIcon";
+import { LessIcon } from "./LessIcon";
+import { LiquidIcon } from "./LiquidIcon";
+import { LispIcon } from "./LispIcon";
+import { LuaIcon } from "./LuaIcon";
+import { MakefileIcon } from "./MakefileIcon";
+import { MarkdownIcon } from "./MarkdownIcon";
+import { MarkojsIcon } from "./MarkojsIcon";
+import { MatlabIcon } from "./MatlabIcon";
+import { MdxIcon } from "./MdxIcon";
+import { MermaidIcon } from "./MermaidIcon";
+import { MojoIcon } from "./MojoIcon";
+import { NginxIcon } from "./NginxIcon";
+import { NimIcon } from "./NimIcon";
+import { NixIcon } from "./NixIcon";
+import { ObjectiveCIcon } from "./ObjectiveCIcon";
+import { ObjectiveCppIcon } from "./ObjectiveCppIcon";
+import { OcamlIcon } from "./OcamlIcon";
+import { PascalIcon } from "./PascalIcon";
+import { Perl6Icon } from "./Perl6Icon";
+import { PerlIcon } from "./PerlIcon";
+import { PhpIcon } from "./PhpIcon";
+import { PostcssIcon } from "./PostcssIcon";
+import { PowershellIcon } from "./PowershellIcon";
+import { PrismaIcon } from "./PrismaIcon";
+import { PrologIcon } from "./PrologIcon";
+import { ProtoIcon } from "./ProtoIcon";
+import { PugIcon } from "./PugIcon";
+import { PuppetIcon } from "./PuppetIcon";
+import { PurescriptIcon } from "./PurescriptIcon";
+import { PythonIcon } from "./PythonIcon";
+import { RazorIcon } from "./RazorIcon";
+import { ReactIcon } from "./ReactIcon";
+import { ReactTsIcon } from "./ReactTsIcon";
+import { RIcon } from "./RIcon";
+import { RubyIcon } from "./RubyIcon";
+import { RustIcon } from "./RustIcon";
+import { SasIcon } from "./SasIcon";
+import { SassIcon } from "./SassIcon";
+import { ScalaIcon } from "./ScalaIcon";
+import { SchemeIcon } from "./SchemeIcon";
+import { ShaderlabIcon } from "./ShaderlabIcon";
+import { SolidityIcon } from "./SolidityIcon";
+import { SparqlIcon } from "./SparqlIcon";
+import { StataIcon } from "./StataIcon";
+import { StylusIcon } from "./StylusIcon";
+import { SvelteIcon } from "./SvelteIcon";
+import { SwiftIcon } from "./SwiftIcon";
+import { SystemverilogIcon } from "./SystemverilogIcon";
+import { TclIcon } from "./TclIcon";
+import { TexIcon } from "./TexIcon";
+import { TomlIcon } from "./TomlIcon";
+import { TwigIcon } from "./TwigIcon";
+import { TypescriptIcon } from "./TypescriptIcon";
+import { VerilogIcon } from "./VerilogIcon";
+import { VhdlIcon } from "./VhdlIcon";
+import { VimIcon } from "./VimIcon";
+import { VueIcon } from "./VueIcon";
+import { WebassemblyIcon } from "./WebassemblyIcon";
+import { WenyanIcon } from "./WenyanIcon";
+import { WgslIcon } from "./WgslIcon";
+import { WolframlanguageIcon } from "./WolframlanguageIcon";
+import { XmlIcon } from "./XmlIcon";
+import { XslIcon } from "./XslIcon";
+import { YamlIcon } from "./YamlIcon";
+import { ZigIcon } from "./ZigIcon";
+export {
+  AbapIcon,
+  ActionscriptIcon,
+  AdaIcon,
+  ApacheIcon,
+  ApexIcon,
+  AplIcon,
+  ApplescriptIcon,
+  AstroIcon,
+  AwkIcon,
+  BallerinaIcon,
+  BatIcon,
+  BicepIcon,
+  BladeIcon,
+  CIcon,
+  CadenceIcon,
+  ClojureIcon,
+  CmakeIcon,
+  CobolIcon,
+  CodeqlIcon,
+  CoffeeIcon,
+  ConsoleIcon,
+  CppIcon,
+  CrystalIcon,
+  CsharpIcon,
+  CssIcon,
+  DIcon,
+  DartIcon,
+  DatabaseIcon,
+  DiffIcon,
+  DockerIcon,
+  DotenvIcon,
+  ElixirIcon,
+  ElmIcon,
+  ErbIcon,
+  ErlangIcon,
+  FsharpIcon,
+  GdscriptIcon,
+  GlslIcon,
+  GnuplotIcon,
+  GoIcon,
+  GraphqlIcon,
+  GroovyIcon,
+  HackIcon,
+  HamlIcon,
+  HandlebarsIcon,
+  HaskellIcon,
+  HclIcon,
+  HclLightIcon,
+  HjsonIcon,
+  HlslIcon,
+  HtmlIcon,
+  HttpIcon,
+  ImbaIcon,
+  IniIcon,
+  JavaIcon,
+  JavascriptIcon,
+  JinjaIcon,
+  Json5Icon,
+  JsonIcon,
+  JsonnetIcon,
+  JuliaIcon,
+  KotlinIcon,
+  KustoIcon,
+  LessIcon,
+  LiquidIcon,
+  LispIcon,
+  LuaIcon,
+  MakefileIcon,
+  MarkdownIcon,
+  MarkojsIcon,
+  MatlabIcon,
+  MdxIcon,
+  MermaidIcon,
+  MojoIcon,
+  NginxIcon,
+  NimIcon,
+  NixIcon,
+  ObjectiveCIcon,
+  ObjectiveCppIcon,
+  OcamlIcon,
+  PascalIcon,
+  Perl6Icon,
+  PerlIcon,
+  PhpIcon,
+  PostcssIcon,
+  PowershellIcon,
+  PrismaIcon,
+  PrologIcon,
+  ProtoIcon,
+  PugIcon,
+  PuppetIcon,
+  PurescriptIcon,
+  PythonIcon,
+  RIcon,
+  RazorIcon,
+  ReactIcon,
+  ReactTsIcon,
+  RubyIcon,
+  RustIcon,
+  SasIcon,
+  SassIcon,
+  ScalaIcon,
+  SchemeIcon,
+  ShaderlabIcon,
+  SolidityIcon,
+  SparqlIcon,
+  StataIcon,
+  StylusIcon,
+  SvelteIcon,
+  SwiftIcon,
+  SystemverilogIcon,
+  TclIcon,
+  TexIcon,
+  TomlIcon,
+  TwigIcon,
+  TypescriptIcon,
+  VerilogIcon,
+  VhdlIcon,
+  VimIcon,
+  VueIcon,
+  WebassemblyIcon,
+  WenyanIcon,
+  WgslIcon,
+  WolframlanguageIcon,
+  XmlIcon,
+  XslIcon,
+  YamlIcon,
+  ZigIcon
+};

package/dist/Plugins/code/utils/index.js

@@ -0,0 +1,5 @@
+// src/Plugins/code/utils/index.ts
+import { langOptions } from "./langOptions";
+export {
+  langOptions
+};

package/dist/Plugins/code/utils/langOptions.js

@@ -0,0 +1,14 @@
+// src/Plugins/code/utils/langOptions.tsx
+import React from "react";
+import { langIconMap } from "../langIconMap";
+var langOptions = Array.from(langIconMap).map(([lang, Icon]) => {
+  return {
+    // 语言名称作为选项的值
+    value: lang,
+    // 渲染包含图标和文字的标签
+    label: /* @__PURE__ */ React.createElement("span", { style: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React.createElement(Icon, { size: "1em" }), /* @__PURE__ */ React.createElement("span", { style: { marginLeft: "0.25em" } }, lang))
+  };
+});
+export {
+  langOptions
+};

package/dist/Plugins/defaultPlugins.js

@@ -0,0 +1,17 @@
+// src/Plugins/defaultPlugins.tsx
+import { ChartElement } from "./chart";
+import { CodeElement } from "./code";
+import { InlineKatex, KatexElement } from "./katex";
+var standardPlugins = [
+  {
+    elements: {
+      code: CodeElement,
+      chart: ChartElement,
+      katex: KatexElement,
+      "inline-katex": InlineKatex
+    }
+  }
+];
+export {
+  standardPlugins
+};

package/dist/Plugins/formatter/index.js

@@ -0,0 +1,114 @@
+// src/Plugins/formatter/index.ts
+var MarkdownFormatter = class {
+  /**
+   * 规范化段落之间的换行符
+   * @param text Markdown 文本
+   * @returns 格式化后的文本
+   */
+  static normalizeParagraphs(text) {
+    var _a, _b;
+    let normalizedText = (_a = text == null ? void 0 : text.replace(/\r\n/g, "\n")) == null ? void 0 : _a.replace(/\r/g, "\n");
+    normalizedText = normalizedText.trim();
+    normalizedText = normalizedText == null ? void 0 : normalizedText.replace(/\n[\s\n]+/g, "\n");
+    const lines = normalizedText.split("\n");
+    const result = [];
+    for (let i = 0; i < lines.length; i++) {
+      const currentLine = lines[i];
+      result.push(currentLine);
+      if (i < lines.length - 1) {
+        const nextLine = lines[i + 1];
+        const isCurrentTableRow = /^\s*\|.*\|\s*$/.test(currentLine);
+        const isNextTableRow = /^\s*\|.*\|\s*$/.test(nextLine);
+        if (isCurrentTableRow && isNextTableRow) {
+        } else {
+          result.push("");
+        }
+      }
+    }
+    return (_b = result.join("\n")) == null ? void 0 : _b.replace(/\n+$/, "");
+  }
+  /**
+   * 在中英文之间添加空格（盘古之白）
+   * @param text Markdown 文本
+   * @returns 格式化后的文本
+   */
+  static addPanguSpacing(text) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+    const placeholders = {};
+    let counter = 0;
+    const preservedText = (_e = (_d = (_c = (_b = (_a = text == null ? void 0 : text.replace(/```[\s\S]*?```/g, (match) => {
+      const placeholder = `__CODEBLOCK_${counter}__`;
+      placeholders[placeholder] = match;
+      counter++;
+      return placeholder;
+    })) == null ? void 0 : _a.replace(/(<!--[\s\S]*?-->)/g, (match) => {
+      const placeholder = `__COMMENT_${counter}__`;
+      placeholders[placeholder] = match;
+      counter++;
+      return placeholder;
+    })) == null ? void 0 : _b.replace(/\[([^\]]*<[^>]+>[^\]]*)\]\([^)]+\)/g, (match) => {
+      const placeholder = `__LINK_HTML_${counter}__`;
+      placeholders[placeholder] = match;
+      counter++;
+      return placeholder;
+    })) == null ? void 0 : _c.replace(/(<[^>]+>.*?<\/[^>]+>|<[^>]+>)/g, (match) => {
+      const placeholder = `__HTML_${counter}__`;
+      placeholders[placeholder] = match;
+      counter++;
+      return placeholder;
+    })) == null ? void 0 : _d.replace(/(\[([^\]]+)\]\([^)]+\))/g, (match) => {
+      const placeholder = `__LINK_${counter}__`;
+      placeholders[placeholder] = match;
+      counter++;
+      return placeholder;
+    })) == null ? void 0 : _e.replace(/(`[^`]+`)/g, (match) => {
+      const placeholder = `__CODE_${counter}__`;
+      placeholders[placeholder] = match;
+      counter++;
+      return placeholder;
+    });
+    let spacedText = (_k = (_j = (_i = (_h = (_g = (_f = preservedText == null ? void 0 : preservedText.replace(/([\u4e00-\u9fa5])([A-Za-z])/g, "$1 $2")) == null ? void 0 : _f.replace(/([A-Za-z])([\u4e00-\u9fa5])/g, "$1 $2")) == null ? void 0 : _g.replace(/([\u4e00-\u9fa5])(\d+)/g, "$1 $2")) == null ? void 0 : _h.replace(/(\d+)([\u4e00-\u9fa5])/g, "$1 $2")) == null ? void 0 : _i.replace(/([\u4e00-\u9fa5])([\(\)])/g, "$1 $2")) == null ? void 0 : _j.replace(/([\(\)])([\u4e00-\u9fa5])/g, "$1 $2")) == null ? void 0 : _k.replace(/([^\s\n])\s+([^\s\n])/g, "$1 $2");
+    Object.entries(placeholders).forEach(([placeholder, original]) => {
+      spacedText = spacedText == null ? void 0 : spacedText.replace(
+        new RegExp(`(\\s*)${placeholder}(\\s*)`),
+        (_, before, after) => {
+          const needSpaceBefore = before === "" && /[\u4e00-\u9fa5]$/.test(spacedText.split(placeholder)[0]);
+          const needSpaceAfter = after === "" && /^[\u4e00-\u9fa5]/.test(spacedText.split(placeholder)[1]);
+          return `${needSpaceBefore ? " " : ""}${original}${needSpaceAfter ? " " : ""}`;
+        }
+      );
+    });
+    return spacedText;
+  }
+  /**
+   * 格式化 Markdown 文本
+   * @param text Markdown 文本
+   * @returns 格式化后的文本
+   */
+  static format(text) {
+    const codeBlocks = {};
+    let counter = 0;
+    if (!text) {
+      return "";
+    }
+    const textWithoutCodeBlocks = text == null ? void 0 : text.replace(/```[\s\S]*?```/g, (match) => {
+      const placeholder = `__CODEBLOCK_${counter}__`;
+      codeBlocks[placeholder] = match;
+      counter++;
+      return placeholder;
+    });
+    const paragraphsFixed = this.normalizeParagraphs(textWithoutCodeBlocks);
+    const lines = paragraphsFixed.split("\n");
+    const formattedLines = lines.map((line) => this.addPanguSpacing(line));
+    let result = formattedLines.join("\n");
+    Object.entries(codeBlocks).forEach(([placeholder, original]) => {
+      result = result == null ? void 0 : result.replace(placeholder, original);
+    });
+    return result || "";
+  }
+};
+var formatter_default = MarkdownFormatter;
+export {
+  MarkdownFormatter,
+  formatter_default as default
+};

package/dist/Plugins/index.js

@@ -0,0 +1,7 @@
+// src/Plugins/index.ts
+export * from "./chart";
+export * from "./code";
+export * from "./defaultPlugins";
+export * from "./formatter";
+export * from "./katex";
+export * from "./mermaid";

package/dist/Plugins/katex/InlineKatex.js

@@ -0,0 +1,124 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+
+// src/Plugins/katex/InlineKatex.tsx
+import classNames from "classnames";
+import katex from "katex";
+import React, { useEffect, useRef } from "react";
+import { Editor, Node, Transforms } from "slate";
+import { useEditorStore } from "../../MarkdownEditor/editor/store";
+import { useSelStatus } from "../../MarkdownEditor/hooks/editor";
+import "./katex.min.css";
+var InlineKatex = ({
+  children,
+  element,
+  attributes,
+  style
+}) => {
+  const renderEl = useRef(null);
+  const { markdownEditorRef, readonly } = useEditorStore();
+  const [selected, path] = useSelStatus(element);
+  useEffect(() => {
+    if (!selected) {
+      const value = Node.string(element);
+      katex.render(value, renderEl.current, {
+        strict: false,
+        output: "html",
+        throwOnError: false,
+        macros: {
+          "\\f": "#1f(#2)"
+        }
+      });
+    }
+  }, [selected]);
+  if (false) {
+    return /* @__PURE__ */ React.createElement("span", { contentEditable: false, style: { fontSize: 0 } });
+  }
+  if (readonly) {
+    return /* @__PURE__ */ React.createElement(
+      "span",
+      __spreadProps(__spreadValues({}, attributes), {
+        "data-be": "inline-katex",
+        style: {
+          position: "relative"
+        }
+      }),
+      /* @__PURE__ */ React.createElement("span", { contentEditable: false, ref: renderEl, style: { fontSize: 0 } }),
+      /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          style: {
+            display: "none"
+          }
+        },
+        children
+      )
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    "span",
+    __spreadProps(__spreadValues({}, attributes), {
+      "data-be": "inline-katex",
+      className: classNames("relative")
+    }),
+    /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        style: __spreadValues({
+          display: "inline-flex",
+          padding: selected ? "0.25rem" : "0",
+          visibility: selected ? "visible" : "hidden",
+          width: selected ? "auto" : "0",
+          height: selected ? "auto" : "0",
+          overflow: "hidden",
+          position: selected ? "static" : "absolute"
+        }, style),
+        className: selected ? "inline-code-input" : ""
+      },
+      children
+    ),
+    /* @__PURE__ */ React.createElement(
+      "span",
+      {
+        contentEditable: false,
+        ref: renderEl,
+        onClick: () => {
+          Transforms.select(
+            markdownEditorRef.current,
+            Editor.end(markdownEditorRef.current, path)
+          );
+        },
+        style: {
+          margin: "0 0.25rem",
+          userSelect: "none",
+          fontSize: 0,
+          visibility: selected ? "hidden" : "visible",
+          width: selected ? "0" : "auto",
+          height: selected ? "0" : "auto",
+          overflow: selected ? "hidden" : "visible",
+          position: selected ? "absolute" : "static"
+        }
+      }
+    )
+  );
+};
+export {
+  InlineKatex
+};