@lobehub/ui 1.72.7 → 1.73.0

package/es/ChatHeader/ChatHeaderTitle.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+export interface ChatHeaderTitleProps {
+    desc?: string | ReactNode;
+    tag?: ReactNode;
+    title: string | ReactNode;
+}
+declare const ChatHeaderTitle: import("react").NamedExoticComponent<ChatHeaderTitleProps>;
+export default ChatHeaderTitle;

package/es/ChatHeader/ChatHeaderTitle.js

@@ -0,0 +1,65 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+import { createStyles } from 'antd-style';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var useStyles = createStyles(function (_ref) {
+  var css = _ref.css,
+    token = _ref.token;
+  return {
+    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n    overflow: hidden;\n    flex: 1;\n    max-width: 100%;\n  "]))),
+    desc: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    overflow: hidden;\n\n    width: 100%;\n\n    font-size: 12px;\n    color: ", ";\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "])), token.colorTextTertiary),
+    tag: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    flex: none;\n  "]))),
+    title: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    overflow: hidden;\n\n    font-size: 16px;\n    font-weight: bold;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]))),
+    titleContainer: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    flex: 1;\n  "]))),
+    titleWithDesc: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    font-weight: bold;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "])))
+  };
+});
+var ChatHeaderTitle = /*#__PURE__*/memo(function (_ref2) {
+  var title = _ref2.title,
+    desc = _ref2.desc,
+    tag = _ref2.tag;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  if (desc) return /*#__PURE__*/_jsxs(Flexbox, {
+    className: styles.container,
+    children: [/*#__PURE__*/_jsxs(Flexbox, {
+      align: 'center',
+      className: styles.titleContainer,
+      gap: 8,
+      horizontal: true,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: styles.titleWithDesc,
+        children: title
+      }), /*#__PURE__*/_jsx(Flexbox, {
+        className: styles.tag,
+        horizontal: true,
+        children: tag
+      })]
+    }), /*#__PURE__*/_jsx(Flexbox, {
+      align: 'center',
+      horizontal: true,
+      children: /*#__PURE__*/_jsx("div", {
+        className: styles.desc,
+        children: desc
+      })
+    })]
+  });
+  return /*#__PURE__*/_jsxs(Flexbox, {
+    align: 'center',
+    className: styles.container,
+    gap: 8,
+    horizontal: true,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.title,
+      children: title
+    }), /*#__PURE__*/_jsx(Flexbox, {
+      className: styles.tag,
+      horizontal: true,
+      children: tag
+    })]
+  });
+});
+export default ChatHeaderTitle;

package/es/ChatInputArea/index.js

@@ -30,8 +30,7 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onSend = _ref.onSend,
     _ref$defaultValue = _ref.defaultValue,
     defaultValue = _ref$defaultValue === void 0 ? '' : _ref$defaultValue,
-    _ref$loading = _ref.loading,
-    loading = _ref$loading === void 0 ? false : _ref$loading,
+    loading = _ref.loading,
     disabled = _ref.disabled,
     onInputChange = _ref.onInputChange,
     _onPressEnter = _ref.onPressEnter,

package/es/EditableMessage/index.d.ts

@@ -22,7 +22,8 @@ export interface EditableMessageProps {
      * @default false
      */
     editing?: boolean;
-    height?: number;
+    height?: MessageInputProps['height'];
+    inputType?: MessageInputProps['type'];
     /**
      * @title Callback function when the value changes
      * @param value - The new value

package/es/EditableMessage/index.js

@@ -25,6 +25,7 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref) {
     showEditWhenEmpty = _ref$showEditWhenEmpt === void 0 ? false : _ref$showEditWhenEmpt,
     styles = _ref.styles,
     height = _ref.height,
+    inputType = _ref.inputType,
     editButtonSize = _ref.editButtonSize,
     text = _ref.text;
   var _useControlledState = useControlledState(false, {
@@ -41,6 +42,7 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref) {
     _useControlledState4 = _slicedToArray(_useControlledState3, 2),
     expand = _useControlledState4[0],
     setExpand = _useControlledState4[1];
+  var isAutoSize = height === 'auto';
   var input = /*#__PURE__*/_jsx(MessageInput, {
     className: classNames === null || classNames === void 0 ? void 0 : classNames.input,
     classNames: {
@@ -58,20 +60,23 @@ var EditableMessage = /*#__PURE__*/memo(function (_ref) {
     },
     placeholder: placeholder,
     style: styles === null || styles === void 0 ? void 0 : styles.input,
-    text: text
+    text: text,
+    textareaClassname: classNames === null || classNames === void 0 ? void 0 : classNames.input,
+    type: inputType
   });
   if (!value && showEditWhenEmpty) return input;
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [!expand && isEdit ? input : /*#__PURE__*/_jsx(Markdown, {
       className: classNames === null || classNames === void 0 ? void 0 : classNames.markdown,
       style: _objectSpread({
-        height: height,
+        height: isAutoSize ? 'unset' : height,
         overflowX: 'hidden',
         overflowY: 'auto'
       }, styles === null || styles === void 0 ? void 0 : styles.markdown),
       children: value || placeholder
     }), /*#__PURE__*/_jsx(MessageModal, {
       editing: isEdit,
+      height: height,
       onChange: function onChange(text) {
         return _onChange === null || _onChange === void 0 ? void 0 : _onChange(text);
       },

package/es/Form/components/FormTitle.js

@@ -1,6 +1,6 @@
-import { Tag } from 'antd';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
+import Tag from "../../Tag";
 import { useStyles } from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/es/Icon/icons/DiscordIcon.d.ts

@@ -0,0 +1,3 @@
+import { type LucideIcon } from 'lucide-react';
+declare const _default: LucideIcon;
+export default _default;

package/es/Icon/icons/DiscordIcon.js

@@ -0,0 +1,17 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { createLucideIcon } from 'lucide-react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Discord = createLucideIcon('Discord', [['path', {
+  d: 'M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z',
+  key: '18tl5t'
+}]]);
+var DiscordIcon = function DiscordIcon(props) {
+  return /*#__PURE__*/_jsx(Discord, _objectSpread({
+    style: {
+      overflow: 'visible'
+    }
+  }, props));
+};
+export default DiscordIcon;

package/es/Icon/icons/index.d.ts

@@ -0,0 +1 @@
+export { default as DiscordIcon } from './DiscordIcon';

package/es/Icon/icons/index.js

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

package/es/Markdown/index.js

@@ -22,7 +22,14 @@ var Markdown = /*#__PURE__*/memo(function (_ref) {
     a: Typography.Link,
     code: Code,
     details: Collapse,
-    hr: Divider,
+    hr: function hr() {
+      return /*#__PURE__*/_jsx(Divider, {
+        style: {
+          marginBottom: '1em',
+          marginTop: 0
+        }
+      });
+    },
     pre: CodeBlock
   };
   return /*#__PURE__*/_jsx(Typography, {

package/es/MessageInput/index.d.ts

@@ -13,7 +13,7 @@ export interface MessageInputProps extends DivProps {
      */
     defaultValue?: string;
     editButtonSize?: ButtonProps['size'];
-    height?: number | string;
+    height?: number | 'auto' | string;
     /**
      * @description Callback function triggered when user clicks on the cancel button.
      */

package/es/MessageInput/index.js

@@ -1,7 +1,7 @@
 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", "style", "editButtonSize", "classNames"];
+var _excluded = ["text", "type", "onCancel", "defaultValue", "onConfirm", "renderButtons", "textareaStyle", "textareaClassname", "placeholder", "height", "style", "editButtonSize", "classNames"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { Button } from 'antd';
@@ -24,6 +24,8 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
     textareaClassname = _ref.textareaClassname,
     _ref$placeholder = _ref.placeholder,
     placeholder = _ref$placeholder === void 0 ? 'Type something...' : _ref$placeholder,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 'auto' : _ref$height,
     style = _ref.style,
     _ref$editButtonSize = _ref.editButtonSize,
     editButtonSize = _ref$editButtonSize === void 0 ? 'middle' : _ref$editButtonSize,
@@ -36,6 +38,7 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
+  var isAutoSize = height === 'auto';
   return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     gap: 16,
     style: _objectSpread({
@@ -44,7 +47,7 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
     }, style)
   }, props), {}, {
     children: [/*#__PURE__*/_jsx(TextArea, {
-      autoSize: true,
+      autoSize: isAutoSize,
       className: cx(styles, textareaClassname),
       classNames: classNames,
       onBlur: function onBlur(e) {
@@ -55,7 +58,10 @@ var MessageInput = /*#__PURE__*/memo(function (_ref) {
       },
       placeholder: placeholder,
       resize: false,
-      style: textareaStyle,
+      style: _objectSpread({
+        height: isAutoSize ? 'unset' : height,
+        minHeight: '100%'
+      }, textareaStyle),
       type: type,
       value: temporarySystemRole
     }), /*#__PURE__*/_jsx(Flexbox, {

package/es/MessageInput/style.js

@@ -2,6 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject;
 import { createStyles } from 'antd-style';
 export var useStyles = createStyles(function (_ref) {
-  var css = _ref.css;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n    height: 100%;\n    font-size: 14px;\n    line-height: 1.8;\n  "])));
+  var css = _ref.css,
+    token = _ref.token;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    position: relative;\n\n    height: 100%;\n\n    font-family: ", ";\n    font-size: 13px;\n    line-height: 1.8;\n  "])), token.fontFamilyCode);
 });

package/es/MessageModal/index.d.ts

@@ -1,10 +1,12 @@
 /// <reference types="react" />
+import { type MessageInputProps } from "../MessageInput";
 export interface MessageModalProps {
     /**
      * @description Whether the message is being edited or not
      * @default false
      */
     editing?: boolean;
+    height?: MessageInputProps['height'];
     /**
      * @description Callback fired when message content is changed
      */

package/es/MessageModal/index.js

@@ -1,4 +1,7 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { Modal } from 'antd';
 import { X } from 'lucide-react';
 import { memo } from 'react';
@@ -12,6 +15,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var MessageModal = /*#__PURE__*/memo(function (_ref) {
   var editing = _ref.editing,
     open = _ref.open,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? 'auto' : _ref$height,
     onOpenChange = _ref.onOpenChange,
     onEditingChange = _ref.onEditingChange,
     placeholder = _ref.placeholder,
@@ -34,6 +39,12 @@ var MessageModal = /*#__PURE__*/memo(function (_ref) {
     _useControlledState4 = _slicedToArray(_useControlledState3, 2),
     expand = _useControlledState4[0],
     setExpand = _useControlledState4[1];
+  var isAutoSize = height === 'auto';
+  var markdownStyle = {
+    height: isAutoSize ? 'unset' : height,
+    overflowX: 'hidden',
+    overflowY: 'auto'
+  };
   return /*#__PURE__*/_jsx(Modal, {
     cancelText: (text === null || text === void 0 ? void 0 : text.cancel) || 'Cancel',
     className: styles.modal,
@@ -58,7 +69,7 @@ var MessageModal = /*#__PURE__*/memo(function (_ref) {
     width: 800,
     children: isEdit ? /*#__PURE__*/_jsx(MessageInput, {
       defaultValue: value,
-      height: "70vh",
+      height: height,
       onCancel: function onCancel() {
         return setTyping(false);
       },
@@ -70,12 +81,13 @@ var MessageModal = /*#__PURE__*/memo(function (_ref) {
       text: {
         cancel: text === null || text === void 0 ? void 0 : text.cancel,
         confirm: text === null || text === void 0 ? void 0 : text.confirm
-      }
+      },
+      type: 'block'
     }) : /*#__PURE__*/_jsx(Markdown, {
       className: styles.body,
-      style: value ? {} : {
+      style: value ? markdownStyle : _objectSpread(_objectSpread({}, markdownStyle), {}, {
         opacity: 0.5
-      },
+      }),
       children: String(value || placeholder)
     })
   });

package/es/MessageModal/style.js

@@ -6,6 +6,6 @@ export var useStyles = createStyles(function (_ref) {
     prefixCls = _ref.prefixCls;
   return {
     body: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow-x: hidden;\n    overflow-y: auto;\n    max-height: 70vh;\n  "]))),
-    modal: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    .", "-modal-header {\n      margin-bottom: 24px;\n    }\n  "])), prefixCls)
+    modal: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    .", "-modal-content {\n      padding: 16px;\n    }\n    .", "-modal-header {\n      margin-bottom: 16px;\n    }\n  "])), prefixCls, prefixCls)
   };
 });

package/es/SliderWithInput/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { type InputNumberProps } from 'antd';
+import { SliderSingleProps } from 'antd/es/slider';
+export interface SliderWithInputProps extends SliderSingleProps {
+    controls?: InputNumberProps['controls'];
+    size?: InputNumberProps['size'];
+}
+declare const SliderWithInput: import("react").NamedExoticComponent<SliderWithInputProps>;
+export default SliderWithInput;

package/es/SliderWithInput/index.js

@@ -0,0 +1,69 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["step", "value", "onChange", "max", "min", "defaultValue", "size", "controls", "style", "className", "disabled"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { InputNumber, Slider } from 'antd';
+import { isNull } from 'lodash-es';
+import { memo, useCallback } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var SliderWithInput = /*#__PURE__*/memo(function (_ref) {
+  var step = _ref.step,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    max = _ref.max,
+    min = _ref.min,
+    defaultValue = _ref.defaultValue,
+    size = _ref.size,
+    controls = _ref.controls,
+    style = _ref.style,
+    className = _ref.className,
+    disabled = _ref.disabled,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var handleOnchange = useCallback(function (value) {
+    if (Number.isNaN(value) || isNull(value)) return;
+    onChange === null || onChange === void 0 ? void 0 : onChange(value);
+  }, []);
+  return /*#__PURE__*/_jsxs(Flexbox, {
+    align: 'center',
+    className: className,
+    direction: 'horizontal',
+    gap: 8,
+    style: style,
+    children: [/*#__PURE__*/_jsx(Slider, _objectSpread({
+      defaultValue: defaultValue,
+      disabled: disabled,
+      max: max,
+      min: min,
+      onChange: handleOnchange,
+      step: step,
+      style: size === 'small' ? {
+        flex: 1,
+        margin: 0
+      } : {
+        flex: 1
+      },
+      tooltip: {
+        open: false
+      },
+      value: typeof value === 'number' ? value : 0
+    }, props)), /*#__PURE__*/_jsx(InputNumber, {
+      controls: size !== 'small' || controls,
+      defaultValue: defaultValue,
+      disabled: disabled,
+      max: max,
+      min: min,
+      onChange: handleOnchange,
+      size: size,
+      step: Number.isNaN(step) || isNull(step) ? undefined : step,
+      style: {
+        flex: 1,
+        maxWidth: size === 'small' ? 40 : 64
+      },
+      value: typeof value === 'number' ? value : 0
+    })]
+  });
+});
+export default SliderWithInput;

package/es/Tag/index.d.ts

@@ -0,0 +1,7 @@
+import { type TagProps as AntTagProps } from 'antd';
+import { ReactNode } from 'react';
+export interface TagProps extends AntTagProps {
+    icon?: ReactNode;
+}
+declare const Tag: import("react").NamedExoticComponent<TagProps>;
+export default Tag;

package/es/Tag/index.js

@@ -0,0 +1,41 @@
+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 = ["icon", "children"];
+var _templateObject, _templateObject2;
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import { Tag as AntTag } from 'antd';
+import { createStyles } from 'antd-style';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+var useStyles = createStyles(function (_ref) {
+  var cx = _ref.cx,
+    css = _ref.css,
+    token = _ref.token;
+  return {
+    count: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n\n    height: 20px;\n    padding: 0 8px;\n\n    font-size: 12px;\n    line-height: 1;\n\n    background: ", ";\n    border: ", "px;\n  "])), token.colorFillTertiary, token.borderRadius),
+    tag: cx(css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    color: ", " !important;\n    background: ", ";\n    border: ", "px;\n\n    &:hover {\n      color: ", ";\n      background: ", ";\n    }\n  "])), token.colorTextSecondary, token.colorFillSecondary, token.borderRadius, token.colorText, token.colorFill))
+  };
+});
+var Tag = /*#__PURE__*/memo(function (_ref2) {
+  var icon = _ref2.icon,
+    children = _ref2.children,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  return /*#__PURE__*/_jsx(AntTag, _objectSpread(_objectSpread({
+    bordered: false,
+    className: styles.tag
+  }, props), {}, {
+    children: /*#__PURE__*/_jsxs(Flexbox, {
+      align: 'center',
+      gap: 4,
+      horizontal: true,
+      children: [icon, children]
+    })
+  }));
+});
+export default Tag;

package/es/TokenTag/index.d.ts

@@ -9,6 +9,7 @@ export interface TokenTagProps extends DivProps {
      * @description Maximum value for the token
      */
     maxValue: number;
+    shape?: 'round' | 'square';
     text?: {
         overload?: string;
         remained?: string;

package/es/TokenTag/index.js

@@ -1,6 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "displayMode", "maxValue", "value", "text"];
+var _excluded = ["className", "displayMode", "maxValue", "value", "text", "shape"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { forwardRef } from 'react';
@@ -15,6 +15,8 @@ var TokenTag = /*#__PURE__*/forwardRef(function (_ref, ref) {
     maxValue = _ref.maxValue,
     value = _ref.value,
     text = _ref.text,
+    _ref$shape = _ref.shape,
+    shape = _ref$shape === void 0 ? 'round' : _ref$shape,
     props = _objectWithoutProperties(_ref, _excluded);
   var valueLeft = maxValue - value;
   var percent = valueLeft / maxValue;
@@ -30,7 +32,10 @@ var TokenTag = /*#__PURE__*/forwardRef(function (_ref, ref) {
     type = 'overload';
     emoji = '🤯';
   }
-  var _useStyles = useStyles(type),
+  var _useStyles = useStyles({
+      shape: shape,
+      type: type
+    }),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({

package/es/TokenTag/style.d.ts

@@ -1,4 +1,7 @@
 export declare const ICON_SIZE = 20;
-export declare const useStyles: (props?: "normal" | "low" | "overload" | undefined) => import("antd-style").ReturnStyles<{
+export declare const useStyles: (props?: {
+    shape: 'round' | 'square';
+    type: 'normal' | 'low' | 'overload';
+} | undefined) => import("antd-style").ReturnStyles<{
     container: string;
 }>;

package/es/TokenTag/style.js

@@ -1,31 +1,35 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 import { createStyles } from 'antd-style';
 var HEIGHT = 28;
 export var ICON_SIZE = 20;
-export var useStyles = createStyles(function (_ref, type) {
+export var useStyles = createStyles(function (_ref, _ref2) {
   var cx = _ref.cx,
     css = _ref.css,
     token = _ref.token;
+  var type = _ref2.type,
+    shape = _ref2.shape;
   var percentStyle;
   switch (type) {
     case 'normal':
       {
-        percentStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        color: ", ";\n      "])), token.colorSuccessText);
+        percentStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          color: ", ";\n        "])), token.colorSuccessText);
         break;
       }
     case 'low':
       {
-        percentStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        color: ", ";\n      "])), token.colorWarningText);
+        percentStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          color: ", ";\n        "])), token.colorWarningText);
         break;
       }
     case 'overload':
       {
-        percentStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        color: ", ";\n      "])), token.colorErrorText);
+        percentStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          color: ", ";\n        "])), token.colorErrorText);
         break;
       }
   }
+  var roundStylish = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      padding: 0 ", "px 0 ", "px;\n      background: ", ";\n      border-radius: ", "px;\n    "])), (HEIGHT - ICON_SIZE) * 1.2, (HEIGHT - ICON_SIZE) / 2, token.colorFillSecondary, HEIGHT / 2);
+  var squareStylish = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      border-radius: ", "px;\n    "])), token.borderRadiusSM);
   return {
-    container: cx(percentStyle, css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        user-select: none;\n\n        overflow: hidden;\n        display: flex;\n        flex: 0;\n        gap: 4px;\n        align-items: center;\n\n        min-width: fit-content;\n        height: ", "px;\n        padding: 0 ", "px 0 ", "px;\n\n        font-family: ", ";\n        font-size: 13px;\n        line-height: 1;\n\n        background: ", ";\n        border-radius: ", "px;\n      "])), HEIGHT, (HEIGHT - ICON_SIZE) * 1.2, (HEIGHT - ICON_SIZE) / 2, token.fontFamilyCode, token.colorFillSecondary, HEIGHT / 2))
+    container: cx(percentStyle, shape === 'round' ? roundStylish : squareStylish, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          user-select: none;\n\n          overflow: hidden;\n          display: flex;\n          flex: 0;\n          gap: 4px;\n          align-items: center;\n\n          min-width: fit-content;\n          height: ", "px;\n\n          font-family: ", ";\n          font-size: 13px;\n          line-height: 1;\n        "])), HEIGHT, token.fontFamilyCode))
   };
 });

package/es/index.d.ts

@@ -3,6 +3,7 @@ export { default as ActionIconGroup, type ActionIconGroupProps } from './ActionI
 export { default as Avatar, type AvatarProps } from './Avatar';
 export { default as Burger, type BurgerProps } from './Burger';
 export { default as ChatHeader, type ChatHeaderProps } from './ChatHeader';
+export { default as ChatHeaderTitle, type ChatHeaderTitleProps, } from './ChatHeader/ChatHeaderTitle';
 export { default as ChatInputArea, type ChatInputAreaProps } from './ChatInputArea';
 export { default as ChatItem, type ChatItemProps } from './ChatItem';
 export type { ChatListProps, OnActionClick, OnMessageChange, RenderErrorMessage, RenderMessage, } from './ChatList';
@@ -37,6 +38,7 @@ export { default as Header, type HeaderProps } from './Header';
 export { default as Hero, type HeroAction, type HeroProps } from './Hero';
 export { default as Highlighter, type HighlighterProps, SyntaxHighlighter, type SyntaxHighlighterProps, } from './Highlighter';
 export { default as Icon, type IconProps, type IconSize } from './Icon';
+export * from './Icon/icons';
 export { Input, type InputProps, TextArea, type TextAreaProps } from './Input';
 export { default as Layout, LayoutFooter, type LayoutFooterProps, LayoutHeader, type LayoutHeaderProps, LayoutMain, type LayoutMainProps, type LayoutProps, LayoutSidebar, LayoutSidebarInner, type LayoutSidebarInnerProps, type LayoutSidebarProps, LayoutToc, type LayoutTocProps, } from './Layout';
 export { default as List } from './List';
@@ -47,12 +49,14 @@ export { default as MessageInput, type MessageInputProps } from './MessageInput'
 export { default as MessageModal, type MessageModalProps } from './MessageModal';
 export { default as SearchBar, type SearchBarProps } from './SearchBar';
 export { default as SideNav, type SideNavProps } from './SideNav';
+export { default as SliderWithInput, type SliderWithInputProps } from './SliderWithInput';
 export { default as Snippet, type SnippetProps } from './Snippet';
 export { default as Spotlight, type SpotlightProps } from './Spotlight';
 export { default as StroyBook, type StroyBookProps, useControls, useCreateStore, } from './StroyBook';
 export * from './styles';
 export { default as Swatches, type SwatchesProps } from './Swatches';
 export { default as TabsNav, type TabsNavProps } from './TabsNav';
+export { default as Tag, type TagProps } from './Tag';
 export { default as ThemeProvider } from './ThemeProvider';
 export { default as ThemeSwitch, type ThemeSwitchProps } from './ThemeSwitch';
 export { default as Toc, type TocProps } from './Toc';

package/es/index.js

@@ -3,6 +3,7 @@ export { default as ActionIconGroup } from "./ActionIconGroup";
 export { default as Avatar } from "./Avatar";
 export { default as Burger } from "./Burger";
 export { default as ChatHeader } from "./ChatHeader";
+export { default as ChatHeaderTitle } from "./ChatHeader/ChatHeaderTitle";
 export { default as ChatInputArea } from "./ChatInputArea";
 export { default as ChatItem } from "./ChatItem";
 export { default as ChatList } from "./ChatList";
@@ -36,6 +37,7 @@ export { default as Header } from "./Header";
 export { default as Hero } from "./Hero";
 export { default as Highlighter, SyntaxHighlighter } from "./Highlighter";
 export { default as Icon } from "./Icon";
+export * from "./Icon/icons";
 export { Input, TextArea } from "./Input";
 export { default as Layout, LayoutFooter, LayoutHeader, LayoutMain, LayoutSidebar, LayoutSidebarInner, LayoutToc } from "./Layout";
 export { default as List } from "./List";
@@ -46,12 +48,14 @@ export { default as MessageInput } from "./MessageInput";
 export { default as MessageModal } from "./MessageModal";
 export { default as SearchBar } from "./SearchBar";
 export { default as SideNav } from "./SideNav";
+export { default as SliderWithInput } from "./SliderWithInput";
 export { default as Snippet } from "./Snippet";
 export { default as Spotlight } from "./Spotlight";
 export { default as StroyBook, useControls, useCreateStore } from "./StroyBook";
 export * from "./styles";
 export { default as Swatches } from "./Swatches";
 export { default as TabsNav } from "./TabsNav";
+export { default as Tag } from "./Tag";
 export { default as ThemeProvider } from "./ThemeProvider";
 export { default as ThemeSwitch } from "./ThemeSwitch";
 export { default as Toc } from "./Toc";

package/es/styles/algorithms/generateCustomStylish.js

@@ -1,17 +1,19 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 import { keyframes } from 'antd-style';
+import { readableColor } from 'polished';
 export var generateCustomStylish = function generateCustomStylish(_ref) {
   var css = _ref.css,
     token = _ref.token,
     isDarkMode = _ref.isDarkMode;
+  var cyan = isDarkMode ? token.cyan9A : token.cyan10A;
   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      color: ", ";\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5 {\n        font-weight: 600;\n      }\n\n      p {\n        margin-block-start: 0;\n        margin-block-end: 0;\n\n        font-size: 14px;\n        line-height: 1.8;\n        color: ", ";\n        text-align: justify;\n        word-break: break-all;\n        word-wrap: break-word;\n\n        + * {\n          margin-block-end: 0.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      p:not(:last-child) {\n        margin-bottom: 1em;\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        border: none;\n        border-radius: ", "px;\n      }\n\n      > :not([data-code-type='highlighter']) 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-start: 1em;\n        margin-block-end: 1em;\n        margin-inline-start: 0;\n        margin-inline-end: 0;\n        padding: 8px;\n\n        border: 1px solid ", ";\n        border-radius: ", "px;\n      }\n\n      th,\n      td {\n        padding-block-start: 10px;\n        padding-block-end: 10px;\n        padding-inline-start: 16px;\n        padding-inline-end: 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      li {\n        line-height: 1.8;\n\n        &::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    "])), isDarkMode ? token.colorTextSecondary : token.colorText, token.colorText, token.colorTextDescription, token.colorLink, token.colorLinkHover, token.colorLinkActive, token.borderRadius, token.fontSizeSM, isDarkMode ? token.cyan9A : token.cyan10A, isDarkMode ? token.cyan1A : token.cyan3A, isDarkMode ? token.cyan1A : token.cyan4A, token.borderRadiusSM, token.colorBorderSecondary, token.borderRadius, token.colorFillTertiary, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, isDarkMode ? token.cyan9A : token.cyan10A, 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-start: 0;\n        margin-block-end: 0;\n\n        font-size: 14px;\n        line-height: 1.8;\n        color: ", ";\n        text-align: justify;\n        word-break: break-all;\n        word-wrap: break-word;\n\n        + * {\n          margin-block-end: 0.5em;\n        }\n      }\n\n      > *:last-child {\n        margin-bottom: 0 !important;\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      p:not(:last-child) {\n        margin-bottom: 1em;\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        border: none;\n        border-radius: ", "px;\n\n        > code {\n          padding: 0 !important;\n          border: none !important;\n        }\n      }\n\n      > :not([data-code-type='highlighter']) 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-start: 1em;\n        margin-block-end: 1em;\n        margin-inline-start: 0;\n        margin-inline-end: 0;\n        padding: 8px;\n\n        border: 1px solid ", ";\n        border-radius: ", "px;\n      }\n\n      th,\n      td {\n        padding-block-start: 10px;\n        padding-block-end: 10px;\n        padding-inline-start: 16px;\n        padding-inline-end: 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 {\n        margin-left: 0;\n      }\n\n      ol {\n        counter-reset: steps;\n        margin-left: 0;\n        list-style: none;\n\n        li {\n          counter-increment: steps;\n\n          &::before {\n            content: counter(steps);\n\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n\n            width: 1.1rem;\n            height: 1.1rem;\n            margin-right: 0.5em;\n\n            font-size: 0.8em;\n            font-weight: 500;\n            line-height: 1;\n            color: ", ";\n\n            background: ", ";\n            border-radius: 50%;\n          }\n        }\n\n        ol li::before {\n          color: ", ";\n          background: ", ";\n        }\n      }\n\n      > ul {\n        > li {\n          line-height: 1.8;\n          list-style-type: disc;\n\n          &::marker {\n            color: ", ";\n          }\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    "])), isDarkMode ? token.colorTextSecondary : token.colorText, token.colorText, token.colorTextDescription, token.colorLink, token.colorLinkHover, token.colorLinkActive, token.borderRadius, token.fontSizeSM, isDarkMode ? token.cyan9A : token.cyan10A, isDarkMode ? token.cyan1A : token.cyan3A, isDarkMode ? token.cyan1A : token.cyan4A, token.borderRadiusSM, token.colorBorderSecondary, token.borderRadius, token.colorFillTertiary, token.borderRadius, token.borderRadius, token.borderRadius, token.borderRadius, readableColor(cyan), cyan, token.colorTextSecondary, token.colorFill, cyan, token.colorFillTertiary, token.colorBorderSecondary, token.borderRadiusLG, token.motionEaseOut, token.colorBorder),
     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)
   };

package/package.json

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