@lobehub/ui 2.11.9 → 2.12.0

package/es/Image/Image.js

@@ -102,16 +102,10 @@ var Image = /*#__PURE__*/memo(function (_ref) {
       preview: preview === false ? false : _objectSpread({
         mask: false
       }, mergePreivew),
-      style: _objectSpread({
-        height: 'auto',
-        width: '100%'
-      }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.image),
+      style: _objectSpread({}, customStyles === null || customStyles === void 0 ? void 0 : customStyles.image),
       width: width,
       wrapperClassName: cx(styles.image, classNames === null || classNames === void 0 ? void 0 : classNames.wrapper),
-      wrapperStyle: _objectSpread({
-        height: 'auto',
-        width: '100%'
-      }, customStyles === null || customStyles === void 0 ? void 0 : customStyles.wrapper)
+      wrapperStyle: _objectSpread({}, customStyles === null || customStyles === void 0 ? void 0 : customStyles.wrapper)
     }, rest))]
   });
 });

package/es/Image/style.js

@@ -24,12 +24,12 @@ export var useStyles = createStyles(function (_ref) {
     actions: actions,
     borderless: stylish.variantBorderlessWithoutHover,
     filled: cx(stylish.variantOutlinedWithoutHover, stylish.variantFilledWithoutHover),
-    image: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        position: relative;\n        overflow: hidden;\n        width: 100%;\n        height: auto;\n\n        .", "-image-img {\n          width: 100%;\n          min-width: ", ";\n          max-width: ", ";\n          height: auto;\n          min-height: ", ";\n          max-height: ", ";\n\n          object-fit: ", ";\n        }\n      "])), prefixCls, MIN_WIDTH, MAX_WIDTH, MIN_HEIGHT, MAX_HEIGHT, objectFit || 'cover'),
+    image: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        position: relative;\n        overflow: hidden;\n        max-width: 100%;\n        height: auto;\n\n        .", "-image-img {\n          width: auto;\n          min-width: ", ";\n          max-width: ", ";\n          height: auto;\n          min-height: ", ";\n          max-height: ", ";\n\n          object-fit: ", ";\n        }\n      "])), prefixCls, MIN_WIDTH, MAX_WIDTH, MIN_HEIGHT, MAX_HEIGHT, objectFit || 'cover'),
     mask: cx(stylish.blur, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          backdrop-filter: blur(8px);\n        "])))),
     outlined: stylish.variantOutlinedWithoutHover,
     preview: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        img {\n          width: 100%;\n        }\n      "]))),
-    root: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        cursor: pointer;\n        user-select: none;\n\n        position: relative;\n\n        overflow: hidden;\n\n        border-radius: ", "px;\n\n        &:hover {\n          .", " {\n            opacity: 1;\n          }\n        }\n      "])), token.borderRadius, actions),
-    toolbar: cx(stylish.blur, stylish.variantOutlinedWithoutHover, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          padding: 4px;\n          border-radius: ", "px;\n          background: ", ";\n        "])), token.borderRadiusLG, rgba(token.colorBgMask, 0.5)))
+    root: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n        cursor: pointer;\n        user-select: none;\n\n        position: relative;\n\n        overflow: hidden;\n\n        width: fit-content;\n        border-radius: ", "px;\n\n        line-height: 1;\n\n        &:hover {\n          .", " {\n            opacity: 1;\n          }\n        }\n      "])), token.borderRadius, actions),
+    toolbar: cx(stylish.blur, stylish.variantOutlinedWithoutHover, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          padding: 4px;\n          border-color: ", ";\n          border-radius: ", "px;\n          background: ", ";\n        "])), token.colorFillTertiary, token.borderRadiusLG, rgba(token.colorBgMask, 0.5)))
   };
 });
 export var FALLBACK = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA2NDAgNDAwIj48cGF0aCBmaWxsPSIjM0IzQjNCIiBkPSJNMCAwaDY0MHY0MDBIMHoiLz48cGF0aCBzdHJva2U9IiM2MjYyNjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxNSIgZD0iTTM3Mi41IDEzMi41aC0xMDVjLTguMjg0IDAtMTUgNi43MTYtMTUgMTV2MTA1YzAgOC4yODQgNi43MTYgMTUgMTUgMTVoMTA1YzguMjg0IDAgMTUtNi43MTYgMTUtMTV2LTEwNWMwLTguMjg0LTYuNzE2LTE1LTE1LTE1eiIvPjxwYXRoIHN0cm9rZT0iIzYyNjI2MiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjE1IiBkPSJNMjk3LjUgMTkyLjVjOC4yODQgMCAxNS02LjcxNiAxNS0xNSAwLTguMjg0LTYuNzE2LTE1LTE1LTE1LTguMjg0IDAtMTUgNi43MTYtMTUgMTUgMCA4LjI4NCA2LjcxNiAxNSAxNSAxNXpNMzg3LjUgMjIyLjUwMmwtMjMuMTQ1LTIzLjE0NWExNS4wMDEgMTUuMDAxIDAgMDAtMjEuMjEgMEwyNzUgMjY3LjUwMiIvPjwvc3ZnPg==';

package/es/Markdown/Markdown.js

@@ -1,95 +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 _excluded = ["ref", "children", "className", "style", "fullFeaturedCodeBlock", "onDoubleClick", "animated", "enableLatex", "enableMermaid", "enableImageGallery", "enableCustomFootnotes", "enableGithubAlert", "enableStream", "componentProps", "allowHtml", "fontSize", "headerMultiple", "marginMultiple", "showFootnotes", "variant", "reactMarkdownProps", "lineHeight", "rehypePlugins", "remarkPlugins", "remarkPluginsAhead", "components", "customRender", "citations"];
+var _excluded = ["ref", "children", "className", "style", "fullFeaturedCodeBlock", "onDoubleClick", "animated", "enableLatex", "enableMermaid", "enableImageGallery", "enableCustomFootnotes", "enableGithubAlert", "enableStream", "componentProps", "allowHtml", "borderRadius", "fontSize", "headerMultiple", "marginMultiple", "variant", "reactMarkdownProps", "lineHeight", "rehypePlugins", "remarkPlugins", "remarkPluginsAhead", "components", "customRender", "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; }
 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; }
 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 { cva } from 'class-variance-authority';
-import { memo, useEffect, useMemo, useState } from 'react';
+import { memo, useCallback, useMemo } from 'react';
 import { PreviewGroup } from "../Image";
-import { MarkdownProvider } from "./components/MarkdownProvider";
 import { MarkdownRender, StreamdownRender } from "./SyntaxMarkdown";
 import Typography from "./Typography";
+import { MarkdownProvider } from "./components/MarkdownProvider";
+import { useDelayedAnimated } from "./components/useDelayedAnimated";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Markdown = /*#__PURE__*/memo(function (_ref) {
-  var ref = _ref.ref,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? '' : _ref$children,
-    className = _ref.className,
-    style = _ref.style,
-    fullFeaturedCodeBlock = _ref.fullFeaturedCodeBlock,
-    onDoubleClick = _ref.onDoubleClick,
-    animated = _ref.animated,
-    _ref$enableLatex = _ref.enableLatex,
-    enableLatex = _ref$enableLatex === void 0 ? true : _ref$enableLatex,
-    _ref$enableMermaid = _ref.enableMermaid,
-    enableMermaid = _ref$enableMermaid === void 0 ? true : _ref$enableMermaid,
-    enableImageGallery = _ref.enableImageGallery,
-    enableCustomFootnotes = _ref.enableCustomFootnotes,
-    enableGithubAlert = _ref.enableGithubAlert,
-    _ref$enableStream = _ref.enableStream,
-    enableStream = _ref$enableStream === void 0 ? true : _ref$enableStream,
-    componentProps = _ref.componentProps,
-    allowHtml = _ref.allowHtml,
-    _ref$fontSize = _ref.fontSize,
-    fontSize = _ref$fontSize === void 0 ? 14 : _ref$fontSize,
-    _ref$headerMultiple = _ref.headerMultiple,
-    headerMultiple = _ref$headerMultiple === void 0 ? 0.25 : _ref$headerMultiple,
-    marginMultiple = _ref.marginMultiple,
-    showFootnotes = _ref.showFootnotes,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
-    reactMarkdownProps = _ref.reactMarkdownProps,
-    _ref$lineHeight = _ref.lineHeight,
-    lineHeight = _ref$lineHeight === void 0 ? 1.6 : _ref$lineHeight,
-    rehypePlugins = _ref.rehypePlugins,
-    remarkPlugins = _ref.remarkPlugins,
-    remarkPluginsAhead = _ref.remarkPluginsAhead,
-    _ref$components = _ref.components,
-    components = _ref$components === void 0 ? {} : _ref$components,
-    customRender = _ref.customRender,
-    citations = _ref.citations,
-    rest = _objectWithoutProperties(_ref, _excluded);
+var Markdown = /*#__PURE__*/memo(function (props) {
+  var ref = props.ref,
+    _props$children = props.children,
+    children = _props$children === void 0 ? '' : _props$children,
+    className = props.className,
+    style = props.style,
+    fullFeaturedCodeBlock = props.fullFeaturedCodeBlock,
+    onDoubleClick = props.onDoubleClick,
+    animated = props.animated,
+    _props$enableLatex = props.enableLatex,
+    enableLatex = _props$enableLatex === void 0 ? true : _props$enableLatex,
+    _props$enableMermaid = props.enableMermaid,
+    enableMermaid = _props$enableMermaid === void 0 ? true : _props$enableMermaid,
+    enableImageGallery = props.enableImageGallery,
+    enableCustomFootnotes = props.enableCustomFootnotes,
+    enableGithubAlert = props.enableGithubAlert,
+    _props$enableStream = props.enableStream,
+    enableStream = _props$enableStream === void 0 ? true : _props$enableStream,
+    componentProps = props.componentProps,
+    allowHtml = props.allowHtml,
+    _props$borderRadius = props.borderRadius,
+    borderRadius = _props$borderRadius === void 0 ? props.variant === 'chat' ? 4 : undefined : _props$borderRadius,
+    _props$fontSize = props.fontSize,
+    fontSize = _props$fontSize === void 0 ? props.variant === 'chat' ? 14 : undefined : _props$fontSize,
+    _props$headerMultiple = props.headerMultiple,
+    headerMultiple = _props$headerMultiple === void 0 ? props.variant === 'chat' ? 0.25 : undefined : _props$headerMultiple,
+    _props$marginMultiple = props.marginMultiple,
+    marginMultiple = _props$marginMultiple === void 0 ? props.variant === 'chat' ? 1 : undefined : _props$marginMultiple,
+    _props$variant = props.variant,
+    variant = _props$variant === void 0 ? 'default' : _props$variant,
+    reactMarkdownProps = props.reactMarkdownProps,
+    _props$lineHeight = props.lineHeight,
+    lineHeight = _props$lineHeight === void 0 ? props.variant === 'chat' ? 1.6 : undefined : _props$lineHeight,
+    rehypePlugins = props.rehypePlugins,
+    remarkPlugins = props.remarkPlugins,
+    remarkPluginsAhead = props.remarkPluginsAhead,
+    _props$components = props.components,
+    components = _props$components === void 0 ? {} : _props$components,
+    customRender = props.customRender,
+    citations = props.citations,
+    rest = _objectWithoutProperties(props, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  var _useState = useState(animated),
-    _useState2 = _slicedToArray(_useState, 2),
-    delayedAnimated = _useState2[0],
-    setDelayedAnimated = _useState2[1];
-
-  // Watch for changes in animated prop
-  useEffect(function () {
-    // If animated changes from true to false, delay the update by 1 second
-    if (animated === false && delayedAnimated === true) {
-      var timer = setTimeout(function () {
-        setDelayedAnimated(false);
-      }, 1000);
-      return function () {
-        return clearTimeout(timer);
-      };
-    } else {
-      // For any other changes, update immediately
-      setDelayedAnimated(animated);
-    }
-  }, [animated, delayedAnimated]);
+  var delayedAnimated = useDelayedAnimated(animated);
 
   // Style variant handling
   var variants = useMemo(function () {
     return cva(styles.root, {
       defaultVariants: {
+        enableGfm: true,
         enableLatex: true,
         variant: 'default'
       },
@@ -102,18 +81,31 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
         enableLatex: {
           true: styles.latex,
           false: null
+        },
+        enableGfm: {
+          true: styles.gfm,
+          false: null
         }
       }
       /* eslint-enable sort-keys-fix/sort-keys-fix */
     });
   }, [styles]);
-  var DefaultRender = enableStream && delayedAnimated ? StreamdownRender : MarkdownRender;
-  var defaultDOM = /*#__PURE__*/_jsx(DefaultRender, _objectSpread(_objectSpread({}, reactMarkdownProps), {}, {
-    children: children
-  }));
+  var Render = useCallback(function (_ref) {
+    var enableStream = _ref.enableStream,
+      children = _ref.children,
+      reactMarkdownProps = _ref.reactMarkdownProps;
+    var DefaultRender = enableStream && delayedAnimated ? StreamdownRender : MarkdownRender;
+    var defaultDOM = /*#__PURE__*/_jsx(DefaultRender, _objectSpread(_objectSpread({}, reactMarkdownProps), {}, {
+      children: children
+    }));
+    return customRender ? customRender(defaultDOM, {
+      text: children
+    }) : defaultDOM;
+  }, [customRender]);
   return /*#__PURE__*/_jsx(PreviewGroup, {
     enable: enableImageGallery,
     children: /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
+      borderRadius: borderRadius,
       className: cx(variants({
         enableLatex: enableLatex,
         variant: variant
@@ -122,7 +114,7 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
       fontSize: fontSize,
       headerMultiple: headerMultiple,
       lineHeight: lineHeight,
-      marginMultiple: marginMultiple || (variant === 'chat' ? 1 : 2),
+      marginMultiple: marginMultiple,
       onDoubleClick: onDoubleClick,
       ref: ref,
       style: style
@@ -142,12 +134,13 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
           rehypePlugins: rehypePlugins,
           remarkPlugins: remarkPlugins,
           remarkPluginsAhead: remarkPluginsAhead,
-          showFootnotes: showFootnotes,
           variant: variant
         },
-        children: customRender ? customRender(defaultDOM, {
-          text: children
-        }) : defaultDOM
+        children: /*#__PURE__*/_jsx(Render, {
+          enableStream: enableStream,
+          reactMarkdownProps: reactMarkdownProps,
+          children: children
+        })
       })
     }))
   });

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", "style"];
+var _excluded = ["ref", "children", "className", "fontSize", "headerMultiple", "marginMultiple", "lineHeight", "borderRadius", "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; }
@@ -24,6 +24,8 @@ var Typography = /*#__PURE__*/memo(function (_ref) {
     marginMultiple = _ref$marginMultiple === void 0 ? 2 : _ref$marginMultiple,
     _ref$lineHeight = _ref.lineHeight,
     lineHeight = _ref$lineHeight === void 0 ? 1.8 : _ref$lineHeight,
+    _ref$borderRadius = _ref.borderRadius,
+    borderRadius = _ref$borderRadius === void 0 ? 8 : _ref$borderRadius,
     style = _ref.style,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
@@ -34,6 +36,7 @@ var Typography = /*#__PURE__*/memo(function (_ref) {
     ref: ref,
     style: _objectSpread({
       // @ts-ignore
+      '--lobe-markdown-border-radius': borderRadius,
       '--lobe-markdown-font-size': "".concat(fontSize, "px"),
       '--lobe-markdown-header-multiple': headerMultiple,
       '--lobe-markdown-line-height': lineHeight,

package/es/{mdx/mdxComponents → Markdown/components}/Footnotes.d.ts

@@ -1,8 +1,8 @@
-import { type FC, type ReactNode } from 'react';
+import { type ReactNode } from 'react';
 interface FootnotesProps {
     'children': ReactNode;
     'data-footnote-links'?: string;
     'data-footnotes'?: boolean;
 }
-declare const Footnotes: FC<FootnotesProps>;
+declare const Footnotes: import("react").NamedExoticComponent<FootnotesProps>;
 export default Footnotes;

package/es/Markdown/components/Footnotes.js

@@ -0,0 +1,120 @@
+'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 = ["node"],
+  _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, useMemo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import A from "../../A";
+import Block from "../../Block";
+import Text from "../../Text";
+import SearchResultCards from "./SearchResultCards";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+var DefaultFootnotes = /*#__PURE__*/memo(function (_ref) {
+  var dataSource = _ref.dataSource;
+  var items = useMemo(function () {
+    var _dataSource$find;
+    return (_dataSource$find = dataSource.find(function (child) {
+      return (child === null || child === void 0 ? void 0 : child.type) === 'ol';
+    })) === null || _dataSource$find === void 0 || (_dataSource$find = _dataSource$find.props) === null || _dataSource$find === void 0 || (_dataSource$find = _dataSource$find.children) === null || _dataSource$find === void 0 ? void 0 : _dataSource$find.map(function (item) {
+      var _item$props, _data$;
+      if (typeof item === 'string' || (item === null || item === void 0 ? void 0 : item.type) !== 'li') return false;
+      var data = item === null || item === void 0 || (_item$props = item.props) === null || _item$props === void 0 || (_item$props = _item$props.children) === null || _item$props === void 0 || (_item$props = _item$props.find(function (note) {
+        var _note$props;
+        return note === null || note === void 0 || (_note$props = note.props) === null || _note$props === void 0 ? void 0 : _note$props.children;
+      })) === null || _item$props === void 0 || (_item$props = _item$props.props) === null || _item$props === void 0 ? void 0 : _item$props.children;
+      if (!data || !Array.isArray(data)) return false;
+      return {
+        children: data[0],
+        props: ((_data$ = data[1]) === null || _data$ === void 0 ? void 0 : _data$.props) || {}
+      };
+    }).filter(Boolean);
+  }, [dataSource]);
+  if (!Array.isArray(items)) return null;
+  return /*#__PURE__*/_jsx(Flexbox, {
+    align: 'flex-start',
+    as: 'section',
+    className: 'footnotes',
+    "data-footnotes": "true",
+    gap: '0.5em',
+    horizontal: true,
+    justify: 'flex-start',
+    wrap: 'wrap',
+    children: items.map(function (_ref2, index) {
+      var children = _ref2.children,
+        props = _ref2.props;
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      var node = props.node,
+        rest = _objectWithoutProperties(props, _excluded);
+      return /*#__PURE__*/_createElement(A, _objectSpread(_objectSpread({}, rest), {}, {
+        key: index
+      }), /*#__PURE__*/_jsxs(Block, {
+        align: 'stretch',
+        horizontal: true,
+        style: {
+          overflow: 'hidden',
+          position: 'relative'
+        },
+        variant: 'outlined',
+        children: [/*#__PURE__*/_jsx(Block, {
+          paddingInline: '0.66em',
+          style: {
+            borderRadius: 0
+          },
+          variant: 'filled',
+          children: /*#__PURE__*/_jsx(Text, {
+            as: "span",
+            code: true,
+            type: 'secondary',
+            children: index + 1
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          as: "span",
+          style: {
+            paddingInline: '0.66em'
+          },
+          type: 'secondary',
+          children: children
+        })]
+      }));
+    })
+  });
+});
+var Footnotes = /*#__PURE__*/memo(function (_ref3) {
+  var children = _ref3.children,
+    rest = _objectWithoutProperties(_ref3, _excluded2);
+  var links = useMemo(function () {
+    try {
+      return JSON.parse(rest['data-footnote-links'] || '');
+    } catch (error) {
+      console.error(error);
+      return [];
+    }
+  }, [rest['data-footnote-links']]);
+  var isError = links.length === 0;
+  if (!children) return;
+  if (isError) {
+    if (!Array.isArray(children)) return children;
+    return /*#__PURE__*/_jsx(DefaultFootnotes, {
+      dataSource: children
+    });
+  }
+  return /*#__PURE__*/_jsx("section", {
+    className: 'footnotes',
+    "data-footnotes": "true",
+    children: /*#__PURE__*/_jsx(SearchResultCards, {
+      dataSource: links
+    })
+  });
+});
+Footnotes.displayName = 'Footnotes';
+export default Footnotes;

package/es/Markdown/components/{SearchResultCard/index.js → SearchResultCards/SearchResultCard.js}

@@ -17,7 +17,9 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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, useMemo } from 'react';
 import { Flexbox } from 'react-layout-kit';
+import A from "../../../A";
 import Block from "../../../Block";
+import Img from "../../../Img";
 import Text from "../../../Text";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -48,7 +50,7 @@ var SearchResultCard = /*#__PURE__*/memo(function (_ref) {
     displayTitle = _useMemo2[0],
     domain = _useMemo2[1],
     host = _useMemo2[2];
-  return /*#__PURE__*/_jsx("a", _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(A, _objectSpread(_objectSpread({
     href: url,
     ref: ref,
     rel: "noreferrer",
@@ -71,7 +73,7 @@ var SearchResultCard = /*#__PURE__*/memo(function (_ref) {
         align: 'center',
         gap: 4,
         horizontal: true,
-        children: [/*#__PURE__*/_jsx("img", {
+        children: [/*#__PURE__*/_jsx(Img, {
           alt: alt || title || url,
           height: 14,
           src: "https://icons.duckduckgo.com/ip3/".concat(host, ".ico"),

package/es/Markdown/components/SearchResultCards/index.js

@@ -10,21 +10,25 @@ 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 { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import SearchResultCard from "../SearchResultCard";
+import ScrollShadow from "../../../ScrollShadow";
+import SearchResultCard from "./SearchResultCard";
 import { jsx as _jsx } from "react/jsx-runtime";
 var SearchResultCards = /*#__PURE__*/memo(function (_ref) {
   var ref = _ref.ref,
     dataSource = _ref.dataSource,
     style = _ref.style,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx(Flexbox, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(ScrollShadow, _objectSpread(_objectSpread({
     gap: 12,
+    hideScrollBar: true,
     horizontal: true,
+    orientation: 'horizontal',
     ref: ref,
+    size: 10,
     style: _objectSpread({
       minHeight: 80,
       overflowX: 'scroll',
+      paddingInlineEnd: 24,
       width: '100%'
     }, style)
   }, rest), {}, {

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

@@ -0,0 +1 @@
+export declare const useDelayedAnimated: (animated?: boolean) => boolean | undefined;

package/es/Markdown/components/useDelayedAnimated.js

@@ -0,0 +1,31 @@
+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 { useEffect, useState } from 'react';
+export var useDelayedAnimated = function useDelayedAnimated(animated) {
+  var _useState = useState(animated),
+    _useState2 = _slicedToArray(_useState, 2),
+    delayedAnimated = _useState2[0],
+    setDelayedAnimated = _useState2[1];
+
+  // Watch for changes in animated prop
+  useEffect(function () {
+    if (animated === undefined) return;
+    // If animated changes from true to false, delay the update by 1 second
+    if (animated === false && delayedAnimated === true) {
+      var timer = setTimeout(function () {
+        setDelayedAnimated(false);
+      }, 1000);
+      return function () {
+        return clearTimeout(timer);
+      };
+    } else {
+      // For any other changes, update immediately
+      setDelayedAnimated(animated);
+    }
+  }, [animated, delayedAnimated]);
+  return delayedAnimated;
+};

package/es/Markdown/markdown.style.js

@@ -1,4 +1,4 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
 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';
@@ -14,16 +14,17 @@ export var useStyles = createStyles(function (_ref) {
   var header = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    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 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h2 {\n      font-size: calc(var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple)));\n    }\n\n    h3 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h4 {\n      font-size: calc(\n        var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n      );\n    }\n\n    h5,\n    h6 {\n      font-size: calc(var(--lobe-markdown-font-size) * 1);\n    }\n  "])));
   var hr = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    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  "])), token.colorBorder);
   var img = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    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  "])));
-  var kbd = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    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  "])), token.colorBorderSecondary, token.fontFamily, token.colorBgLayout);
-  var list = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    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,\n    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 {\n      list-style: auto;\n    }\n\n    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  "])));
-  var p = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    p {\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  "])));
-  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 {\n      font-weight: 600;\n    }\n  "])));
-  var svg = css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    svg {\n      line-height: 1;\n    }\n  "])));
-  var table = css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    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  "])), token.colorFillQuaternary, token.colorFillQuaternary);
-  var video = css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n    > video,\n    > 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 {\n      max-width: 100%;\n    }\n  "])));
-  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);
+  var list = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    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,\n    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 {\n      list-style: auto;\n    }\n\n    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\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  "])));
+  var p = css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    p {\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  "])));
+  var pre = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    pre {\n      font-size: calc(var(--lobe-markdown-font-size) * 0.85);\n    }\n  "])));
+  var strong = css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    strong {\n      font-weight: 600;\n    }\n  "])));
+  var svg = css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    svg {\n      line-height: 1;\n    }\n  "])));
+  var table = css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    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 ", ";\n\n      code {\n        word-break: break-word;\n      }\n\n      thead {\n        background: ", ";\n      }\n\n      tr {\n        box-shadow: 0 1px 0 ", ";\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  "])), token.colorFillQuaternary, token.colorBorderSecondary, token.colorFillQuaternary, token.colorBorderSecondary);
+  var video = css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    > video,\n    > 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 {\n      max-width: 100%;\n    }\n  "])));
+  var footnote = css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\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  "])));
+  var sup = css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n    sup {\n      position: relative;\n      inset-block-start: -0.25em;\n\n      font-size: 0.75em;\n      line-height: var(--lobe-markdown-line-height);\n      vertical-align: baseline;\n    }\n  "])));
+  var sub = css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n    sub {\n      position: relative;\n      inset-block-end: -0.25em;\n\n      font-size: 0.75em;\n      line-height: var(--lobe-markdown-line-height);\n      vertical-align: baseline;\n    }\n  "])));
   return {
-    root: css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n      :not(:has(", ")),\n      .markdown {\n        ", "\n      }\n    "])), IGNORE_CLASSNAME, [__root, a, blockquote, code, del, details, header, hr, img, kbd, list, p, pre, strong, svg, table, video, gfm])
+    root: css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n      :not(:has(", ")),\n      .markdown {\n        ", "\n      }\n    "])), IGNORE_CLASSNAME, [__root, a, blockquote, code, del, details, header, hr, img, list, p, pre, strong, svg, table, video, footnote, sub, sup])
   };
 });

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

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

package/es/Markdown/plugins/{footnote.js → rehypeCustomFootnotes.js}

@@ -10,41 +10,9 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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';
+import { 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() {
+export var rehypeCustomFootnotes = function rehypeCustomFootnotes() {
   return function (tree, file) {
     var linksData = file.data.footnoteLinks || {};
     visit(tree, 'element', function (node) {