@lobehub/ui 1.170.8 → 2.0.0

package/es/mdx/Cards/index.js

@@ -2,7 +2,6 @@
 
 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", "maxItemWidth", "rows"];
-var _templateObject;
 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; }
@@ -10,24 +9,17 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-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 Grid from "../../Grid";
+import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
-  var css = _ref.css;
-  return {
-    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n\n      > div {\n        margin: 0 !important;\n      }\n    "])))
-  };
-});
-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,
-    rest = _objectWithoutProperties(_ref2, _excluded);
+var Cards = function Cards(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$maxItemWidth = _ref.maxItemWidth,
+    maxItemWidth = _ref$maxItemWidth === void 0 ? 250 : _ref$maxItemWidth,
+    _ref$rows = _ref.rows,
+    rows = _ref$rows === void 0 ? 3 : _ref$rows,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
@@ -39,4 +31,5 @@ var Cards = function Cards(_ref2) {
     children: children
   }));
 };
+Cards.displayName = 'MdxCards';
 export default Cards;

package/es/{Mermaid/components → mdx/Cards}/style.d.ts

@@ -1,3 +1,3 @@
 export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
-    loading: string;
+    container: import("antd-style").SerializedStyles;
 }>;

package/es/mdx/Cards/style.js

@@ -0,0 +1,9 @@
+var _templateObject;
+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';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n\n      > div {\n        margin: 0 !important;\n      }\n    "])))
+  };
+});

package/es/mdx/FileTree/File.js

@@ -31,4 +31,5 @@ var File = function File(_ref) {
     })]
   }));
 };
+File.displayName = 'MdxFile';
 export default File;

package/es/mdx/FileTree/Folder.js

@@ -65,4 +65,5 @@ var Folder = function Folder(_ref2) {
     })]
   }));
 };
+Folder.displayName = 'MdxFolder';
 export default Folder;

package/es/mdx/FileTree/index.js

@@ -2,7 +2,6 @@
 
 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"];
-var _templateObject;
 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; }
@@ -10,20 +9,12 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-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 { useStyles } from "./style";
 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      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,
-    className = _ref2.className,
-    rest = _objectWithoutProperties(_ref2, _excluded);
+var FileTree = function FileTree(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
@@ -33,4 +24,5 @@ var FileTree = function FileTree(_ref2) {
     children: children
   }));
 };
+FileTree.displayName = 'MdxFileTree';
 export default FileTree;

package/es/mdx/FileTree/style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    container: import("antd-style").SerializedStyles;
+}>;

package/es/mdx/FileTree/style.js

@@ -0,0 +1,10 @@
+var _templateObject;
+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';
+export 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)
+  };
+});

package/es/mdx/Mdx/index.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import type { Pluggable } from 'unified';
-import { type TypographyProps } from "../../Markdown/Typography";
+import { type TypographyProps } from "../../Markdown";
 export interface MdxProps extends Omit<TypographyProps, 'children'> {
     children: string;
     components?: any[];

package/es/mdx/Mdx/index.js

@@ -30,8 +30,8 @@ import rehypeKatex from 'rehype-katex';
 import remarkGfm from 'remark-gfm';
 import remarkMath from 'remark-math';
 import Alert from "../../Alert";
-import ImageGallery from "../../Image/ImageGallery";
-import Typography from "../../Markdown/Typography";
+import { PreviewGroup } from "../../Image";
+import { Typography } from "../../Markdown";
 import { useStyles } from "../../Markdown/style";
 import { escapeBrackets, escapeMhchem, fixMarkdownBold } from "../../Markdown/utils";
 import mdxComponents from "../mdxComponents";
@@ -165,7 +165,7 @@ var Mdx = /*#__PURE__*/memo(function (_ref) {
     "data-code-type": "mdx",
     style: style
   }, rest), {}, {
-    children: /*#__PURE__*/_jsx(ImageGallery, {
+    children: /*#__PURE__*/_jsx(PreviewGroup, {
       enable: enableImageGallery,
       children: /*#__PURE__*/_jsx(MDXContent, {
         components: memoComponents
@@ -173,4 +173,5 @@ var Mdx = /*#__PURE__*/memo(function (_ref) {
     })
   }));
 });
+Mdx.displayName = 'Mdx';
 export default Mdx;

package/es/mdx/Steps/index.js

@@ -2,7 +2,6 @@
 
 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"];
-var _templateObject;
 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; }
@@ -10,20 +9,12 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-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 { useStyles } from "./style";
 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      --lobe-markdown-header-multiple: 0.5;\n      --lobe-markdown-margin-multiple: 1;\n\n      position: relative;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-inline-start: 2.5em;\n\n      &::before {\n        content: '';\n\n        position: absolute;\n        inset-block-start: 0.25em;\n        inset-inline-start: 0.9em;\n\n        display: block;\n\n        width: 1px;\n        height: calc(100% - 0.5em);\n\n        background: ", ";\n      }\n\n      h3 {\n        counter-increment: step;\n\n        &::before {\n          content: counter(step);\n\n          position: absolute;\n          z-index: 1;\n          inset-inline-start: 0;\n\n          display: inline-block;\n\n          width: 1.8em;\n          height: 1.8em;\n          margin-block-start: -0.05em;\n\n          font-size: 0.8em;\n          font-weight: 500;\n          line-height: 1.8em;\n          color: ", ";\n          text-align: center;\n\n          background: ", ";\n          border-radius: 9999px;\n          box-shadow: 0 0 0 2px ", ";\n        }\n\n        &:not(:first-child) {\n          margin-block-start: 2em;\n        }\n      }\n    "])), token.colorBorderSecondary, token.colorTextSecondary, token.colorBgElevated, token.colorBgLayout)
-  };
-});
-var Steps = function Steps(_ref2) {
-  var children = _ref2.children,
-    className = _ref2.className,
-    rest = _objectWithoutProperties(_ref2, _excluded);
+var Steps = function Steps(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
@@ -33,4 +24,5 @@ var Steps = function Steps(_ref2) {
     children: children
   }));
 };
+Steps.displayName = 'MdxSteps';
 export default Steps;

package/es/mdx/Steps/style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    container: import("antd-style").SerializedStyles;
+}>;

package/es/mdx/Steps/style.js

@@ -0,0 +1,10 @@
+var _templateObject;
+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';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      --lobe-markdown-header-multiple: 0.5;\n      --lobe-markdown-margin-multiple: 1;\n\n      position: relative;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-inline-start: 2.5em;\n\n      &::before {\n        content: '';\n\n        position: absolute;\n        inset-block-start: 0.25em;\n        inset-inline-start: 0.9em;\n\n        display: block;\n\n        width: 1px;\n        height: calc(100% - 0.5em);\n\n        background: ", ";\n      }\n\n      h3 {\n        counter-increment: step;\n\n        &::before {\n          content: counter(step);\n\n          position: absolute;\n          z-index: 1;\n          inset-inline-start: 0;\n\n          display: inline-block;\n\n          width: 1.8em;\n          height: 1.8em;\n          margin-block-start: -0.05em;\n\n          font-size: 0.8em;\n          font-weight: 500;\n          line-height: 1.8em;\n          color: ", ";\n          text-align: center;\n\n          background: ", ";\n          border-radius: 9999px;\n          box-shadow: 0 0 0 2px ", ";\n        }\n\n        &:not(:first-child) {\n          margin-block-start: 2em;\n        }\n      }\n    "])), token.colorBorderSecondary, token.colorTextSecondary, token.colorBgElevated, token.colorBgLayout)
+  };
+});

package/es/mdx/Tabs/Tab.js

@@ -34,4 +34,5 @@ var Tab = function Tab(_ref2) {
     })
   }));
 };
+Tab.displayName = 'MdxTab';
 export default Tab;

package/es/mdx/Tabs/index.d.ts

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

package/es/mdx/Tabs/index.js

@@ -3,7 +3,6 @@
 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 = ["defaultIndex", "items", "children", "className", "tabNavProps"],
   _excluded2 = ["className", "onChange"];
-var _templateObject, _templateObject2;
 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; }
@@ -17,31 +16,21 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 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; }
-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 { useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import TabsNav from "../../TabsNav";
+import { default as LobeTabs } from "../../Tabs";
+import { useStyles } from "./style";
 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,
-    prefixCls = _ref.prefixCls;
-  return {
-    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      --lobe-markdown-margin-multiple: 1;\n\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      background: ", ";\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    "])), token.colorFillQuaternary),
-    header: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      border-block-end: 1px solid var(--lobe-markdown-border-color);\n      .", "-tabs-tab-btn {\n        font-size: var(--lobe-markdown-font-size);\n        line-height: var(--lobe-markdown-line-height);\n      }\n    "])), prefixCls)
-  };
-});
-var Tabs = function Tabs(_ref2) {
-  var _ref2$defaultIndex = _ref2.defaultIndex,
-    defaultIndex = _ref2$defaultIndex === void 0 ? '0' : _ref2$defaultIndex,
-    items = _ref2.items,
-    children = _ref2.children,
-    className = _ref2.className,
-    _ref2$tabNavProps = _ref2.tabNavProps,
-    tabNavProps = _ref2$tabNavProps === void 0 ? {} : _ref2$tabNavProps,
-    rest = _objectWithoutProperties(_ref2, _excluded);
+var Tabs = function Tabs(_ref) {
+  var _ref$defaultIndex = _ref.defaultIndex,
+    defaultIndex = _ref$defaultIndex === void 0 ? '0' : _ref$defaultIndex,
+    items = _ref.items,
+    children = _ref.children,
+    className = _ref.className,
+    _ref$tabNavProps = _ref.tabNavProps,
+    tabNavProps = _ref$tabNavProps === void 0 ? {} : _ref$tabNavProps,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var tabNavClassName = tabNavProps.className,
     _onChange = tabNavProps.onChange,
     tabNavRest = _objectWithoutProperties(tabNavProps, _excluded2);
@@ -56,9 +45,10 @@ var Tabs = function Tabs(_ref2) {
   return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     className: cx(styles.container, className)
   }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(TabsNav, _objectSpread({
+    children: [/*#__PURE__*/_jsx(LobeTabs, _objectSpread({
       activeKey: activeIndex,
       className: cx(styles.header, tabNavClassName),
+      compact: true,
       items: items.map(function (item, i) {
         return {
           key: String(i),
@@ -68,8 +58,7 @@ var Tabs = function Tabs(_ref2) {
       onChange: function onChange(v) {
         setActiveIndex(v);
         _onChange === null || _onChange === void 0 || _onChange(v);
-      },
-      variant: 'compact'
+      }
     }, tabNavRest)), (children === null || children === void 0 ? void 0 : children[index]) || '']
   }));
 };

package/es/mdx/Tabs/style.d.ts

@@ -0,0 +1,4 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    container: import("antd-style").SerializedStyles;
+    header: import("antd-style").SerializedStyles;
+}>;

package/es/mdx/Tabs/style.js

@@ -0,0 +1,12 @@
+var _templateObject, _templateObject2;
+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';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token,
+    prefixCls = _ref.prefixCls;
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      --lobe-markdown-margin-multiple: 1;\n\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      background: ", ";\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n      box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n    "])), token.colorFillQuaternary),
+    header: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      border-block-end: 1px solid var(--lobe-markdown-border-color);\n      .", "-tabs-tab-btn {\n        font-size: var(--lobe-markdown-font-size);\n        line-height: var(--lobe-markdown-line-height);\n      }\n    "])), prefixCls)
+  };
+});

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { type FC, type ReactNode } from 'react';
 interface PopoverPanelProps {
     alt?: string;
     children?: ReactNode;
@@ -6,5 +6,5 @@ interface PopoverPanelProps {
     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>;
+declare const PopoverPanel: FC<PopoverPanelProps>;
 export default PopoverPanel;

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

@@ -11,7 +11,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 import { Popover } from 'antd';
 import { createStyles } from 'antd-style';
 import { ArrowRightIcon } from 'lucide-react';
-import { memo, useMemo } from 'react';
+import { useMemo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import Icon from "../../../Icon";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -24,7 +24,7 @@ var useStyles = createStyles(function (_ref) {
     url: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    -webkit-line-clamp: 1;\n\n    max-width: 400px;\n\n    text-overflow: ellipsis;\n  "])))
   };
 });
-var PopoverPanel = /*#__PURE__*/memo(function (_ref2) {
+var PopoverPanel = function PopoverPanel(_ref2) {
   var children = _ref2.children,
     usePopover = _ref2.usePopover,
     title = _ref2.title,
@@ -87,5 +87,6 @@ var PopoverPanel = /*#__PURE__*/memo(function (_ref2) {
     trigger: 'hover',
     children: children
   }) : children;
-});
+};
+PopoverPanel.displayName = 'MdxPopoverPanel';
 export default PopoverPanel;

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

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

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

@@ -10,7 +10,6 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 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) {
@@ -18,12 +17,12 @@ var useStyles = createStyles(function (_ref) {
     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),
+    content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    width: 16px;\n    height: 16px;\n    margin-inline: 2px;\n\n    font-family: ", ";\n    font-size: 10px;\n    color: ", " !important;\n    text-align: center;\n    vertical-align: top;\n\n    background: ", ";\n    border-radius: 4px;\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 Citation = function Citation(_ref2) {
   var children = _ref2.children,
     href = _ref2.href,
     inSup = _ref2.inSup,
@@ -70,5 +69,6 @@ var Citation = /*#__PURE__*/memo(function (_ref2) {
       })
     })
   }));
-});
+};
+Citation.displayName = 'MdxCitation';
 export default Citation;

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import type { MermaidProps } from "../../Mermaid";
 interface CodeBlockProps {
     children: any;

package/es/mdx/mdxComponents/CodeBlock.js

@@ -51,4 +51,5 @@ var CodeBlock = function CodeBlock(_ref) {
     children: code.content
   });
 };
+CodeBlock.displayName = 'MdxCodeBlock';
 export default CodeBlock;

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

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import { type FC, type 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;
+declare const Footnotes: FC<FootnotesProps>;
 export default Footnotes;

package/es/mdx/mdxComponents/Footnotes.js

@@ -1,3 +1,5 @@
+'use client';
+
 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; }
@@ -5,13 +7,13 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 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 { SearchResultCards } from "../../SearchBar";
 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)
+    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\n      text-overflow: ellipsis;\n      white-space: nowrap;\n\n      border: 1px solid ", ";\n      border-radius: 0.25em;\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) {
@@ -38,4 +40,5 @@ var Footnotes = function Footnotes(_ref2) {
     })
   });
 };
+Footnotes.displayName = 'MdxFootnotes';
 export default Footnotes;

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

@@ -1,8 +1,5 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { type ImageProps as LobeImageProps } from "../../Image";
-export interface ImageProps extends LobeImageProps {
-    cover?: boolean;
-    inStep?: boolean;
-}
+export type ImageProps = LobeImageProps;
 declare const Image: FC<ImageProps>;
 export default Image;

package/es/mdx/mdxComponents/Image.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 = ["style", "width", "height", "cover", "inStep", "alt"];
+var _excluded = ["style", "alt"];
 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; }
@@ -13,35 +13,19 @@ import LobeImage from "../../Image";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Image = function Image(_ref) {
   var style = _ref.style,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 800 : _ref$width,
-    height = _ref.height,
-    cover = _ref.cover,
-    inStep = _ref.inStep,
     _ref$alt = _ref.alt,
-    alt = _ref$alt === void 0 ? 'cover' : _ref$alt,
+    alt = _ref$alt === void 0 ? 'img' : _ref$alt,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var size = cover ? {
-    height: 300,
-    width: 800
-  } : inStep ? {
-    height: height,
-    width: 780
-  } : {
-    height: height,
-    width: width
-  };
   return /*#__PURE__*/_jsx(LobeImage, _objectSpread({
     alt: alt,
-    height: size.height,
     preview: {
       mask: false
     },
     style: _objectSpread({
       borderRadius: 'calc(var(--lobe-markdown-border-radius) * 1px)',
       marginBlock: 'calc(var(--lobe-markdown-margin-multiple) * 1em)'
-    }, style),
-    width: size.width
+    }, style)
   }, rest));
 };
+Image.displayName = 'MdxImage';
 export default Image;

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

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-import { AProps } from "../../types";
-import { CitationItem } from "../../types/citation";
+import type { FC } from 'react';
+import type { AProps } from "../../types";
+import type { CitationItem } from "../../types/citation";
 export interface LinkProps extends AProps {
     'aria-describedby'?: string;
     'citations'?: CitationItem[];

package/es/mdx/mdxComponents/Link.js

@@ -1,3 +1,5 @@
+'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 = ["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; }
@@ -44,4 +46,5 @@ var Link = function Link(_ref) {
     target: target || isNewWindow ? '_blank' : undefined
   }, rest));
 };
+Link.displayName = 'MdxLink';
 export default Link;

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

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { type HighlighterProps } from "../../Highlighter";
 import { type MermaidProps } from "../../Mermaid";
 import { type SnippetProps } from "../../Snippet";