@lobehub/ui 1.143.4 → 1.144.0

package/es/ChatItem/style.js

@@ -28,9 +28,9 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     editingInput: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        width: 100%;\n      "]))),
     errorContainer: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n        position: relative;\n        overflow: hidden;\n        width: 100%;\n      "]))),
     loading: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        position: absolute;\n        inset-block-end: 0;\n        inset-inline: ", "\n          ", ";\n\n        width: 16px;\n        height: 16px;\n\n        color: ", ";\n\n        background: ", ";\n        border-radius: 50%;\n      "])), placement === 'right' ? '-4px' : 'unset', placement === 'left' ? '-4px' : 'unset', token.colorBgLayout, token.colorPrimary),
-    message: cx(typeStylish, css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n          position: relative;\n\n          ", " {\n            width: 100%;\n          }\n        "])), responsive.mobile)),
+    message: cx(typeStylish, css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n          position: relative;\n          overflow: hidden;\n          max-width: 100%;\n\n          ", " {\n            width: 100%;\n          }\n        "])), responsive.mobile)),
     messageContainer: cx(editingStylish, css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n          position: relative;\n          overflow: hidden;\n          max-width: 100%;\n          margin-block-start: ", "px;\n\n          ", " {\n            overflow-x: auto;\n          }\n        "])), time ? -16 : 0, responsive.mobile)),
-    messageContent: cx(editingStylish, css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n          position: relative;\n          overflow-x: hidden;\n          max-width: 100%;\n\n          ", " {\n            flex-direction: column !important;\n          }\n        "])), responsive.mobile)),
+    messageContent: cx(editingStylish, css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n          position: relative;\n          overflow: hidden;\n          max-width: 100%;\n\n          ", " {\n            flex-direction: column !important;\n          }\n        "])), responsive.mobile)),
     messageExtra: cx('message-extra'),
     name: css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n        margin-block-end: 6px;\n\n        font-size: 12px;\n        line-height: 1;\n        color: ", ";\n        text-align: ", ";\n      "])), token.colorTextDescription, placement === 'left' ? 'left' : 'right')
   };

package/es/Collapse/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { CollapseProps as AntdCollapseProps } from 'antd';
+export type Variant = 'default' | 'block' | 'ghost' | 'pure';
+export interface CollapseProps extends AntdCollapseProps {
+    gap?: number;
+    padding?: number | string | {
+        body?: number | string;
+        header?: number | string;
+    };
+    variant?: Variant;
+}
+declare const Collapse: import("react").NamedExoticComponent<CollapseProps>;
+export default Collapse;

package/es/Collapse/index.js

@@ -0,0 +1,49 @@
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["style", "variant", "gap", "className", "padding"];
+import { Collapse as AntdCollapse } from 'antd';
+import { ChevronDown } from 'lucide-react';
+import { memo } from 'react';
+import Icon from "../Icon";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Collapse = /*#__PURE__*/memo(function (_ref) {
+  var style = _ref.style,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'default' : _ref$variant,
+    _ref$gap = _ref.gap,
+    gap = _ref$gap === void 0 ? 0 : _ref$gap,
+    className = _ref.className,
+    padding = _ref.padding,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles({
+      bodyPadding: (_typeof(padding) === 'object' ? padding.body : padding) || '12px 16px',
+      headerPadding: (_typeof(padding) === 'object' ? padding.header : padding) || '12px 16px',
+      isSplit: !!gap
+    }),
+    cx = _useStyles.cx,
+    styles = _useStyles.styles;
+  var variantStyle = cx(variant === 'default' && styles.defaultStyle, variant === 'block' && styles.blockStyle, variant === 'ghost' && styles.ghostStyle, variant === 'pure' && styles.pureStyle);
+  return /*#__PURE__*/_jsx(AntdCollapse, _objectSpread({
+    bordered: !gap && (variant === 'default' || variant === 'ghost'),
+    className: cx(styles.group, variantStyle, className),
+    expandIcon: function expandIcon(_ref2) {
+      var isActive = _ref2.isActive;
+      return /*#__PURE__*/_jsx(Icon, {
+        className: styles.icon,
+        icon: ChevronDown,
+        size: {
+          fontSize: 16
+        },
+        style: isActive ? {} : {
+          rotate: '-90deg'
+        }
+      });
+    },
+    style: _objectSpread({
+      gap: gap
+    }, style)
+  }, rest));
+});
+export default Collapse;

package/es/Collapse/style.d.ts

@@ -0,0 +1,13 @@
+export declare const useStyles: (props?: {
+    bodyPadding: number | string;
+    headerPadding: number | string;
+    isSplit: boolean;
+} | undefined) => import("antd-style").ReturnStyles<{
+    blockStyle: string;
+    defaultStyle: string;
+    flatGroup: import("antd-style").SerializedStyles;
+    ghostStyle: string;
+    group: string;
+    icon: import("antd-style").SerializedStyles;
+    pureStyle: import("antd-style").SerializedStyles;
+}>;

package/es/Collapse/style.js

@@ -0,0 +1,26 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref, _ref2) {
+  var css = _ref.css,
+    cx = _ref.cx,
+    token = _ref.token,
+    isDarkMode = _ref.isDarkMode,
+    prefixCls = _ref.prefixCls;
+  var isSplit = _ref2.isSplit,
+    bodyPadding = _ref2.bodyPadding,
+    headerPadding = _ref2.headerPadding;
+  var pureStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background: transparent;\n      border-radius: 0;\n\n      .", "-collapse-header {\n        padding-inline: 0 !important;\n        background: transparent !important;\n      }\n\n      .", "-collapse-content {\n        background: transparent;\n        border-color: ", ";\n      }\n\n      .", "-collapse-content-box {\n        padding-inline: 2px !important;\n        background: transparent;\n        border-radius: 0;\n      }\n    "])), prefixCls, prefixCls, token.colorFillSecondary, prefixCls);
+  var blockStyle = cx(isSplit ? css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            background: transparent;\n            .", "-collapse-item {\n              overflow: hidden;\n              background: ", ";\n              border-radius: ", "px !important;\n            }\n          "])), prefixCls, token.colorFillQuaternary, token.borderRadiusLG) : css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            background: ", ";\n            border-radius: ", "px;\n          "])), token.colorFillQuaternary, token.borderRadiusLG));
+  var ghostStyle = cx(css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        background: transparent;\n\n        .", "-collapse-header {\n          background: transparent !important;\n        }\n\n        .", "-collapse-content-box {\n          background: transparent;\n        }\n      "])), prefixCls, prefixCls), isSplit ? css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            .", "-collapse-item {\n              overflow: hidden;\n              border: 1px solid ", " !important;\n              border-radius: ", "px !important;\n              &.", "-collapse-item-active {\n                .", "-collapse-content-box {\n                  border-block-start: 1px solid ", " !important;\n                }\n              }\n            }\n          "])), prefixCls, token.colorBorderSecondary, token.borderRadiusLG, prefixCls, prefixCls, token.colorBorderSecondary) : css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            .", "-collapse-item:not(:first-child) {\n              .", "-collapse-header {\n                border-block-start: 1px solid ", ";\n              }\n            }\n          "])), prefixCls, prefixCls, token.colorBorderSecondary));
+  var defaultStyle = cx(css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        .", "-collapse-item:not(:last-child) {\n          .", "-collapse-header {\n            border-block-end: 1px solid ", ";\n          }\n        }\n      "])), prefixCls, prefixCls, token.colorBorderSecondary), isSplit ? css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n            background: transparent;\n            .", "-collapse-item {\n              overflow: hidden;\n              background: ", ";\n              border: 1px solid ", ";\n              border-radius: ", "px !important;\n            }\n          "])), prefixCls, token.colorFillQuaternary, token.colorBorderSecondary, token.borderRadiusLG) : css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n            background: ", ";\n            border-radius: ", "px;\n          "])), token.colorFillQuaternary, token.borderRadiusLG));
+  return {
+    blockStyle: blockStyle,
+    defaultStyle: defaultStyle,
+    flatGroup: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        overflow: hidden;\n        padding-inline: 16px;\n      "]))),
+    ghostStyle: ghostStyle,
+    group: cx(isDarkMode && css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n            .", "-collapse-content {\n              background: transparent;\n              border-color: ", ";\n            }\n\n            .", "-collapse-header {\n              background: ", ";\n            }\n          "])), prefixCls, token.colorBorderSecondary, prefixCls, token.colorFillTertiary), css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n          overflow: hidden;\n          display: flex;\n          flex: none;\n          flex-direction: column;\n\n          .", "-collapse-item {\n            border: none;\n          }\n\n          .", "-collapse-extra {\n            margin-inline-start: 16px;\n          }\n\n          .", "-collapse-header {\n            align-items: center !important;\n            padding: ", " !important;\n            border-radius: 0 !important;\n          }\n\n          .", "-collapse-content-box {\n            padding: ", " !important;\n          }\n\n          .", "-form-item-label {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n          }\n        "])), prefixCls, prefixCls, prefixCls, typeof headerPadding === 'string' ? headerPadding : "".concat(headerPadding, "px"), prefixCls, typeof bodyPadding === 'string' ? bodyPadding : "".concat(bodyPadding, "px"), prefixCls)),
+    icon: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n        transition: all 100ms ", ";\n      "])), token.motionEaseOut),
+    pureStyle: pureStyle
+  };
+});

package/es/EditableMessage/index.js

@@ -73,9 +73,7 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref) {
       fontSize: fontSize,
       fullFeaturedCodeBlock: fullFeaturedCodeBlock,
       style: _objectSpread({
-        height: isAutoSize ? 'unset' : height,
-        overflowX: 'hidden',
-        overflowY: 'auto'
+        height: isAutoSize ? 'unset' : height
       }, stylesProps === null || stylesProps === void 0 ? void 0 : stylesProps.markdown),
       variant: 'chat',
       children: value || placeholder || ''

package/es/Highlighter/SyntaxHighlighter/style.js

@@ -10,7 +10,7 @@ export var useStyles = createStyles(function (_ref) {
   var prefix = "".concat(prefixCls, "-highlighter");
   return {
     loading: cx(stylish.blur, css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        position: absolute;\n        z-index: 10;\n        inset-block-start: 0;\n        inset-inline-end: 0;\n\n        height: 34px;\n        padding-block: 0;\n        padding-inline: 8px;\n\n        font-family: ", ";\n        color: ", ";\n\n        border-radius: ", ";\n      "])), token.fontFamilyCode, token.colorTextTertiary, token.borderRadius)),
-    shiki: cx("".concat(prefix, "-shiki"), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        margin: 0;\n        padding: 0;\n\n        .shiki {\n          overflow-x: auto;\n\n          margin: 0;\n          padding: 0;\n\n          text-wrap: wrap;\n          word-break: break-word;\n\n          background: none !important;\n\n          code {\n            display: block;\n\n            .line {\n              display: inline-block;\n\n              width: calc(100% + 32px);\n              margin-block: 0;\n              margin-inline: -16px;\n              padding-block: 0;\n              padding-inline: 16px;\n            }\n          }\n\n          &.has-focused {\n            .line:not(.focused) {\n              opacity: 0.5;\n            }\n          }\n\n          .highlighted {\n            background: ", ";\n\n            &.warning {\n              background: ", ";\n            }\n\n            &.error {\n              background: ", ";\n            }\n          }\n\n          .highlighted-word {\n            padding-block: 0.1em;\n            padding-inline: 0.2em;\n\n            background: ", ";\n            border: 1px solid ", ";\n            border-radius: ", "px;\n          }\n\n          .diff {\n            &.remove {\n              background: ", ";\n\n              &::before {\n                content: '-';\n\n                position: absolute;\n                inset-inline-start: 4px;\n\n                display: inline-block;\n\n                color: ", ";\n              }\n            }\n\n            &.add {\n              background: ", ";\n\n              &::before {\n                content: '+';\n\n                position: absolute;\n                inset-inline-start: 4px;\n\n                display: inline-block;\n\n                color: ", ";\n              }\n            }\n          }\n        }\n      "])), token.colorFillTertiary, token.colorWarningBg, token.colorErrorBg, token.colorFillTertiary, token.colorBorderSecondary, token.borderRadius, token.colorErrorBg, token.colorErrorText, token.colorSuccessBg, token.colorSuccessText)),
+    shiki: cx("".concat(prefix, "-shiki"), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        margin: 0;\n        padding: 0;\n\n        .shiki {\n          overflow-x: auto;\n          margin: 0;\n          padding: 0;\n          background: none !important;\n\n          code {\n            display: block;\n\n            .line {\n              display: inline-block;\n\n              width: calc(100% + 32px);\n              margin-block: 0;\n              margin-inline: -16px;\n              padding-block: 0;\n              padding-inline: 16px;\n            }\n          }\n\n          &.has-focused {\n            .line:not(.focused) {\n              opacity: 0.5;\n            }\n          }\n\n          .highlighted {\n            background: ", ";\n\n            &.warning {\n              background: ", ";\n            }\n\n            &.error {\n              background: ", ";\n            }\n          }\n\n          .highlighted-word {\n            padding-block: 0.1em;\n            padding-inline: 0.2em;\n\n            background: ", ";\n            border: 1px solid ", ";\n            border-radius: ", "px;\n          }\n\n          .diff {\n            &.remove {\n              background: ", ";\n\n              &::before {\n                content: '-';\n\n                position: absolute;\n                inset-inline-start: 4px;\n\n                display: inline-block;\n\n                color: ", ";\n              }\n            }\n\n            &.add {\n              background: ", ";\n\n              &::before {\n                content: '+';\n\n                position: absolute;\n                inset-inline-start: 4px;\n\n                display: inline-block;\n\n                color: ", ";\n              }\n            }\n          }\n        }\n      "])), token.colorFillTertiary, token.colorWarningBg, token.colorErrorBg, token.colorFillTertiary, token.colorBorderSecondary, token.borderRadius, token.colorErrorBg, token.colorErrorText, token.colorSuccessBg, token.colorSuccessText)),
     unshiki: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), token.colorTextDescription)
   };
 });

package/es/Highlighter/style.js

@@ -13,7 +13,7 @@ export var useStyles = createStyles(function (_ref, type) {
   var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background-color: ", ";\n      border: 1px solid ", ";\n\n      &:hover {\n        background-color: ", ";\n      }\n    "])), type === 'block' ? token.colorFillTertiary : 'transparent', type === 'block' ? 'transparent' : token.colorBorder, type === 'block' ? token.colorFillTertiary : token.colorFillQuaternary);
   return {
     button: cx(buttonHoverCls, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          position: absolute;\n          z-index: 2;\n          inset-block-start: ", ";\n          inset-inline-end: ", ";\n\n          opacity: 0;\n        "])), type === 'pure' ? 0 : '8px', type === 'pure' ? 0 : '8px')),
-    container: cx(prefix, type !== 'pure' && typeStylish, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          position: relative;\n          overflow: auto;\n          border-radius: ", "px;\n          transition: background-color 100ms ", ";\n\n          &:hover {\n            .", " {\n              opacity: 1;\n            }\n\n            .", " {\n              opacity: 1;\n            }\n          }\n\n          .prism-code {\n            background: none !important;\n          }\n\n          pre {\n            margin: 0 !important;\n            padding: ", " !important;\n            white-space: break-spaces;\n            background: none !important;\n          }\n\n          code {\n            background: transparent !important;\n          }\n        "])), token.borderRadius, token.motionEaseOut, buttonHoverCls, langHoverCls, type === 'pure' ? 0 : "16px 24px")),
+    container: cx(prefix, type !== 'pure' && typeStylish, css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          position: relative;\n          overflow: auto;\n          border-radius: ", "px;\n          transition: background-color 100ms ", ";\n\n          &:hover {\n            .", " {\n              opacity: 1;\n            }\n\n            .", " {\n              opacity: 1;\n            }\n          }\n\n          .prism-code {\n            background: none !important;\n          }\n\n          pre {\n            overflow: auto hidden;\n\n            margin: 0 !important;\n            padding: ", " !important;\n\n            white-space: break-spaces;\n\n            background: none !important;\n          }\n\n          code {\n            text-wrap: nowrap !important;\n            background: transparent !important;\n          }\n        "])), token.borderRadius, token.motionEaseOut, buttonHoverCls, langHoverCls, type === 'pure' ? 0 : "16px")),
     header: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        padding-block: 4px;\n        padding-inline: 8px;\n        background: ", ";\n      "])), token.colorFillQuaternary),
     lang: cx(langHoverCls, stylish.blur, css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          position: absolute;\n          z-index: 2;\n          inset-block-end: 8px;\n          inset-inline-end: 0;\n\n          font-family: ", ";\n          color: ", ";\n\n          opacity: 0;\n\n          transition: opacity 0.1s;\n        "])), token.fontFamilyCode, token.colorTextSecondary)),
     select: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        user-select: none;\n        font-size: 14px;\n        color: ", ";\n        .", "-select-selection-item {\n          min-width: 100px;\n          padding-inline-end: 0 !important;\n          color: ", ";\n          text-align: center;\n        }\n      "])), token.colorTextDescription, prefixCls, token.colorTextDescription)

package/es/Markdown/index.js

@@ -79,12 +79,10 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     return [remarkGfm, remarkMath, isChatMode && remarkBreaks].filter(Boolean);
   }, [isChatMode]);
   return /*#__PURE__*/_jsx("article", {
-    className: className,
+    className: cx(styles.root, className),
     "data-code-type": "markdown",
     onDoubleClick: onDoubleClick,
-    style: _objectSpread({
-      overflow: 'hidden'
-    }, style),
+    style: style,
     children: /*#__PURE__*/_jsx(ImageGallery, {
       enable: enableImageGallery,
       children: /*#__PURE__*/_jsx(ReactMarkdown, _objectSpread(_objectSpread({

package/es/Markdown/markdown.style.js

@@ -15,7 +15,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     _ref2$lineHeight = _ref2.lineHeight,
     lineHeight = _ref2$lineHeight === void 0 ? 1.8 : _ref2$lineHeight;
   return {
-    __root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        --lobe-markdown-font-size: ", "px;\n        --lobe-markdown-header-multiple: ", ";\n        --lobe-markdown-margin-multiple: ", ";\n        --lobe-markdown-line-height: ", ";\n        --lobe-markdown-border-radius: ", ";\n        --lobe-markdown-border-color: ", ";\n\n        position: relative;\n\n        width: 100%;\n        padding-inline: 1px;\n\n        font-size: var(--lobe-markdown-font-size);\n        line-height: var(--lobe-markdown-line-height);\n        word-break: break-word;\n      "])), fontSize, headerMultiple, marginMultiple, lineHeight, token.borderRadiusLG, isDarkMode ? token.colorBorderSecondary : rgba(token.colorBorderSecondary, 0.5)),
+    __root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        --lobe-markdown-font-size: ", "px;\n        --lobe-markdown-header-multiple: ", ";\n        --lobe-markdown-margin-multiple: ", ";\n        --lobe-markdown-line-height: ", ";\n        --lobe-markdown-border-radius: ", ";\n        --lobe-markdown-border-color: ", ";\n\n        position: relative;\n\n        width: 100%;\n        max-width: 100%;\n        padding-inline: 1px;\n\n        font-size: var(--lobe-markdown-font-size);\n        line-height: var(--lobe-markdown-line-height);\n        word-break: break-word;\n      "])), fontSize, headerMultiple, marginMultiple, lineHeight, token.borderRadiusLG, isDarkMode ? token.colorBorderSecondary : rgba(token.colorBorderSecondary, 0.5)),
     a: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        a {\n          color: ", ";\n\n          &:hover {\n            color: ", ";\n          }\n        }\n      "])), token.colorInfoText, token.colorInfoHover),
     blockquote: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        blockquote {\n          margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n          margin-inline: 0;\n          padding-block: 0;\n          padding-inline: 1em;\n\n          color: ", ";\n\n          border-inline-start: solid 4px ", ";\n        }\n      "])), token.colorTextSecondary, token.colorBorder),
     code: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        code:not(:has(span)) {\n          display: inline;\n\n          margin-inline: 0.25em;\n          padding-block: 0.2em;\n          padding-inline: 0.4em;\n\n          font-family: ", ";\n          font-size: 0.875em;\n          line-height: 1;\n          word-break: break-word;\n          white-space: break-spaces;\n\n          background: ", ";\n          border: 1px solid var(--lobe-markdown-border-color);\n          border-radius: 0.25em;\n        }\n      "])), token.fontFamilyCode, token.colorFillSecondary),
@@ -28,7 +28,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     p: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        p {\n          margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n          line-height: var(--lobe-markdown-line-height);\n          letter-spacing: 0.02em;\n        }\n      "]))),
     pre: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        pre,\n        [data-code-type='highlighter'] {\n          white-space: break-spaces;\n          border: none;\n\n          > code {\n            padding: 0 !important;\n\n            font-family: ", ";\n            font-size: 0.875em;\n            line-height: 1.6;\n\n            border: none !important;\n          }\n        }\n      "])), token.fontFamilyCode),
     strong: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n        strong {\n          font-weight: 600;\n        }\n      "]))),
-    table: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n        table {\n          overflow: auto hidden;\n          display: block;\n          border-spacing: 0;\n          border-collapse: collapse;\n\n          box-sizing: border-box;\n          width: fit-content;\n          max-width: 100%;\n          margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n\n          text-align: start;\n          text-wrap: balance;\n          word-break: auto-phrase;\n          overflow-wrap: break-word;\n\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\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            padding-block: 0.75em;\n            padding-inline: 1em;\n            text-align: start;\n          }\n        }\n      "])), token.colorFillQuaternary, token.colorFillQuaternary),
+    table: css(_templateObject14 || (_templateObject14 = _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) * 1em);\n\n          text-align: start;\n          text-indent: initial;\n          text-wrap: balance;\n          word-break: auto-phrase;\n          overflow-wrap: break-word;\n\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\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            padding-block: 0.75em;\n            padding-inline: 1em;\n            text-align: start;\n          }\n        }\n      "])), token.colorFillQuaternary, token.colorFillQuaternary),
     video: css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n        > video,\n        > p > video {\n          margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\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      "])))
   };
 });

package/es/Markdown/style.d.ts

@@ -5,4 +5,5 @@ export declare const useStyles: (props?: {
     marginMultiple?: number | undefined;
 } | undefined) => import("antd-style").ReturnStyles<{
     chat: import("antd-style").SerializedStyles;
+    root: import("antd-style").SerializedStyles;
 }>;

package/es/Markdown/style.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject;
+var _templateObject, _templateObject2;
 import { createStyles } from 'antd-style';
 export var useStyles = createStyles(function (_ref, _ref2) {
   var css = _ref.css,
@@ -15,6 +15,7 @@ export var useStyles = createStyles(function (_ref, _ref2) {
     lineHeight = _ref2$lineHeight === void 0 ? 1.6 : _ref2$lineHeight;
   var cyanColor = isDarkMode ? token.cyan9A : token.cyan11A;
   return {
-    chat: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        --lobe-markdown-font-size: ", "px;\n        --lobe-markdown-header-multiple: ", ";\n        --lobe-markdown-margin-multiple: ", ";\n        --lobe-markdown-line-height: ", ";\n        --lobe-markdown-border-radius: ", ";\n\n        margin-block: ", "em;\n\n        /* \u89E3\u51B3\u53EA\u6709\u4E00\u4E2A\u5B50\u8282\u70B9\u65F6\u9AD8\u5EA6\u574D\u7F29\u7684\u95EE\u9898 */\n        :only-child {\n          margin-block: 0;\n        }\n\n        ol,\n        ul {\n          li {\n            &::marker {\n              color: ", ";\n            }\n\n            li {\n              &::marker {\n                color: ", ";\n              }\n            }\n          }\n        }\n\n        ul {\n          list-style: unset;\n\n          li {\n            &::before {\n              content: unset;\n              display: unset;\n            }\n          }\n        }\n      "])), fontSize, headerMultiple, marginMultiple, lineHeight, token.borderRadius, marginMultiple * -0.75, cyanColor, token.colorTextSecondary)
+    chat: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        --lobe-markdown-font-size: ", "px;\n        --lobe-markdown-header-multiple: ", ";\n        --lobe-markdown-margin-multiple: ", ";\n        --lobe-markdown-line-height: ", ";\n        --lobe-markdown-border-radius: ", ";\n\n        margin-block: ", "em;\n\n        /* \u89E3\u51B3\u53EA\u6709\u4E00\u4E2A\u5B50\u8282\u70B9\u65F6\u9AD8\u5EA6\u574D\u7F29\u7684\u95EE\u9898 */\n        :first-child:not(:has(*)) {\n          margin-block: 0;\n        }\n\n        ol,\n        ul {\n          li {\n            &::marker {\n              color: ", ";\n            }\n\n            li {\n              &::marker {\n                color: ", ";\n              }\n            }\n          }\n        }\n\n        ul {\n          list-style: unset;\n\n          li {\n            &::before {\n              content: unset;\n              display: unset;\n            }\n          }\n        }\n      "])), fontSize, headerMultiple, marginMultiple, lineHeight, token.borderRadius, marginMultiple * -0.75, cyanColor, token.colorTextSecondary),
+    root: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        position: relative;\n        overflow: hidden;\n        max-width: 100%;\n      "])))
   };
 });

package/es/index.d.ts

@@ -13,6 +13,7 @@ export type { ChatListProps, OnActionsClick, OnAvatatsClick, OnMessageChange, Re
 export { default as ChatList } from './ChatList';
 export { default as ActionsBar, type ActionsBarProps } from './ChatList/ActionsBar';
 export { default as CodeEditor, type CodeEditorProps } from './CodeEditor';
+export { default as Collapse, type CollapseProps } from './Collapse';
 export { default as ColorScales, type ColorScalesProps } from './ColorScales';
 export { type Config, default as ConfigProvider, useCdnFn } from './ConfigProvider';
 export { default as ContextMenu, type ContextMenuProps } from './ContextMenu';

package/es/index.js

@@ -12,6 +12,7 @@ export { default as ChatItem } from "./ChatItem";
 export { default as ChatList } from "./ChatList";
 export { default as ActionsBar } from "./ChatList/ActionsBar";
 export { default as CodeEditor } from "./CodeEditor";
+export { default as Collapse } from "./Collapse";
 export { default as ColorScales } from "./ColorScales";
 export { default as ConfigProvider, useCdnFn } from "./ConfigProvider";
 export { default as ContextMenu } from "./ContextMenu";

package/es/mdx/Pre.js

@@ -5,7 +5,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 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;
+var _templateObject;
 import { createStyles } from 'antd-style';
 import Highlighter from "../Highlighter";
 import Snippet from "../Snippet";
@@ -14,8 +14,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css;
   return {
-    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow: hidden;\n    margin-block: 1em;\n    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n  "]))),
-    highlight: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    pre {\n      overflow-x: hidden !important;\n      padding: 1em !important;\n    }\n  "])))
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow: hidden;\n    margin-block: 1em;\n    border-radius: calc(var(--lobe-markdown-border-radius) * 1px);\n    box-shadow: 0 0 0 1px var(--lobe-markdown-border-color);\n  "])))
   };
 });
 export var Pre = function Pre(_ref2) {
@@ -34,7 +33,7 @@ export var Pre = function Pre(_ref2) {
     cx = _useStyles.cx;
   return /*#__PURE__*/_jsx(Highlighter, _objectSpread(_objectSpread({
     allowChangeLanguage: allowChangeLanguage,
-    className: cx(styles.container, styles.highlight, className),
+    className: cx(styles.container, className),
     copyButtonSize: {
       blockSize: 28,
       fontSize: 16

package/package.json

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