@lobehub/ui 1.164.16 → 1.165.0

package/es/Markdown/index.d.ts

@@ -8,10 +8,12 @@ import { type ImageProps } from "../mdx/mdxComponents/Image";
 import { type PreProps } from "../mdx/mdxComponents/Pre";
 import { type VideoProps } from "../mdx/mdxComponents/Video";
 import type { AProps } from "../types";
+import { CitationItem } from "../types/citation";
 import type { TypographyProps } from './Typography';
 export interface MarkdownProps extends TypographyProps {
     allowHtml?: boolean;
     children: string;
+    citations?: CitationItem[];
     className?: string;
     componentProps?: {
         a?: Partial<AProps & AnchorProps>;
@@ -33,6 +35,7 @@ export interface MarkdownProps extends TypographyProps {
     rehypePlugins?: Pluggable[];
     remarkPlugins?: Pluggable[];
     remarkPluginsAhead?: Pluggable[];
+    showFootnotes?: boolean;
     style?: CSSProperties;
     variant?: 'normal' | 'chat';
 }

package/es/Markdown/index.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 = ["children", "className", "style", "fullFeaturedCodeBlock", "onDoubleClick", "enableLatex", "enableMermaid", "enableImageGallery", "componentProps", "allowHtml", "fontSize", "headerMultiple", "marginMultiple", "variant", "lineHeight", "rehypePlugins", "remarkPlugins", "remarkPluginsAhead", "components", "customRender"];
+var _excluded = ["children", "className", "style", "fullFeaturedCodeBlock", "onDoubleClick", "enableLatex", "enableMermaid", "enableImageGallery", "componentProps", "allowHtml", "fontSize", "headerMultiple", "marginMultiple", "showFootnotes", "variant", "lineHeight", "rehypePlugins", "remarkPlugins", "remarkPluginsAhead", "components", "customRender", "citations"];
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 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); }
@@ -25,12 +25,14 @@ import remarkMath from 'remark-math';
 import ImageGallery from "../Image/ImageGallery";
 import Image from "../mdx/mdxComponents/Image";
 import Link from "../mdx/mdxComponents/Link";
+import Section from "../mdx/mdxComponents/Section";
 import Video from "../mdx/mdxComponents/Video";
 import { CodeFullFeatured, CodeLite } from "./CodeBlock";
 import { useStyles as useMarkdownStyles } from "./markdown.style";
-import { rehypeKatexDir } from "./rehypePlugin";
+import { rehypeFootnoteLinks, remarkCustomFootnotes } from "./plugins/footnote";
+import { rehypeKatexDir } from "./plugins/katexDir";
 import { useStyles } from "./style";
-import { escapeBrackets, escapeMhchem, fixMarkdownBold } from "./utils";
+import { escapeBrackets, escapeMhchem, fixMarkdownBold, transformCitations } from "./utils";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Markdown = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
@@ -49,6 +51,7 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     fontSize = _ref.fontSize,
     headerMultiple = _ref.headerMultiple,
     marginMultiple = _ref.marginMultiple,
+    showFootnotes = _ref.showFootnotes,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'normal' : _ref$variant,
     lineHeight = _ref.lineHeight,
@@ -58,6 +61,7 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     _ref$components = _ref.components,
     components = _ref$components === void 0 ? {} : _ref$components,
     customRender = _ref.customRender,
+    citations = _ref.citations,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles({
       fontSize: fontSize,
@@ -76,12 +80,14 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
   var isChatMode = variant === 'chat';
   var escapedContent = useMemo(function () {
     if (!enableLatex) return fixMarkdownBold(children);
-    return fixMarkdownBold(escapeMhchem(escapeBrackets(children)));
+    return transformCitations(fixMarkdownBold(escapeMhchem(escapeBrackets(children))), citations === null || citations === void 0 ? void 0 : citations.length);
   }, [children, enableLatex]);
   var memoComponents = useMemo(function () {
     return _objectSpread({
       a: function a(props) {
-        return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.a));
+        return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({
+          citations: citations
+        }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.a));
       },
       img: enableImageGallery ? function (props) {
         var _componentProps$img, _componentProps$img2;
@@ -103,19 +109,24 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
           mermaid: componentProps === null || componentProps === void 0 ? void 0 : componentProps.mermaid
         }, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.pre));
       },
+      section: function section(props) {
+        return /*#__PURE__*/_jsx(Section, _objectSpread({
+          showCitations: showFootnotes
+        }, props));
+      },
       video: function video(props) {
         return /*#__PURE__*/_jsx(Video, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.video));
       }
     }, components);
-  }, [].concat(_toConsumableArray(Object.values(components || {})), _toConsumableArray(Object.values(componentProps || {})), [enableImageGallery, enableMermaid, fullFeaturedCodeBlock]));
+  }, [].concat(_toConsumableArray(Object.values(components || {})), _toConsumableArray(Object.values(componentProps || {})), [enableImageGallery, enableMermaid, fullFeaturedCodeBlock], _toConsumableArray(citations || []), [showFootnotes]));
   var innerRehypePlugins = Array.isArray(rehypePlugins) ? rehypePlugins : [rehypePlugins];
   var memoRehypePlugins = useMemo(function () {
-    return [allowHtml && rehypeRaw, enableLatex && rehypeKatex, enableLatex && rehypeKatexDir].concat(_toConsumableArray(innerRehypePlugins)).filter(Boolean);
+    return [allowHtml && rehypeRaw, enableLatex && rehypeKatex, enableLatex && rehypeKatexDir, rehypeFootnoteLinks].concat(_toConsumableArray(innerRehypePlugins)).filter(Boolean);
   }, [allowHtml, enableLatex].concat(_toConsumableArray(innerRehypePlugins)));
   var innerRemarkPlugins = Array.isArray(remarkPlugins) ? remarkPlugins : [remarkPlugins];
   var innerRemarkPluginsAhead = Array.isArray(remarkPluginsAhead) ? remarkPluginsAhead : [remarkPluginsAhead];
   var memoRemarkPlugins = useMemo(function () {
-    return [].concat(_toConsumableArray(innerRemarkPluginsAhead), [remarkGfm, enableLatex && remarkMath, isChatMode && remarkBreaks], _toConsumableArray(innerRemarkPlugins)).filter(Boolean);
+    return [].concat(_toConsumableArray(innerRemarkPluginsAhead), [remarkGfm, remarkCustomFootnotes, enableLatex && remarkMath, isChatMode && remarkBreaks], _toConsumableArray(innerRemarkPlugins)).filter(Boolean);
   }, [isChatMode, enableLatex].concat(_toConsumableArray(innerRemarkPluginsAhead), _toConsumableArray(innerRemarkPlugins)));
   var defaultDOM = /*#__PURE__*/_jsx(ImageGallery, {
     enable: enableImageGallery,

package/es/Markdown/plugins/footnote.d.ts

@@ -0,0 +1,2 @@
+export declare const remarkCustomFootnotes: () => (tree: any, file: any) => void;
+export declare const rehypeFootnoteLinks: () => (tree: any, file: any) => void;

package/es/Markdown/plugins/footnote.js

@@ -0,0 +1,89 @@
+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 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+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; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { SKIP, visit } from 'unist-util-visit';
+// eslint-disable-next-line unicorn/consistent-function-scoping
+export var remarkCustomFootnotes = function remarkCustomFootnotes() {
+  return function (tree, file) {
+    var footnoteLinks = new Map();
+    visit(tree, 'footnoteDefinition', function (node) {
+      var linkData = null;
+
+      // 查找第一个link类型的子节点
+      visit(node, 'link', function (linkNode) {
+        if (linkData) return SKIP; // 只取第一个链接
+
+        // 提取链接文本
+        var textNode = linkNode.children.find(function (n) {
+          return n.type === 'text';
+        });
+        linkData = {
+          alt: (textNode === null || textNode === void 0 ? void 0 : textNode.value) || '',
+          title: (textNode === null || textNode === void 0 ? void 0 : textNode.value) || '',
+          url: linkNode.url // 或者根据需求处理
+        };
+        return SKIP; // 找到后停止遍历
+      });
+      if (linkData) {
+        footnoteLinks.set(node.identifier, linkData);
+      }
+    });
+
+    // 将数据存入文件上下文
+    file.data.footnoteLinks = Object.fromEntries(footnoteLinks);
+  };
+};
+
+// eslint-disable-next-line unicorn/consistent-function-scoping
+export var rehypeFootnoteLinks = function rehypeFootnoteLinks() {
+  return function (tree, file) {
+    var linksData = file.data.footnoteLinks || {};
+    visit(tree, 'element', function (node) {
+      var _node$properties$clas;
+      if (node.tagName === 'section' && (_node$properties$clas = node.properties.className) !== null && _node$properties$clas !== void 0 && _node$properties$clas.includes('footnotes')) {
+        // 转换数据格式为数组（按identifier排序）
+        var sortedLinks = Object.entries(linksData).sort(function (_ref, _ref2) {
+          var _ref3 = _slicedToArray(_ref, 1),
+            a = _ref3[0];
+          var _ref4 = _slicedToArray(_ref2, 1),
+            b = _ref4[0];
+          return a.localeCompare(b);
+        }).map(function (_ref5) {
+          var _ref6 = _slicedToArray(_ref5, 2),
+            id = _ref6[0],
+            data = _ref6[1];
+          return _objectSpread({
+            id: id
+          }, data);
+        });
+        // 注入数据属性
+        node.properties['data-footnote-links'] = JSON.stringify(sortedLinks);
+      }
+      if (node.tagName === 'sup') {
+        var link = node.children.find(function (n) {
+          return n.tagName === 'a';
+        });
+        if (link) {
+          var _link$properties;
+          // a node example
+          // {
+          //     "href": "#user-content-fn-3",
+          //     "id": "user-content-fnref-3-2",
+          //     "dataFootnoteRef": true,
+          // }
+          var linkRefIndex = (_link$properties = link.properties) === null || _link$properties === void 0 || (_link$properties = _link$properties.id) === null || _link$properties === void 0 ? void 0 : _link$properties.replace(/^user-content-fnref-/, '')[0];
+          if (linkRefIndex !== undefined) link.properties['data-link'] = JSON.stringify(linksData[linkRefIndex]);
+        }
+      }
+    });
+  };
+};

package/es/Markdown/{rehypePlugin.js → plugins/katexDir.js}

@@ -1,8 +1,7 @@
-// katex-directive
-// 给 class="katex" 的节点加上 dir="ltr" 属性
-
 import { visit } from 'unist-util-visit';
 
+// katex-directive
+// 给 class="katex" 的节点加上 dir="ltr" 属性
 // eslint-disable-next-line unicorn/consistent-function-scoping
 export var rehypeKatexDir = function rehypeKatexDir() {
   return function (tree) {

package/es/Markdown/style.js

@@ -17,6 +17,6 @@ export var useStyles = createStyles(function (_ref, _ref2) {
   return {
     chat: 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\n        ol,\n        ul {\n          li {\n            &::marker {\n              color: ", " !important;\n            }\n\n            li {\n              &::marker {\n                color: ", " !important;\n              }\n            }\n          }\n        }\n\n        ul {\n          list-style: unset;\n\n          li {\n            &::before {\n              content: unset;\n              display: unset;\n            }\n          }\n        }\n      "])), fontSize, headerMultiple, marginMultiple, lineHeight, token.borderRadius, cyanColor, token.colorTextSecondary),
     latex: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        .katex-html {\n          overflow: auto hidden;\n          padding: 3px;\n\n          .base {\n            margin-block: 0;\n            margin-inline: auto;\n          }\n        }\n\n        .katex-html:has(span.tag) {\n          display: flex !important;\n        }\n\n        .katex-html > .tag {\n          position: relative !important;\n          float: right;\n          margin-inline-start: 0.25rem;\n        }\n      "]))),
-    root: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        position: relative;\n        overflow: hidden;\n        max-width: 100%;\n\n        #footnote-label {\n          display: none;\n        }\n\n        sup:has(a[aria-describedby='footnote-label']) {\n          margin-inline: 0.2em;\n          padding-block: 0.05em;\n          padding-inline: 0.4em;\n          border: 1px solid ", ";\n          border-radius: 0.25em;\n\n          font-size: 0.75em;\n          vertical-align: super !important;\n\n          background: ", ";\n        }\n\n        section.footnotes {\n          padding-block: 1em;\n          font-size: 0.875em;\n          color: ", ";\n\n          ol {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.5em;\n\n            margin: 0;\n            padding: 0;\n\n            list-style-type: none;\n          }\n\n          ol li {\n            position: relative;\n\n            overflow: hidden;\n            display: flex;\n            flex-direction: row;\n\n            margin: 0 !important;\n            padding-block: 0 !important;\n            padding-inline: 0 0.4em !important;\n            border: 1px solid ", ";\n            border-radius: 0.25em;\n\n            text-overflow: ellipsis;\n            white-space: nowrap;\n\n            &::before {\n              content: counter(list-item);\n              counter-increment: list-item;\n\n              display: block;\n\n              margin-inline-end: 0.4em;\n              padding-inline: 0.6em;\n\n              background: ", ";\n            }\n\n            p,\n            a {\n              overflow: hidden;\n\n              margin: 0 !important;\n              padding: 0 !important;\n\n              text-overflow: ellipsis;\n              white-space: nowrap;\n            }\n          }\n        }\n      "])), token.colorBorderSecondary, token.colorFillTertiary, token.colorTextSecondary, token.colorBorderSecondary, token.colorFillSecondary)
+    root: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        position: relative;\n        overflow: hidden;\n        max-width: 100%;\n\n        #footnote-label {\n          display: none;\n        }\n\n        sup:has(a[aria-describedby='footnote-label']) {\n          vertical-align: super !important;\n        }\n      "])))
   };
 });

package/es/Markdown/utils.d.ts

@@ -1,3 +1,4 @@
 export declare function escapeBrackets(text: string): string;
 export declare function escapeMhchem(text: string): string;
 export declare function fixMarkdownBold(text: string): string;
+export declare const transformCitations: (rawContent: string, length?: number) => string;

package/es/Markdown/utils.js

@@ -55,4 +55,17 @@ export function fixMarkdownBold(text) {
     }
   }
   return result;
-}
+}
+export var transformCitations = function transformCitations(rawContent) {
+  var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 40;
+  // 生成动态正则表达式模式
+  var idx = Array.from({
+    length: length
+  }).fill('').map(function (_, index) {
+    return index + 1;
+  });
+  var pattern = new RegExp("\\[(".concat(idx.join('|'), ")\\]"), 'g');
+  return rawContent.replaceAll(pattern, function (match, id) {
+    return "[#citation-".concat(id, "](citation-").concat(id, ")");
+  }).replaceAll('][', '] [');
+};

package/es/SearchResultCard/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface SearchResultCardProps {
+    alt?: string;
+    title?: string;
+    url: string;
+}
+declare const SearchResultCard: import("react").NamedExoticComponent<SearchResultCardProps>;
+export default SearchResultCard;

package/es/SearchResultCard/index.js

@@ -0,0 +1,77 @@
+var _templateObject, _templateObject2, _templateObject3;
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+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; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { Typography } from 'antd';
+import { createStyles } from 'antd-style';
+import { memo, useMemo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    cursor: pointer;\n\n    min-width: 160px;\n    max-width: 160px;\n    height: 100%;\n    padding: 8px;\n    border-radius: 8px;\n\n    font-size: 12px;\n    color: initial;\n\n    background: ", ";\n\n    &:hover {\n      background: ", ";\n    }\n  "])), token.colorFillQuaternary, token.colorFillTertiary),
+    title: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 2;\n\n    text-overflow: ellipsis;\n  "]))),
+    url: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n\n    text-overflow: ellipsis;\n  "])))
+  };
+});
+var SearchResultCard = /*#__PURE__*/memo(function (_ref2) {
+  var url = _ref2.url,
+    title = _ref2.title,
+    alt = _ref2.alt;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var _useMemo = useMemo(function () {
+      try {
+        var urlObj = new URL(url);
+        var _domain = urlObj.hostname.replace('www.', '');
+        var hostForUrl = urlObj.host;
+        var _displayTitle = title;
+        if (title === url) {
+          _displayTitle = hostForUrl + urlObj.pathname;
+        }
+        return [_displayTitle, _domain, hostForUrl];
+      } catch (_unused) {
+        return [title, url, url];
+      }
+    }, [url, title]),
+    _useMemo2 = _slicedToArray(_useMemo, 3),
+    displayTitle = _useMemo2[0],
+    domain = _useMemo2[1],
+    host = _useMemo2[2];
+  return /*#__PURE__*/_jsx("a", {
+    href: url,
+    rel: "noreferrer",
+    target: '_blank',
+    children: /*#__PURE__*/_jsxs(Flexbox, {
+      className: styles.container,
+      gap: 2,
+      justify: 'space-between',
+      children: [/*#__PURE__*/_jsx("div", {
+        className: styles.title,
+        children: displayTitle
+      }), /*#__PURE__*/_jsxs(Flexbox, {
+        align: 'center',
+        gap: 4,
+        horizontal: true,
+        children: [/*#__PURE__*/_jsx("img", {
+          alt: alt || title || url,
+          height: 14,
+          src: "https://icons.duckduckgo.com/ip3/".concat(host, ".ico"),
+          width: 14
+        }), /*#__PURE__*/_jsx(Typography.Text, {
+          className: styles.url,
+          type: 'secondary',
+          children: domain
+        })]
+      })]
+    }, url)
+  });
+});
+export default SearchResultCard;

package/es/SearchResultCards/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface SearchResultItem {
+    alt?: string;
+    summary?: string;
+    title?: string;
+    url: string;
+}
+export interface SearchResultCardsProps {
+    dataSource: string[] | SearchResultItem[];
+}
+declare const SearchResultCards: import("react").NamedExoticComponent<SearchResultCardsProps>;
+export default SearchResultCards;

package/es/SearchResultCards/index.js

@@ -0,0 +1,28 @@
+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 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 { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import SearchResultCard from "../SearchResultCard";
+import { jsx as _jsx } from "react/jsx-runtime";
+var SearchResultCards = /*#__PURE__*/memo(function (_ref) {
+  var dataSource = _ref.dataSource;
+  return /*#__PURE__*/_jsx(Flexbox, {
+    gap: 12,
+    horizontal: true,
+    style: {
+      minHeight: 80,
+      overflowX: 'scroll',
+      width: '100%'
+    },
+    children: dataSource.map(function (link) {
+      return typeof link === 'string' ? /*#__PURE__*/_jsx(SearchResultCard, {
+        url: link
+      }, link) : /*#__PURE__*/_jsx(SearchResultCard, _objectSpread({}, link), link.url);
+    })
+  });
+});
+export default SearchResultCards;

package/es/components.d.ts

@@ -44,6 +44,7 @@ export { default as MaterialFileTypeIcon, type MaterialFileTypeIconProps, } from
 export { default as Mermaid, type MermaidProps } from './Mermaid';
 export { default as Modal, type ModalProps } from './Modal';
 export { default as SearchBar, type SearchBarProps } from './SearchBar';
+export { default as SearchResultCards, type SearchResultCardsProps } from './SearchResultCards';
 export { default as SelectWithImg, type SelectWithImgOptionItem, type SelectWithImgProps, } from './SelectWithImg';
 export { default as SideNav, type SideNavProps } from './SideNav';
 export { default as SliderWithInput, type SliderWithInputProps } from './SliderWithInput';

package/es/components.js

@@ -44,6 +44,7 @@ export { default as MaterialFileTypeIcon } from "./MaterialFileTypeIcon";
 export { default as Mermaid } from "./Mermaid";
 export { default as Modal } from "./Modal";
 export { default as SearchBar } from "./SearchBar";
+export { default as SearchResultCards } from "./SearchResultCards";
 export { default as SelectWithImg } from "./SelectWithImg";
 export { default as SideNav } from "./SideNav";
 export { default as SliderWithInput } from "./SliderWithInput";

package/es/mdx/mdxComponents/Citation/PopoverPanel.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface PopoverPanelProps {
+    alt?: string;
+    children?: ReactNode;
+    title?: string;
+    url?: string;
+    usePopover?: boolean;
+}
+declare const PopoverPanel: import("react").MemoExoticComponent<({ children, usePopover, title, alt, url }: PopoverPanelProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined>;
+export default PopoverPanel;

package/es/mdx/mdxComponents/Citation/PopoverPanel.js

@@ -0,0 +1,91 @@
+'use client';
+
+var _templateObject, _templateObject2;
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+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; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { Popover } from 'antd';
+import { createStyles } from 'antd-style';
+import { ArrowRightIcon } from 'lucide-react';
+import { memo, useMemo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import Icon from "../../../Icon";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    link: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    cursor: pointer;\n    color: ", ";\n\n    :hover {\n      color: ", ";\n    }\n  "])), token.colorTextSecondary, token.colorText),
+    url: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n\n    text-overflow: ellipsis;\n  "])))
+  };
+});
+var PopoverPanel = /*#__PURE__*/memo(function (_ref2) {
+  var children = _ref2.children,
+    usePopover = _ref2.usePopover,
+    title = _ref2.title,
+    alt = _ref2.alt,
+    url = _ref2.url;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  var _useMemo = useMemo(function () {
+      try {
+        var urlObj = new URL(url);
+        var hostForUrl = urlObj.host;
+        var _displayTitle = title;
+        if (title === url) {
+          _displayTitle = '';
+        }
+        var _domain = urlObj.hostname.replace('www.', '');
+        if (!_displayTitle) _domain = url;
+        return [_displayTitle, _domain, hostForUrl];
+      } catch (_unused) {
+        return [title, url, url];
+      }
+    }, [url, title]),
+    _useMemo2 = _slicedToArray(_useMemo, 3),
+    displayTitle = _useMemo2[0],
+    domain = _useMemo2[1],
+    host = _useMemo2[2];
+  return usePopover && url ? /*#__PURE__*/_jsx(Popover, {
+    arrow: false,
+    content: /*#__PURE__*/_jsxs(Flexbox, {
+      gap: 8,
+      children: [/*#__PURE__*/_jsxs(Flexbox, {
+        className: styles.link,
+        gap: 12,
+        horizontal: true,
+        justify: 'space-between',
+        onClick: function onClick() {
+          window.open(url, '_blank');
+        },
+        children: [/*#__PURE__*/_jsxs(Flexbox, {
+          align: 'center',
+          gap: 4,
+          horizontal: true,
+          children: [/*#__PURE__*/_jsx("img", {
+            alt: alt || title || url,
+            height: 14,
+            src: "https://icons.duckduckgo.com/ip3/".concat(host, ".ico"),
+            style: {
+              borderRadius: 4
+            },
+            width: 14
+          }), /*#__PURE__*/_jsx("span", {
+            className: styles.url,
+            children: domain
+          })]
+        }), /*#__PURE__*/_jsx(Icon, {
+          icon: ArrowRightIcon
+        })]
+      }), displayTitle]
+    }),
+    trigger: 'hover',
+    children: children
+  }) : children;
+});
+export default PopoverPanel;

package/es/mdx/mdxComponents/Citation/index.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { CitationItem } from "../../../types/citation";
+interface CitationProps {
+    children?: ReactNode;
+    citationDetail?: CitationItem;
+    citations?: string[];
+    href?: string;
+    id: string;
+    inSup?: boolean;
+}
+declare const Citation: import("react").MemoExoticComponent<({ children, href, inSup, id, citationDetail }: CitationProps) => import("react/jsx-runtime").JSX.Element>;
+export default Citation;

package/es/mdx/mdxComponents/Citation/index.js

@@ -0,0 +1,74 @@
+'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 _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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 _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';
+import { isEmpty } from 'lodash-es';
+import { memo } from 'react';
+import PopoverPanel from "./PopoverPanel";
+import { jsx as _jsx } from "react/jsx-runtime";
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-flex;\n    line-height: var(--lobe-markdown-line-height);\n    vertical-align: baseline;\n\n    a {\n      color: inherit;\n    }\n  "]))),
+    content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: 16px;\n    height: 16px;\n    margin-inline: 2px;\n    border-radius: 4px;\n\n    font-family: ", ";\n    font-size: 10px;\n    color: ", " !important;\n    text-align: center;\n    vertical-align: top;\n\n    background: ", ";\n\n    transition: all 100ms ", ";\n  "])), token.fontFamilyCode, token.colorTextSecondary, token.colorFillSecondary, token.motionEaseOut),
+    hover: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    cursor: pointer;\n\n    :hover {\n      color: ", " !important;\n      background: ", ";\n    }\n  "])), token.colorBgSpotlight, token.colorPrimary),
+    supContainer: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    vertical-align: super;\n  "])))
+  };
+});
+var Citation = /*#__PURE__*/memo(function (_ref2) {
+  var children = _ref2.children,
+    href = _ref2.href,
+    inSup = _ref2.inSup,
+    id = _ref2.id,
+    citationDetail = _ref2.citationDetail;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var usePopover = !isEmpty(citationDetail);
+  var url = (citationDetail === null || citationDetail === void 0 ? void 0 : citationDetail.url) || href;
+
+  // [^1] 格式类型
+  if (inSup) {
+    return /*#__PURE__*/_jsx(PopoverPanel, _objectSpread(_objectSpread({}, citationDetail), {}, {
+      usePopover: usePopover,
+      children: /*#__PURE__*/_jsx("span", {
+        className: styles.container,
+        children: /*#__PURE__*/_jsx("a", {
+          "aria-describedby": "footnote-label",
+          className: cx(styles.content, styles.hover),
+          "data-footnote-ref": "true",
+          href: url,
+          id: id,
+          rel: "noreferrer",
+          target: citationDetail !== null && citationDetail !== void 0 && citationDetail.url ? '_blank' : undefined,
+          children: children
+        })
+      })
+    }));
+  }
+  return /*#__PURE__*/_jsx(PopoverPanel, _objectSpread(_objectSpread({}, citationDetail), {}, {
+    usePopover: usePopover,
+    children: /*#__PURE__*/_jsx("sup", {
+      className: cx(styles.container, styles.supContainer),
+      children: url ? /*#__PURE__*/_jsx("a", {
+        className: cx(styles.content, styles.hover),
+        href: url,
+        rel: "noreferrer",
+        target: '_blank',
+        children: children
+      }) : /*#__PURE__*/_jsx("span", {
+        className: cx(styles.content, styles.hover),
+        children: children
+      })
+    })
+  }));
+});
+export default Citation;

package/es/mdx/mdxComponents/Footnotes.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+interface FootnotesProps {
+    'children': ReactNode;
+    'data-footnote-links'?: string;
+    'data-footnotes'?: boolean;
+}
+declare const Footnotes: ({ children, ...res }: FootnotesProps) => import("react/jsx-runtime").JSX.Element;
+export default Footnotes;

package/es/mdx/mdxComponents/Footnotes.js

@@ -0,0 +1,41 @@
+var _excluded = ["children"];
+var _templateObject;
+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 _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';
+import { useMemo } from 'react';
+import SearchResultCards from "../../SearchResultCards";
+import { jsx as _jsx } from "react/jsx-runtime";
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    fallback: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding-block: 1em;\n    font-size: 0.875em;\n    color: ", ";\n\n    ol {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.5em;\n\n      margin: 0;\n      padding: 0;\n\n      list-style-type: none;\n    }\n\n    ol li {\n      position: relative;\n\n      overflow: hidden;\n      display: flex;\n      flex-direction: row;\n\n      margin: 0 !important;\n      padding-block: 0 !important;\n      padding-inline: 0 0.4em !important;\n      border: 1px solid ", ";\n      border-radius: 0.25em;\n\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      &::before {\n        content: counter(list-item);\n        counter-increment: list-item;\n\n        display: block;\n\n        margin-inline-end: 0.4em;\n        padding-inline: 0.6em;\n\n        background: ", ";\n      }\n\n      p,\n      a {\n        overflow: hidden;\n\n        margin: 0 !important;\n        padding: 0 !important;\n\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n    }\n  "])), token.colorTextSecondary, token.colorBorderSecondary, token.colorFillSecondary)
+  };
+});
+var Footnotes = function Footnotes(_ref2) {
+  var children = _ref2.children,
+    res = _objectWithoutProperties(_ref2, _excluded);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var links = useMemo(function () {
+    try {
+      return JSON.parse(res['data-footnote-links'] || '');
+    } catch (error) {
+      console.error(error);
+      console.log(res);
+      return [];
+    }
+  }, [res['data-footnote-links']]);
+  var isError = links.length === 0;
+  return /*#__PURE__*/_jsx("section", {
+    className: cx('footnotes', isError && styles.fallback),
+    "data-footnotes": "true",
+    children: isError ? children : /*#__PURE__*/_jsx(SearchResultCards, {
+      dataSource: links
+    })
+  });
+};
+export default Footnotes;

package/es/mdx/mdxComponents/Link.d.ts

@@ -1,5 +1,13 @@
 import { FC } from 'react';
 import { AProps } from "../../types";
-export type LinkProps = AProps;
+import { CitationItem } from "../../types/citation";
+export interface LinkProps extends AProps {
+    'aria-describedby'?: string;
+    'citations'?: CitationItem[];
+    'data-footnote-ref'?: boolean;
+    'data-link'?: string;
+    'id'?: string;
+    'node': any;
+}
 declare const Link: FC<LinkProps>;
 export default Link;

package/es/mdx/mdxComponents/Link.js

@@ -1,5 +1,5 @@
 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 = ["href", "target"];
+var _excluded = ["href", "target", "citations"];
 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; }
@@ -8,11 +8,36 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 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 A from "../../A";
+import { safeParseJSON } from "../../utils/safeParseJSON";
+import Citation from "./Citation";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Link = function Link(_ref) {
   var href = _ref.href,
     target = _ref.target,
+    citations = _ref.citations,
     rest = _objectWithoutProperties(_ref, _excluded);
+  // [^1] 格式类型
+  if (rest['data-footnote-ref']) {
+    return /*#__PURE__*/_jsx(Citation, {
+      citationDetail: safeParseJSON(rest['data-link']),
+      href: href,
+      id: rest.id,
+      inSup: true,
+      children: rest.children
+    });
+  }
+
+  // [1] 格式类型，搭配 citations 注入
+  var match = href === null || href === void 0 ? void 0 : href.match(/citation-(\d+)/);
+  if (match) {
+    var index = Number.parseInt(match[1]) - 1;
+    var detail = citations === null || citations === void 0 ? void 0 : citations[index];
+    return /*#__PURE__*/_jsx(Citation, {
+      citationDetail: detail,
+      id: match[1],
+      children: match[1]
+    });
+  }
   var isNewWindow = href === null || href === void 0 ? void 0 : href.startsWith('http');
   return /*#__PURE__*/_jsx(A, _objectSpread({
     href: href,

package/es/mdx/mdxComponents/Section.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+interface SectionProps {
+    'children': ReactNode;
+    'data-footnotes'?: boolean;
+    'showFootnotes'?: boolean;
+}
+declare const Section: (props: SectionProps) => import("react/jsx-runtime").JSX.Element;
+export default Section;

package/es/mdx/mdxComponents/Section.js

@@ -0,0 +1,16 @@
+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 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 Footnotes from "./Footnotes";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Section = function Section(props) {
+  // 说明是脚注
+  if (props['data-footnotes']) {
+    return /*#__PURE__*/_jsx(Footnotes, _objectSpread({}, props));
+  }
+  return /*#__PURE__*/_jsx("section", _objectSpread({}, props));
+};
+export default Section;

package/es/types/citation.d.ts

@@ -0,0 +1,6 @@
+export interface CitationItem {
+    alt?: string;
+    summary?: string;
+    title?: string;
+    url: string;
+}

package/es/types/citation.js

@@ -0,0 +1 @@
+export {};

package/es/utils/safeParseJSON.d.ts

@@ -0,0 +1 @@
+export declare const safeParseJSON: <T = Record<string, any>>(text?: string) => T | undefined;

package/es/utils/safeParseJSON.js

@@ -0,0 +1,10 @@
+export var safeParseJSON = function safeParseJSON(text) {
+  if (typeof text !== 'string') return;
+  var json;
+  try {
+    json = JSON.parse(text);
+  } catch (_unused) {
+    return;
+  }
+  return json;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.164.16",
+  "version": "1.165.0",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",