@hsu-react/ui 0.0.1

package/lib/components/Input/TextArea/index.module.less

@@ -0,0 +1,130 @@
+.textarea {
+  position: relative;
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+
+  width: 100%;
+  min-width: 0;
+  height: max-content;
+
+  // CF 风格：随外观切换的描边输入控件
+  background: var(--cf-surface);
+
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--cf-border);
+  border-radius: 6px;
+
+  color: var(--cf-text);
+
+  transition: border-color 0.3s, box-shadow 0.3s;
+
+  &.disabled:not(.text) {
+    background-color: var(--cf-subtle);
+
+    border-color: var(--cf-border);
+
+    color: var(--cf-text-3) !important;
+
+    cursor: not-allowed;
+  }
+
+  &.disabled.text {
+    border: none;
+
+    cursor: default;
+
+    > textarea,
+    > span {
+      color: var(--cf-text);
+
+      cursor: default;
+    }
+  }
+
+  textarea {
+    flex: 1;
+
+    background-color: transparent !important;
+  }
+
+  .antd_textarea {
+    padding: 4px 11px;
+
+    border: none;
+    border-radius: 0px;
+
+    font-size: inherit;
+    font-family: inherit;
+
+    background-color: transparent !important;
+
+    &.ant-input-textarea-affix-wrapper {
+      position: relative;
+
+      padding: 0px;
+
+      textarea {
+        padding: 4px 24px 4px 11px;
+
+        border: none;
+        border-radius: 0px;
+
+        font-size: inherit;
+        font-family: inherit;
+      }
+
+      .ant-input-suffix {
+        position: absolute;
+        top: 50%;
+        right: 10px;
+        transform: translateY(-50%);
+
+        .ant-input-data-count {
+          position: relative;
+          bottom: auto;
+
+          color: #909399;
+          font-size: 14px;
+        }
+
+        .ant-input-clear-icon {
+          position: relative;
+
+          inset-inline-end: 0;
+          inset-block-start: 0;
+
+          font-size: 14px;
+        }
+      }
+    }
+
+    &:focus {
+      box-shadow: none;
+    }
+
+    &::before {
+      content: none;
+    }
+  }
+
+  &:not(.hasError).focused {
+    border-color: var(--primary-color);
+
+    box-shadow: 0 0 0 2px rgba(19, 194, 194, 0.12);
+  }
+
+  &.hasError {
+    border-color: #ff4d4f;
+
+    box-shadow: 0 0 0 2px rgba(255, 38, 5, 0.06);
+
+    .ant-input-status-error {
+      border: none !important;
+
+      box-shadow: none !important;
+    }
+  }
+}

package/lib/components/Input/index.d.ts

@@ -0,0 +1,24 @@
+import { InputProps as AntdInputProps, InputRef, TooltipProps } from "antd";
+import { InputNumberProps } from "./Number";
+import { PasswordProps } from "./Password";
+import React from "react";
+import { SearchProps } from "./Search";
+import { TextAreaProps } from "./TextArea";
+import { RangeInputProps } from "./Range";
+export interface InputProps extends Omit<AntdInputProps, "onCompositionStart" | "onCompositionEnd" | "ref" | "onChange"> {
+    getRef?: (ref: InputRef | null) => void;
+    onChange?: (value: string) => void;
+    en?: boolean;
+    word?: boolean;
+    tooltip?: TooltipProps;
+    escapeCharacters?: string[];
+}
+interface InputFC extends React.FC<InputProps> {
+    Search: React.FC<SearchProps>;
+    TextArea: React.FC<TextAreaProps>;
+    Password: React.FC<PasswordProps>;
+    Number: React.FC<InputNumberProps>;
+    Range: React.FC<RangeInputProps>;
+}
+declare const Input: InputFC;
+export default Input;

package/lib/components/Input/index.js

@@ -0,0 +1,174 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _antd = require("antd");
+var _Number = _interopRequireDefault(require("./Number"));
+var _Password = _interopRequireDefault(require("./Password"));
+var _react = _interopRequireWildcard(require("react"));
+var _Search = _interopRequireDefault(require("./Search"));
+var _TextArea = _interopRequireDefault(require("./TextArea"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _Range = _interopRequireDefault(require("./Range"));
+var _ahooks = require("ahooks");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Input = props => {
+  const {
+    onChange,
+    getRef,
+    className,
+    type,
+    value,
+    defaultValue,
+    en = false,
+    maxLength,
+    disabled,
+    placeholder,
+    tooltip,
+    escapeCharacters,
+    ...inputConfig
+  } = props;
+  const [isComposing, setComposing] = (0, _react.useState)(false);
+  const ref = (0, _react.useRef)(null);
+
+  // 处理转义：如果值中包含 escapeCharacters 中的字符，则在前面加上转义
+  const escapeValue = (0, _react.useCallback)(val => {
+    if (!escapeCharacters || escapeCharacters.length === 0) {
+      return val;
+    }
+    let result = "";
+    let i = 0;
+    while (i < val.length) {
+      const char = val[i];
+      // 检查是否是转义字符，且下一个字符是需要转义的字符
+      if (char === "\\" && i + 1 < val.length) {
+        const nextChar = val[i + 1];
+        // 如果下一个字符是需要转义的字符，说明已经转义过了，直接添加
+        if (escapeCharacters.includes(nextChar)) {
+          result += char + nextChar;
+          i += 2;
+          continue;
+        }
+      }
+      // 如果当前字符是需要转义的字符，且前面没有转义符，则添加转义符
+      if (escapeCharacters.includes(char)) {
+        // 检查前面是否已经有转义符（避免重复转义）
+        if (i === 0 || val[i - 1] !== "\\") {
+          result += "\\" + char;
+        } else {
+          result += char;
+        }
+      } else {
+        result += char;
+      }
+      i++;
+    }
+    return result;
+  }, [escapeCharacters]);
+
+  // 处理去转义：如果值中包含转义格式，则去除转义
+  const unescapeValue = (0, _react.useCallback)(val => {
+    if (!escapeCharacters || escapeCharacters.length === 0) {
+      return val;
+    }
+    let result = "";
+    let i = 0;
+    while (i < val.length) {
+      const char = val[i];
+      // 如果当前字符是反斜杠，且下一个字符是需要转义的字符
+      if (char === "\\" && i + 1 < val.length) {
+        const nextChar = val[i + 1];
+        if (escapeCharacters.includes(nextChar)) {
+          // 跳过反斜杠，只添加需要转义的字符
+          result += nextChar;
+          i += 2;
+          continue;
+        }
+      }
+      result += char;
+      i++;
+    }
+    return result;
+  }, [escapeCharacters]);
+
+  // 初始化时优先使用 value，其次使用 defaultValue
+  const getInitialValue = () => {
+    const rawValue = value !== undefined ? typeof value === "number" ? `${value}` : value?.toString() ?? "" : defaultValue !== undefined ? typeof defaultValue === "number" ? `${defaultValue}` : defaultValue?.toString() ?? "" : "";
+    return unescapeValue(rawValue);
+  };
+  const initialValue = getInitialValue();
+  const [_value, setValue] = (0, _react.useState)(initialValue);
+  const [lastValue, setLastValue] = (0, _react.useState)(initialValue);
+  const prevValueRef = (0, _react.useRef)(undefined);
+  (0, _ahooks.useDebounceEffect)(() => {
+    if (!isComposing && _value !== lastValue) {
+      const trimmedValue = _value.trim();
+      const finalValue = trimmedValue === "" ? "" : _value;
+      setLastValue(finalValue);
+      // 如果设置了 escapeCharacters 且值匹配，则返回转义后的值
+      const escapedValue = escapeValue(finalValue);
+      onChange?.(escapedValue);
+    }
+  }, [_value, isComposing, lastValue, onChange, escapeValue], {
+    wait: 10
+  });
+  (0, _react.useEffect)(() => {
+    // 只在外部 value prop 真正变化时才更新内部状态
+    if (prevValueRef.current !== value) {
+      prevValueRef.current = value;
+      if (value !== undefined) {
+        const rawValue = typeof value === "number" ? `${value}` : value?.toString();
+        // 去除转义后再显示
+        const newValue = unescapeValue(rawValue);
+        setValue(newValue);
+        setLastValue(newValue);
+      } else {
+        // 只在初始化或外部主动设置为 undefined 时清空
+        setValue("");
+        setLastValue("");
+      }
+    }
+  }, [value, unescapeValue]);
+  (0, _react.useEffect)(() => {
+    getRef?.(ref.current);
+  }, [getRef]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Tooltip, {
+    placement: "topLeft",
+    ...tooltip,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Input, {
+      ref: ref,
+      disabled: disabled,
+      placeholder: disabled ? "" : placeholder,
+      onCompositionStart: () => setComposing(true),
+      onCompositionEnd: () => {
+        setTimeout(() => {
+          setComposing(false);
+        }, 1);
+      },
+      value: _value,
+      onChange: e => {
+        // 用户输入时，先去除转义，然后再设置到状态中
+        const inputValue = e.target.value;
+        const unescapedInput = unescapeValue(inputValue);
+        setValue(unescapedInput);
+      },
+      className: (0, _classnames.default)(_indexModule.default.antdInput, className),
+      type: type,
+      maxLength: en ? undefined : maxLength,
+      allowClear: true,
+      ...inputConfig
+    })
+  });
+};
+Input.Search = _Search.default;
+Input.TextArea = _TextArea.default;
+Input.Password = _Password.default;
+Input.Number = _Number.default;
+Input.Range = _Range.default;
+var _default = exports.default = Input;

package/lib/components/Input/index.module.less

@@ -0,0 +1,19 @@
+.antdInput {
+  width: 100%;
+  height: 100%;
+
+  .ant-input-clear-icon {
+    font-size: 14px;
+  }
+
+  .ant-input-wrapper {
+    height: 100%;
+    min-height: inherit;
+
+    > .ant-input,
+    > .ant-input-affix-wrapper {
+      height: 100%;
+      min-height: inherit;
+    }
+  }
+}

package/lib/components/Markdown/Editor/index.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from "react";
+import { ButtonProps as AntdButtonProps } from "antd";
+import "react-markdown-editor-lite/lib/index.css";
+interface ButtonProps extends Omit<AntdButtonProps, "children" | "title"> {
+    title?: ReactNode;
+}
+export interface MarkdownEditorProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    buttonGroup?: ButtonProps[];
+    className?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    view?: {
+        menu?: boolean;
+        md?: boolean;
+        html?: boolean;
+    };
+}
+declare const MarkdownEditor: React.FC<MarkdownEditorProps>;
+export default MarkdownEditor;

package/lib/components/Markdown/Editor/index.js

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _indexModule = _interopRequireDefault(require("./index.module.less"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactMarkdownEditorLite = _interopRequireDefault(require("react-markdown-editor-lite"));
+var _markdownIt = _interopRequireDefault(require("markdown-it"));
+var _antd = require("antd");
+require("react-markdown-editor-lite/lib/index.css");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const mdParser = new _markdownIt.default();
+const MarkdownEditor = props => {
+  const {
+    value = "",
+    onChange,
+    buttonGroup,
+    className,
+    disabled,
+    readOnly,
+    view
+  } = props;
+  const [_value, setValue] = (0, _react.useState)("");
+  const [lastValue, setLastValue] = (0, _react.useState)("");
+  const handleEditorChange = ({
+    text
+  }) => {
+    setValue(text);
+    onChange && onChange(text);
+  };
+  (0, _react.useEffect)(() => {
+    if (value && value !== lastValue) {
+      setValue(value);
+      setLastValue(value);
+    }
+  }, [lastValue, value]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames.default)({
+      [_indexModule.default.markdownEditor]: true,
+      [className ?? ""]: true
+    }),
+    children: [buttonGroup && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classnames.default)(_indexModule.default.buttons),
+      children: buttonGroup?.map((button, idx) => {
+        const {
+          title,
+          ...buttonProps
+        } = button;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
+          ...buttonProps,
+          children: title
+        }, idx);
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactMarkdownEditorLite.default, {
+      renderHTML: text => mdParser.render(text),
+      className: (0, _classnames.default)({
+        [_indexModule.default.mdEditor]: true,
+        [_indexModule.default.disabled]: disabled
+      }),
+      onChange: handleEditorChange,
+      value: _value,
+      readOnly: readOnly,
+      view: {
+        menu: view?.menu ?? true,
+        md: view?.md ?? true,
+        html: view?.html ?? true
+      }
+    })]
+  });
+};
+var _default = exports.default = MarkdownEditor;

package/lib/components/Markdown/Editor/index.module.less

@@ -0,0 +1,56 @@
+.markdownEditor {
+  display: flex;
+  flex-direction: column;
+  row-gap: 10px;
+
+  width: 100%;
+  height: 100%;
+
+  background: #fff;
+
+  border-radius: 10px;
+
+  ul,
+  ol {
+    list-style: revert;
+  }
+
+  .buttons {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+
+    width: 100%;
+  }
+
+  .mdEditor {
+    height: 100%;
+
+    border-radius: 8px;
+
+    overflow: hidden;
+
+    &.disabled {
+      background-color: rgba(0, 0, 0, 0.04);
+
+      cursor: no-drop;
+
+      :global {
+        .rc-md-navigation {
+          pointer-events: none;
+        }
+
+        .editor-container {
+          pointer-events: none;
+
+          .section {
+            textarea,
+            .section-container {
+              background: rgba(0, 0, 0, 0.04);
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/lib/components/Markdown/Views/ArtifactBlock.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export interface ArtifactBlockProps {
+    /** 原始代码（html/svg） */
+    code: string;
+    /** 语言标记（html / svg） */
+    lang: string;
+    /** 代码视图（沿用外层的高亮代码块渲染） */
+    codeView: React.ReactNode;
+}
+/**
+ * HTML/SVG Artifacts 预览块（对标 Claude Artifacts）：代码 / 预览两个页签，
+ * 预览在 sandbox iframe（仅 allow-scripts，无同源权限）里渲染模型产出的页面。
+ */
+declare const ArtifactBlock: React.FC<ArtifactBlockProps>;
+export default ArtifactBlock;

package/lib/components/Markdown/Views/ArtifactBlock.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _blocksModule = _interopRequireDefault(require("./blocks.module.less"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ * HTML/SVG Artifacts 预览块（对标 Claude Artifacts）：代码 / 预览两个页签，
+ * 预览在 sandbox iframe（仅 allow-scripts，无同源权限）里渲染模型产出的页面。
+ */
+const ArtifactBlock = ({
+  code,
+  lang,
+  codeView
+}) => {
+  const [tab, setTab] = (0, _react.useState)("preview");
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: _blocksModule.default.artifact,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: _blocksModule.default.artifactBar,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        className: _blocksModule.default.artifactLang,
+        children: [lang.toUpperCase(), " \xB7 Artifact"]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _blocksModule.default.artifactTabs,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          className: (0, _classnames.default)(_blocksModule.default.artifactTab, {
+            [_blocksModule.default.artifactTabActive]: tab === "preview"
+          }),
+          onClick: () => setTab("preview"),
+          children: "\u9884\u89C8"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+          type: "button",
+          className: (0, _classnames.default)(_blocksModule.default.artifactTab, {
+            [_blocksModule.default.artifactTabActive]: tab === "code"
+          }),
+          onClick: () => setTab("code"),
+          children: "\u4EE3\u7801"
+        })]
+      })]
+    }), tab === "preview" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("iframe", {
+      className: _blocksModule.default.artifactFrame,
+      title: "artifact-preview",
+      sandbox: "allow-scripts",
+      srcDoc: code
+    }) : codeView]
+  });
+};
+var _default = exports.default = ArtifactBlock;

package/lib/components/Markdown/Views/MermaidBlock.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export interface MermaidBlockProps {
+    code: string;
+}
+/**
+ * Mermaid 图渲染块（对标 Claude/Kimi 等的流程图渲染）：
+ * 渲染成功显示 SVG；语法不完整（如流式生成中）静默回退为代码展示。
+ */
+declare const MermaidBlock: React.FC<MermaidBlockProps>;
+export default MermaidBlock;

package/lib/components/Markdown/Views/MermaidBlock.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _hsuUtils = require("hsu-utils");
+var _blocksModule = _interopRequireDefault(require("./blocks.module.less"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; } // mermaid 体积大，懒加载并全局只初始化一次
+let mermaidPromise = null;
+const loadMermaid = () => {
+  if (!mermaidPromise) {
+    mermaidPromise = Promise.resolve().then(() => _interopRequireWildcard(require("mermaid"))).then(m => {
+      m.default.initialize({
+        startOnLoad: false,
+        securityLevel: "loose",
+        theme: "neutral"
+      });
+      return m.default;
+    });
+  }
+  return mermaidPromise;
+};
+/**
+ * Mermaid 图渲染块（对标 Claude/Kimi 等的流程图渲染）：
+ * 渲染成功显示 SVG；语法不完整（如流式生成中）静默回退为代码展示。
+ */
+const MermaidBlock = ({
+  code
+}) => {
+  const [svg, setSvg] = (0, _react.useState)(null);
+  const id = (0, _react.useMemo)(() => `mmd-${(0, _hsuUtils.generateRandomStr)(8)}`, []);
+  (0, _react.useEffect)(() => {
+    let cancelled = false;
+    const timer = window.setTimeout(() => {
+      loadMermaid().then(mermaid => mermaid.render(id, code)).then(({
+        svg: rendered
+      }) => {
+        if (!cancelled) setSvg(rendered);
+      }).catch(() => {
+        // 流式生成中代码不完整属正常态，回退为代码展示
+        if (!cancelled) setSvg(null);
+        // mermaid.render 失败会在 DOM 残留错误占位节点，清理掉
+        document.getElementById(`d${id}`)?.remove();
+      });
+    }, 300);
+    return () => {
+      cancelled = true;
+      window.clearTimeout(timer);
+    };
+  }, [code, id]);
+  if (!svg) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("pre", {
+      className: _blocksModule.default.mermaidFallback,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
+        children: code
+      })
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: _blocksModule.default.mermaid
+    // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: svg
+    }
+  });
+};
+var _default = exports.default = MermaidBlock;