@lobehub/ui 1.171.0 → 2.0.1

package/es/mobile/ChatInputArea/index.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+import ChatSendButton from './components/ChatSendButton';
+import type { ChatInputAreaProps } from './type';
+interface IChatHeader {
+    (props: ChatInputAreaProps): ReactNode;
+    SendButton: typeof ChatSendButton;
+}
+declare const ChatInputArea: IChatHeader;
+export default ChatInputArea;
+export { default as ChatSendButton } from './components/ChatSendButton';
+export type * from './type';

package/es/mobile/ChatInputArea/index.js

@@ -0,0 +1,6 @@
+import ChatInputAreaParent from "./ChatInputArea";
+import ChatSendButton from "./components/ChatSendButton";
+var ChatInputArea = ChatInputAreaParent;
+ChatInputArea.SendButton = ChatSendButton;
+export default ChatInputArea;
+export { default as ChatSendButton } from "./components/ChatSendButton";

package/es/mobile/ChatInputArea/style.d.ts

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

package/es/mobile/ChatInputArea/style.js

@@ -0,0 +1,14 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { createStyles } from 'antd-style';
+export var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      flex: none;\n      padding-block: 12px;\n      background: ", ";\n      border-block-start: 1px solid ", ";\n    "])), token.colorFillQuaternary, token.colorFillTertiary),
+    expand: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: absolute;\n      height: 100%;\n    "]))),
+    expandButton: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: absolute;\n      inset-inline-end: 14px;\n    "]))),
+    expandTextArea: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      flex: 1;\n    "]))),
+    inner: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      height: inherit;\n      padding-block: 0;\n      padding-inline: 8px;\n    "])))
+  };
+});

package/es/mobile/ChatInputArea/type.d.ts

@@ -0,0 +1,19 @@
+import type { TextAreaRef } from 'antd/es/input/TextArea';
+import type { CSSProperties, ReactNode, Ref } from 'react';
+import type { ButtonProps } from "../../Button";
+import type { ChatInputAreaInnerProps } from "../../chat/ChatInputArea";
+export interface ChatInputAreaProps extends ChatInputAreaInnerProps {
+    bottomAddons?: ReactNode;
+    expand?: boolean;
+    ref?: Ref<TextAreaRef>;
+    safeArea?: boolean;
+    setExpand?: (expand: boolean) => void;
+    style?: CSSProperties;
+    textAreaLeftAddons?: ReactNode;
+    textAreaRightAddons?: ReactNode;
+    topAddons?: ReactNode;
+}
+export interface ChatSendButtonProps extends Omit<ButtonProps, 'onClick'> {
+    onSend?: ButtonProps['onClick'];
+    onStop?: ButtonProps['onClick'];
+}

package/es/mobile/ChatInputArea/type.js

@@ -0,0 +1 @@
+export {};

package/es/mobile/SafeArea/SafeArea.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SafeAreaProps } from './type';
+declare const SafeArea: import("react").NamedExoticComponent<SafeAreaProps>;
+export default SafeArea;

package/es/mobile/{MobileSafeArea/index.js → SafeArea/SafeArea.js}

@@ -9,10 +9,10 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import React, { memo } from 'react';
+import { memo } from 'react';
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var MobileSafeArea = /*#__PURE__*/memo(function (_ref) {
+var SafeArea = /*#__PURE__*/memo(function (_ref) {
   var position = _ref.position,
     className = _ref.className,
     rest = _objectWithoutProperties(_ref, _excluded);
@@ -23,4 +23,5 @@ var MobileSafeArea = /*#__PURE__*/memo(function (_ref) {
     className: cx(styles.container, styles[position], className)
   }, rest));
 });
-export default MobileSafeArea;
+SafeArea.displayName = 'SafeArea';
+export default SafeArea;

package/es/mobile/SafeArea/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './SafeArea';
+export type * from './type';

package/es/mobile/SafeArea/index.js

@@ -0,0 +1 @@
+export { default } from "./SafeArea";

package/es/mobile/SafeArea/type.d.ts

@@ -0,0 +1,4 @@
+import type { DivProps } from "../../types";
+export interface SafeAreaProps extends DivProps {
+    position: 'top' | 'bottom';
+}

package/es/mobile/SafeArea/type.js

@@ -0,0 +1 @@
+export {};

package/es/mobile/TabBar/TabBar.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { TabBarProps } from './type';
+declare const TabBar: import("react").NamedExoticComponent<TabBarProps>;
+export default TabBar;

package/es/mobile/TabBar/TabBar.js

@@ -0,0 +1,84 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["ref", "className", "safeArea", "items", "activeKey", "defaultActiveKey", "onChange"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import useMergeState from 'use-merge-value';
+import SafeArea from "../SafeArea";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var TabBar = /*#__PURE__*/memo(function (_ref) {
+  var ref = _ref.ref,
+    className = _ref.className,
+    safeArea = _ref.safeArea,
+    items = _ref.items,
+    activeKey = _ref.activeKey,
+    defaultActiveKey = _ref.defaultActiveKey,
+    onChange = _ref.onChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useMergeState = useMergeState(defaultActiveKey || items[0].key, {
+      defaultValue: defaultActiveKey,
+      onChange: onChange,
+      value: activeKey
+    }),
+    _useMergeState2 = _slicedToArray(_useMergeState, 2),
+    currentActive = _useMergeState2[0],
+    setCurrentActive = _useMergeState2[1];
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+    as: 'footer',
+    className: cx(styles.container, className),
+    ref: ref
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx(Flexbox, {
+      align: 'center',
+      className: cx(styles.inner, className),
+      horizontal: true,
+      justify: 'space-around',
+      children: items.map(function (item) {
+        var active = item.key === currentActive;
+        return /*#__PURE__*/_jsxs(Flexbox, {
+          align: 'center',
+          className: cx(styles.tab, active && styles.active),
+          gap: 4,
+          justify: 'center',
+          onClick: function onClick() {
+            var _item$onClick;
+            setCurrentActive(item.key);
+            item === null || item === void 0 || (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item);
+          },
+          children: [/*#__PURE__*/_jsx(Flexbox, {
+            align: 'center',
+            className: styles.icon,
+            justify: 'center',
+            children: typeof item.icon === 'function' ? item.icon(active) : item.icon
+          }), /*#__PURE__*/_jsx("div", {
+            className: styles.title,
+            children: typeof item.title === 'function' ? item.title(active) : item.title
+          })]
+        }, item.key);
+      })
+    }), safeArea && /*#__PURE__*/_jsx(SafeArea, {
+      position: 'bottom'
+    })]
+  }));
+});
+TabBar.displayName = 'MobileTabBar';
+export default TabBar;

package/es/mobile/TabBar/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TabBar';
+export type * from './type';

package/es/mobile/TabBar/index.js

@@ -0,0 +1 @@
+export { default } from "./TabBar";

package/es/mobile/{MobileTabBar → TabBar}/style.js

@@ -1,13 +1,12 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createStyles } from 'antd-style';
-import { rgba } from 'polished';
 export var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
   return {
     active: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), token.colorPrimary),
-    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      user-select: none;\n\n      overflow: hidden;\n      flex: none;\n\n      width: 100vw;\n\n      background: ", ";\n      border-block-start: 1px solid ", ";\n    "])), token.colorBgLayout, rgba(token.colorBorder, 0.25)),
+    container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      user-select: none;\n\n      overflow: hidden;\n      flex: none;\n\n      width: 100vw;\n\n      background: ", ";\n      border-block-start: 1px solid ", ";\n    "])), token.colorBgLayout, token.colorFillTertiary),
     icon: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      width: 24px;\n      height: 24px;\n      font-size: 24px;\n    "]))),
     inner: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      position: relative;\n      width: 100%;\n      height: 48px;\n    "]))),
     tab: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      cursor: pointer;\n      width: 48px;\n      height: 48px;\n      color: ", ";\n    "])), token.colorTextDescription),

package/es/mobile/TabBar/type.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode, Ref } from 'react';
+import { FlexboxProps } from 'react-layout-kit';
+export interface TabBarItemType {
+    icon: ReactNode | ((active: boolean) => ReactNode);
+    key: string;
+    onClick?: () => void;
+    title: ReactNode | ((active: boolean) => ReactNode);
+}
+export interface TabBarProps extends Omit<FlexboxProps, 'onChange'> {
+    activeKey?: string;
+    defaultActiveKey?: string;
+    items: TabBarItemType[];
+    onChange?: (key: string) => void;
+    ref?: Ref<HTMLDivElement>;
+    safeArea?: boolean;
+}

package/es/mobile/TabBar/type.js

@@ -0,0 +1 @@
+export {};

package/es/mobile/index.d.ts

@@ -1,6 +1,4 @@
-export { default as MobileChatInputArea, type MobileChatInputAreaProps, } from './MobileChatInputArea';
-export { default as MobileChatSendButton, type MobileChatSendButtonProps, } from './MobileChatInputArea/SendButton';
-export { default as MobileNavBar, type MobileNavBarProps } from './MobileNavBar';
-export { default as MobileNavBarTitle, type MobileNavBarTitleProps, } from './MobileNavBar/MobileNavBarTitle';
-export { default as MobileSafeArea, type MobileSafeAreaProps } from './MobileSafeArea';
-export { default as MobileTabBar, type MobileTabBarItemProps, type MobileTabBarProps, } from './MobileTabBar';
+export { default as ChatHeader, type ChatHeaderProps, ChatHeaderTitle, type ChatHeaderTitleProps, } from './ChatHeader';
+export { default as ChatInputArea, type ChatInputAreaProps, ChatSendButton, type ChatSendButtonProps, } from './ChatInputArea';
+export { default as SafeArea, type SafeAreaProps } from './SafeArea';
+export { default as TabBar, type TabBarItemType, type TabBarProps } from './TabBar';

package/es/mobile/index.js

@@ -1,6 +1,4 @@
-export { default as MobileChatInputArea } from "./MobileChatInputArea";
-export { default as MobileChatSendButton } from "./MobileChatInputArea/SendButton";
-export { default as MobileNavBar } from "./MobileNavBar";
-export { default as MobileNavBarTitle } from "./MobileNavBar/MobileNavBarTitle";
-export { default as MobileSafeArea } from "./MobileSafeArea";
-export { default as MobileTabBar } from "./MobileTabBar";
+export { default as ChatHeader, ChatHeaderTitle } from "./ChatHeader";
+export { default as ChatInputArea, ChatSendButton } from "./ChatInputArea";
+export { default as SafeArea } from "./SafeArea";
+export { default as TabBar } from "./TabBar";

package/es/storybook/StoryBook/index.d.ts

@@ -1,16 +1,10 @@
-/// <reference types="react" />
+import { Ref } from 'react';
 import { FlexboxProps } from 'react-layout-kit';
 export interface StoryBookProps extends FlexboxProps {
-    /**
-     * @description The Leva store instance to be used by the component
-     * @type levaStore
-     */
     levaStore: any;
-    /**
-     * @description If use padding around component
-     */
     noPadding?: boolean;
+    ref?: Ref<HTMLDivElement>;
 }
-export declare const StoryBook: import("react").ForwardRefExoticComponent<StoryBookProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const StoryBook: import("react").NamedExoticComponent<StoryBookProps>;
 export default StoryBook;
 export { useControls, useCreateStore } from 'leva';

package/es/storybook/StoryBook/index.js

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["levaStore", "noPadding", "className", "children"];
+var _excluded = ["ref", "levaStore", "noPadding", "className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -11,14 +11,15 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { useResponsive } from 'antd-style';
 import { LevaPanel } from 'leva';
-import { forwardRef } from 'react';
-import { Flexbox } from 'react-layout-kit';
+import { memo } from 'react';
+import { Center, Flexbox } from 'react-layout-kit';
 import DraggablePanel from "../../DraggablePanel";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export var StoryBook = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var levaStore = _ref.levaStore,
+export var StoryBook = /*#__PURE__*/memo(function (_ref) {
+  var ref = _ref.ref,
+    levaStore = _ref.levaStore,
     noPadding = _ref.noPadding,
     className = _ref.className,
     children = _ref.children,
@@ -28,20 +29,18 @@ export var StoryBook = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _useStyles = useStyles(Boolean(noPadding)),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(Flexbox, {
     align: 'stretch',
     className: cx(styles.editor, className),
     horizontal: !mobile,
     justify: 'stretch',
-    ref: ref
-  }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(Flexbox, {
-      align: 'center',
+    ref: ref,
+    children: [/*#__PURE__*/_jsx(Center, _objectSpread(_objectSpread({
       className: styles.left,
-      flex: 1,
-      justify: 'center',
+      flex: 1
+    }, rest), {}, {
       children: children
-    }), /*#__PURE__*/_jsx(DraggablePanel, {
+    })), /*#__PURE__*/_jsx(DraggablePanel, {
       className: styles.right,
       minWidth: 280,
       placement: mobile ? 'bottom' : 'right',
@@ -55,7 +54,8 @@ export var StoryBook = /*#__PURE__*/forwardRef(function (_ref, ref) {
         }), ' ']
       })
     })]
-  }));
+  });
 });
+StoryBook.displayName = 'StoryBook';
 export default StoryBook;
 export { useControls, useCreateStore } from 'leva';

package/es/styles/theme/antdTheme.js

@@ -20,6 +20,34 @@ export var createLobeAntdTheme = function createLobeAntdTheme(_ref) {
   var isDark = appearance === 'dark';
   return {
     algorithm: isDark ? darkAlgorithm : lightAlgorithm,
+    components: {
+      Button: {
+        contentFontSizeSM: 12,
+        defaultActiveBorderColor: baseToken.colorBorder,
+        defaultActiveColor: baseToken.colorText,
+        groupBorderColor: baseToken.colorBorder
+      },
+      DatePicker: {
+        activeBorderColor: baseToken.colorBorder,
+        hoverBorderColor: baseToken.colorBorder
+      },
+      Input: {
+        activeBorderColor: baseToken.colorBorder,
+        hoverBorderColor: baseToken.colorBorder
+      },
+      InputNumber: {
+        activeBorderColor: baseToken.colorBorder,
+        hoverBorderColor: baseToken.colorBorder
+      },
+      Mentions: {
+        activeBorderColor: baseToken.colorBorder,
+        hoverBorderColor: baseToken.colorBorder
+      },
+      Select: {
+        activeBorderColor: baseToken.colorBorder,
+        hoverBorderColor: baseToken.colorBorder
+      }
+    },
     token: _objectSpread(_objectSpread({}, baseToken), {}, {
       // @ts-ignore
       neutralColor: neutralColor,

package/es/styles/theme/customStylish.js

@@ -1,4 +1,4 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { keyframes } from 'antd-style';
 export var generateCustomStylish = function generateCustomStylish(_ref) {
@@ -7,12 +7,23 @@ export var generateCustomStylish = function generateCustomStylish(_ref) {
     isDarkMode = _ref.isDarkMode;
   var gradient = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    0% {\n      background-position: 0% 50%;\n    }\n    50% {\n      background-position: 100% 50%;\n    }\n    100% {\n      background-position: 0% 50%;\n    }\n  "])));
   return {
-    blur: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      backdrop-filter: saturate(180%) blur(10px);\n    "]))),
-    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      --lobe-markdown-font-size: 16px;\n      --lobe-markdown-header-multiple: 1;\n      --lobe-markdown-margin-multiple: 1.5;\n\n      position: relative;\n\n      width: 100%;\n\n      font-size: var(--lobe-markdown-font-size);\n      line-height: 1.6;\n      word-break: break-word;\n\n      p {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n        line-height: 1.6;\n        letter-spacing: 0.02em;\n      }\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5 {\n        margin-block: max(\n          calc(var(--lobe-markdown-header-multiple) * var(--lobe-markdown-margin-multiple) * 0.5em),\n          var(--lobe-markdown-font-size)\n        );\n        font-weight: 600;\n      }\n\n      h1 {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 1.5 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h2 {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h3 {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 0.5 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h4 {\n        font-size: calc(\n          var(--lobe-markdown-font-size) * (1 + 0.25 * var(--lobe-markdown-header-multiple))\n        );\n      }\n\n      h5 {\n        font-size: calc(var(--lobe-markdown-font-size) * 1);\n      }\n\n      li {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 0.5em);\n      }\n\n      ul,\n      ol {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n        margin-inline-start: 1em;\n        list-style-position: outside;\n\n        li {\n          margin-inline-start: 1em;\n        }\n      }\n\n      ol {\n        li {\n          &::marker {\n            color: ", ";\n          }\n        }\n      }\n\n      ul {\n        list-style-type: none;\n\n        li {\n          &::before {\n            content: '-';\n            display: inline-block;\n            margin-inline: -1em 0.5em;\n            color: ", ";\n          }\n        }\n      }\n\n      strong {\n        font-weight: 600;\n      }\n\n      code:not(:has(span)) {\n        display: inline-block;\n\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\n        background: ", ";\n        border: 1px solid ", ";\n        border-radius: ", "px;\n      }\n\n      kbd {\n        cursor: default;\n        user-select: none;\n\n        transform: translateY(-0.2em);\n\n        display: inline-block;\n\n        min-width: 1em;\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        font-weight: 500;\n        line-height: 1;\n        color: ", ";\n        text-align: center;\n\n        background: ", ";\n        border: 1px solid ", ";\n        border-radius: 0.25em;\n        box-shadow: 0 2px 0 1px ", ";\n\n        &:hover {\n          transform: translateY(0);\n          box-shadow: none;\n        }\n      }\n\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\n      hr {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1.5em);\n\n        border-color: ", ";\n        border-style: dashed;\n        border-width: 1px;\n        border-block-start: none;\n        border-inline-start: none;\n        border-inline-end: none;\n      }\n\n      details {\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n        padding-block: 0.75em;\n        padding-inline: 1em;\n\n        background: ", ";\n        border: 1px solid ", ";\n        border-radius: ", "px;\n\n        summary {\n          cursor: pointer;\n          display: flex;\n          align-items: center;\n          list-style: none;\n\n          &::before {\n            content: '';\n\n            position: absolute;\n            inset-inline-end: 1.25em;\n            transform: rotateZ(-45deg);\n\n            display: block;\n\n            width: 0.4em;\n            height: 0.4em;\n\n            font-family: ", ";\n\n            border-block-end: 1.5px solid ", ";\n            border-inline-end: 1.5px solid ", ";\n\n            transition: transform 200ms ", ";\n          }\n        }\n\n        &[open] {\n          padding-block-end: 0;\n\n          summary {\n            padding-block-end: 12px;\n            border-block-end: 1px dashed ", ";\n\n            &::before {\n              transform: rotateZ(45deg);\n            }\n          }\n        }\n      }\n\n      img,\n      video {\n        max-width: 100%;\n      }\n\n      table {\n        overflow: hidden;\n        display: table;\n        border-spacing: 0;\n        border-collapse: collapse;\n\n        box-sizing: border-box;\n        width: 100%;\n        margin-block: calc(var(--lobe-markdown-margin-multiple) * 1em);\n\n        text-align: start;\n        overflow-wrap: break-word;\n\n        background: ", ";\n        border-radius: ", "px;\n        box-shadow: inset 0 0 0 1px ", ";\n      }\n\n      thead {\n        background: ", ";\n      }\n\n      tr {\n        box-shadow: inset 0 -1px 0 ", ";\n      }\n\n      th,\n      td {\n        padding-block: 0.75em;\n        padding-inline: 1em;\n        text-align: start;\n        vertical-align: top;\n      }\n\n      pre,\n      [data-code-type='highlighter'] {\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.colorTextSecondary, token.colorTextDescription, token.fontFamilyCode, token.colorFillSecondary, token.colorBorderSecondary, token.borderRadius, token.fontFamily, token.colorBgLayout, isDarkMode ? token.colorText : '#333', isDarkMode ? token.colorTextSecondary : '#000', isDarkMode ? token.colorTextSecondary : '#000', token.colorTextSecondary, token.colorBorder, token.colorBorderSecondary, token.colorFillTertiary, token.colorBorderSecondary, token.borderRadius, token.fontFamily, token.colorTextSecondary, token.colorTextSecondary, token.motionEaseOut, token.colorBorder, token.colorFillTertiary, token.borderRadius, token.colorBorderSecondary, token.colorFillQuaternary, token.colorBorderSecondary, token.fontFamilyCode),
-    noScrollbar: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      ::-webkit-scrollbar {\n        display: none;\n        width: 0;\n        height: 0;\n        background-color: transparent;\n      }\n    "]))),
-    resetLinkColor: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      cursor: pointer;\n      color: ", ";\n\n      &:hover {\n        color: ", ";\n      }\n    "])), token.colorTextSecondary, token.colorText)
+    active: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      color: ", ";\n      background: ", ";\n\n      &:hover {\n        color: ", ";\n        background: ", ";\n      }\n\n      &:active {\n        color: ", ";\n        background: ", ";\n      }\n    "])), token.colorText, token.colorFillSecondary, token.colorText, token.colorFill, token.colorText, isDarkMode ? token.colorFillSecondary : token.colorFill),
+    blur: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      backdrop-filter: saturate(150%) blur(10px);\n    "]))),
+    blurStrong: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      backdrop-filter: saturate(150%) blur(36px);\n    "]))),
+    bottomScrollbar: css(_templateObject5 || (_templateObject5 = _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),
+    disabled: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      cursor: not-allowed;\n      opacity: 0.5;\n    "]))),
+    gradientAnimation: css(_templateObject7 || (_templateObject7 = _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),
+    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),
+    shadow: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      box-shadow:\n        0 1px 0 -1px ", ",\n        0 1px 2px -0.5px ", ",\n        0 2px 2px -1px ", ",\n        0 3px 6px -4px ", ";\n    "])), isDarkMode ? token.colorBgLayout : token.colorBorder, isDarkMode ? token.colorBgLayout : token.colorBorder, isDarkMode ? token.colorBgLayout : token.colorBorderSecondary, isDarkMode ? token.colorBgLayout : token.colorBorderSecondary),
+    variantBorderless: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n      background: none;\n      border: none;\n      box-shadow: none;\n\n      &:hover {\n        background: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])), token.colorFillTertiary, isDarkMode ? token.colorFillQuaternary : token.colorFillSecondary),
+    variantBorderlessDanger: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n      background: none;\n      border: none;\n      box-shadow: none;\n\n      &:hover {\n        background: ", ";\n        box-shadow: inset 0 0 0 1px ", ";\n      }\n\n      &:active {\n        background: ", ";\n        box-shadow: inset 0 0 0 1px\n          ", ";\n      }\n    "])), token.colorErrorFillTertiary, token.colorErrorFillTertiary, isDarkMode ? token.colorErrorFillQuaternary : token.colorErrorFillSecondary, isDarkMode ? token.colorErrorFillQuaternary : token.colorErrorFillSecondary),
+    variantBorderlessWithoutHover: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n      background: none;\n      border: none;\n      box-shadow: none;\n    "]))),
+    variantFilled: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n      background: ", ";\n\n      &:hover {\n        background: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])), token.colorFillTertiary, token.colorFillSecondary, isDarkMode ? token.colorFillTertiary : token.colorFill),
+    variantFilledDanger: css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n      background: ", ";\n\n      &:hover {\n        background: ", ";\n      }\n\n      &:active {\n        background: ", ";\n      }\n    "])), token.colorErrorFillTertiary, token.colorErrorFillSecondary, isDarkMode ? token.colorErrorFillTertiary : token.colorErrorFill),
+    variantFilledWithoutHover: css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n      background: ", ";\n    "])), token.colorFillTertiary),
+    variantOutlined: css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n      background: ", ";\n      border: 1px solid ", ";\n\n      &:hover {\n        background: ", ";\n        border: 1px solid ", ";\n      }\n\n      &:active {\n        background: ", ";\n        border: 1px solid ", ";\n      }\n    "])), token.colorBgContainer, token.colorBorderSecondary, token.colorBgContainer, token.colorBorder, token.colorBgContainer, token.colorBorder),
+    variantOutlinedDanger: css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n      border: 1px solid ", ";\n\n      &:hover {\n        border: 1px solid ", ";\n      }\n\n      &:active {\n        border: 1px solid ", ";\n      }\n    "])), token.colorErrorBorder, token.colorErrorBorder, token.colorErrorBorder),
+    variantOutlinedWithoutHover: css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n      background: ", ";\n      border: 1px solid ", ";\n    "])), token.colorBgContainer, token.colorBorderSecondary)
   };
 };

package/es/styles/theme/customToken.d.ts

@@ -1,3 +1,3 @@
 import { GetCustomToken } from 'antd-style';
-import { LobeCustomToken } from "../../types/customToken";
+import type { LobeCustomToken } from "../../types/customToken";
 export declare const generateCustomToken: GetCustomToken<LobeCustomToken>;

package/es/styles/theme/customToken.js

@@ -19,7 +19,8 @@ var generateColorPalette = function generateColorPalette(_ref) {
   var name = _ref.name,
     scale = _ref.scale,
     appearance = _ref.appearance;
-  return _ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "".concat(name, "Bg"), scale["".concat(appearance, "A")][1]), "".concat(name, "BgHover"), scale["".concat(appearance, "A")][2]), "".concat(name, "Border"), scale[appearance][4]), "".concat(name, "BorderSecondary"), scale[appearance][3]), "".concat(name, "BorderHover"), scale[appearance][5]), "".concat(name, "Hover"), scale[appearance][10]), "".concat(name), scale[appearance][9]), "".concat(name, "Active"), scale[appearance][7]), "".concat(name, "TextHover"), scale["".concat(appearance, "A")][10]), "".concat(name, "Text"), scale["".concat(appearance, "A")][9]), _defineProperty(_ref2, "".concat(name, "TextActive"), scale["".concat(appearance, "A")][7]);
+  var isDarkMode = appearance === 'dark';
+  return _ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "".concat(name, "Fill"), scale["".concat(appearance, "A")][isDarkMode ? 3 : 4]), "".concat(name, "FillSecondary"), scale["".concat(appearance, "A")][isDarkMode ? 2 : 3]), "".concat(name, "FillTertiary"), scale["".concat(appearance, "A")][isDarkMode ? 1 : 2]), "".concat(name, "FillQuaternary"), scale["".concat(appearance, "A")][isDarkMode ? 0 : 1]), "".concat(name, "Bg"), scale["".concat(appearance, "A")][1]), "".concat(name, "BgHover"), scale["".concat(appearance, "A")][2]), "".concat(name, "Border"), scale[appearance][4]), "".concat(name, "BorderSecondary"), scale[appearance][3]), "".concat(name, "BorderHover"), scale[appearance][isDarkMode ? 5 : 3]), "".concat(name, "Hover"), scale[appearance][isDarkMode ? 10 : 8]), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "".concat(name), scale[appearance][9]), "".concat(name, "Active"), scale[appearance][isDarkMode ? 7 : 10]), "".concat(name, "TextHover"), scale["".concat(appearance, "A")][isDarkMode ? 10 : 8]), "".concat(name, "Text"), scale["".concat(appearance, "A")][9]), "".concat(name, "TextActive"), scale["".concat(appearance, "A")][isDarkMode ? 7 : 10]);
 };
 var generateCustomColorPalette = function generateCustomColorPalette(_ref3) {
   var name = _ref3.name,

package/es/styles/theme/generateColorPalette.js

@@ -4,12 +4,13 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { capitalize } from 'lodash-es';
 export var generateColorPalette = function generateColorPalette(_ref) {
+  var _ref2;
   var type = _ref.type,
     scale = _ref.scale,
     appearance = _ref.appearance;
   var name = capitalize(type);
   var isDarkMode = appearance === 'dark';
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "color".concat(name, "Bg"), scale[appearance][1]), "color".concat(name, "BgHover"), scale[appearance][2]), "color".concat(name, "Border"), scale[appearance][4]), "color".concat(name, "BorderHover"), scale[appearance][isDarkMode ? 5 : 3]), "color".concat(name, "Hover"), scale[appearance][isDarkMode ? 10 : 8]), "color".concat(name), scale[appearance][9]), "color".concat(name, "Active"), scale[appearance][isDarkMode ? 7 : 10]), "color".concat(name, "TextHover"), scale[appearance][isDarkMode ? 10 : 8]), "color".concat(name, "Text"), scale[appearance][9]), "color".concat(name, "TextActive"), scale[appearance][isDarkMode ? 7 : 10]);
+  return _ref2 = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "color".concat(name, "Fill"), scale["".concat(appearance, "A")][isDarkMode ? 3 : 4]), "color".concat(name, "FillSecondary"), scale["".concat(appearance, "A")][isDarkMode ? 2 : 3]), "color".concat(name, "FillTertiary"), scale["".concat(appearance, "A")][isDarkMode ? 1 : 2]), "color".concat(name, "FillQuaternary"), scale["".concat(appearance, "A")][isDarkMode ? 0 : 1]), "color".concat(name, "Bg"), scale[appearance][1]), "color".concat(name, "BgHover"), scale[appearance][2]), "color".concat(name, "Border"), scale[appearance][4]), "color".concat(name, "BorderHover"), scale[appearance][isDarkMode ? 5 : 3]), "color".concat(name, "Hover"), scale[appearance][isDarkMode ? 10 : 8]), "color".concat(name), scale[appearance][9]), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref2, "color".concat(name, "Active"), scale[appearance][isDarkMode ? 7 : 10]), "color".concat(name, "TextHover"), scale[appearance][isDarkMode ? 10 : 8]), "color".concat(name, "Text"), scale[appearance][9]), "color".concat(name, "TextActive"), scale[appearance][isDarkMode ? 7 : 10]);
 };
 export var generateColorNeutralPalette = function generateColorNeutralPalette(_ref3) {
   var scale = _ref3.scale,

package/es/styles/theme/token/base.js

@@ -3,10 +3,10 @@ var FONT_EN = "\"HarmonyOS Sans\",\"Segoe UI\",\"SF Pro Display\",-apple-system,
 var FONT_CN = "\"HarmonyOS Sans SC\",\"PingFang SC\",\"Hiragino Sans GB\",\"Microsoft Yahei UI\",\"Microsoft Yahei\",\"Source Han Sans CN\",sans-serif";
 var FONT_CODE = "Hack,ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace";
 export var baseToken = {
-  borderRadius: 5,
+  borderRadius: 6,
   borderRadiusLG: 8,
-  borderRadiusSM: 3,
-  borderRadiusXS: 3,
+  borderRadiusSM: 4,
+  borderRadiusXS: 4,
   controlHeight: 36,
   fontFamily: [FONT_EN, FONT_CN, FONT_EMOJI].join(','),
   fontFamilyCode: [FONT_CODE, FONT_CN, FONT_EMOJI].join(',')

package/es/styles/theme/token/light.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { geekblue, gray, green, orange, primary, volcano } from "../../../color/colors";
+import { geekblue, gold, gray, green, primary, volcano } from "../../../color/colors";
 import { generateColorNeutralPalette, generateColorPalette } from "../generateColorPalette";
 var primaryToken = generateColorPalette({
   appearance: 'light',
@@ -22,7 +22,7 @@ var successToken = generateColorPalette({
 });
 var warningToken = generateColorPalette({
   appearance: 'light',
-  scale: orange,
+  scale: gold,
   type: 'Warning'
 });
 var errorToken = generateColorPalette({

package/es/types/customStylish.d.ts

@@ -1,9 +1,20 @@
 export interface LobeCustomStylish {
+    active: string;
     blur: string;
     blurStrong: string;
     bottomScrollbar: string;
+    disabled: string;
     gradientAnimation: string;
-    markdown: string;
     noScrollbar: string;
     resetLinkColor: string;
+    shadow: string;
+    variantBorderless: string;
+    variantBorderlessDanger: string;
+    variantBorderlessWithoutHover: string;
+    variantFilled: string;
+    variantFilledDanger: string;
+    variantFilledWithoutHover: string;
+    variantOutlined: string;
+    variantOutlinedDanger: string;
+    variantOutlinedWithoutHover: string;
 }

package/es/types/customToken.d.ts

@@ -1,18 +1,25 @@
 declare const PresetColors: readonly ["red", "volcano", "orange", "gold", "yellow", "lime", "green", "cyan", "blue", "geekblue", "purple", "magenta", "gray"];
+declare const PresetSystemColors: readonly ["Error", "Warning", "Success", "Info"];
 export type PresetColorKey = (typeof PresetColors)[number];
+export type PresetSystemColorKey = (typeof PresetSystemColors)[number];
 export type PresetColorType = Record<PresetColorKey, string>;
+export type PresetSystemColorType = Record<PresetSystemColorKey, string>;
 type ColorPaletteKeyIndex = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
-type ColorTokenKey = 'Bg' | 'BgHover' | 'Border' | 'BorderSecondary' | 'BorderHover' | 'Hover' | '' | 'Active' | 'TextHover' | 'Text' | 'TextActive';
+type ColorTokenKey = 'Fill' | 'FillSecondary' | 'FillTertiary' | 'FillQuaternary' | 'Bg' | 'BgHover' | 'Border' | 'BorderSecondary' | 'BorderHover' | 'Hover' | '' | 'Active' | 'TextHover' | 'Text' | 'TextActive';
+type SystemColorTokenKey = 'Fill' | 'FillSecondary' | 'FillTertiary' | 'FillQuaternary';
 export type ColorToken = {
     [key in `${keyof PresetColorType}${ColorTokenKey}`]: string;
 };
+export type SystemColorToken = {
+    [key in `color${keyof PresetSystemColorType}${SystemColorTokenKey}`]: string;
+};
 export type ColorPalettes = {
     [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}`]: string;
 };
 export type ColorPalettesAlpha = {
     [key in `${keyof PresetColorType}${ColorPaletteKeyIndex}A`]: string;
 };
-export interface LobeCustomToken extends ColorToken, ColorPalettes, ColorPalettesAlpha {
+export interface LobeCustomToken extends ColorPalettes, ColorPalettesAlpha, ColorToken, SystemColorToken {
     colorBgContainerSecondary: string;
 }
 export {};

package/es/types/customToken.js

@@ -1,2 +1,3 @@
 var PresetColors = ['red', 'volcano', 'orange', 'gold', 'yellow', 'lime', 'green', 'cyan', 'blue', 'geekblue', 'purple', 'magenta', 'gray'];
+var PresetSystemColors = ['Error', 'Warning', 'Success', 'Info'];
 export {};