@lobehub/ui 1.133.3 → 1.133.5

package/es/Highlighter/SyntaxHighlighter/index.js

@@ -6,8 +6,8 @@ import Icon from "../../Icon";
 import { useHighlight } from "../../hooks/useHighlight";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var SyntaxHighlighter = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
     language = _ref.language,
@@ -36,16 +36,16 @@ var SyntaxHighlighter = /*#__PURE__*/memo(function (_ref) {
         __html: data
       },
       style: style
-    }), isLoading && /*#__PURE__*/_jsxs(Flexbox, {
+    }), isLoading && /*#__PURE__*/_jsx(Flexbox, {
       align: 'center',
       className: styles.loading,
       gap: 8,
       horizontal: true,
       justify: 'center',
-      children: [/*#__PURE__*/_jsx(Icon, {
+      children: /*#__PURE__*/_jsx(Icon, {
         icon: Loader2,
         spin: true
-      }), "Highlighting..."]
+      })
     })]
   });
 });

package/es/index.d.ts

@@ -57,6 +57,7 @@ export { default as LogoThree, type LogoThreeProps } from './LogoThree';
 export { default as LogoSpline, type LogoSplineProps } from './LogoThree/LogoSpline';
 export { default as Markdown, type MarkdownProps } from './Markdown';
 export { Typography, type TypographyProps } from './Markdown/Typography';
+export { mdxComponents, Pre, PreSingleLine } from './mdx';
 export { default as MessageInput, type MessageInputProps } from './MessageInput';
 export { default as MessageModal, type MessageModalProps } from './MessageModal';
 export { default as MobileNavBar, type MobileNavBarProps } from './MobileNavBar';

package/es/index.js

@@ -56,6 +56,7 @@ export { default as LogoThree } from "./LogoThree";
 export { default as LogoSpline } from "./LogoThree/LogoSpline";
 export { default as Markdown } from "./Markdown";
 export { Typography } from "./Markdown/Typography";
+export { mdxComponents, Pre, PreSingleLine } from "./mdx";
 export { default as MessageInput } from "./MessageInput";
 export { default as MessageModal } from "./MessageModal";
 export { default as MobileNavBar } from "./MobileNavBar";

package/es/mdx/Callout.js

@@ -1,18 +1,19 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
-import { Icon } from "./..";
+var _templateObject, _templateObject2, _templateObject3;
 import { createStyles } from 'antd-style';
 import { isString } from 'lodash-es';
 import { Info, Lightbulb, MessageSquareWarning, OctagonAlert, TriangleAlert } from 'lucide-react';
 import { rgba } from 'polished';
 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;
   return {
     container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      --lobe-markdown-margin-multiple: 1;\n\n      overflow: hidden;\n      gap: 0.75em;\n\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n      padding-inline: 1em;\n\n      border: 1px solid transparent;\n      border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n    "]))),
-    content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * -1em);\n\n      p {\n        color: inherit !important;\n      }\n    "])))
+    content: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      margin-block: calc(var(--lobe-markdown-margin-multiple) * -1em);\n\n      p {\n        color: inherit !important;\n      }\n    "]))),
+    underlineAnchor: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      a {\n        text-decoration: underline;\n      }\n    "])))
   };
 });
 var Callout = function Callout(_ref2) {
@@ -20,6 +21,7 @@ var Callout = function Callout(_ref2) {
     _ref2$type = _ref2.type,
     type = _ref2$type === void 0 ? 'info' : _ref2$type;
   var _useStyles = useStyles(),
+    cx = _useStyles.cx,
     styles = _useStyles.styles,
     theme = _useStyles.theme;
   var typeConfig = {
@@ -48,7 +50,7 @@ var Callout = function Callout(_ref2) {
   var icon = selectedType.icon,
     color = selectedType.color;
   var content = children;
-  if (isString(children)) content = /*#__PURE__*/_jsx("p", {
+  if (isString(children) || isString(children === null || children === void 0 ? void 0 : children[0])) content = /*#__PURE__*/_jsx("p", {
     children: children
   });
   return /*#__PURE__*/_jsxs(Flexbox, {
@@ -69,7 +71,7 @@ var Callout = function Callout(_ref2) {
         marginBlock: '0.2em'
       }
     }), /*#__PURE__*/_jsx("div", {
-      className: styles.content,
+      className: cx(styles.content, type === 'info' && styles.underlineAnchor),
       children: content
     })]
   });

package/es/mdx/Cards.d.ts

@@ -1,6 +1,6 @@
 import { FC, PropsWithChildren } from 'react';
 import { type FlexboxProps } from 'react-layout-kit';
-import { type IconProps } from '../Icon';
+import { type IconProps } from "../Icon";
 export interface CardProps extends Omit<FlexboxProps, 'children'> {
     desc?: string;
     href?: string;

package/es/mdx/FileTree.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-import { type IconProps } from '../Icon';
+import { type IconProps } from "../Icon";
 export interface _FileTreeProps {
     children: ReactNode;
 }

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 { isArray, isString } from 'lodash-es';
+import { isString } from 'lodash-es';
 import { useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import TabsNav from "../TabsNav";
@@ -23,7 +23,7 @@ var _TabItem = function _TabItem(_ref2) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
   var content = children;
-  if (isString(children) || isArray(children)) content = /*#__PURE__*/_jsx("p", {
+  if (isString(children) || isString(children === null || children === void 0 ? void 0 : children[0])) content = /*#__PURE__*/_jsx("p", {
     children: children
   });
   return /*#__PURE__*/_jsx("div", {

package/es/mdx/mdxComponents.d.ts

@@ -1,3 +1,13 @@
-import { FC } from 'react';
-declare const mdxComponents: Record<string, FC<any>>;
+/// <reference types="react" />
+declare const mdxComponents: {
+    Callout: import("react").FC<import("./Callout").CalloutProps>;
+    Cards: import("./Cards").CardsProps;
+    FileTree: import("./FileTree").FileTreeProps;
+    Image: import("react").FC<import("./Image").ImageProps>;
+    Steps: import("react").FC<{
+        children?: import("react").ReactNode;
+    }>;
+    Tabs: import("./Tabs").TabsProps;
+    Video: import("react").FC<import("./Video").VideoProps>;
+};
 export default mdxComponents;

package/package.json

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