@lobehub/ui 1.133.0 → 1.133.2

package/es/mdx/Callout.js

@@ -47,6 +47,10 @@ 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;
+  var content = children;
+  if (isString(children)) content = /*#__PURE__*/_jsx("p", {
+    children: children
+  });
   return /*#__PURE__*/_jsxs(Flexbox, {
     align: 'flex-start',
     className: styles.container,
@@ -66,9 +70,7 @@ var Callout = function Callout(_ref2) {
       }
     }), /*#__PURE__*/_jsx("div", {
       className: styles.content,
-      children: isString(children) ? /*#__PURE__*/_jsx("p", {
-        children: children
-      }) : children
+      children: content
     })]
   });
 };

package/es/mdx/Cards.d.ts

@@ -10,6 +10,12 @@ export interface CardProps extends Omit<FlexboxProps, 'children'> {
     title: string;
 }
 declare const Card: FC<CardProps>;
-declare const Cards: FC<PropsWithChildren>;
+interface _CardsProps extends PropsWithChildren {
+    rows?: number;
+}
+declare const _Cards: FC<_CardsProps>;
+export type CardsProps = typeof _Cards & {
+    Card: typeof Card;
+};
+declare const Cards: CardsProps;
 export default Cards;
-export { Card };

package/es/mdx/Cards.js

@@ -12,14 +12,14 @@ import Icon from "../Icon";
 import Img from "../Img";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
+var useStyles = createStyles(function (_ref, rows) {
   var css = _ref.css,
     cx = _ref.cx,
     token = _ref.token;
   var icon = cx(css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-block: 0.1em;\n    opacity: 0.5;\n    transition: opacity 0.2s ", ";\n  "])), token.motionEaseInOut));
   return {
-    card: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      --lobe-markdown-header-multiple: 0;\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\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\n      transition: all 0.2s ", ";\n\n      h3,\n      p {\n        margin-block: 0;\n      }\n\n      p {\n        color: ", ";\n        transition: color 0.2s ", ";\n      }\n\n      &:hover {\n        background: ", ";\n        box-shadow: 0 0 0 1px ", ";\n\n        p {\n          color: ", ";\n        }\n\n        .", " {\n          opacity: 1;\n        }\n      }\n    "])), token.colorText, token.motionEaseInOut, token.colorTextDescription, token.motionEaseInOut, token.colorFillQuaternary, token.colorBorder, token.colorTextSecondary, icon),
-    container: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      --rows: 3;\n\n      display: grid;\n      grid-template-columns: repeat(\n        auto-fill,\n        minmax(max(250px, calc((100% - 1rem * 2) / var(--rows))), 1fr)\n      );\n      gap: 1em;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n    "]))),
+    card: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      --lobe-markdown-header-multiple: 0;\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n\n      height: 100%;\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\n      transition: all 0.2s ", ";\n\n      h3,\n      p {\n        margin-block: 0;\n      }\n\n      p {\n        color: ", ";\n        transition: color 0.2s ", ";\n      }\n\n      &:hover {\n        background: ", ";\n        box-shadow: 0 0 0 1px ", ";\n\n        p {\n          color: ", ";\n        }\n\n        .", " {\n          opacity: 1;\n        }\n      }\n    "])), token.colorText, token.motionEaseInOut, token.colorTextDescription, token.motionEaseInOut, token.colorFillQuaternary, token.colorBorder, token.colorTextSecondary, icon),
+    container: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      --rows: ", ";\n\n      display: grid;\n      grid-template-columns: repeat(\n        auto-fill,\n        minmax(max(250px, calc((100% - 1rem * 2) / var(--rows))), 1fr)\n      );\n      gap: 1em;\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n\n      > div {\n        margin: 0 !important;\n      }\n    "])), rows),
     content: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      gap: 0.75em;\n      padding: 1em;\n    "]))),
     icon: icon
   };
@@ -71,14 +71,17 @@ var Card = function Card(_ref2) {
     }))
   });
 };
-var Cards = function Cards(_ref3) {
-  var children = _ref3.children;
-  var _useStyles2 = useStyles(),
+var _Cards = function _Cards(_ref3) {
+  var children = _ref3.children,
+    _ref3$rows = _ref3.rows,
+    rows = _ref3$rows === void 0 ? 3 : _ref3$rows;
+  var _useStyles2 = useStyles(rows),
     styles = _useStyles2.styles;
   return /*#__PURE__*/_jsx("div", {
     className: styles.container,
     children: children
   });
 };
-export default Cards;
-export { Card };
+var Cards = _Cards;
+Cards.Card = Card;
+export default Cards;

package/es/mdx/Tabs.js

@@ -2,7 +2,7 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
 import { createStyles } from 'antd-style';
-import { isString } from 'lodash-es';
+import { isArray, isString } from 'lodash-es';
 import { useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import TabsNav from "../TabsNav";
@@ -22,11 +22,13 @@ var _TabItem = function _TabItem(_ref2) {
   var children = _ref2.children;
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
+  var content = children;
+  if (isString(children) || isArray(children)) content = /*#__PURE__*/_jsx("p", {
+    children: children
+  });
   return /*#__PURE__*/_jsx("div", {
     className: styles.body,
-    children: isString(children) ? /*#__PURE__*/_jsx("p", {
-      children: children
-    }) : children
+    children: content
   });
 };
 var _Tabs = function _Tabs(_ref3) {

package/es/mdx/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Callout, type CalloutProps } from './Callout';
-export { Card, type CardProps, default as Cards } from './Cards';
+export { default as Cards, type CardsProps } from './Cards';
 export { default as FileTree, type FileTreeProps } from './FileTree';
 export { default as Image, type ImageProps } from './Image';
 export { default as mdxComponents } from './mdxComponents';

package/es/mdx/index.js

@@ -1,5 +1,5 @@
 export { default as Callout } from "./Callout";
-export { Card, default as Cards } from "./Cards";
+export { default as Cards } from "./Cards";
 export { default as FileTree } from "./FileTree";
 export { default as Image } from "./Image";
 export { default as mdxComponents } from "./mdxComponents";

package/es/mdx/mdxComponents.js

@@ -1,5 +1,5 @@
 import Callout from "./Callout";
-import Cards, { Card } from "./Cards";
+import Cards from "./Cards";
 import FileTree from "./FileTree";
 import Image from "./Image";
 import Steps from "./Steps";
@@ -7,16 +7,9 @@ import Tabs from "./Tabs";
 import Video from "./Video";
 var mdxComponents = {
   Callout: Callout,
-  Card: Card,
   Cards: Cards,
   FileTree: FileTree,
   Image: Image,
-  LobeCallout: Callout,
-  LobeCard: Card,
-  LobeCards: Cards,
-  LobeFileTree: FileTree,
-  LobeSteps: Steps,
-  LobeTabs: Tabs,
   Steps: Steps,
   Tabs: Tabs,
   Video: Video

package/package.json

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