@lobehub/ui 1.138.8 → 1.138.9

package/es/Markdown/CodeBlock.d.ts

@@ -1,3 +1,4 @@
 import { FC } from 'react';
-export declare const CodeLite: FC<any>;
-export declare const CodeFullFeatured: FC<any>;
+import { type PreProps } from '../mdx/Pre';
+export declare const CodeLite: FC<Partial<PreProps>>;
+export declare const CodeFullFeatured: FC<Partial<PreProps>>;

package/es/Markdown/CodeBlock.js

@@ -17,7 +17,7 @@ var useCode = function useCode(raw) {
   if (!children) return;
   var content = (Array.isArray(children) ? children[0] : children).trim();
   var lang = (className === null || className === void 0 ? void 0 : className.replace('language-', '')) || FALLBACK_LANG;
-  var isSingleLine = countLines(content) <= 1 && content.length <= 48;
+  var isSingleLine = countLines(content) <= 1 && content.length <= 32;
   return {
     content: content,
     isSingleLine: isSingleLine,
@@ -31,14 +31,15 @@ var CodeBlock = function CodeBlock(_ref) {
   var code = useCode(rest === null || rest === void 0 || (_rest$children = rest.children) === null || _rest$children === void 0 ? void 0 : _rest$children[0]);
   if (!code) return;
   if (code.isSingleLine) return /*#__PURE__*/_jsx(PreSingleLine, {
-    lang: code.lang,
+    language: code.lang,
     children: code.content
   });
-  return /*#__PURE__*/_jsx(Pre, {
+  return /*#__PURE__*/_jsx(Pre, _objectSpread(_objectSpread({
     fullFeatured: fullFeatured,
-    lang: code.lang,
+    language: code.lang
+  }, rest), {}, {
     children: code.content
-  });
+  }));
 };
 export var CodeLite = function CodeLite(props) {
   return /*#__PURE__*/_jsx(CodeBlock, _objectSpread({}, props));

package/es/Markdown/index.d.ts

@@ -1,15 +1,19 @@
+import type { AnchorProps } from 'antd';
 import { CSSProperties } from 'react';
 import { type ImageProps } from "../mdx/Image";
+import type { PreProps } from "../mdx/Pre";
 import { type VideoProps } from "../mdx/Video";
+import type { AProps } from "../types";
 import type { TypographyProps } from './Typography';
 export interface MarkdownProps extends TypographyProps {
     allowHtml?: boolean;
     children: string;
     className?: string;
     componentProps?: {
-        img?: ImageProps;
-        pre?: any;
-        video?: VideoProps;
+        a?: Partial<AProps & AnchorProps>;
+        img?: Partial<ImageProps>;
+        pre?: Partial<PreProps>;
+        video?: Partial<VideoProps>;
     };
     enableImageGallery?: boolean;
     fullFeaturedCodeBlock?: boolean;

package/es/Markdown/index.js

@@ -12,6 +12,7 @@ import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
 import ImageGallery from "../Image/ImageGallery";
 import Image from "../mdx/Image";
+import Link from "../mdx/Link";
 import Video from "../mdx/Video";
 import { CodeFullFeatured, CodeLite } from "./CodeBlock";
 import { useStyles as useMarkdownStyles } from "./markdown.style";
@@ -50,6 +51,9 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     mdStyles = _useMarkdownStyles.styles;
   var components = useMemo(function () {
     return {
+      a: function a(props) {
+        return /*#__PURE__*/_jsx(Link, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.a));
+      },
       img: enableImageGallery ? function (props) {
         return /*#__PURE__*/_jsx(Image, _objectSpread(_objectSpread({}, props), componentProps === null || componentProps === void 0 ? void 0 : componentProps.img));
       } : undefined,

package/es/mdx/Callout.d.ts

@@ -1,7 +1,6 @@
-import type { ReactNode } from 'react';
 import { FC } from 'react';
-export interface CalloutProps {
-    children: ReactNode;
+import { FlexboxProps } from 'react-layout-kit';
+export interface CalloutProps extends FlexboxProps {
     type?: 'tip' | 'error' | 'important' | 'info' | 'warning';
 }
 declare const Callout: FC<CalloutProps>;

package/es/mdx/Callout.js

@@ -1,6 +1,9 @@
 'use client';
 
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _excluded = ["children", "type", "className", "style"];
 var _templateObject, _templateObject2, _templateObject3;
 import { createStyles } from 'antd-style';
 import { AlertOctagon, AlertTriangle, Info, Lightbulb, MessageSquareWarning } from 'lucide-react';
@@ -20,7 +23,10 @@ var useStyles = createStyles(function (_ref) {
 var Callout = function Callout(_ref2) {
   var children = _ref2.children,
     _ref2$type = _ref2.type,
-    type = _ref2$type === void 0 ? 'info' : _ref2$type;
+    type = _ref2$type === void 0 ? 'info' : _ref2$type,
+    className = _ref2.className,
+    style = _ref2.style,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles,
@@ -50,15 +56,16 @@ var Callout = function Callout(_ref2) {
   var selectedType = (typeConfig === null || typeConfig === void 0 ? void 0 : typeConfig[type]) || typeConfig.info;
   var icon = selectedType.icon,
     color = selectedType.color;
-  return /*#__PURE__*/_jsxs(Flexbox, {
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     align: 'flex-start',
-    className: styles.container,
+    className: cx(styles.container, className),
     horizontal: true,
-    style: {
+    style: _objectSpread({
       background: rgba(color, 0.1),
       borderColor: rgba(color, 0.5),
       color: color
-    },
+    }, style)
+  }, rest), {}, {
     children: [/*#__PURE__*/_jsx(Icon, {
       icon: icon,
       size: {
@@ -73,6 +80,6 @@ var Callout = function Callout(_ref2) {
         children: children
       })
     })]
-  });
+  }));
 };
 export default Callout;

package/es/mdx/Card.js

@@ -3,7 +3,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _excluded = ["icon", "title", "desc", "href", "iconProps", "image"];
+var _excluded = ["icon", "title", "desc", "href", "iconProps", "className", "image"];
 var _templateObject, _templateObject2, _templateObject3;
 import { createStyles } from 'antd-style';
 import { Flexbox } from 'react-layout-kit';
@@ -29,15 +29,17 @@ var Card = function Card(_ref2) {
     desc = _ref2.desc,
     href = _ref2.href,
     iconProps = _ref2.iconProps,
+    className = _ref2.className,
     image = _ref2.image,
     rest = _objectWithoutProperties(_ref2, _excluded);
   var _useStyles = useStyles(),
+    cx = _useStyles.cx,
     styles = _useStyles.styles;
   return /*#__PURE__*/_jsx(A, {
     href: href,
     children: /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
       align: 'flex-start',
-      className: styles.card
+      className: cx(styles.card, className)
     }, rest), {}, {
       children: [image && /*#__PURE__*/_jsx(Img, {
         alt: title,

package/es/mdx/Cards.d.ts

@@ -1,7 +1,5 @@
-import { FC, PropsWithChildren } from 'react';
-export interface CardsProps extends PropsWithChildren {
-    maxItemWidth?: string | number;
-    rows?: number;
-}
+import { FC } from 'react';
+import { type GridProps } from "../Grid";
+export type CardsProps = GridProps;
 declare const Cards: FC<CardsProps>;
 export default Cards;

package/es/mdx/Cards.js

@@ -1,6 +1,9 @@
 'use client';
 
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _excluded = ["children", "className", "maxItemWidth", "rows"];
 var _templateObject;
 import { createStyles } from 'antd-style';
 import Grid from "../Grid";
@@ -13,17 +16,21 @@ var useStyles = createStyles(function (_ref) {
 });
 var Cards = function Cards(_ref2) {
   var children = _ref2.children,
+    className = _ref2.className,
     _ref2$maxItemWidth = _ref2.maxItemWidth,
     maxItemWidth = _ref2$maxItemWidth === void 0 ? 250 : _ref2$maxItemWidth,
     _ref2$rows = _ref2.rows,
-    rows = _ref2$rows === void 0 ? 3 : _ref2$rows;
+    rows = _ref2$rows === void 0 ? 3 : _ref2$rows,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var _useStyles = useStyles(),
+    cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx(Grid, {
-    className: styles.container,
+  return /*#__PURE__*/_jsx(Grid, _objectSpread(_objectSpread({
+    className: cx(styles.container, className),
     maxItemWidth: maxItemWidth,
-    rows: rows,
+    rows: rows
+  }, rest), {}, {
     children: children
-  });
+  }));
 };
 export default Cards;

package/es/mdx/File.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { FlexboxProps } from 'react-layout-kit';
+import { type IconProps } from "../Icon";
+export interface FileProps extends Omit<FlexboxProps, 'children'> {
+    icon?: IconProps['icon'];
+    name: string;
+}
+declare const File: FC<FileProps>;
+export default File;

package/es/mdx/File.js

@@ -0,0 +1,28 @@
+'use client';
+
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["name", "icon"];
+import { FileIcon } from 'lucide-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 File = function File(_ref) {
+  var name = _ref.name,
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? FileIcon : _ref$icon,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+    align: 'center',
+    gap: 4,
+    horizontal: true
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx(Icon, {
+      icon: icon
+    }), /*#__PURE__*/_jsx("span", {
+      children: name
+    })]
+  }));
+};
+export default File;

package/es/mdx/FileTree.d.ts

@@ -1,24 +1,5 @@
-import { FC, ReactNode } from 'react';
-import { type IconProps } from "../Icon";
-export interface _FileTreeProps {
-    children: ReactNode;
-}
-declare const _FileTree: FC<_FileTreeProps>;
-export interface FolderProps {
-    children: ReactNode;
-    defaultOpen?: boolean;
-    icon?: IconProps['icon'];
-    name: string;
-}
-declare const Folder: FC<FolderProps>;
-export interface FileProps {
-    icon?: IconProps['icon'];
-    name: string;
-}
-declare const File: FC<FileProps>;
-export type FileTreeProps = typeof _FileTree & {
-    File: typeof File;
-    Folder: typeof Folder;
-};
-declare const FileTree: FileTreeProps;
+import { FC } from 'react';
+import { DivProps } from "../types";
+export type FileTreeProps = DivProps;
+declare const FileTree: FC<FileTreeProps>;
 export default FileTree;

package/es/mdx/FileTree.js

@@ -1,81 +1,30 @@
 'use client';
 
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3;
+var _excluded = ["children", "className"];
+var _templateObject;
 import { createStyles } from 'antd-style';
-import { FileIcon, FolderIcon, FolderOpen } from 'lucide-react';
-import { useState } 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 {
-    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-block: 0.75em;\n      padding-inline: 1em;\n\n      color: ", ";\n\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    "])), token.colorTextSecondary),
-    folder: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      cursor: pointer;\n\n      &:hover {\n        color: ", ";\n      }\n    "])), token.colorText),
-    folderChildren: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      padding-inline-start: 1em;\n    "])))
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-block: 0.75em;\n      padding-inline: 1em;\n\n      color: ", ";\n\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    "])), token.colorTextSecondary)
   };
 });
-var _FileTree = function _FileTree(_ref2) {
-  var children = _ref2.children;
+var FileTree = function FileTree(_ref2) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var _useStyles = useStyles(),
+    cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx("div", {
-    className: styles.container,
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: cx(styles.container, className)
+  }, rest), {}, {
     children: children
-  });
+  }));
 };
-var Folder = function Folder(_ref3) {
-  var name = _ref3.name,
-    defaultOpen = _ref3.defaultOpen,
-    _ref3$icon = _ref3.icon,
-    icon = _ref3$icon === void 0 ? FolderIcon : _ref3$icon,
-    children = _ref3.children;
-  var _useState = useState(defaultOpen),
-    _useState2 = _slicedToArray(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useStyles2 = useStyles(),
-    styles = _useStyles2.styles;
-  return /*#__PURE__*/_jsxs(Flexbox, {
-    children: [/*#__PURE__*/_jsxs(Flexbox, {
-      align: 'center',
-      className: styles.folder,
-      gap: 4,
-      horizontal: true,
-      onClick: function onClick() {
-        return setOpen(!open);
-      },
-      children: [/*#__PURE__*/_jsx(Icon, {
-        icon: open ? FolderOpen : icon
-      }), /*#__PURE__*/_jsx("span", {
-        children: name
-      })]
-    }), open && /*#__PURE__*/_jsx(Flexbox, {
-      className: styles.folderChildren,
-      children: children
-    })]
-  });
-};
-var File = function File(_ref4) {
-  var name = _ref4.name,
-    _ref4$icon = _ref4.icon,
-    icon = _ref4$icon === void 0 ? FileIcon : _ref4$icon;
-  return /*#__PURE__*/_jsxs(Flexbox, {
-    align: 'center',
-    gap: 4,
-    horizontal: true,
-    children: [/*#__PURE__*/_jsx(Icon, {
-      icon: icon
-    }), /*#__PURE__*/_jsx("span", {
-      children: name
-    })]
-  });
-};
-var FileTree = _FileTree;
-FileTree.Folder = Folder;
-FileTree.File = File;
 export default FileTree;

package/es/mdx/Folder.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { FlexboxProps } from 'react-layout-kit';
+import { type IconProps } from "../Icon";
+export interface FolderProps extends FlexboxProps {
+    defaultOpen?: boolean;
+    icon?: IconProps['icon'];
+    name: string;
+}
+declare const Folder: FC<FolderProps>;
+export default Folder;

package/es/mdx/Folder.js

@@ -0,0 +1,57 @@
+'use client';
+
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _excluded = ["name", "defaultOpen", "icon", "children"];
+var _templateObject, _templateObject2;
+import { createStyles } from 'antd-style';
+import { FolderIcon, FolderOpen } from 'lucide-react';
+import { useState } 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 {
+    folder: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      cursor: pointer;\n\n      &:hover {\n        color: ", ";\n      }\n    "])), token.colorText),
+    folderChildren: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      padding-inline-start: 1em;\n    "])))
+  };
+});
+var Folder = function Folder(_ref2) {
+  var name = _ref2.name,
+    defaultOpen = _ref2.defaultOpen,
+    _ref2$icon = _ref2.icon,
+    icon = _ref2$icon === void 0 ? FolderIcon : _ref2$icon,
+    children = _ref2.children,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var _useState = useState(defaultOpen),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({}, rest), {}, {
+    children: [/*#__PURE__*/_jsxs(Flexbox, {
+      align: 'center',
+      className: styles.folder,
+      gap: 4,
+      horizontal: true,
+      onClick: function onClick() {
+        return setOpen(!open);
+      },
+      children: [/*#__PURE__*/_jsx(Icon, {
+        icon: open ? FolderOpen : icon
+      }), /*#__PURE__*/_jsx("span", {
+        children: name
+      })]
+    }), open && /*#__PURE__*/_jsx(Flexbox, {
+      className: styles.folderChildren,
+      children: children
+    })]
+  }));
+};
+export default Folder;

package/es/mdx/Image.d.ts

@@ -1,14 +1,8 @@
-import { CSSProperties, FC } from 'react';
-export interface ImageProps {
-    alt: string;
-    borderless?: boolean;
-    className?: string;
+import { FC } from 'react';
+import { type ImageProps as LobeImageProps } from "../Image";
+export interface ImageProps extends LobeImageProps {
     cover?: boolean;
-    height?: number;
     inStep?: boolean;
-    src: string;
-    style?: CSSProperties;
-    width?: number;
 }
 declare const Image: FC<ImageProps>;
 export default Image;

package/es/mdx/Link.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { AnchorProps } from 'antd';
+import { AProps } from "../types";
+declare const Link: import("react").ForwardRefExoticComponent<AProps & AnchorProps & import("react").RefAttributes<any>>;
+export default Link;

package/es/mdx/Link.js

@@ -0,0 +1,18 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["href", "target"];
+import { forwardRef } from 'react';
+import A from "../A";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var href = _ref.href,
+    target = _ref.target,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var isNewWindoes = href === null || href === void 0 ? void 0 : href.startsWith('http');
+  return /*#__PURE__*/_jsx(A, _objectSpread({
+    href: href,
+    ref: ref,
+    target: target || isNewWindoes ? '_blank' : undefined
+  }, rest));
+});
+export default Link;

package/es/mdx/Pre.d.ts

@@ -1,14 +1,7 @@
-import { CSSProperties, FC, ReactNode } from 'react';
-export interface PreProps {
-    allowChangeLanguage?: boolean;
-    children: string;
-    className?: string;
-    fileName?: string;
-    fullFeatured?: boolean;
-    icon?: ReactNode;
-    lang: string;
-    style?: CSSProperties;
-}
+import { FC } from 'react';
+import { type HighlighterProps } from "../Highlighter";
+import { type SnippetProps } from "../Snippet";
+export type PreProps = HighlighterProps;
 export declare const Pre: FC<PreProps>;
-export declare const PreSingleLine: FC<Omit<PreProps, 'fullFeatured'>>;
+export declare const PreSingleLine: FC<SnippetProps>;
 export default Pre;

package/es/mdx/Pre.js

@@ -1,6 +1,10 @@
 'use client';
 
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _excluded = ["fullFeatured", "fileName", "allowChangeLanguage", "language", "children", "className", "style", "icon"],
+  _excluded2 = ["language", "children", "className", "style"];
 var _templateObject, _templateObject2;
 import { createStyles } from 'antd-style';
 import Highlighter from "../Highlighter";
@@ -18,16 +22,17 @@ export var Pre = function Pre(_ref2) {
   var fullFeatured = _ref2.fullFeatured,
     fileName = _ref2.fileName,
     allowChangeLanguage = _ref2.allowChangeLanguage,
-    _ref2$lang = _ref2.lang,
-    lang = _ref2$lang === void 0 ? FALLBACK_LANG : _ref2$lang,
+    _ref2$language = _ref2.language,
+    language = _ref2$language === void 0 ? FALLBACK_LANG : _ref2$language,
     children = _ref2.children,
     className = _ref2.className,
     style = _ref2.style,
-    icon = _ref2.icon;
+    icon = _ref2.icon,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/_jsx(Highlighter, {
+  return /*#__PURE__*/_jsx(Highlighter, _objectSpread(_objectSpread({
     allowChangeLanguage: allowChangeLanguage,
     className: cx(styles.container, styles.highlight, className),
     copyButtonSize: {
@@ -37,28 +42,31 @@ export var Pre = function Pre(_ref2) {
     fileName: fileName,
     fullFeatured: fullFeatured,
     icon: icon,
-    language: lang,
+    language: language,
     style: style,
-    type: "block",
+    type: "block"
+  }, rest), {}, {
     children: children
-  });
+  }));
 };
 export var PreSingleLine = function PreSingleLine(_ref3) {
-  var _ref3$lang = _ref3.lang,
-    lang = _ref3$lang === void 0 ? FALLBACK_LANG : _ref3$lang,
+  var _ref3$language = _ref3.language,
+    language = _ref3$language === void 0 ? FALLBACK_LANG : _ref3$language,
     children = _ref3.children,
     className = _ref3.className,
-    style = _ref3.style;
+    style = _ref3.style,
+    rest = _objectWithoutProperties(_ref3, _excluded2);
   var _useStyles2 = useStyles(),
     cx = _useStyles2.cx,
     styles = _useStyles2.styles;
-  return /*#__PURE__*/_jsx(Snippet, {
+  return /*#__PURE__*/_jsx(Snippet, _objectSpread(_objectSpread({
     className: cx(styles.container, className),
     "data-code-type": "highlighter",
-    language: lang,
+    language: language,
     style: style,
-    type: 'block',
+    type: 'block'
+  }, rest), {}, {
     children: children
-  });
+  }));
 };
 export default Pre;

package/es/mdx/Steps.d.ts

@@ -1,3 +1,4 @@
-import { FC, PropsWithChildren } from 'react';
-declare const Steps: FC<PropsWithChildren>;
+import { FC } from 'react';
+import { DivProps } from "../types";
+declare const Steps: FC<DivProps>;
 export default Steps;

package/es/mdx/Steps.js

@@ -1,6 +1,9 @@
 'use client';
 
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _excluded = ["children", "className"];
 var _templateObject;
 import { createStyles } from 'antd-style';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -12,12 +15,16 @@ var useStyles = createStyles(function (_ref) {
   };
 });
 var Steps = function Steps(_ref2) {
-  var children = _ref2.children;
+  var children = _ref2.children,
+    className = _ref2.className,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var _useStyles = useStyles(),
+    cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx("div", {
-    className: styles.container,
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: cx(styles.container, className)
+  }, rest), {}, {
     children: children
-  });
+  }));
 };
 export default Steps;

package/es/mdx/Tab.d.ts

@@ -1,6 +1,5 @@
-import { FC, ReactNode } from 'react';
-export interface TabProps {
-    children: ReactNode;
-}
+import { FC } from 'react';
+import { DivProps } from "../types";
+export type TabProps = DivProps;
 declare const Tab: FC<TabProps>;
 export default Tab;

package/es/mdx/Tab.js

@@ -1,6 +1,9 @@
 'use client';
 
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _excluded = ["children", "className"];
 var _templateObject;
 import { createStyles } from 'antd-style';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -11,14 +14,18 @@ var useStyles = createStyles(function (_ref) {
   };
 });
 var Tab = function Tab(_ref2) {
-  var children = _ref2.children;
+  var children = _ref2.children,
+    className = _ref2.className,
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var _useStyles = useStyles(),
+    cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx("div", {
-    className: styles.body,
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: cx(styles.body, className)
+  }, rest), {}, {
     children: /*#__PURE__*/_jsx("div", {
       children: children
     })
-  });
+  }));
 };
 export default Tab;

package/es/mdx/Tabs.d.ts

@@ -1,8 +1,11 @@
 import { FC, ReactNode } from 'react';
-export interface TabsProps {
+import { FlexboxProps } from 'react-layout-kit';
+import { type TabsNavProps } from "../TabsNav";
+export interface TabsProps extends Omit<FlexboxProps, 'children'> {
     children: ReactNode[];
     defaultIndex?: number | string;
     items: string[];
+    tabNavProps?: Partial<TabsNavProps>;
 }
 declare const Tabs: FC<TabsProps>;
 export default Tabs;

package/es/mdx/Tabs.js

@@ -1,7 +1,11 @@
 'use client';
 
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _excluded = ["defaultIndex", "items", "children", "className", "tabNavProps"],
+  _excluded2 = ["className", "onChange"];
 var _templateObject, _templateObject2;
 import { createStyles } from 'antd-style';
 import { useState } from 'react';
@@ -22,28 +26,40 @@ var Tabs = function Tabs(_ref2) {
   var _ref2$defaultIndex = _ref2.defaultIndex,
     defaultIndex = _ref2$defaultIndex === void 0 ? '0' : _ref2$defaultIndex,
     items = _ref2.items,
-    children = _ref2.children;
+    children = _ref2.children,
+    className = _ref2.className,
+    _ref2$tabNavProps = _ref2.tabNavProps,
+    tabNavProps = _ref2$tabNavProps === void 0 ? {} : _ref2$tabNavProps,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var tabNavClassName = tabNavProps.className,
+    _onChange = tabNavProps.onChange,
+    tabNavRest = _objectWithoutProperties(tabNavProps, _excluded2);
   var _useState = useState(String(defaultIndex)),
     _useState2 = _slicedToArray(_useState, 2),
     activeIndex = _useState2[0],
     setActiveIndex = _useState2[1];
   var _useStyles = useStyles(),
+    cx = _useStyles.cx,
     styles = _useStyles.styles;
   var index = Number(activeIndex);
-  return /*#__PURE__*/_jsxs(Flexbox, {
-    className: styles.container,
-    children: [/*#__PURE__*/_jsx(TabsNav, {
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+    className: cx(styles.container, className)
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx(TabsNav, _objectSpread({
       activeKey: activeIndex,
-      className: styles.header,
+      className: cx(styles.header, tabNavClassName),
       items: items.map(function (item, i) {
         return {
           key: String(i),
           label: item
         };
       }),
-      onChange: setActiveIndex,
+      onChange: function onChange(v) {
+        setActiveIndex(v);
+        _onChange === null || _onChange === void 0 || _onChange(v);
+      },
       variant: 'compact'
-    }), (children === null || children === void 0 ? void 0 : children[index]) || '']
-  });
+    }, tabNavRest)), (children === null || children === void 0 ? void 0 : children[index]) || '']
+  }));
 };
 export default Tabs;

package/es/mdx/Video.d.ts

@@ -1,14 +1,8 @@
-import { CSSProperties, FC } from 'react';
-export interface VideoProps {
-    borderless?: boolean;
-    className?: string;
+import { FC } from 'react';
+import { type VideoProps as LobeVideoProps } from "../Video";
+export interface VideoProps extends LobeVideoProps {
     cover?: boolean;
-    height?: number;
     inStep?: boolean;
-    poster?: string;
-    src: string;
-    style?: CSSProperties;
-    width?: number;
 }
 declare const Video: FC<VideoProps>;
 export default Video;

package/es/mdx/index.d.ts

@@ -1,7 +1,9 @@
 export { default as Callout, type CalloutProps } from './Callout';
 export { default as Card, type CardProps } from './Card';
 export { default as Cards, type CardsProps } from './Cards';
+export { default as File, type FileProps } from './File';
 export { default as FileTree, type FileTreeProps } from './FileTree';
+export { default as Folder, type FolderProps } from './Folder';
 export { default as Image, type ImageProps } from './Image';
 export { default as mdxComponents } from './mdxComponents';
 export { default as Pre, type PreProps, PreSingleLine } from './Pre';

package/es/mdx/index.js

@@ -1,7 +1,9 @@
 export { default as Callout } from "./Callout";
 export { default as Card } from "./Card";
 export { default as Cards } from "./Cards";
+export { default as File } from "./File";
 export { default as FileTree } from "./FileTree";
+export { default as Folder } from "./Folder";
 export { default as Image } from "./Image";
 export { default as mdxComponents } from "./mdxComponents";
 export { default as Pre, PreSingleLine } from "./Pre";

package/es/mdx/mdxComponents.d.ts

@@ -2,14 +2,13 @@
 declare const mdxComponents: {
     Callout: import("react").FC<import("./Callout").CalloutProps>;
     Card: import("react").FC<import("./Card").CardProps>;
-    Cards: import("react").FC<import("./Cards").CardsProps>;
-    FileTree: import("./FileTree").FileTreeProps;
+    Cards: import("react").FC<import("..").GridProps>;
+    FileTree: import("react").FC<import("..").DivProps>;
     Image: import("react").FC<import("./Image").ImageProps>;
-    Steps: import("react").FC<{
-        children?: import("react").ReactNode;
-    }>;
-    Tab: import("react").FC<import("./Tab").TabProps>;
+    Steps: import("react").FC<import("..").DivProps>;
+    Tab: import("react").FC<import("..").DivProps>;
     Tabs: import("react").FC<import("./Tabs").TabsProps>;
     Video: import("react").FC<import("./Video").VideoProps>;
+    a: import("react").ForwardRefExoticComponent<import("..").AProps & import("antd").AnchorProps & import("react").RefAttributes<any>>;
 };
 export default mdxComponents;

package/es/mdx/mdxComponents.js

@@ -3,6 +3,7 @@ import Card from "./Card";
 import Cards from "./Cards";
 import FileTree from "./FileTree";
 import Image from "./Image";
+import Link from "./Link";
 import Steps from "./Steps";
 import Tab from "./Tab";
 import Tabs from "./Tabs";
@@ -16,6 +17,7 @@ var mdxComponents = {
   Steps: Steps,
   Tab: Tab,
   Tabs: Tabs,
-  Video: Video
+  Video: Video,
+  a: Link
 };
 export default mdxComponents;

package/package.json

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