@lobehub/ui 1.124.2 → 1.125.1

package/es/ActionIcon/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type FlexboxProps } from 'react-layout-kit';
-import { type IconProps, type IconSizeConfig, type IconSizeType } from "../Icon";
+import { type IconProps, type IconSizeConfig, type IconSizeType, LucideIconProps } from "../Icon";
 import { type TooltipProps } from "../Tooltip";
 interface ActionIconSizeConfig extends IconSizeConfig {
     blockSize?: number | string;
@@ -8,7 +8,7 @@ interface ActionIconSizeConfig extends IconSizeConfig {
 }
 type ActionIconSizeType = 'site' | IconSizeType;
 export type ActionIconSize = ActionIconSizeType | ActionIconSizeConfig;
-export interface ActionIconProps extends Omit<IconProps, 'size' | 'icon'>, FlexboxProps {
+export interface ActionIconProps extends LucideIconProps, FlexboxProps {
     /**
      * @description Whether the icon is active or not
      * @default false
@@ -41,6 +41,7 @@ export interface ActionIconProps extends Omit<IconProps, 'size' | 'icon'>, Flexb
      * @default 'normal'
      */
     size?: ActionIconSize;
+    spin?: boolean;
     /**
      * @description Whether add spotlight background
      * @default false

package/es/ActionIconGroup/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { ActionIconProps } from "..";
 import { type LucideIcon } from 'lucide-react';
+import { type ActionIconProps } from "../ActionIcon";
 import { DivProps } from "../types";
 export interface ActionIconGroupItems {
     icon: LucideIcon;

package/es/ActionIconGroup/index.js

@@ -3,11 +3,13 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["type", "items", "placement", "spotlight", "direction", "dropdownMenu", "onActionClick"];
 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; }
-import { ActionIcon, Icon, Spotlight } from "./..";
 import { Dropdown } from 'antd';
 import { MoreHorizontal } from 'lucide-react';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
+import ActionIcon from "../ActionIcon";
+import Icon from "../Icon";
+import Spotlight from "../Spotlight";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/ChatInputArea/desktop/ChatInputArea.js

@@ -31,6 +31,7 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     _onSend = _ref2.onSend,
     onInput = _ref2.onInput,
     loading = _ref2.loading,
+    onBlur = _ref2.onBlur,
     value = _ref2.value;
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
@@ -60,6 +61,7 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
         children: /*#__PURE__*/_jsx(ChatInputAreaInner, {
           className: styles.textarea,
           loading: loading,
+          onBlur: onBlur,
           onInput: onInput,
           onSend: function onSend() {
             _onSend === null || _onSend === void 0 || _onSend();

package/es/DraggablePanel/components/DraggablePanelHeader.js

@@ -4,11 +4,11 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["pin", "setPin", "className", "setExpand", "title", "position"];
 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; }
-import { ActionIcon } from "../..";
 import { PanelLeft, Pin, PinOff } from 'lucide-react';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import useControlledState from 'use-merge-value';
+import ActionIcon from "../../ActionIcon";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/EmojiPicker/index.js

@@ -3,11 +3,11 @@ import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import data from '@emoji-mart/data';
 import Picker from '@emoji-mart/react';
-import { Avatar } from "./..";
 import { Popover } from 'antd';
 import { memo } from 'react';
 import useSWR from 'swr';
 import useMergeState from 'use-merge-value';
+import Avatar from "../Avatar";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 var EmojiPicker = /*#__PURE__*/memo(function (_ref) {

package/es/EmptyCard/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DivProps } from "..";
+import type { DivProps } from "../types";
 export interface EmptyCardProps extends DivProps {
     alt?: string;
     cover?: string;

package/es/EmptyCard/index.js

@@ -4,11 +4,11 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["cover", "visible", "defaultVisible", "onVisibleChange", "alt", "title", "desc", "width", "height"];
 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; }
-import { ActionIcon } from "./..";
 import { X } from 'lucide-react';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import useMergeState from 'use-merge-value';
+import ActionIcon from "../ActionIcon";
 import Img from "../Img";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/Form/components/FormGroup.d.ts

@@ -1,12 +1,13 @@
-import { type IconProps } from "../..";
 import { type CollapseProps } from 'antd';
 import { type ReactNode } from 'react';
+import { type IconProps } from "../../Icon";
 export type FormVariant = 'default' | 'block' | 'ghost' | 'pure';
 export type ItemsType = 'group' | 'flat';
 export declare const useStyles: (props?: FormVariant | undefined) => import("antd-style").ReturnStyles<{
     flatGroup: string;
     group: string;
     icon: import("antd-style").SerializedStyles;
+    mobileFlatGroup: import("antd-style").SerializedStyles;
     mobileGroupBody: import("antd-style").SerializedStyles;
     mobileGroupHeader: import("antd-style").SerializedStyles;
     title: import("antd-style").SerializedStyles;

package/es/Form/components/FormGroup.js

@@ -2,15 +2,15 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["className", "icon", "title", "children", "extra", "itemsType", "variant", "defaultActive"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 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; }
-import { Icon } from "../..";
 import { Collapse } from 'antd';
 import { createStyles, useResponsive } from 'antd-style';
 import { ChevronDown } from 'lucide-react';
 import { memo } 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";
 export var useStyles = createStyles(function (_ref, variant) {
@@ -29,9 +29,10 @@ export var useStyles = createStyles(function (_ref, variant) {
     flatGroup: cx(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          overflow: hidden;\n          padding-inline: 16px;\n        "]))), variantStyle),
     group: cx(isDarkMode && css(_templateObject6 || (_templateObject6 = _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(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n          overflow: hidden;\n          flex: none;\n\n          .", "-collapse-item {\n            border: none;\n          }\n\n          .", "-collapse-header {\n            align-items: center !important;\n            border-radius: 0 !important;\n          }\n\n          .", "-collapse-content-box {\n            padding-top: 0 !important;\n            padding-bottom: 0 !important;\n          }\n\n          .", "-form-item-label {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n          }\n        "])), prefixCls, prefixCls, prefixCls, prefixCls), variantStyle),
     icon: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        transition: all 100ms ", ";\n      "])), token.motionEaseOut),
-    mobileGroupBody: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        padding: 0 16px;\n        background: ", ";\n      "])), token.colorBgContainer),
-    mobileGroupHeader: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        padding: 16px;\n        background: ", ";\n      "])), token.colorBgLayout),
-    title: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        align-items: center;\n        font-size: 16px;\n        font-weight: 600;\n\n        .anticon {\n          color: ", ";\n        }\n\n        ", " {\n          font-size: 14px;\n          font-weight: 400;\n          opacity: 0.5;\n        }\n      "])), token.colorPrimary, responsive.mobile)
+    mobileFlatGroup: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        border-radius: ", "px;\n      "])), token.borderRadiusLG),
+    mobileGroupBody: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n        padding: 0 16px;\n        background: ", ";\n      "])), token.colorBgContainer),
+    mobileGroupHeader: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n        padding: 16px;\n        background: ", ";\n      "])), token.colorBgLayout),
+    title: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        align-items: center;\n        font-size: 16px;\n        font-weight: 600;\n\n        .anticon {\n          color: ", ";\n        }\n\n        ", " {\n          font-size: 14px;\n          font-weight: 400;\n          opacity: 0.5;\n        }\n      "])), token.colorPrimary, responsive.mobile)
   };
 });
 var FormGroup = /*#__PURE__*/memo(function (_ref2) {
@@ -61,11 +62,8 @@ var FormGroup = /*#__PURE__*/memo(function (_ref2) {
   });
   if (itemsType === 'flat') {
     if (mobile) return /*#__PURE__*/_jsx(Flexbox, {
-      className: className,
-      children: /*#__PURE__*/_jsx("div", {
-        className: styles.mobileGroupBody,
-        children: children
-      })
+      className: cx(styles.mobileFlatGroup, styles.mobileGroupBody, className),
+      children: children
     });
     return /*#__PURE__*/_jsx(Flexbox, {
       className: cx(styles.flatGroup, className),

package/es/Hero/index.js

@@ -1,10 +1,11 @@
-import { GradientButton, Icon } from "./..";
 import { Button, ConfigProvider } from 'antd';
 import { useResponsive } from 'antd-style';
 import * as LucideIcon from 'lucide-react';
 import { memo, useCallback } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
+import GradientButton from "../GradientButton";
 import GridBackground from "../GridBackground";
+import Icon from "../Icon";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/Icon/index.d.ts

@@ -6,7 +6,8 @@ export interface IconSizeConfig extends Pick<LucideProps, 'strokeWidth' | 'absol
 }
 export type IconSizeType = 'large' | 'normal' | 'small';
 export type IconSize = IconSizeType | IconSizeConfig;
-export interface IconProps extends DivProps, Pick<LucideProps, 'fill' | 'fillRule' | 'fillOpacity' | 'color' | 'focusable'> {
+export type LucideIconProps = Pick<LucideProps, 'fill' | 'fillRule' | 'fillOpacity' | 'color' | 'focusable'>;
+export interface IconProps extends DivProps, LucideIconProps {
     /**
      * @description The icon element to be rendered
      * @type LucideIcon

package/es/MessageInput/MessageInputFooter.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { ButtonProps } from 'antd';
+export interface MessageInputFooterProps {
+    editButtonSize?: ButtonProps['size'];
+    onCancel?: () => void;
+    onConfirm?: (text: string) => void;
+    renderButtons?: (text: string) => ButtonProps[];
+    temporarySystemRole?: string;
+    text?: {
+        cancel?: string;
+        confirm?: string;
+    };
+}
+declare const MessageInputFooter: import("react").NamedExoticComponent<MessageInputFooterProps>;
+export default MessageInputFooter;

package/es/MessageInput/MessageInputFooter.js

@@ -0,0 +1,40 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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; }
+import { Button } from 'antd';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var MessageInputFooter = /*#__PURE__*/memo(function (_ref) {
+  var text = _ref.text,
+    renderButtons = _ref.renderButtons,
+    onConfirm = _ref.onConfirm,
+    temporarySystemRole = _ref.temporarySystemRole,
+    editButtonSize = _ref.editButtonSize,
+    onCancel = _ref.onCancel;
+  return /*#__PURE__*/_jsx(Flexbox, {
+    direction: 'horizontal-reverse',
+    gap: 8,
+    children: renderButtons && temporarySystemRole ? renderButtons(temporarySystemRole).map(function (buttonProps, index) {
+      return /*#__PURE__*/_jsx(Button, _objectSpread({
+        size: "small"
+      }, buttonProps), index);
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(Button, {
+        onClick: function onClick() {
+          onConfirm === null || onConfirm === void 0 || onConfirm(temporarySystemRole || '');
+        },
+        size: editButtonSize,
+        type: "primary",
+        children: (text === null || text === void 0 ? void 0 : text.confirm) || 'Confirm'
+      }), /*#__PURE__*/_jsx(Button, {
+        onClick: onCancel,
+        size: editButtonSize,
+        children: (text === null || text === void 0 ? void 0 : text.cancel) || 'Cancel'
+      })]
+    })
+  });
+});
+export default MessageInputFooter;

package/es/MessageInput/index.d.ts

@@ -2,41 +2,17 @@ import { ButtonProps } from 'antd';
 import { type CSSProperties } from 'react';
 import { type TextAreaProps } from "../Input";
 import { DivProps } from "../types";
-export interface MessageInputProps extends DivProps {
-    /**
-     * @description Additional className to apply to the component.
-     */
+import { type MessageInputFooterProps } from './MessageInputFooter';
+export interface MessageInputProps extends MessageInputFooterProps, DivProps {
     className?: string;
     classNames?: TextAreaProps['classNames'];
-    /**
-     * @description The default value of the input box.
-     */
     defaultValue?: string;
     editButtonSize?: ButtonProps['size'];
     height?: number | 'auto' | string;
-    /**
-     * @description Callback function triggered when user clicks on the cancel button.
-     */
-    onCancel?: () => void;
-    /**
-     * @description Callback function triggered when user clicks on the confirm button.
-     * @param text - The text input by the user.
-     */
-    onConfirm?: (text: string) => void;
-    /**
-     * @description Custom rendering of the bottom buttons.
-     * @param text - The text input by the user.
-     */
-    renderButtons?: (text: string) => ButtonProps[];
-    text?: {
-        cancel?: string;
-        confirm?: string;
-    };
+    setTemporarySystemRole?: (value: string) => void;
+    showFooter?: boolean;
     textareaClassname?: string;
     textareaStyle?: CSSProperties;
-    /**
-     * @description The type of the input box.
-     */
     type?: TextAreaProps['type'];
 }
 declare const MessageInput: import("react").NamedExoticComponent<MessageInputProps>;

package/es/MessageInput/index.js

@@ -1,16 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["text", "type", "onCancel", "defaultValue", "onConfirm", "renderButtons", "textareaStyle", "textareaClassname", "placeholder", "height", "style", "editButtonSize", "classNames"];
+var _excluded = ["text", "type", "onCancel", "defaultValue", "onConfirm", "renderButtons", "textareaStyle", "textareaClassname", "placeholder", "height", "style", "editButtonSize", "showFooter", "classNames", "setTemporarySystemRole"];
 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; }
-import { Button } from 'antd';
-import { memo, useState } from 'react';
+import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
+import useMergeState from 'use-merge-value';
 import { TextArea } from "../Input";
+import MessageInputFooter from "./MessageInputFooter";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var MessageInput = /*#__PURE__*/memo(function (_ref) {
   var text = _ref.text,
@@ -28,12 +28,18 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
     style = _ref.style,
     _ref$editButtonSize = _ref.editButtonSize,
     editButtonSize = _ref$editButtonSize === void 0 ? 'middle' : _ref$editButtonSize,
+    _ref$showFooter = _ref.showFooter,
+    showFooter = _ref$showFooter === void 0 ? true : _ref$showFooter,
     classNames = _ref.classNames,
+    setTemporarySystemRole = _ref.setTemporarySystemRole,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(defaultValue || ''),
-    _useState2 = _slicedToArray(_useState, 2),
-    temporarySystemRole = _useState2[0],
-    setRole = _useState2[1];
+  var _useMergeState = useMergeState(defaultValue || '', {
+      defaultValue: defaultValue,
+      onChange: setTemporarySystemRole
+    }),
+    _useMergeState2 = _slicedToArray(_useMergeState, 2),
+    role = _useMergeState2[0],
+    setRole = _useMergeState2[1];
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
@@ -62,28 +68,14 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
         minHeight: '100%'
       }, textareaStyle),
       type: type,
-      value: temporarySystemRole
-    }), /*#__PURE__*/_jsx(Flexbox, {
-      direction: 'horizontal-reverse',
-      gap: 8,
-      children: renderButtons ? renderButtons(temporarySystemRole).map(function (buttonProps, index) {
-        return /*#__PURE__*/_jsx(Button, _objectSpread({
-          size: "small"
-        }, buttonProps), index);
-      }) : /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(Button, {
-          onClick: function onClick() {
-            onConfirm === null || onConfirm === void 0 || onConfirm(temporarySystemRole);
-          },
-          size: editButtonSize,
-          type: "primary",
-          children: (text === null || text === void 0 ? void 0 : text.confirm) || 'Confirm'
-        }), /*#__PURE__*/_jsx(Button, {
-          onClick: onCancel,
-          size: editButtonSize,
-          children: (text === null || text === void 0 ? void 0 : text.cancel) || 'Cancel'
-        })]
-      })
+      value: role
+    }), showFooter && /*#__PURE__*/_jsx(MessageInputFooter, {
+      editButtonSize: editButtonSize,
+      onCancel: onCancel,
+      onConfirm: onConfirm,
+      renderButtons: renderButtons,
+      temporarySystemRole: role,
+      text: text
     })]
   }));
 });

package/es/MessageModal/index.js

@@ -3,10 +3,11 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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; }
 import { createStyles, useResponsive } from 'antd-style';
-import { memo } from 'react';
+import { memo, useState } from 'react';
 import useControlledState from 'use-merge-value';
 import Markdown from "../Markdown";
 import MessageInput from "../MessageInput";
+import MessageInputFooter from "../MessageInput/MessageInputFooter";
 import Modal from "../Modal";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -34,6 +35,10 @@ var MessageModal = /*#__PURE__*/memo(function (_ref2) {
     mobile = _useResponsive.mobile;
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
+  var _useState = useState(value),
+    _useState2 = _slicedToArray(_useState, 2),
+    role = _useState2[0],
+    setRole = _useState2[1];
   var _useControlledState = useControlledState(false, {
       onChange: onEditingChange,
       value: editing
@@ -55,8 +60,22 @@ var MessageModal = /*#__PURE__*/memo(function (_ref2) {
     overflowY: 'auto'
   };
   return /*#__PURE__*/_jsx(Modal, {
+    allowFullscreen: true,
     cancelText: (text === null || text === void 0 ? void 0 : text.cancel) || 'Cancel',
-    footer: isEdit ? null : footer,
+    footer: isEdit ? /*#__PURE__*/_jsx(MessageInputFooter, {
+      onCancel: function onCancel() {
+        return setTyping(false);
+      },
+      onConfirm: function onConfirm(text) {
+        setTyping(false);
+        onChange === null || onChange === void 0 || onChange(text);
+      },
+      temporarySystemRole: role,
+      text: {
+        cancel: text === null || text === void 0 ? void 0 : text.cancel,
+        confirm: text === null || text === void 0 ? void 0 : text.confirm
+      }
+    }) : footer,
     okText: (text === null || text === void 0 ? void 0 : text.edit) || 'Edit',
     onCancel: function onCancel() {
       return setExpand(false);
@@ -65,30 +84,16 @@ var MessageModal = /*#__PURE__*/memo(function (_ref2) {
       return setTyping(true);
     },
     open: expand,
-    styles: mobile ? {
-      body: {
-        padding: 16
-      }
-    } : {},
-    title: (text === null || text === void 0 ? void 0 : text.title) || ' ',
+    title: text === null || text === void 0 ? void 0 : text.title,
     children: isEdit ? /*#__PURE__*/_jsx(MessageInput, {
-      defaultValue: value,
+      defaultValue: role,
       height: height,
-      onCancel: function onCancel() {
-        return setTyping(false);
-      },
-      onConfirm: function onConfirm(text) {
-        setTyping(false);
-        onChange === null || onChange === void 0 || onChange(text);
-      },
       placeholder: placeholder,
+      setTemporarySystemRole: setRole,
+      showFooter: false,
       style: mobile ? {
         height: '100%'
       } : {},
-      text: {
-        cancel: text === null || text === void 0 ? void 0 : text.cancel,
-        confirm: text === null || text === void 0 ? void 0 : text.confirm
-      },
       textareaStyle: mobile ? {
         flex: 1,
         minHeight: 'unset'

package/es/Modal/index.d.ts

@@ -1,5 +1,12 @@
 /// <reference types="react" />
 import { type ModalProps as AntModalProps } from 'antd';
-export type ModalProps = AntModalProps;
-declare const Modal: import("react").NamedExoticComponent<AntModalProps>;
+export type ModalProps = AntModalProps & {
+    allowFullscreen?: boolean;
+    maxHeight?: string | number | false;
+    paddings?: {
+        desktop?: number;
+        mobile?: number;
+    };
+};
+declare const Modal: import("react").NamedExoticComponent<ModalProps>;
 export default Modal;

package/es/Modal/index.js

@@ -1,69 +1,93 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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 = ["children", "title", "className", "wrapClassName", "width", "onCancel", "open", "destroyOnClose"];
-var _templateObject, _templateObject2;
+var _excluded = ["allowFullscreen", "children", "title", "className", "wrapClassName", "width", "onCancel", "open", "destroyOnClose", "paddings", "maxHeight", "footer", "styles"],
+  _excluded2 = ["body"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 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; }
 import { Modal as AntModal, ConfigProvider, Drawer } from 'antd';
 import { createStyles, useResponsive } from 'antd-style';
-import { X } from 'lucide-react';
+import { isNumber } from 'lodash-es';
+import { Maximize2, Minimize2, X } from 'lucide-react';
 import { lighten } from 'polished';
-import { memo } from 'react';
+import { memo, useState } from 'react';
 import ActionIcon from "../ActionIcon";
 import Icon from "../Icon";
 import { jsx as _jsx } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
-  var css = _ref.css,
+var HEADER_HEIGHT = 56;
+var FOOTER_HEIGHT = 68;
+var useStyles = createStyles(function (_ref, _ref2) {
+  var cx = _ref.cx,
+    css = _ref.css,
     token = _ref.token,
     prefixCls = _ref.prefixCls;
+  var maxHeight = _ref2.maxHeight;
   return {
-    content: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    .", "-modal-body {\n      overflow: hidden;\n      padding: 0 16px 16px;\n    }\n    .", "-modal-footer {\n      padding: 0 16px 16px;\n    }\n    .", "-modal-header {\n      display: flex;\n      gap: 4px;\n      align-items: center;\n      justify-content: center;\n\n      margin-bottom: 0;\n      padding: 16px;\n    }\n    .", "-modal-content {\n      overflow: hidden;\n      padding: 0;\n      border: 1px solid ", ";\n      border-radius: ", "px;\n    }\n  "])), prefixCls, prefixCls, prefixCls, prefixCls, token.colorSplit, token.borderRadiusLG),
-    wrap: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    overflow: hidden auto;\n    backdrop-filter: blur(2px);\n  "])))
+    content: cx(maxHeight && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            .", "-modal-body {\n              overflow: auto;\n              max-height: ", ";\n            }\n          "])), prefixCls, maxHeight), css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          .", "-modal-footer {\n            margin: 0;\n            padding: 16px;\n          }\n          .", "-modal-header {\n            display: flex;\n            gap: 4px;\n            align-items: center;\n            justify-content: center;\n\n            height: 56px;\n            margin-bottom: 0;\n            padding: 16px;\n          }\n          .", "-modal-content {\n            overflow: hidden;\n            padding: 0;\n            border: 1px solid ", ";\n            border-radius: ", "px;\n          }\n        "])), prefixCls, prefixCls, prefixCls, token.colorSplit, token.borderRadiusLG)),
+    drawerContent: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        .", "-drawer-close {\n          padding: 0;\n        }\n        .", "-drawer-wrapper-body {\n          background: linear-gradient(to bottom, ", ", ", ");\n        }\n        .", "-drawer-header {\n          padding: 8px;\n        }\n\n        .", "-drawer-footer {\n          display: flex;\n          align-items: center;\n          justify-content: flex-end;\n\n          padding: 16px;\n\n          border: none;\n        }\n      "])), prefixCls, prefixCls, token.colorBgContainer, token.colorBgLayout, prefixCls, prefixCls),
+    wrap: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        overflow: hidden auto;\n        backdrop-filter: blur(2px);\n      "])))
   };
 });
-var Modal = /*#__PURE__*/memo(function (_ref2) {
-  var children = _ref2.children,
-    title = _ref2.title,
-    className = _ref2.className,
-    wrapClassName = _ref2.wrapClassName,
-    _ref2$width = _ref2.width,
-    width = _ref2$width === void 0 ? 700 : _ref2$width,
-    onCancel = _ref2.onCancel,
-    open = _ref2.open,
-    destroyOnClose = _ref2.destroyOnClose,
-    rest = _objectWithoutProperties(_ref2, _excluded);
+var Modal = /*#__PURE__*/memo(function (_ref3) {
+  var _paddings$desktop, _paddings$desktop2;
+  var allowFullscreen = _ref3.allowFullscreen,
+    children = _ref3.children,
+    _ref3$title = _ref3.title,
+    title = _ref3$title === void 0 ? ' ' : _ref3$title,
+    className = _ref3.className,
+    wrapClassName = _ref3.wrapClassName,
+    _ref3$width = _ref3.width,
+    width = _ref3$width === void 0 ? 700 : _ref3$width,
+    onCancel = _ref3.onCancel,
+    open = _ref3.open,
+    destroyOnClose = _ref3.destroyOnClose,
+    paddings = _ref3.paddings,
+    _ref3$maxHeight = _ref3.maxHeight,
+    maxHeight = _ref3$maxHeight === void 0 ? '75vh' : _ref3$maxHeight,
+    footer = _ref3.footer,
+    _ref3$styles = _ref3.styles,
+    stylesProps = _ref3$styles === void 0 ? {} : _ref3$styles,
+    rest = _objectWithoutProperties(_ref3, _excluded);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    fullscreen = _useState2[0],
+    setFullscreen = _useState2[1];
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
-  var _useStyles = useStyles(),
+  var _useStyles = useStyles({
+      maxHeight: maxHeight ? "calc(".concat(isNumber(maxHeight) ? "".concat(maxHeight, "px") : maxHeight, " - ").concat(HEADER_HEIGHT + (footer ? FOOTER_HEIGHT : 0), "px)") : undefined
+    }),
     styles = _useStyles.styles,
     cx = _useStyles.cx,
     theme = _useStyles.theme;
+  var body = stylesProps.body,
+    restStyles = _objectWithoutProperties(stylesProps, _excluded2);
   if (mobile) return /*#__PURE__*/_jsx(Drawer, {
+    className: cx(styles.drawerContent, className),
     closeIcon: /*#__PURE__*/_jsx(ActionIcon, {
-      icon: X,
-      size: {
-        blockSize: 32,
-        fontSize: 20
-      }
+      icon: X
     }),
     destroyOnClose: destroyOnClose,
-    drawerStyle: {
-      background: "linear-gradient(to bottom, ".concat(theme.colorBgContainer, ", ").concat(theme.colorBgLayout, ")")
-    },
-    height: '75vh',
+    extra: allowFullscreen && /*#__PURE__*/_jsx(ActionIcon, {
+      icon: fullscreen ? Minimize2 : Maximize2,
+      onClick: function onClick() {
+        return setFullscreen(!fullscreen);
+      }
+    }),
+    footer: footer,
+    height: fullscreen ? '100vh' : maxHeight || '75vh',
     maskClassName: cx(styles.wrap, wrapClassName),
     onClose: onCancel,
     open: open,
     placement: 'bottom',
     styles: _objectSpread({
-      body: {
-        padding: 0
-      },
-      header: {
-        padding: '8px 4px'
-      }
-    }, rest.styles),
+      body: _objectSpread({
+        paddingBlock: "16px ".concat(footer ? 0 : '16px'),
+        paddingInline: (_paddings$desktop = paddings === null || paddings === void 0 ? void 0 : paddings.desktop) !== null && _paddings$desktop !== void 0 ? _paddings$desktop : 16
+      }, body)
+    }, restStyles),
     title: title,
     children: children
   });
@@ -83,9 +107,16 @@ var Modal = /*#__PURE__*/memo(function (_ref2) {
         }
       }),
       destroyOnClose: destroyOnClose,
+      footer: footer,
       maskClosable: true,
       onCancel: onCancel,
       open: open,
+      styles: _objectSpread({
+        body: _objectSpread({
+          paddingBlock: "0 ".concat(footer === null ? '16px' : 0),
+          paddingInline: (_paddings$desktop2 = paddings === null || paddings === void 0 ? void 0 : paddings.desktop) !== null && _paddings$desktop2 !== void 0 ? _paddings$desktop2 : 16
+        }, body)
+      }, restStyles),
       title: title,
       width: width,
       wrapClassName: cx(styles.wrap, wrapClassName)

package/es/SelectWithImg/index.d.ts

@@ -1,6 +1,6 @@
-import { IconProps } from "..";
 import { SelectProps } from 'antd';
 import { type CSSProperties, ReactNode } from 'react';
+import { IconProps } from "../Icon";
 export interface SelectWithImgOptionItem {
     icon?: IconProps['icon'];
     img: string;

package/es/SelectWithImg/index.js

@@ -2,10 +2,10 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 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; }
-import { Icon } from "./..";
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import useControlledState from 'use-merge-value';
+import Icon from "../Icon";
 import Img from "../Img";
 import { useStyles } from "./styles";
 import { jsx as _jsx } from "react/jsx-runtime";

package/es/ThemeProvider/GlobalStyle/antdOverride.js

@@ -3,5 +3,5 @@ var _templateObject;
 import { css } from 'antd-style';
 import { readableColor, rgba } from 'polished';
 export default (function (token) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", "-checkbox-inner:after {\n    border-color: ", " !important;\n  }\n\n  .", "-btn {\n    box-shadow: none;\n  }\n\n  .", "-btn-primary {\n    color: ", " !important;\n\n    &:hover {\n      color: ", " !important;\n    }\n\n    &:active {\n      color: ", " !important;\n    }\n  }\n\n  .", "-tooltip-inner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    min-height: unset;\n    padding: 4px 8px;\n\n    color: ", " !important;\n\n    background-color: ", " !important;\n    border-radius: ", "px !important;\n  }\n\n  .", "-tooltip-arrow {\n    &::before,\n    &::after {\n      background: ", " !important;\n    }\n  }\n\n  .", "-switch-handle::before {\n    background: ", " !important;\n  }\n\n  .", "-image-preview-close,\n    .", "-image-preview-switch-right,.", "-image-preview-switch-left {\n    ", ";\n    border-radius: ", "px;\n    background: ", ";\n\n    width: 32px;\n    height: 32px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 0;\n  }\n\n  .", "-dropdown {\n    .", "-dropdown-menu {\n      border: 1px solid ", ";\n      border-radius: ", "px !important;\n      box-shadow: ", ";\n    }\n  }\n\n  @media (max-width: 575px) {\n    .", "-tooltip {\n      display: none !important;\n    }\n  }\n"])), token.prefixCls, readableColor(token.colorPrimary), token.prefixCls, token.prefixCls, readableColor(token.colorPrimary), readableColor(token.colorPrimary), readableColor(token.colorPrimaryActive), token.prefixCls, token.colorBgLayout, token.colorText, token.borderRadiusSM, token.prefixCls, token.colorText, token.prefixCls, token.colorBgContainer, token.prefixCls, token.prefixCls, token.prefixCls, token.stylish.blur, token.borderRadiusLG, rgba(token.colorBgMask, 0.1), token.prefixCls, token.prefixCls, token.colorBorderSecondary, token.borderRadius, token.boxShadowSecondary, token.prefixCls);
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .", "-checkbox-inner:after {\n    border-color: ", " !important;\n  }\n\n  .", "-btn {\n    box-shadow: none;\n  }\n\n  .", "-btn-primary:not(:disabled) {\n    color: ", " !important;\n\n    &:hover {\n      color: ", " !important;\n    }\n\n    &:active {\n      color: ", " !important;\n    }\n  }\n\n  .", "-tooltip-inner {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    min-height: unset;\n    padding: 4px 8px;\n\n    color: ", " !important;\n\n    background-color: ", " !important;\n    border-radius: ", "px !important;\n  }\n\n  .", "-tooltip-arrow {\n    &::before,\n    &::after {\n      background: ", " !important;\n    }\n  }\n\n  .", "-switch-handle::before {\n    background: ", " !important;\n  }\n\n  .", "-image-preview-close,\n    .", "-image-preview-switch-right,.", "-image-preview-switch-left {\n    ", ";\n    border-radius: ", "px;\n    background: ", ";\n\n    width: 32px;\n    height: 32px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 0;\n  }\n\n  .", "-dropdown {\n    .", "-dropdown-menu {\n      border: 1px solid ", ";\n      border-radius: ", "px !important;\n      box-shadow: ", ";\n    }\n  }\n\n  @media (max-width: 575px) {\n    .", "-tooltip {\n      display: none !important;\n    }\n  }\n"])), token.prefixCls, readableColor(token.colorPrimary), token.prefixCls, token.prefixCls, readableColor(token.colorPrimary), readableColor(token.colorPrimary), readableColor(token.colorPrimaryActive), token.prefixCls, token.colorBgLayout, token.colorText, token.borderRadiusSM, token.prefixCls, token.colorText, token.prefixCls, token.colorBgContainer, token.prefixCls, token.prefixCls, token.prefixCls, token.stylish.blur, token.borderRadiusLG, rgba(token.colorBgMask, 0.1), token.prefixCls, token.prefixCls, token.colorBorderSecondary, token.borderRadius, token.boxShadowSecondary, token.prefixCls);
 });

package/es/ThemeSwitch/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { type ActionIconSize } from "..";
 import { ThemeMode } from 'antd-style';
+import { type ActionIconSize } from "../ActionIcon";
 import { DivProps } from "../types";
 export interface ThemeSwitchProps extends DivProps {
     labels?: {

package/es/ThemeSwitch/index.js

@@ -1,8 +1,9 @@
-import { ActionIcon, Icon } from "./..";
 import { Dropdown, Select } from 'antd';
 import { Monitor, Moon, Sun } from 'lucide-react';
 import { memo, useMemo } from 'react';
 import { Flexbox } from 'react-layout-kit';
+import ActionIcon from "../ActionIcon";
+import Icon from "../Icon";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var icons = {

package/es/Toc/TocMobile.js

@@ -1,9 +1,9 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import { ActionIcon } from "./..";
 import { Anchor, Collapse, ConfigProvider } from 'antd';
 import { PanelTopClose, PanelTopOpen } from 'lucide-react';
 import { memo } from 'react';
 import useControlledState from 'use-merge-value';
+import ActionIcon from "../ActionIcon";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 export var mapItems = function mapItems(items) {

package/es/styles/theme/customStylish.js

@@ -13,7 +13,7 @@ export var generateCustomStylish = function generateCustomStylish(_ref) {
     blurStrong: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      backdrop-filter: blur(36px);\n    "]))),
     bottomScrollbar: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      ::-webkit-scrollbar {\n        width: 0;\n        height: 4px;\n        background-color: transparent;\n\n        &-thumb {\n          background-color: ", ";\n          border-radius: 4px;\n          transition: background-color 500ms ", ";\n        }\n\n        &-corner {\n          display: none;\n          width: 0;\n          height: 0;\n        }\n      }\n    "])), token.colorFill, token.motionEaseOut),
     gradientAnimation: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      background-image: linear-gradient(\n        -45deg,\n        ", ",\n        ", ",\n        ", ",\n        ", "\n      );\n      background-size: 400% 400%;\n      border-radius: inherit;\n      animation: 5s ", " 5s ease infinite;\n    "])), token.gold, token.magenta, token.geekblue, token.cyan, gradient),
-    markdown: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      color: ", ";\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5 {\n        font-weight: 600;\n      }\n\n      p {\n        margin-block: 0 0;\n        font-size: 14px;\n        line-height: 2;\n        color: ", ";\n\n        + * {\n          margin-block-end: 1em;\n        }\n\n        &:not(:last-child) {\n          margin-bottom: 1.5em;\n        }\n      }\n\n      blockquote {\n        margin: 16px 0;\n        padding: 0 12px;\n\n        p {\n          font-style: italic;\n          color: ", ";\n        }\n      }\n\n      a {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n\n        &:active {\n          color: ", ";\n        }\n      }\n\n      img {\n        max-width: 100%;\n      }\n\n      pre,\n      [data-code-type='highlighter'] {\n        border: none;\n        border-radius: ", "px;\n\n        > code {\n          padding: 0 !important;\n          background: unset !important;\n          border: none !important;\n          border-radius: unset !important;\n        }\n      }\n\n      *:not([data-code-type='highlighter'], pre) code {\n        padding: 2px 6px;\n\n        font-size: ", "px;\n        color: ", ";\n\n        background: ", ";\n        border: 1px solid ", ";\n        border-radius: ", "px;\n      }\n\n      table {\n        border-spacing: 0;\n\n        width: 100%;\n        margin-block: 1em 1em;\n        margin-inline: 0 0;\n        padding: 8px;\n\n        border: 1px solid ", ";\n        border-radius: ", "px;\n\n        code {\n          display: inline-flex;\n        }\n      }\n\n      th,\n      td {\n        padding-block: 10px 10px;\n        padding-inline: 16px 16px;\n      }\n\n      thead {\n        tr {\n          th {\n            background: ", ";\n\n            &:first-child {\n              border-top-left-radius: ", "px;\n              border-bottom-left-radius: ", "px;\n            }\n\n            &:last-child {\n              border-top-right-radius: ", "px;\n              border-bottom-right-radius: ", "px;\n            }\n          }\n        }\n      }\n\n      > ol > li::marker {\n        color: ", " !important;\n      }\n\n      > ul > li {\n        line-height: 1.8;\n        list-style-type: disc;\n\n        &::marker {\n          color: ", " !important;\n        }\n      }\n\n      ol,\n      ul {\n        > li::marker {\n          color: ", ";\n        }\n      }\n\n      details {\n        margin-bottom: 1em;\n        padding: 12px 16px;\n\n        background: ", ";\n        border: 1px solid ", ";\n        border-radius: ", "px;\n\n        transition: all 400ms ", ";\n      }\n\n      details[open] {\n        summary {\n          padding-bottom: 12px;\n          border-bottom: 1px solid ", ";\n        }\n      }\n    "])), token.colorText, token.colorText, token.colorTextDescription, token.colorLink, token.colorLinkHover, token.colorLinkActive, token.borderRadius, token.fontSizeSM, cyanColor, cyanBackground, isDarkMode ? token.cyan1A : token.cyan6A, token.borderRadiusSM, token.colorBorderSecondary, token.borderRadius, token.colorFillTertiary, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, isDarkMode ? token.cyan9A : token.cyan10A, isDarkMode ? token.cyan9A : token.cyan10A, token.colorTextDescription, token.colorFillTertiary, token.colorBorderSecondary, token.borderRadiusLG, token.motionEaseOut, token.colorBorder),
+    markdown: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      color: ", ";\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5 {\n        font-weight: 600;\n      }\n\n      p {\n        margin-block: 0 0;\n        font-size: 14px;\n        line-height: 2;\n        color: ", ";\n\n        + * {\n          margin-block-end: 1em;\n        }\n\n        &:not(:last-child) {\n          margin-bottom: 1.5em;\n        }\n      }\n\n      blockquote {\n        margin: 16px 0;\n        padding: 0 12px;\n\n        p {\n          font-style: italic;\n          color: ", ";\n        }\n      }\n\n      a {\n        color: ", ";\n\n        &:hover {\n          color: ", ";\n        }\n\n        &:active {\n          color: ", ";\n        }\n      }\n\n      img {\n        max-width: 100%;\n      }\n\n      pre,\n      [data-code-type='highlighter'] {\n        border: none;\n        border-radius: ", "px;\n\n        > code {\n          padding: 0 !important;\n          background: unset !important;\n          border: none !important;\n          border-radius: unset !important;\n        }\n      }\n\n      *:not([data-code-type='highlighter'], pre) code {\n        padding: 2px 6px;\n\n        font-size: ", "px;\n        color: ", ";\n\n        background: ", ";\n        border: 1px solid ", ";\n        border-radius: ", "px;\n      }\n\n      table {\n        border-spacing: 0;\n\n        width: 100%;\n        margin-block: 1em 1em;\n        margin-inline: 0 0;\n        padding: 8px;\n\n        border: 1px solid ", ";\n        border-radius: ", "px;\n\n        code {\n          display: inline-flex;\n        }\n      }\n\n      th,\n      td {\n        padding-block: 10px 10px;\n        padding-inline: 16px 16px;\n      }\n\n      thead {\n        tr {\n          th {\n            background: ", ";\n\n            &:first-child {\n              border-top-left-radius: ", "px;\n              border-bottom-left-radius: ", "px;\n            }\n\n            &:last-child {\n              border-top-right-radius: ", "px;\n              border-bottom-right-radius: ", "px;\n            }\n          }\n        }\n      }\n\n      > ul > li {\n        list-style-type: disc;\n      }\n\n      > ol,\n      > ul {\n        > li {\n          margin-left: 24px;\n          line-height: 1.8;\n\n          &::marker {\n            color: ", " !important;\n          }\n        }\n      }\n\n      ol,\n      ul {\n        > li::marker {\n          color: ", ";\n        }\n      }\n\n      details {\n        margin-bottom: 1em;\n        padding: 12px 16px;\n\n        background: ", ";\n        border: 1px solid ", ";\n        border-radius: ", "px;\n\n        transition: all 400ms ", ";\n      }\n\n      details[open] {\n        summary {\n          padding-bottom: 12px;\n          border-bottom: 1px solid ", ";\n        }\n      }\n    "])), token.colorText, token.colorText, token.colorTextDescription, token.colorLink, token.colorLinkHover, token.colorLinkActive, token.borderRadius, token.fontSizeSM, cyanColor, cyanBackground, isDarkMode ? token.cyan1A : token.cyan6A, token.borderRadiusSM, token.colorBorderSecondary, token.borderRadius, token.colorFillTertiary, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, isDarkMode ? token.cyan9A : token.cyan10A, token.colorTextDescription, token.colorFillTertiary, token.colorBorderSecondary, token.borderRadiusLG, token.motionEaseOut, token.colorBorder),
     markdownInChat: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      h1 {\n        margin-top: 0;\n        margin-block-start: 0;\n        font-size: 1.6em;\n      }\n\n      h2 {\n        margin-top: 0;\n        margin-block-start: 0;\n        font-size: 1.4em;\n      }\n\n      h3 {\n        margin-top: 0;\n        margin-block-start: 0;\n        font-size: 1.2em;\n      }\n\n      h4 {\n        margin-top: 0;\n        margin-block-start: 0;\n        font-size: 1.1em;\n      }\n\n      h5 {\n        margin-top: 0;\n        margin-block-start: 0;\n        font-size: 1em;\n      }\n\n      > *:last-child {\n        margin-bottom: 0 !important;\n      }\n\n      p {\n        line-height: 1.8 !important;\n        white-space: pre-wrap !important;\n\n        + * {\n          margin-block-end: 0.5em !important;\n        }\n\n        &:not(:last-child) {\n          margin-bottom: 1em !important;\n        }\n      }\n    "]))),
     noScrollbar: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      ::-webkit-scrollbar {\n        display: none;\n        width: 0;\n        height: 0;\n        background-color: transparent;\n      }\n    "]))),
     resetLinkColor: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      cursor: pointer;\n      color: ", ";\n\n      &:hover {\n        color: ", ";\n      }\n    "])), token.colorTextSecondary, token.colorText)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/ui",
-  "version": "1.124.2",
+  "version": "1.125.1",
   "description": "Lobe UI is an open-source UI component library for building AIGC web apps",
   "keywords": [
     "lobehub",
@@ -79,8 +79,8 @@
     "@giscus/react": "^2",
     "@lobehub/emojilib": "latest",
     "@react-spring/web": "^9",
-    "@splinetool/react-spline": "^2.2.6",
-    "@splinetool/runtime": "^0.9.504",
+    "@splinetool/react-spline": "^2",
+    "@splinetool/runtime": "^1",
     "ahooks": "^3",
     "chroma-js": "^2",
     "copy-to-clipboard": "^3",
@@ -137,7 +137,7 @@
     "eslint": "^8",
     "father": "4.3.1",
     "husky": "^8",
-    "jsdom": "^22",
+    "jsdom": "^23",
     "lint-staged": "^15",
     "prettier": "^3",
     "react": "^18",