@lobehub/ui 2.9.5 → 2.10.0

package/es/Highlighter/SyntaxHighlighter/Line.js

@@ -73,6 +73,8 @@ var Line = /*#__PURE__*/memo(function (_ref) {
       children: " "
     })
   });
+}, function (prevProps, nextProps) {
+  return prevProps.children === nextProps.children;
 });
 Line.displayName = 'HighlighterLine';
 export default Line;

package/es/Highlighter/SyntaxHighlighter/Span.js

@@ -9,6 +9,8 @@ var Span = /*#__PURE__*/memo(function (_ref) {
       __html: children || ''
     }
   });
+}, function (prevProps, nextProps) {
+  return prevProps.children === nextProps.children;
 });
 Span.displayName = 'HighlighterSpan';
 export default Span;

package/es/Highlighter/SyntaxHighlighter/index.js

@@ -181,6 +181,8 @@ var SyntaxHighlighter = /*#__PURE__*/memo(function (_ref) {
       })
     })
   });
+}, function (prevProps, nextProps) {
+  return prevProps.children === nextProps.children && prevProps.language === nextProps.language;
 });
 SyntaxHighlighter.displayName = 'SyntaxHighlighter';
 export default SyntaxHighlighter;

package/es/Markdown/Markdown.js

@@ -19,7 +19,7 @@ import { cva } from 'class-variance-authority';
 import { memo, useEffect, useMemo, useState } from 'react';
 import { PreviewGroup } from "../Image";
 import { MarkdownProvider } from "./components/MarkdownProvider";
-import SyntaxMarkdown from "./SyntaxMarkdown";
+import { MarkdownRender, StreamdownRender } from "./SyntaxMarkdown";
 import Typography from "./Typography";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -109,7 +109,8 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
       /* eslint-enable sort-keys-fix/sort-keys-fix */
     });
   }, [styles]);
-  var defaultDOM = /*#__PURE__*/_jsx(SyntaxMarkdown, _objectSpread(_objectSpread({}, reactMarkdownProps), {}, {
+  var DefaultRender = animated ? StreamdownRender : MarkdownRender;
+  var defaultDOM = /*#__PURE__*/_jsx(DefaultRender, _objectSpread(_objectSpread({}, reactMarkdownProps), {}, {
     children: children
   }));
   return /*#__PURE__*/_jsx(PreviewGroup, {

package/es/Markdown/SyntaxMarkdown/MarkdownRender.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const MarkdownRenderer: import("react").NamedExoticComponent<import("react-markdown/lib").Options>;
+export default MarkdownRenderer;

package/es/Markdown/SyntaxMarkdown/MarkdownRender.js

@@ -0,0 +1,32 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { memo } from 'react';
+import { MarkdownHooks } from 'react-markdown';
+import { useMarkdownComponents, useMarkdownContent, useMarkdownRehypePlugins, useMarkdownRemarkPlugins } from "../../hooks/useMarkdown";
+import { jsx as _jsx } from "react/jsx-runtime";
+var MarkdownRenderer = /*#__PURE__*/memo(function (_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var escapedContent = useMarkdownContent(children || '');
+  var components = useMarkdownComponents();
+  var rehypePluginsList = useMarkdownRehypePlugins();
+  var remarkPluginsList = useMarkdownRemarkPlugins();
+  return /*#__PURE__*/_jsx(MarkdownHooks, _objectSpread(_objectSpread({}, rest), {}, {
+    components: components,
+    rehypePlugins: rehypePluginsList,
+    remarkPlugins: remarkPluginsList,
+    children: escapedContent
+  }));
+}, function (prevProps, nextProps) {
+  return prevProps.children === nextProps.children;
+});
+export default MarkdownRenderer;

package/es/Markdown/SyntaxMarkdown/StreamdownRender.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StreamdownRender: import("react").NamedExoticComponent<import("react-markdown/lib").Options>;
+export default StreamdownRender;

package/es/Markdown/SyntaxMarkdown/StreamdownRender.js

@@ -0,0 +1,64 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["children"],
+  _excluded2 = ["children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { marked } from 'marked';
+import { memo, useId, useMemo } from 'react';
+import { MarkdownHooks } from 'react-markdown';
+import { useMarkdownComponents, useMarkdownContent, useMarkdownRehypePlugins, useMarkdownRemarkPlugins } from "../../hooks/useMarkdown";
+import { parseIncompleteMarkdown } from "./parseIncompleteMarkdown";
+import { jsx as _jsx } from "react/jsx-runtime";
+var parseMarkdownIntoBlocks = function parseMarkdownIntoBlocks(markdown) {
+  var tokens = marked.lexer(markdown);
+  return tokens.map(function (token) {
+    return token.raw;
+  });
+};
+var StreamdownBlock = /*#__PURE__*/memo(function (_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var parsedContent = useMemo(function () {
+    return typeof children === 'string' ? parseIncompleteMarkdown(children.trim()) : children;
+  }, [children]);
+  return /*#__PURE__*/_jsx(MarkdownHooks, _objectSpread(_objectSpread({}, rest), {}, {
+    children: parsedContent
+  }));
+}, function (prevProps, nextProps) {
+  return prevProps.children === nextProps.children;
+});
+StreamdownBlock.displayName = 'StreamdownBlock';
+export var StreamdownRender = /*#__PURE__*/memo(function (_ref2) {
+  var children = _ref2.children,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  var escapedContent = useMarkdownContent(children || '');
+  var components = useMarkdownComponents();
+  var rehypePluginsList = useMarkdownRehypePlugins();
+  var remarkPluginsList = useMarkdownRemarkPlugins();
+  var generatedId = useId();
+  var blocks = useMemo(function () {
+    return parseMarkdownIntoBlocks(typeof escapedContent === 'string' ? escapedContent : '');
+  }, [escapedContent]);
+  return /*#__PURE__*/_jsx("div", {
+    children: blocks.map(function (block, index) {
+      return /*#__PURE__*/_jsx(StreamdownBlock, _objectSpread(_objectSpread({
+        components: components,
+        rehypePlugins: rehypePluginsList,
+        remarkPlugins: remarkPluginsList
+      }, rest), {}, {
+        children: block
+      }), "".concat(generatedId, "-block_").concat(index));
+    })
+  });
+}, function (prevProps, nextProps) {
+  return prevProps.children === nextProps.children;
+});
+StreamdownRender.displayName = 'StreamdownRender';
+export default StreamdownRender;

package/es/Markdown/SyntaxMarkdown/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-declare const SyntaxMarkdown: import("react").NamedExoticComponent<import("react-markdown/lib").Options>;
-export default SyntaxMarkdown;
+export { default as MarkdownRender } from './MarkdownRender';
+export { default as StreamdownRender } from './StreamdownRender';

package/es/Markdown/SyntaxMarkdown/index.js

@@ -1,40 +1,2 @@
-'use client';
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children"],
-  _excluded2 = ["children"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { memo } from 'react';
-import Markdown from 'react-markdown';
-import { useMarkdownComponents, useMarkdownContent, useMarkdownRehypePlugins, useMarkdownRemarkPlugins } from "../../hooks/useMarkdown";
-import { jsx as _jsx } from "react/jsx-runtime";
-var MarkdownRenderer = /*#__PURE__*/memo(function (_ref) {
-  var children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var components = useMarkdownComponents();
-  var rehypePluginsList = useMarkdownRehypePlugins();
-  var remarkPluginsList = useMarkdownRemarkPlugins();
-  return /*#__PURE__*/_jsx(Markdown, _objectSpread(_objectSpread({}, rest), {}, {
-    components: components,
-    rehypePlugins: rehypePluginsList,
-    remarkPlugins: remarkPluginsList,
-    children: children
-  }));
-});
-MarkdownRenderer.displayName = 'MarkdownRenderer';
-var SyntaxMarkdown = /*#__PURE__*/memo(function (_ref2) {
-  var children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
-  var escapedContent = useMarkdownContent(children || '');
-  return /*#__PURE__*/_jsx(MarkdownRenderer, _objectSpread(_objectSpread({}, rest), {}, {
-    children: escapedContent
-  }));
-});
-SyntaxMarkdown.displayName = 'SyntaxMarkdown';
-export default SyntaxMarkdown;
+export { default as MarkdownRender } from "./MarkdownRender";
+export { default as StreamdownRender } from "./StreamdownRender";

package/es/Markdown/SyntaxMarkdown/parseIncompleteMarkdown.d.ts

@@ -0,0 +1 @@
+export declare const parseIncompleteMarkdown: (text: string) => string;

package/es/Markdown/SyntaxMarkdown/parseIncompleteMarkdown.js

@@ -0,0 +1,293 @@
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+var linkImagePattern = /(!?\[)([^\]]*?)$/;
+var boldPattern = /(\*\*)([^*]*?)$/;
+var italicPattern = /(__)([^_]*?)$/;
+var boldItalicPattern = /(\*{3})([^*]*?)$/;
+var singleAsteriskPattern = /(\*)([^*]*?)$/;
+var singleUnderscorePattern = /(_)([^_]*?)$/;
+var inlineCodePattern = /(`)([^`]*?)$/;
+var strikethroughPattern = /(~~)([^~]*?)$/;
+var inlineKatexPattern = /(\$)([^$]*?)$/;
+var blockKatexPattern = /(\$\$)([^$]*?)$/;
+
+// Handles incomplete links and images by removing them if not closed
+var handleIncompleteLinksAndImages = function handleIncompleteLinksAndImages(text) {
+  var linkMatch = text.match(linkImagePattern);
+  if (linkMatch) {
+    var startIndex = text.lastIndexOf(linkMatch[1]);
+    return text.slice(0, Math.max(0, startIndex));
+  }
+  return text;
+};
+
+// Completes incomplete bold formatting (**)
+var handleIncompleteBold = function handleIncompleteBold(text) {
+  var boldMatch = text.match(boldPattern);
+  if (boldMatch) {
+    var asteriskPairs = (text.match(/\*\*/g) || []).length;
+    if (asteriskPairs % 2 === 1) {
+      return "".concat(text, "**");
+    }
+  }
+  return text;
+};
+
+// Completes incomplete italic formatting with double underscores (__)
+var handleIncompleteDoubleUnderscoreItalic = function handleIncompleteDoubleUnderscoreItalic(text) {
+  var italicMatch = text.match(italicPattern);
+  if (italicMatch) {
+    var underscorePairs = (text.match(/__/g) || []).length;
+    if (underscorePairs % 2 === 1) {
+      return "".concat(text, "__");
+    }
+  }
+  return text;
+};
+
+// Counts single asterisks that are not part of double asterisks and not escaped
+var countSingleAsterisks = function countSingleAsterisks(text) {
+  return text.split('').reduce(function (acc, char, index) {
+    if (char === '*') {
+      var prevChar = text[index - 1];
+      var nextChar = text[index + 1];
+      // Skip if escaped with backslash
+      if (prevChar === '\\') {
+        return acc;
+      }
+      if (prevChar !== '*' && nextChar !== '*') {
+        return acc + 1;
+      }
+    }
+    return acc;
+  }, 0);
+};
+
+// Completes incomplete italic formatting with single asterisks (*)
+var handleIncompleteSingleAsteriskItalic = function handleIncompleteSingleAsteriskItalic(text) {
+  var singleAsteriskMatch = text.match(singleAsteriskPattern);
+  if (singleAsteriskMatch) {
+    var singleAsterisks = countSingleAsterisks(text);
+    if (singleAsterisks % 2 === 1) {
+      return "".concat(text, "*");
+    }
+  }
+  return text;
+};
+
+// Counts single underscores that are not part of double underscores and not escaped
+var countSingleUnderscores = function countSingleUnderscores(text) {
+  return text.split('').reduce(function (acc, char, index) {
+    if (char === '_') {
+      var prevChar = text[index - 1];
+      var nextChar = text[index + 1];
+      // Skip if escaped with backslash
+      if (prevChar === '\\') {
+        return acc;
+      }
+      if (prevChar !== '_' && nextChar !== '_') {
+        return acc + 1;
+      }
+    }
+    return acc;
+  }, 0);
+};
+
+// Completes incomplete italic formatting with single underscores (_)
+var handleIncompleteSingleUnderscoreItalic = function handleIncompleteSingleUnderscoreItalic(text) {
+  var singleUnderscoreMatch = text.match(singleUnderscorePattern);
+  if (singleUnderscoreMatch) {
+    var singleUnderscores = countSingleUnderscores(text);
+    if (singleUnderscores % 2 === 1) {
+      return "".concat(text, "_");
+    }
+  }
+  return text;
+};
+
+// Checks if a backtick at position i is part of a triple backtick sequence
+var isPartOfTripleBacktick = function isPartOfTripleBacktick(text, i) {
+  // eslint-disable-next-line unicorn/prefer-string-slice
+  var isTripleStart = text.substring(i, i + 3) === '```';
+  // eslint-disable-next-line unicorn/prefer-string-slice
+  var isTripleMiddle = i > 0 && text.substring(i - 1, i + 2) === '```';
+  // eslint-disable-next-line unicorn/prefer-string-slice
+  var isTripleEnd = i > 1 && text.substring(i - 2, i + 1) === '```';
+  return isTripleStart || isTripleMiddle || isTripleEnd;
+};
+
+// Counts single backticks that are not part of triple backticks
+var countSingleBackticks = function countSingleBackticks(text) {
+  var count = 0;
+  for (var i = 0; i < text.length; i++) {
+    if (text[i] === '`' && !isPartOfTripleBacktick(text, i)) {
+      count++;
+    }
+  }
+  return count;
+};
+
+// Completes incomplete inline code formatting (`)
+// Avoids completing if inside an incomplete code block
+var handleIncompleteInlineCode = function handleIncompleteInlineCode(text) {
+  // Check if we have inline triple backticks (starts with ``` and should end with ```)
+  // This pattern should ONLY match truly inline code (no newlines)
+  // Examples: ```code``` or ```python code```
+  var inlineTripleBacktickMatch = text.match(/^```[^\n`]*```?$/);
+  if (inlineTripleBacktickMatch && !text.includes('\n')) {
+    // Check if it ends with exactly 2 backticks (incomplete)
+    if (text.endsWith('``') && !text.endsWith('```')) {
+      return "".concat(text) + '`';
+    }
+    // Already complete inline triple backticks
+    return text;
+  }
+
+  // Check if we're inside a multi-line code block (complete or incomplete)
+  var allTripleBackticks = (text.match(/```/g) || []).length;
+  var insideIncompleteCodeBlock = allTripleBackticks % 2 === 1;
+
+  // Special case: if text ends with ```\n (triple backticks followed by newline)
+  // This is actually a complete code block, not incomplete
+  if ((text.endsWith('```\n') || text.endsWith('```')) &&
+  // Count all triple backticks - if even, it's complete
+  allTripleBackticks % 2 === 0) {
+    return text;
+  }
+
+  // Don't modify text if we have complete multi-line code blocks (even pairs of ```)
+  if (allTripleBackticks > 0 && allTripleBackticks % 2 === 0 && text.includes('\n')) {
+    // We have complete multi-line code blocks, don't add any backticks
+    return text;
+  }
+  var inlineCodeMatch = text.match(inlineCodePattern);
+  if (inlineCodeMatch && !insideIncompleteCodeBlock) {
+    var singleBacktickCount = countSingleBackticks(text);
+    if (singleBacktickCount % 2 === 1) {
+      return "".concat(text) + '`';
+    }
+  }
+  return text;
+};
+
+// Completes incomplete strikethrough formatting (~~)
+var handleIncompleteStrikethrough = function handleIncompleteStrikethrough(text) {
+  var strikethroughMatch = text.match(strikethroughPattern);
+  if (strikethroughMatch) {
+    var tildePairs = (text.match(/~~/g) || []).length;
+    if (tildePairs % 2 === 1) {
+      return "".concat(text, "~~");
+    }
+  }
+  return text;
+};
+
+// Counts single dollar signs that are not part of double dollar signs and not escaped
+var countSingleDollarSigns = function countSingleDollarSigns(text) {
+  return text.split('').reduce(function (acc, char, index) {
+    if (char === '$') {
+      var prevChar = text[index - 1];
+      var nextChar = text[index + 1];
+      // Skip if escaped with backslash
+      if (prevChar === '\\') {
+        return acc;
+      }
+      if (prevChar !== '$' && nextChar !== '$') {
+        return acc + 1;
+      }
+    }
+    return acc;
+  }, 0);
+};
+
+// Completes incomplete block KaTeX formatting ($$)
+var handleIncompleteBlockKatex = function handleIncompleteBlockKatex(text) {
+  var blockKatexMatch = text.match(blockKatexPattern);
+  if (blockKatexMatch) {
+    var dollarPairs = (text.match(/\$\$/g) || []).length;
+    if (dollarPairs % 2 === 1) {
+      return "".concat(text, "$$");
+    }
+  }
+  return text;
+};
+
+// Completes incomplete inline KaTeX formatting ($)
+var handleIncompleteInlineKatex = function handleIncompleteInlineKatex(text) {
+  var inlineKatexMatch = text.match(inlineKatexPattern);
+  if (inlineKatexMatch) {
+    var singleDollars = countSingleDollarSigns(text);
+    if (singleDollars % 2 === 1) {
+      return "".concat(text, "$");
+    }
+  }
+  return text;
+};
+
+// Counts triple asterisks that are not part of quadruple or more asterisks
+var countTripleAsterisks = function countTripleAsterisks(text) {
+  var count = 0;
+  var matches = text.match(/\*+/g) || [];
+  var _iterator = _createForOfIteratorHelper(matches),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var match = _step.value;
+      // Count how many complete triple asterisks are in this sequence
+      var asteriskCount = match.length;
+      if (asteriskCount >= 3) {
+        // Each group of exactly 3 asterisks counts as one triple asterisk marker
+        count += Math.floor(asteriskCount / 3);
+      }
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return count;
+};
+
+// Completes incomplete bold-italic formatting (***)
+var handleIncompleteBoldItalic = function handleIncompleteBoldItalic(text) {
+  // Don't process if text is only asterisks and has 4 or more consecutive asterisks
+  // This prevents cases like **** from being treated as incomplete ***
+  if (/^\*{4,}$/.test(text)) {
+    return text;
+  }
+  var boldItalicMatch = text.match(boldItalicPattern);
+  if (boldItalicMatch) {
+    var tripleAsteriskCount = countTripleAsterisks(text);
+    if (tripleAsteriskCount % 2 === 1) {
+      return "".concat(text, "***");
+    }
+  }
+  return text;
+};
+
+// Parses markdown text and removes incomplete tokens to prevent partial rendering
+export var parseIncompleteMarkdown = function parseIncompleteMarkdown(text) {
+  if (!text || typeof text !== 'string') {
+    return text;
+  }
+  var result = text;
+
+  // Handle incomplete links and images first (removes content)
+  result = handleIncompleteLinksAndImages(result);
+
+  // Handle various formatting completions
+  // Handle triple asterisks first (most specific)
+  result = handleIncompleteBoldItalic(result);
+  result = handleIncompleteBold(result);
+  result = handleIncompleteDoubleUnderscoreItalic(result);
+  result = handleIncompleteSingleAsteriskItalic(result);
+  result = handleIncompleteSingleUnderscoreItalic(result);
+  result = handleIncompleteInlineCode(result);
+  result = handleIncompleteStrikethrough(result);
+
+  // Handle KaTeX formatting (block first, then inline)
+  result = handleIncompleteBlockKatex(result);
+  result = handleIncompleteInlineKatex(result);
+  return result;
+};

package/es/Markdown/Typography.js

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["ref", "children", "className", "fontSize", "headerMultiple", "marginMultiple", "lineHeight"];
+var _excluded = ["ref", "children", "className", "fontSize", "headerMultiple", "marginMultiple", "lineHeight", "style"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -16,23 +16,29 @@ var Typography = /*#__PURE__*/memo(function (_ref) {
   var ref = _ref.ref,
     children = _ref.children,
     className = _ref.className,
-    fontSize = _ref.fontSize,
-    headerMultiple = _ref.headerMultiple,
+    _ref$fontSize = _ref.fontSize,
+    fontSize = _ref$fontSize === void 0 ? 16 : _ref$fontSize,
+    _ref$headerMultiple = _ref.headerMultiple,
+    headerMultiple = _ref$headerMultiple === void 0 ? 1 : _ref$headerMultiple,
     _ref$marginMultiple = _ref.marginMultiple,
     marginMultiple = _ref$marginMultiple === void 0 ? 2 : _ref$marginMultiple,
-    lineHeight = _ref.lineHeight,
+    _ref$lineHeight = _ref.lineHeight,
+    lineHeight = _ref$lineHeight === void 0 ? 1.8 : _ref$lineHeight,
+    style = _ref.style,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useStyles = useStyles({
-      fontSize: fontSize,
-      headerMultiple: headerMultiple,
-      lineHeight: lineHeight,
-      marginMultiple: marginMultiple
-    }),
+  var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
   return /*#__PURE__*/_jsx("article", _objectSpread(_objectSpread({
     className: cx(styles.root, styles.variant, className),
-    ref: ref
+    ref: ref,
+    style: _objectSpread({
+      // @ts-ignore
+      '--lobe-markdown-font-size': "".concat(fontSize, "px"),
+      '--lobe-markdown-header-multiple': headerMultiple,
+      '--lobe-markdown-line-height': lineHeight,
+      '--lobe-markdown-margin-multiple': marginMultiple
+    }, style)
   }, rest), {}, {
     children: children
   }));

package/es/Markdown/components/CodeBlock.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+/// <reference types="react" />
 import { type HighlighterProps } from "../../Highlighter";
 import { type MermaidProps } from "../../Mermaid";
 export declare const useCode: (raw: any) => {
@@ -14,5 +14,5 @@ interface CodeBlockProps {
     highlight?: HighlighterProps;
     mermaid?: MermaidProps;
 }
-export declare const CodeBlock: FC<CodeBlockProps>;
+export declare const CodeBlock: import("react").NamedExoticComponent<CodeBlockProps>;
 export {};

package/es/Markdown/components/CodeBlock.js

@@ -7,6 +7,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { memo } from 'react';
 import { FALLBACK_LANG } from "../../Highlighter/const";
 import Pre, { PreMermaid, PreSingleLine } from "../../mdx/mdxComponents/Pre";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -30,7 +31,7 @@ export var useCode = function useCode(raw) {
     lang: lang
   };
 };
-export var CodeBlock = function CodeBlock(_ref) {
+export var CodeBlock = /*#__PURE__*/memo(function (_ref) {
   var fullFeatured = _ref.fullFeatured,
     enableMermaid = _ref.enableMermaid,
     highlight = _ref.highlight,
@@ -56,4 +57,6 @@ export var CodeBlock = function CodeBlock(_ref) {
   }, highlight), rest), {}, {
     children: code.content
   }));
-};
+}, function (prevProps, nextProps) {
+  return prevProps.children === nextProps.children;
+});

package/es/Markdown/markdown.style.d.ts

@@ -1,9 +1,4 @@
-export declare const useStyles: (props?: {
-    fontSize?: number | undefined;
-    headerMultiple?: number | undefined;
-    lineHeight?: number | undefined;
-    marginMultiple?: number | undefined;
-} | undefined) => import("antd-style").ReturnStyles<{
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
     root: import("antd-style").SerializedStyles;
     variant: string;
 }>;

package/es/Markdown/markdown.style.js

@@ -2,36 +2,28 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createStyles } from 'antd-style';
 var IGNORE_CLASSNAME = '.ignore-markdown-style';
-export var useStyles = createStyles(function (_ref, _ref2) {
+export var useStyles = createStyles(function (_ref) {
   var cx = _ref.cx,
     token = _ref.token,
     css = _ref.css;
-  var _ref2$fontSize = _ref2.fontSize,
-    fontSize = _ref2$fontSize === void 0 ? 16 : _ref2$fontSize,
-    _ref2$headerMultiple = _ref2.headerMultiple,
-    headerMultiple = _ref2$headerMultiple === void 0 ? 1 : _ref2$headerMultiple,
-    _ref2$marginMultiple = _ref2.marginMultiple,
-    marginMultiple = _ref2$marginMultiple === void 0 ? 2 : _ref2$marginMultiple,
-    _ref2$lineHeight = _ref2.lineHeight,
-    lineHeight = _ref2$lineHeight === void 0 ? 1.8 : _ref2$lineHeight;
-  var __root = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      --lobe-markdown-font-size: ", "px;\n      --lobe-markdown-header-multiple: ", ";\n      --lobe-markdown-margin-multiple: ", ";\n      --lobe-markdown-line-height: ", ";\n      --lobe-markdown-border-radius: ", ";\n      --lobe-markdown-border-color: ", ";\n\n      position: relative;\n\n      width: 100%;\n      max-width: 100%;\n      padding-inline: 1px;\n\n      font-size: var(--lobe-markdown-font-size);\n      line-height: var(--lobe-markdown-line-height);\n      word-break: break-word;\n\n      ", " {\n        font-size: 14px;\n        line-height: 1.5;\n      }\n    "])), fontSize, headerMultiple, marginMultiple, lineHeight, token.borderRadiusLG, token.colorFillQuaternary, IGNORE_CLASSNAME);
-  var a = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      a:not(", " a) {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.colorInfoText, token.colorInfoHover);
-  var blockquote = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      blockquote:not(", " blockquote) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        margin-inline: 0;\n        padding-block: 0;\n        padding-inline: 1em;\n        border-inline-start: solid 4px ", ";\n\n        color: ", ";\n      }\n    "])), IGNORE_CLASSNAME, token.colorBorder, token.colorTextSecondary);
-  var code = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      code:not(", " code) {\n        &:not(:has(span)) {\n          display: inline;\n\n          margin-inline: 0.25em;\n          padding-block: 0.2em;\n          padding-inline: 0.4em;\n          border: 1px solid var(--lobe-markdown-border-color);\n          border-radius: 0.25em;\n\n          font-family: ", ";\n          font-size: 0.875em;\n          line-height: 1;\n          word-break: break-word;\n          white-space: break-spaces;\n\n          background: ", ";\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.fontFamilyCode, token.colorFillSecondary);
-  var del = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      del:not(", " del) {\n        color: ", ";\n        text-decoration: line-through;\n      }\n    "])), IGNORE_CLASSNAME, token.colorTextDescription);
-  var details = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      details:not(", " details) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        padding-block: 0.75em;\n        padding-inline: 1em;\n        border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n        background: ", ";\n        box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n        summary {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          list-style: none;\n\n          &::before {\n            content: '';\n\n            position: absolute;\n            inset-inline-end: 1.25em;\n            transform: rotateZ(-45deg);\n\n            display: block;\n\n            width: 0.4em;\n            height: 0.4em;\n            border-block-end: 1.5px solid ", ";\n            border-inline-end: 1.5px solid ", ";\n\n            font-family: ", ";\n\n            transition: transform 200ms ", ";\n          }\n        }\n\n        &[open] {\n          summary {\n            padding-block-end: 0.75em;\n            border-block-end: 1px dashed ", ";\n\n            &::before {\n              transform: rotateZ(45deg);\n            }\n          }\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.colorFillTertiary, token.colorTextSecondary, token.colorTextSecondary, token.fontFamily, token.motionEaseOut, token.colorBorder);
-  var header = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      h1:not(", " h1),\n      h2:not(", " h2),\n      h3:not(", " h3),\n      h4:not(", " h4),\n      h5:not(", " h5),\n      h6:not(", " h6) {\n        margin-block: max(\n          calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),\n          var(--lobe-markdown-font-size)\n        );\n        font-weight: bold;\n        line-height: 1.25;\n      }\n\n      h1:not(", " h1) {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h2:not(", " h2) {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h3:not(", " h3) {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h4:not(", " h4) {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h5:not(", " h5),\n      h6:not(", " h6) {\n        font-size: calc(var(--lobe-markdown-font-size) * 1);\n      }\n    "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME);
-  var hr = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      hr:not(", " hr) {\n        width: 100%;\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);\n        border-color: ", ";\n        border-style: dashed;\n        border-width: 1px;\n        border-block-start: none;\n        border-inline-start: none;\n        border-inline-end: none;\n      }\n    "])), IGNORE_CLASSNAME, token.colorBorder);
-  var img = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      img:not(", " img) {\n        max-width: 100%;\n      }\n\n      > img,\n      > p > img {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n        box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n      }\n    "])), IGNORE_CLASSNAME);
-  var kbd = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      kbd:not(", " kbd) {\n        cursor: default;\n\n        display: inline-block;\n\n        min-width: 1em;\n        margin-inline: 0.25em;\n        padding-block: 0.2em;\n        padding-inline: 0.4em;\n        border: 1px solid ", ";\n        border-radius: 0.25em;\n\n        font-family: ", ";\n        font-size: 0.875em;\n        font-weight: 500;\n        line-height: 1;\n        text-align: center;\n\n        background: ", ";\n      }\n    "])), IGNORE_CLASSNAME, token.colorBorderSecondary, token.fontFamily, token.colorBgLayout);
-  var list = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      li:not(", " li) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);\n\n        p {\n          display: inline;\n        }\n      }\n\n      ul:not(", " ul),\n      ol:not(", " ol) {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        margin-inline-start: 1em;\n        padding-inline-start: 0;\n        list-style-position: outside;\n\n        > ul,\n        > ol {\n          margin-block: 0;\n        }\n\n        > li {\n          margin-inline-start: 1em;\n        }\n      }\n\n      ol:not(", " ol) {\n        list-style: auto;\n      }\n\n      ul:not(", " ul) {\n        list-style-type: none;\n\n        > li {\n          &::before {\n            content: '-';\n            display: inline-block;\n            margin-inline: -1em 0.5em;\n            opacity: 0.5;\n          }\n        }\n      }\n    "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME);
-  var p = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      p:not(", " kbd) {\n        margin-block: 4px;\n        line-height: var(--lobe-markdown-line-height);\n        letter-spacing: 0.02em;\n\n        &:not(:first-child) {\n          margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        }\n\n        &:not(:last-child) {\n          margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        }\n      }\n    "])), IGNORE_CLASSNAME);
-  var pre = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      pre {\n        font-size: calc(var(--lobe-markdown-font-size) * 0.85);\n      }\n    "])));
-  var strong = css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      strong:not(", " strong) {\n        font-weight: 600;\n      }\n    "])), IGNORE_CLASSNAME);
-  var svg = css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      svg:not(", " svg) {\n        line-height: 1;\n      }\n    "])), IGNORE_CLASSNAME);
-  var table = css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      table:not(", " table) {\n        unicode-bidi: isolate;\n        overflow: auto hidden;\n        display: block;\n        border-spacing: 0;\n        border-collapse: collapse;\n\n        box-sizing: border-box;\n        width: max-content;\n        max-width: 100%;\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n        text-align: start;\n        text-indent: initial;\n        text-wrap: pretty;\n        word-break: auto-phrase;\n        overflow-wrap: break-word;\n\n        background: ", ";\n        box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n        code {\n          word-break: break-word;\n        }\n\n        thead {\n          background: ", ";\n        }\n\n        tr {\n          box-shadow: 0 1px 0 var(--lobe-markdown-border-color);\n        }\n\n        th,\n        td {\n          min-width: 120px;\n          padding-block: 0.75em;\n          padding-inline: 1em;\n          text-align: start;\n        }\n      }\n    "])), IGNORE_CLASSNAME, token.colorFillQuaternary, token.colorFillQuaternary);
-  var video = css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      > video:not(", " video),\n      > p:not(", " p) > video {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n        box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n      }\n\n      video:not(", " video) {\n        max-width: 100%;\n      }\n    "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME);
-  var gfm = css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      .markdown-alert {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n        padding-inline-start: 1em;\n        border-inline-start: solid 4px ", ";\n\n        > p {\n          margin-block-start: 0 !important;\n        }\n      }\n\n      .markdown-alert > :first-child {\n        margin-block-start: 0;\n      }\n\n      .markdown-alert > :last-child {\n        margin-block-end: 0;\n      }\n\n      .markdown-alert-note {\n        border-inline-start-color: ", ";\n      }\n\n      .markdown-alert-tip {\n        border-inline-start-color: ", ";\n      }\n\n      .markdown-alert-important {\n        border-inline-start-color: ", ";\n      }\n\n      .markdown-alert-warning {\n        border-inline-start-color: ", ";\n      }\n\n      .markdown-alert-caution {\n        border-inline-start-color: ", ";\n      }\n\n      .markdown-alert-title {\n        display: flex;\n        align-items: center;\n        margin-block-end: 0.5em !important;\n        font-weight: 500;\n      }\n\n      .markdown-alert-note .markdown-alert-title {\n        color: ", ";\n        fill: ", ";\n      }\n\n      .markdown-alert-tip .markdown-alert-title {\n        color: ", ";\n        fill: ", ";\n      }\n\n      .markdown-alert-important .markdown-alert-title {\n        color: ", ";\n        fill: ", ";\n      }\n\n      .markdown-alert-warning .markdown-alert-title {\n        color: ", ";\n        fill: ", ";\n      }\n\n      .markdown-alert-caution .markdown-alert-title {\n        color: ", ";\n        fill: ", ";\n      }\n\n      .octicon {\n        overflow: visible !important;\n        display: inline-block;\n        margin-inline-end: 0.5em;\n        vertical-align: text-bottom;\n      }\n\n      .task-list-item {\n        &::before {\n          display: none !important;\n        }\n\n        input[type='checkbox'] {\n          margin-block: 0 0.25em;\n          margin-inline: -1.6em 0.2em;\n          vertical-align: middle;\n        }\n\n        input[type='checkbox']:dir(rtl) {\n          margin: 0 -1.6em 0.25em 0.2em;\n        }\n      }\n\n      /* Style the footnotes section. */\n\n      .footnotes {\n        margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);\n        font-size: smaller;\n        color: #8b949e;\n\n        #footnote-label {\n          display: none;\n        }\n\n        > ol {\n          margin: 0 !important;\n        }\n      }\n\n      .sr-only {\n        position: absolute;\n\n        overflow: hidden;\n\n        width: 1px;\n        height: 1px;\n        padding: 0;\n        border: 0;\n\n        word-wrap: normal;\n\n        clip: rect(0, 0, 0, 0);\n      }\n\n      sup:has(a[aria-describedby='footnote-label']) {\n        margin-inline: 2px;\n        vertical-align: super !important;\n\n        [data-footnote-ref] {\n          display: inline-block;\n\n          width: 16px;\n          height: 16px;\n          border-radius: 4px;\n\n          font-family: ", ";\n          font-size: 10px;\n          color: ", " !important;\n          text-align: center;\n\n          background: ", ";\n        }\n      }\n    "])), token.colorBorder, token.colorInfo, token.colorSuccess, token.purple, token.colorWarning, token.colorError, token.colorInfo, token.colorInfo, token.colorSuccess, token.colorSuccess, token.purple, token.purple, token.colorWarning, token.colorWarning, token.colorError, token.colorError, token.fontFamilyCode, token.colorTextSecondary, token.colorFillSecondary);
+  var __root = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n\n    width: 100%;\n    max-width: 100%;\n    padding-inline: 1px;\n\n    font-size: var(--lobe-markdown-font-size);\n    line-height: var(--lobe-markdown-line-height);\n    word-break: break-word;\n\n    :root {\n      --lobe-markdown-font-size: 16px;\n      --lobe-markdown-header-multiple: 1;\n      --lobe-markdown-margin-multiple: 2;\n      --lobe-markdown-line-height: 1.8;\n      --lobe-markdown-border-radius: ", ";\n      --lobe-markdown-border-color: ", ";\n    }\n\n    ", " {\n      font-size: 14px;\n      line-height: 1.5;\n    }\n  "])), token.borderRadiusLG, token.colorFillQuaternary, IGNORE_CLASSNAME);
+  var a = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    a:not(", " a) {\n      color: ", ";\n\n      &:hover {\n        color: ", ";\n      }\n    }\n  "])), IGNORE_CLASSNAME, token.colorInfoText, token.colorInfoHover);
+  var blockquote = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    blockquote:not(", " blockquote) {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      margin-inline: 0;\n      padding-block: 0;\n      padding-inline: 1em;\n      border-inline-start: solid 4px ", ";\n\n      color: ", ";\n    }\n  "])), IGNORE_CLASSNAME, token.colorBorder, token.colorTextSecondary);
+  var code = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    code:not(", " code) {\n      &:not(:has(span)) {\n        display: inline;\n\n        margin-inline: 0.25em;\n        padding-block: 0.2em;\n        padding-inline: 0.4em;\n        border: 1px solid var(--lobe-markdown-border-color);\n        border-radius: 0.25em;\n\n        font-family: ", ";\n        font-size: 0.875em;\n        line-height: 1;\n        word-break: break-word;\n        white-space: break-spaces;\n\n        background: ", ";\n      }\n    }\n  "])), IGNORE_CLASSNAME, token.fontFamilyCode, token.colorFillSecondary);
+  var del = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    del:not(", " del) {\n      color: ", ";\n      text-decoration: line-through;\n    }\n  "])), IGNORE_CLASSNAME, token.colorTextDescription);
+  var details = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    details:not(", " details) {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-block: 0.75em;\n      padding-inline: 1em;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      background: ", ";\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n      summary {\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        list-style: none;\n\n        &::before {\n          content: '';\n\n          position: absolute;\n          inset-inline-end: 1.25em;\n          transform: rotateZ(-45deg);\n\n          display: block;\n\n          width: 0.4em;\n          height: 0.4em;\n          border-block-end: 1.5px solid ", ";\n          border-inline-end: 1.5px solid ", ";\n\n          font-family: ", ";\n\n          transition: transform 200ms ", ";\n        }\n      }\n\n      &[open] {\n        summary {\n          padding-block-end: 0.75em;\n          border-block-end: 1px dashed ", ";\n\n          &::before {\n            transform: rotateZ(45deg);\n          }\n        }\n      }\n    }\n  "])), IGNORE_CLASSNAME, token.colorFillTertiary, token.colorTextSecondary, token.colorTextSecondary, token.fontFamily, token.motionEaseOut, token.colorBorder);
+  var header = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    h1:not(", " h1),\n    h2:not(", " h2),\n    h3:not(", " h3),\n    h4:not(", " h4),\n    h5:not(", " h5),\n    h6:not(", " h6) {\n      margin-block: max(\n        calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.4em),\n        var(--lobe-markdown-font-size)\n      );\n      font-weight: bold;\n      line-height: 1.25;\n    }\n\n    h1:not(", " h1) {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h2:not(", " h2) {\n      font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));\n    }\n\n    h3:not(", " h3) {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h4:not(", " h4) {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h5:not(", " h5),\n    h6:not(", " h6) {\n      font-size: calc(var(--lobe-markdown-font-size) * 1);\n    }\n  "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME);
+  var hr = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    hr:not(", " hr) {\n      width: 100%;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);\n      border-color: ", ";\n      border-style: dashed;\n      border-width: 1px;\n      border-block-start: none;\n      border-inline-start: none;\n      border-inline-end: none;\n    }\n  "])), IGNORE_CLASSNAME, token.colorBorder);
+  var img = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    img:not(", " img) {\n      max-width: 100%;\n    }\n\n    > img,\n    > p > img {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    }\n  "])), IGNORE_CLASSNAME);
+  var kbd = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    kbd:not(", " kbd) {\n      cursor: default;\n\n      display: inline-block;\n\n      min-width: 1em;\n      margin-inline: 0.25em;\n      padding-block: 0.2em;\n      padding-inline: 0.4em;\n      border: 1px solid ", ";\n      border-radius: 0.25em;\n\n      font-family: ", ";\n      font-size: 0.875em;\n      font-weight: 500;\n      line-height: 1;\n      text-align: center;\n\n      background: ", ";\n    }\n  "])), IGNORE_CLASSNAME, token.colorBorderSecondary, token.fontFamily, token.colorBgLayout);
+  var list = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    li:not(", " li) {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.33em);\n\n      p:first-child {\n        display: inline;\n      }\n    }\n\n    ul:not(", " ul),\n    ol:not(", " ol) {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      margin-inline-start: 1em;\n      padding-inline-start: 0;\n      list-style-position: outside;\n\n      > ul,\n      > ol {\n        margin-block: 0;\n      }\n\n      > li {\n        margin-inline-start: 1em;\n      }\n    }\n\n    ol:not(", " ol) {\n      list-style: auto;\n    }\n\n    ul:not(", " ul) {\n      list-style-type: none;\n\n      > li {\n        &::before {\n          content: '-';\n\n          position: absolute;\n\n          display: inline-block;\n\n          margin-inline: -1em 0.5em;\n\n          opacity: 0.5;\n        }\n      }\n    }\n  "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME);
+  var p = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    p:not(", " kbd) {\n      margin-block: 4px;\n      line-height: var(--lobe-markdown-line-height);\n      letter-spacing: 0.02em;\n\n      &:not(:first-child) {\n        margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n\n      &:not(:last-child) {\n        margin-block-end: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n    }\n  "])), IGNORE_CLASSNAME);
+  var pre = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    pre {\n      font-size: calc(var(--lobe-markdown-font-size) * 0.85);\n    }\n  "])));
+  var strong = css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    strong:not(", " strong) {\n      font-weight: 600;\n    }\n  "])), IGNORE_CLASSNAME);
+  var svg = css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    svg:not(", " svg) {\n      line-height: 1;\n    }\n  "])), IGNORE_CLASSNAME);
+  var table = css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    table:not(", " table) {\n      unicode-bidi: isolate;\n      overflow: auto hidden;\n      display: block;\n      border-spacing: 0;\n      border-collapse: collapse;\n\n      box-sizing: border-box;\n      width: max-content;\n      max-width: 100%;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n\n      text-align: start;\n      text-indent: initial;\n      text-wrap: pretty;\n      word-break: auto-phrase;\n      overflow-wrap: break-word;\n\n      background: ", ";\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n\n      code {\n        word-break: break-word;\n      }\n\n      thead {\n        background: ", ";\n      }\n\n      tr {\n        box-shadow: 0 1px 0 var(--lobe-markdown-border-color);\n      }\n\n      th,\n      td {\n        min-width: 120px;\n        padding-block: 0.75em;\n        padding-inline: 1em;\n        text-align: start;\n      }\n    }\n  "])), IGNORE_CLASSNAME, token.colorFillQuaternary, token.colorFillQuaternary);
+  var video = css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n    > video:not(", " video),\n    > p:not(", " p) > video {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    }\n\n    video:not(", " video) {\n      max-width: 100%;\n    }\n  "])), IGNORE_CLASSNAME, IGNORE_CLASSNAME, IGNORE_CLASSNAME);
+  var gfm = css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n    .markdown-alert {\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      padding-inline-start: 1em;\n      border-inline-start: solid 4px ", ";\n\n      > p {\n        margin-block-start: 0 !important;\n      }\n    }\n\n    .markdown-alert > :first-child {\n      margin-block-start: 0;\n    }\n\n    .markdown-alert > :last-child {\n      margin-block-end: 0;\n    }\n\n    .markdown-alert-note {\n      border-inline-start-color: ", ";\n    }\n\n    .markdown-alert-tip {\n      border-inline-start-color: ", ";\n    }\n\n    .markdown-alert-important {\n      border-inline-start-color: ", ";\n    }\n\n    .markdown-alert-warning {\n      border-inline-start-color: ", ";\n    }\n\n    .markdown-alert-caution {\n      border-inline-start-color: ", ";\n    }\n\n    .markdown-alert-title {\n      display: flex;\n      align-items: center;\n      margin-block-end: 0.5em !important;\n      font-weight: 500;\n    }\n\n    .markdown-alert-note .markdown-alert-title {\n      color: ", ";\n      fill: ", ";\n    }\n\n    .markdown-alert-tip .markdown-alert-title {\n      color: ", ";\n      fill: ", ";\n    }\n\n    .markdown-alert-important .markdown-alert-title {\n      color: ", ";\n      fill: ", ";\n    }\n\n    .markdown-alert-warning .markdown-alert-title {\n      color: ", ";\n      fill: ", ";\n    }\n\n    .markdown-alert-caution .markdown-alert-title {\n      color: ", ";\n      fill: ", ";\n    }\n\n    .octicon {\n      overflow: visible !important;\n      display: inline-block;\n      margin-inline-end: 0.5em;\n      vertical-align: text-bottom;\n    }\n\n    .task-list-item {\n      &::before {\n        display: none !important;\n      }\n\n      input[type='checkbox'] {\n        margin-block: 0 0.25em;\n        margin-inline: -1.6em 0.2em;\n        vertical-align: middle;\n      }\n\n      input[type='checkbox']:dir(rtl) {\n        margin: 0 -1.6em 0.25em 0.2em;\n      }\n    }\n\n    /* Style the footnotes section. */\n\n    .footnotes {\n      margin-block-start: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      font-size: smaller;\n      color: #8b949e;\n\n      #footnote-label {\n        display: none;\n      }\n\n      > ol {\n        margin: 0 !important;\n      }\n    }\n\n    .sr-only {\n      position: absolute;\n\n      overflow: hidden;\n\n      width: 1px;\n      height: 1px;\n      padding: 0;\n      border: 0;\n\n      word-wrap: normal;\n\n      clip: rect(0, 0, 0, 0);\n    }\n\n    sup {\n      line-height: var(--lobe-markdown-line-height);\n    }\n\n    sup:has(a[aria-describedby='footnote-label']) {\n      margin-inline: 2px;\n      vertical-align: super !important;\n\n      [data-footnote-ref] {\n        display: inline-block;\n\n        width: 16px;\n        height: 16px;\n        border-radius: 4px;\n\n        font-family: ", ";\n        font-size: 10px;\n        color: ", " !important;\n        text-align: center;\n\n        background: ", ";\n      }\n    }\n  "])), token.colorBorder, token.colorInfo, token.colorSuccess, token.purple, token.colorWarning, token.colorError, token.colorInfo, token.colorInfo, token.colorSuccess, token.colorSuccess, token.purple, token.purple, token.colorWarning, token.colorWarning, token.colorError, token.colorError, token.fontFamilyCode, token.colorTextSecondary, token.colorFillSecondary);
   return {
     root: __root,
     variant: cx(a, blockquote, code, del, details, header, hr, img, kbd, list, p, pre, strong, svg, table, video, gfm)

package/es/Mermaid/SyntaxMermaid/index.js

@@ -99,6 +99,8 @@ var SyntaxMermaid = /*#__PURE__*/memo(function (_ref) {
     },
     variant: 'borderless'
   });
+}, function (prevProps, nextProps) {
+  return prevProps.children === nextProps.children;
 });
 SyntaxMermaid.displayName = 'SyntaxMermaid';
 export default SyntaxMermaid;

package/es/hooks/useMarkdown/fixMarkdownEmphasisSpacing.js

@@ -111,66 +111,6 @@ function applyEmphasisFixes(text) {
       return match;
     });
   }
-
-  // Step 3: Add space before opening emphasis markers when preceded by non-whitespace and first char is symbol/punctuation
-  var beforeEmphasisPatterns = [
-  // ** (bold)
-  {
-    markerChar: '*',
-    pattern: /(\S)(\*\*)([^\n*]*?)(\*\*)/g
-  },
-  // __ (bold)
-  {
-    markerChar: '_',
-    pattern: /(\S)(__)([^\n_]*?)(__)/g
-  },
-  // * (italic) - need to avoid matching **
-  {
-    markerChar: '*',
-    pattern: /(\S)(\*(?!\*))([^\n*]*?)(\*(?!\*))/g
-  },
-  // _ (italic) - need to avoid matching __
-  {
-    markerChar: '_',
-    pattern: /(\S)(_(?!_))([^\n_]*?)(_(?!_))/g
-  },
-  // ~~ (strikethrough)
-  {
-    markerChar: '~',
-    pattern: /(\S)(~~)([^\n~]*?)(~~)/g
-  }];
-
-  // Apply space before opening markers for each emphasis type
-  for (var _i2 = 0, _beforeEmphasisPatter = beforeEmphasisPatterns; _i2 < _beforeEmphasisPatter.length; _i2++) {
-    var _pattern = _beforeEmphasisPatter[_i2].pattern;
-    result = result.replaceAll(_pattern, function (match, prevChar, start, content, end) {
-      // Check if the content starts with a symbol/punctuation (like ：, :, ", (, etc.)
-      var firstChar = content.charAt(0);
-      var isSymbolOrPunctuation = /[!"#$%&'()*+,./:;<=>?@[\\\]^_`{|}~、。《》【】！（），：；？｛｜｝-]/.test(firstChar);
-
-      // If previous character is not whitespace and content starts with symbol/punctuation, add space before
-      if (prevChar && !/\s/.test(prevChar) && isSymbolOrPunctuation) {
-        return prevChar + ' ' + start + content + end;
-      }
-      return match;
-    });
-  }
-
-  // Step 4: Re-run step 2 after step 3 to handle cases where both before and after spaces are needed
-  for (var _i3 = 0, _emphasisPatterns2 = emphasisPatterns; _i3 < _emphasisPatterns2.length; _i3++) {
-    var _pattern2 = _emphasisPatterns2[_i3].pattern;
-    result = result.replaceAll(_pattern2, function (match, start, content, end, nextChar) {
-      // Check if the content ends with a symbol/punctuation (like ：, :, etc.)
-      var lastChar = content.slice(-1);
-      var isSymbolOrPunctuation = /[!"#$%&'()*+,./:;<=>?@[\\\]^_`{|}~、。《》【】！（），：；？｛｜｝-]/.test(lastChar);
-
-      // If content ends with symbol/punctuation and next character is not whitespace, add space
-      if (isSymbolOrPunctuation && nextChar && !/\s/.test(nextChar)) {
-        return start + content + end + ' ' + nextChar;
-      }
-      return match;
-    });
-  }
   return result;
 }
 function splitMarkdownWithAllCodeTypes(text) {

package/es/hooks/useMarkdown/useMarkdownComponents.js

@@ -1,12 +1,15 @@
 'use client';
 
+var _excluded = ["children"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { useMemo } from 'react';
+import { useCallback, useMemo } from 'react';
 import { CodeBlock } from "../../Markdown/components/CodeBlock";
 import { useMarkdownContext } from "../../Markdown/components/MarkdownProvider";
 import Image from "../../mdx/mdxComponents/Image";
@@ -24,30 +27,34 @@ export var useMarkdownComponents = function useMarkdownComponents() {
     showFootnotes = _useMarkdownContext.showFootnotes,
     enableMermaid = _useMarkdownContext.enableMermaid,
     fullFeaturedCodeBlock = _useMarkdownContext.fullFeaturedCodeBlock;
-  var memoA = useMemo(function () {
-    return function (props) {
-      return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({
-        citations: citations
-      }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.a));
-    };
+  var memoA = useCallback(function (props) {
+    return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({
+      citations: citations
+    }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.a));
   }, [citations, componentProps === null || componentProps === void 0 ? void 0 : componentProps.a]);
-  var memoImg = useMemo(function () {
-    return function (props) {
-      return /*#__PURE__*/_jsx(Image, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.img));
-    };
+  var memoImg = useCallback(function (props) {
+    return /*#__PURE__*/_jsx(Image, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.img));
   }, [componentProps === null || componentProps === void 0 ? void 0 : componentProps.img]);
-  var memoVideo = useMemo(function () {
-    return function (props) {
-      return /*#__PURE__*/_jsx(Video, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.video));
-    };
+  var memoVideo = useCallback(function (props) {
+    return /*#__PURE__*/_jsx(Video, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.video));
   }, [componentProps === null || componentProps === void 0 ? void 0 : componentProps.video]);
-  var memoSection = useMemo(function () {
-    return function (props) {
-      return /*#__PURE__*/_jsx(Section, _objectSpread({
-        showFootnotes: showFootnotes
-      }, props));
-    };
+  var memoSection = useCallback(function (props) {
+    return /*#__PURE__*/_jsx(Section, _objectSpread({
+      showFootnotes: showFootnotes
+    }, props));
   }, [showFootnotes]);
+  var memoBr = useCallback(function () {
+    return /*#__PURE__*/_jsx("br", {});
+  }, []);
+  var memeP = useCallback(function (_ref) {
+    var _children$props;
+    var children = _ref.children,
+      rest = _objectWithoutProperties(_ref, _excluded);
+    var hasImage = _typeof(children) === 'object' && (children === null || children === void 0 || (_children$props = children.props) === null || _children$props === void 0 || (_children$props = _children$props.node) === null || _children$props === void 0 ? void 0 : _children$props.tagName) === 'img';
+    return hasImage ? children : /*#__PURE__*/_jsx("p", _objectSpread(_objectSpread({}, rest), {}, {
+      children: children
+    }));
+  }, []);
 
   // Stable references for theme objects to prevent unnecessary re-renders
   var highlightTheme = useMemo(function () {
@@ -71,30 +78,24 @@ export var useMarkdownComponents = function useMarkdownComponents() {
       }) : undefined
     };
   }, [highlightTheme, mermaidTheme]);
-  var memoPre = useMemo(function () {
-    return function (props) {
-      return /*#__PURE__*/_jsx(CodeBlock, _objectSpread(_objectSpread(_objectSpread({
-        animated: animated,
-        enableMermaid: enableMermaid,
-        fullFeatured: fullFeaturedCodeBlock
-      }, stableComponentProps), componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre), props));
-    };
+  var memoPre = useCallback(function (props) {
+    return /*#__PURE__*/_jsx(CodeBlock, _objectSpread(_objectSpread(_objectSpread({
+      animated: animated,
+      enableMermaid: enableMermaid,
+      fullFeatured: fullFeaturedCodeBlock
+    }, stableComponentProps), componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre), props));
   }, [animated, enableMermaid, fullFeaturedCodeBlock, stableComponentProps, componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre]);
-  var memoBr = useMemo(function () {
-    return function () {
-      return /*#__PURE__*/_jsx("br", {});
-    };
-  }, []);
   var memoComponents = useMemo(function () {
     return {
       a: memoA,
       br: memoBr,
       img: memoImg,
+      p: memeP,
       pre: memoPre,
       section: memoSection,
       video: memoVideo
     };
-  }, [memoA, memoBr, memoImg, memoVideo, memoPre, memoSection]);
+  }, [memoA, memoBr, memoImg, memoVideo, memoPre, memoSection, memeP]);
   return useMemo(function () {
     return _objectSpread(_objectSpread({}, memoComponents), components);
   }, [memoComponents, components]);

package/es/hooks/useMarkdown/utils.d.ts

@@ -26,15 +26,5 @@ interface PreprocessOptions {
     enableCustomFootnotes?: boolean;
     enableLatex?: boolean;
 }
-/**
- * Preprocesses markdown content by applying various transformations:
- * - LaTeX preprocessing
- * - Citation transformations
- * - Bold syntax fixing
- *
- * @param str The raw markdown content
- * @param options Preprocessing options
- * @returns The processed markdown content
- */
 export declare const preprocessContent: (str: string, { enableCustomFootnotes, enableLatex, citationsLength }?: PreprocessOptions) => string;
 export {};

package/es/hooks/useMarkdown/utils.js

@@ -118,16 +118,6 @@ export var transformCitations = function transformCitations(rawContent) {
  * Preprocessing options for markdown content
  */
 
-/**
- * Preprocesses markdown content by applying various transformations:
- * - LaTeX preprocessing
- * - Citation transformations
- * - Bold syntax fixing
- *
- * @param str The raw markdown content
- * @param options Preprocessing options
- * @returns The processed markdown content
- */
 export var preprocessContent = function preprocessContent(str) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
     enableCustomFootnotes = _ref.enableCustomFootnotes,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "2.9.5",
+  "version": "2.10.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -74,6 +74,7 @@
     "leva": "^0.10.0",
     "lodash-es": "^4.17.21",
     "lucide-react": "^0.525.0",
+    "marked": "^16.2.0",
     "mermaid": "^11.9.0",
     "numeral": "^2.0.6",
     "polished": "^4.3.1",