@lobehub/ui 1.170.8 → 2.0.0

package/es/chat/MessageModal/index.js

@@ -1,129 +1 @@
-'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); }
-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; }
-import { Button } from 'antd';
-import { useResponsive } from 'antd-style';
-import { memo, useState } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import useControlledState from 'use-merge-value';
-import Markdown from "../../Markdown";
-import Modal from "../../Modal";
-import { useStyles as useTextStyles } from "../MessageInput/style";
-import MessageTextArea from "./TextArea";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } 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,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    text = _ref.text,
-    footer = _ref.footer,
-    extra = _ref.extra;
-  var _useResponsive = useResponsive(),
-    mobile = _useResponsive.mobile;
-  var _useTextStyles = useTextStyles(),
-    textStyles = _useTextStyles.styles;
-  var _useControlledState = useControlledState(false, {
-      onChange: onEditingChange,
-      value: editing
-    }),
-    _useControlledState2 = _slicedToArray(_useControlledState, 2),
-    isEdit = _useControlledState2[0],
-    setTyping = _useControlledState2[1];
-  var _useControlledState3 = useControlledState(false, {
-      onChange: onOpenChange,
-      value: open
-    }),
-    _useControlledState4 = _slicedToArray(_useControlledState3, 2),
-    showModal = _useControlledState4[0],
-    setShowModal = _useControlledState4[1];
-  var _useState = useState(value),
-    _useState2 = _slicedToArray(_useState, 2),
-    temporaryValue = _useState2[0],
-    setMessage = _useState2[1];
-  var isAutoSize = height === 'auto';
-  var markdownStyle = {
-    height: isAutoSize ? 'unset' : height,
-    overflowX: 'hidden',
-    overflowY: 'auto'
-  };
-  var modalFooter = isEdit ? /*#__PURE__*/_jsxs(Flexbox, {
-    direction: 'horizontal-reverse',
-    gap: 8,
-    children: [/*#__PURE__*/_jsx(Button, {
-      onClick: function onClick() {
-        setTyping(false);
-        onChange === null || onChange === void 0 || onChange(temporaryValue);
-        setMessage(value);
-      },
-      type: "primary",
-      children: (text === null || text === void 0 ? void 0 : text.confirm) || 'Confirm'
-    }), /*#__PURE__*/_jsx(Button, {
-      onClick: function onClick() {
-        setTyping(false);
-        setMessage(value);
-      },
-      children: (text === null || text === void 0 ? void 0 : text.cancel) || 'Cancel'
-    })]
-  }) : footer;
-  return /*#__PURE__*/_jsx(Modal, {
-    allowFullscreen: true,
-    cancelText: (text === null || text === void 0 ? void 0 : text.cancel) || 'Cancel',
-    destroyOnClose: true,
-    footer: modalFooter,
-    okText: (text === null || text === void 0 ? void 0 : text.edit) || 'Edit',
-    onCancel: function onCancel() {
-      setShowModal(false);
-      setTyping(false);
-      setMessage(value);
-    },
-    onOk: function onOk() {
-      return setTyping(true);
-    },
-    open: showModal,
-    title: text === null || text === void 0 ? void 0 : text.title,
-    children: isEdit ? /*#__PURE__*/_jsx(MessageTextArea, {
-      autoSize: isAutoSize,
-      className: textStyles,
-      defaultValue: value,
-      onChange: function onChange(value) {
-        return setMessage(value);
-      },
-      placeholder: placeholder,
-      resize: false,
-      style: {
-        flex: mobile ? 1 : undefined,
-        height: isAutoSize ? 'unset' : height,
-        minHeight: mobile ? 'unset' : '100%'
-      },
-      type: mobile ? 'pure' : 'block'
-    }) : /*#__PURE__*/_jsxs(_Fragment, {
-      children: [extra, /*#__PURE__*/_jsx(Markdown, {
-        style: value ? markdownStyle : _objectSpread(_objectSpread({}, markdownStyle), {}, {
-          opacity: 0.5
-        }),
-        variant: 'chat',
-        children: String(value || placeholder)
-      })]
-    })
-  });
-});
-export default MessageModal;
+export { default } from "./MessageModal";

package/es/chat/MessageModal/type.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+import type { ModalProps } from "../../Modal";
+import type { MessageInputProps } from "../MessageInput";
+export interface MessageModalProps extends Pick<ModalProps, 'open' | 'footer' | 'panelRef'> {
+    editing?: boolean;
+    extra?: ReactNode;
+    height?: MessageInputProps['height'];
+    onChange?: (text: string) => void;
+    onEditingChange?: (editing: boolean) => void;
+    onOpenChange?: (open: boolean) => void;
+    placeholder?: string;
+    text?: {
+        cancel?: string;
+        confirm?: string;
+        edit?: string;
+        title?: string;
+    };
+    /**
+     * @description The value of the message content
+     */
+    value: string;
+}

package/es/chat/MessageModal/type.js

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

package/es/chat/TokenTag/TokenTag.d.ts

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

package/es/chat/TokenTag/TokenTag.js

@@ -0,0 +1,95 @@
+'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 = ["className", "shape", "mode", "maxValue", "value", "text", "unoptimized", "hideText", "ref"];
+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 _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 { useResponsive } from 'antd-style';
+import { cva } from 'class-variance-authority';
+import numeral from 'numeral';
+import { memo, useMemo } from 'react';
+import Button from "../../Button";
+import FluentEmoji from "../../FluentEmoji";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var format = function format(number) {
+  return numeral(number).format('0,0');
+};
+var TokenTag = /*#__PURE__*/memo(function (_ref) {
+  var className = _ref.className,
+    _ref$shape = _ref.shape,
+    shape = _ref$shape === void 0 ? 'round' : _ref$shape,
+    _ref$mode = _ref.mode,
+    mode = _ref$mode === void 0 ? 'remained' : _ref$mode,
+    maxValue = _ref.maxValue,
+    value = _ref.value,
+    text = _ref.text,
+    unoptimized = _ref.unoptimized,
+    hideText = _ref.hideText,
+    ref = _ref.ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useResponsive = useResponsive(),
+    mobile = _useResponsive.mobile;
+  var valueLeft = maxValue - value;
+  var percent = valueLeft / maxValue;
+  var showText = !hideText && !mobile;
+  var data = useMemo(function () {
+    var type;
+    var emoji;
+    if (percent > 0.3) {
+      type = 'normal';
+      emoji = '😀';
+    } else if (percent > 0) {
+      type = 'low';
+      emoji = '😅';
+    } else {
+      type = 'overload';
+      emoji = '🤯';
+    }
+    return {
+      emoji: emoji,
+      type: type
+    };
+  }, [percent]);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  var variants = useMemo(function () {
+    return cva(styles.root, {
+      defaultVariants: {
+        type: 'normal'
+      },
+      /* eslint-disable sort-keys-fix/sort-keys-fix */
+      variants: {
+        type: {
+          normal: styles.normal,
+          low: styles.low,
+          overload: styles.overload
+        }
+      }
+      /* eslint-enable sort-keys-fix/sort-keys-fix */
+    });
+  }, [styles]);
+  return /*#__PURE__*/_jsxs(Button, _objectSpread(_objectSpread({
+    className: cx(variants({
+      type: data.type
+    }), className),
+    ref: ref,
+    shape: shape,
+    variant: 'filled'
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx(FluentEmoji, {
+      emoji: data.emoji,
+      size: 18,
+      unoptimized: unoptimized
+    }), valueLeft > 0 ? [showText ? mode === 'remained' ? (text === null || text === void 0 ? void 0 : text.remained) || 'Remained' : (text === null || text === void 0 ? void 0 : text.used) || 'Used' : '', mode === 'remained' ? format(valueLeft) : format(value)].join(' ') : (text === null || text === void 0 ? void 0 : text.overload) || 'Overload']
+  }));
+});
+TokenTag.displayName = 'TokenTag';
+export default TokenTag;

package/es/chat/TokenTag/index.d.ts

@@ -1,25 +1,2 @@
-/// <reference types="react" />
-import { DivProps } from "../../types";
-export interface TokenTagProps extends DivProps {
-    /**
-     * @default 'left'
-     */
-    displayMode?: 'remained' | 'used';
-    /**
-     * @description Maximum value for the token
-     */
-    maxValue: number;
-    shape?: 'round' | 'square';
-    text?: {
-        overload?: string;
-        remained?: string;
-        used?: string;
-    };
-    unoptimized?: boolean;
-    /**
-     * @description Current value of the token
-     */
-    value: number;
-}
-declare const TokenTag: import("react").ForwardRefExoticComponent<TokenTagProps & import("react").RefAttributes<HTMLDivElement>>;
-export default TokenTag;
+export { default } from './TokenTag';
+export type * from './type';

package/es/chat/TokenTag/index.js

@@ -1,71 +1 @@
-'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 = ["className", "displayMode", "maxValue", "value", "text", "shape", "unoptimized"];
-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 _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 { useResponsive } from 'antd-style';
-import numeral from 'numeral';
-import { forwardRef } from 'react';
-import { Flexbox } from 'react-layout-kit';
-import FluentEmoji from "../../FluentEmoji";
-import { ICON_SIZE, useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var format = function format(number) {
-  return numeral(number).format('0,0');
-};
-var TokenTag = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-    _ref$displayMode = _ref.displayMode,
-    displayMode = _ref$displayMode === void 0 ? 'remained' : _ref$displayMode,
-    maxValue = _ref.maxValue,
-    value = _ref.value,
-    text = _ref.text,
-    _ref$shape = _ref.shape,
-    shape = _ref$shape === void 0 ? 'round' : _ref$shape,
-    unoptimized = _ref.unoptimized,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useResponsive = useResponsive(),
-    mobile = _useResponsive.mobile;
-  var valueLeft = maxValue - value;
-  var percent = valueLeft / maxValue;
-  var type;
-  var emoji;
-  if (percent > 0.3) {
-    type = 'normal';
-    emoji = '😀';
-  } else if (percent > 0) {
-    type = 'low';
-    emoji = '😅';
-  } else {
-    type = 'overload';
-    emoji = '🤯';
-  }
-  var _useStyles = useStyles({
-      shape: shape,
-      type: type
-    }),
-    styles = _useStyles.styles,
-    cx = _useStyles.cx;
-  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
-    align: 'center',
-    className: cx(styles.container, className),
-    flex: 'none',
-    gap: 4,
-    horizontal: true,
-    ref: ref
-  }, rest), {}, {
-    children: [/*#__PURE__*/_jsx(FluentEmoji, {
-      emoji: emoji,
-      size: ICON_SIZE,
-      unoptimized: unoptimized
-    }), valueLeft > 0 ? [mobile ? '' : displayMode === 'remained' ? (text === null || text === void 0 ? void 0 : text.remained) || 'Remained' : (text === null || text === void 0 ? void 0 : text.used) || 'Used', displayMode === 'remained' ? format(valueLeft) : format(value)].join(' ') : (text === null || text === void 0 ? void 0 : text.overload) || 'Overload']
-  }));
-});
-export default TokenTag;
+export { default } from "./TokenTag";

package/es/chat/TokenTag/style.d.ts

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

package/es/chat/TokenTag/style.js

@@ -1,36 +1,14 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 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';
-var HEIGHT = 28;
-export var ICON_SIZE = 20;
-export var useStyles = createStyles(function (_ref, _ref2) {
-  var cx = _ref.cx,
+export var useStyles = createStyles(function (_ref) {
+  var prefixCls = _ref.prefixCls,
     css = _ref.css,
-    token = _ref.token,
-    isDarkMode = _ref.isDarkMode;
-  var type = _ref2.type,
-    shape = _ref2.shape;
-  var percentStyle;
-  switch (type) {
-    case 'normal':
-      {
-        percentStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n          color: ", ";\n        "])), token.colorSuccessText);
-        break;
-      }
-    case 'low':
-      {
-        percentStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          color: ", ";\n        "])), token.colorWarningText);
-        break;
-      }
-    case 'overload':
-      {
-        percentStyle = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n          color: ", ";\n        "])), token.colorErrorText);
-        break;
-      }
-  }
-  var roundStylish = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      padding-block: 0;\n      padding-inline: ", "px ", "px;\n      background: ", ";\n      border-radius: ", "px;\n    "])), (HEIGHT - ICON_SIZE) / 2, (HEIGHT - ICON_SIZE) * 1.2, isDarkMode ? token.colorFillSecondary : token.colorFillTertiary, HEIGHT / 2);
-  var squareStylish = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      border-radius: ", "px;\n    "])), token.borderRadiusSM);
+    token = _ref.token;
   return {
-    container: cx(percentStyle, shape === 'round' ? roundStylish : squareStylish, css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n          user-select: none;\n\n          overflow: hidden;\n\n          min-width: fit-content;\n          height: ", "px;\n\n          font-size: 13px;\n          line-height: 1;\n        "])), HEIGHT))
+    low: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), token.colorWarningText),
+    normal: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), token.colorSuccessText),
+    overload: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), token.colorErrorText),
+    root: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      user-select: none;\n      min-width: fit-content;\n      height: 28px;\n      &.", "-btn {\n        padding-block: 12px;\n        &.", "-btn-round {\n          padding-inline: 6px 12px;\n        }\n        &.", "-btn-square {\n          padding-inline: 6px 12px;\n        }\n      }\n    "])), prefixCls, prefixCls, prefixCls)
   };
 });

package/es/chat/TokenTag/type.d.ts

@@ -0,0 +1,15 @@
+import type { Ref } from 'react';
+import type { ButtonProps } from "../../Button";
+export interface TokenTagProps extends ButtonProps {
+    hideText?: boolean;
+    maxValue: number;
+    mode?: 'remained' | 'used';
+    ref?: Ref<HTMLButtonElement>;
+    text?: {
+        overload?: string;
+        remained?: string;
+        used?: string;
+    };
+    unoptimized?: boolean;
+    value: number;
+}

package/es/chat/TokenTag/type.js

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

package/es/chat/index.d.ts

@@ -1,12 +1,11 @@
 export { default as BackBottom, type BackBottomProps } from './BackBottom';
-export { default as ChatHeader, type ChatHeaderProps } from './ChatHeader';
-export { default as ChatHeaderTitle, type ChatHeaderTitleProps, } from './ChatHeader/ChatHeaderTitle';
-export * from './ChatInputArea';
+export { default as ChatHeader, type ChatHeaderProps, ChatHeaderTitle, type ChatHeaderTitleProps, } from './ChatHeader';
+export { ChatInputActionBar, type ChatInputActionBarProps, default as ChatInputArea, ChatInputAreaInner, type ChatInputAreaInnerProps, type ChatInputAreaProps, ChatSendButton, type ChatSendButtonProps, } from './ChatInputArea';
 export { default as ChatItem, type ChatItemProps } from './ChatItem';
-export { default as ChatList, type ChatListProps, type OnActionsClick, type OnAvatatsClick, type OnMessageChange, type RenderAction, type RenderErrorMessage, type RenderItem, type RenderMessage, type RenderMessageExtra, } from './ChatList';
-export { default as ActionsBar, type ActionsBarProps } from './ChatList/ActionsBar';
+export { ChatActionsBar, type ChatActionsBarProps, default as ChatList, type ChatListProps, type OnActionsClick, type OnAvatatsClick, type OnMessageChange, type RenderAction, type RenderErrorMessage, type RenderItem, type RenderMessage, type RenderMessageExtra, } from './ChatList';
 export { default as EditableMessage, type EditableMessageProps } from './EditableMessage';
 export { default as EditableMessageList, type EditableMessageListProps, } from './EditableMessageList';
 export { default as MessageInput, type MessageInputProps } from './MessageInput';
 export { default as MessageModal, type MessageModalProps } from './MessageModal';
 export { default as TokenTag, type TokenTagProps } from './TokenTag';
+export * from './types';

package/es/chat/index.js

@@ -1,12 +1,11 @@
 export { default as BackBottom } from "./BackBottom";
-export { default as ChatHeader } from "./ChatHeader";
-export { default as ChatHeaderTitle } from "./ChatHeader/ChatHeaderTitle";
-export * from "./ChatInputArea";
+export { default as ChatHeader, ChatHeaderTitle } from "./ChatHeader";
+export { ChatInputActionBar, default as ChatInputArea, ChatInputAreaInner, ChatSendButton } from "./ChatInputArea";
 export { default as ChatItem } from "./ChatItem";
-export { default as ChatList } from "./ChatList";
-export { default as ActionsBar } from "./ChatList/ActionsBar";
+export { ChatActionsBar, default as ChatList } from "./ChatList";
 export { default as EditableMessage } from "./EditableMessage";
 export { default as EditableMessageList } from "./EditableMessageList";
 export { default as MessageInput } from "./MessageInput";
 export { default as MessageModal } from "./MessageModal";
-export { default as TokenTag } from "./TokenTag";
+export { default as TokenTag } from "./TokenTag";
+export * from "./types";

package/es/chat/types/chatMessage.js

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

package/es/chat/types/index.d.ts

@@ -0,0 +1,4 @@
+export * from './chatMessage';
+export * from './error';
+export * from './llm';
+export * from './meta';

package/es/chat/types/index.js

@@ -0,0 +1,4 @@
+export * from "./chatMessage";
+export * from "./error";
+export * from "./llm";
+export * from "./meta";

package/es/chat/types/meta.js

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

package/es/color/colors/gold.js

@@ -1,7 +1,7 @@
 var gold = {
   dark: ['#070300', '#2a1b00', '#483000', '#6a4900', '#916400', '#b77e00', '#d59300', '#eaa100', '#f8aa00', '#ffb224', '#ffdcaf', '#fff4eb', '#ffffff'],
   darkA: ['rgba(233, 100, 0, 0.03)', 'rgba(247, 159, 0, 0.17)', 'rgba(248, 166, 0, 0.29)', 'rgba(252, 174, 0, 0.42)', 'rgba(254, 175, 0, 0.57)', 'rgba(254, 175, 0, 0.72)', 'rgba(254, 175, 0, 0.84)', 'rgba(254, 175, 0, 0.92)', 'rgba(253, 173, 0, 0.98)', '#ffb224', '#ffdcaf', '#fff4eb', '#ffffff'],
-  light: ['#ffffff', '#fffdff', '#fff9f7', '#fff4eb', '#ffeedc', '#ffe6c8', '#ffdcaf', '#ffd190', '#ffc368', '#ffb224', '#d59300', '#6a4900', '#070300'],
-  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 55, 255, 0.01)', 'rgba(255, 105, 55, 0.04)', 'rgba(255, 117, 5, 0.08)', 'rgba(255, 134, 5, 0.14)', 'rgba(255, 141, 5, 0.22)', 'rgba(255, 146, 5, 0.32)', 'rgba(255, 150, 3, 0.44)', 'rgba(255, 155, 3, 0.6)', 'rgba(255, 165, 0, 0.86)', '#d59300', '#6a4900', '#070300']
+  light: ['#ffffff', '#fffdff', '#fff9f7', '#fff4eb', '#ffeedc', '#ffe6c8', '#ffdcaf', '#ffd190', '#ffc368', '#ee9e0b', '#d59300', '#6a4900', '#070300'],
+  lightA: ['rgba(255, 255, 255, 0.02)', 'rgba(255,145,55,0.04)', 'rgba(255,155,55,0.08)', 'rgba(255, 117, 5, 0.16)', 'rgba(255, 134, 5, 0.20)', 'rgba(255, 141, 5, 0.26)', 'rgba(255, 146, 5, 0.32)', 'rgba(255, 150, 3, 0.44)', 'rgba(255, 155, 3, 0.6)', 'rgba(255, 165, 0, 0.86)', '#d59300', '#6a4900', '#070300']
 };
 export default gold;

package/es/color/colors/gray.js

@@ -1,5 +1,5 @@
 var gray = {
-  dark: ['#000000', '#111111', '#1a1a1a', '#222222', '#2d2d2d', '#444444', '#555555', '#666666', '#6f6f6f', '#777777', '#aaaaaa', '#dddddd', '#ffffff'],
+  dark: ['#000000', '#0d0d0d', '#1a1a1a', '#202020', '#2d2d2d', '#444444', '#555555', '#666666', '#6f6f6f', '#777777', '#aaaaaa', '#dddddd', '#ffffff'],
   darkA: ['rgba(255, 255, 255, 0.02)', 'rgba(255, 255, 255, 0.06)', 'rgba(255, 255, 255, 0.10)', 'rgba(255, 255, 255, 0.16)', 'rgba(255, 255, 255, 0.24)', 'rgba(255, 255, 255, 0.28)', 'rgba(255, 255, 255, 0.32)', 'rgba(255, 255, 255, 0.38)', 'rgba(255, 255, 255, 0.44)', 'rgba(255, 255, 255, 0.5)', 'rgba(255, 255, 255, 0.66)', 'rgba(255, 255, 255, 0.84)', '#ffffff'],
   light: ['#ffffff', '#f8f8f8', '#eeeeee', '#e3e3e3', '#dddddd', '#cccccc', '#bbbbbb', '#aaaaaa', '#999999', '#888888', '#666666', '#333333', '#080808'],
   lightA: ['rgba(0, 0, 0, 0.015)', 'rgba(0, 0, 0, 0.03)', 'rgba(0, 0, 0, 0.06)', 'rgba(0, 0, 0, 0.12)', 'rgba(0, 0, 0, 0.18)', 'rgba(0, 0, 0, 0.24)', 'rgba(0, 0, 0, 0.32)', 'rgba(0, 0, 0, 0.38)', 'rgba(0, 0, 0, 0.44)', 'rgba(0, 0, 0, 0.5)', 'rgba(0, 0, 0, 0.68)', 'rgba(0, 0, 0, 0.84)', 'rgba(0, 0, 0, 0.98)']

package/es/color/colors/green.js

@@ -1,7 +1,7 @@
 var green = {
-  dark: ['#000503', '#001d12', '#002d1d', '#003f28', '#005232', '#00653c', '#007944', '#1b8d4d', '#3ba05a', '#55b467', '#96cd92', '#cde6c3', '#ffffff'],
+  dark: ['#000503', '#001d12', '#002d1d', '#003f28', '#005232', '#00653c', '#007944', '#1b8d4d', '#3ba05a', '#62c473', '#96cd92', '#cde6c3', '#ffffff'],
   darkA: ['rgba(0, 250, 150, 0.02)', 'rgba(0, 242, 150, 0.12)', 'rgba(0, 250, 161, 0.18)', 'rgba(0, 252, 160, 0.25)', 'rgba(0, 248, 152, 0.33)', 'rgba(0, 252, 150, 0.4)', 'rgba(0, 252, 142, 0.48)', 'rgba(48, 252, 137, 0.56)', 'rgba(94, 254, 143, 0.63)', 'rgba(120, 254, 145, 0.71)', 'rgba(185, 253, 180, 0.81)', 'rgba(225, 253, 214, 0.91)', '#ffffff'],
-  light: ['#ffffff', '#f4fdeb', '#e7f8dd', '#d8f2ce', '#c7eabd', '#b4e1ac', '#a0d79b', '#89cc8a', '#71c179', '#55b467', '#007944', '#003f28', '#000503'],
-  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(117, 230, 5, 0.08)', 'rgba(84, 205, 12, 0.14)', 'rgba(60, 190, 10, 0.2)', 'rgba(40, 174, 1, 0.26)', 'rgba(28, 164, 3, 0.33)', 'rgba(18, 155, 5, 0.4)', 'rgba(4, 146, 6, 0.47)', 'rgba(1, 144, 16, 0.56)', 'rgba(1, 143, 28, 0.67)', '#007944', '#003f28', '#000503']
+  light: ['#ffffff', '#f4fdeb', '#e7f8dd', '#d8f2ce', '#c7eabd', '#b4e1ac', '#a0d79b', '#89cc8a', '#71c179', '#379d4a', '#007944', '#003f28', '#000503'],
+  lightA: ['rgba(255, 255, 255, 0.02)', 'rgba(117, 230, 5, 0.06)', 'rgba(84, 205, 12, 0.10)', 'rgba(60, 190, 10, 0.14)', 'rgba(40, 174, 1, 0.26)', 'rgba(28, 164, 3, 0.33)', 'rgba(18, 155, 5, 0.4)', 'rgba(4, 146, 6, 0.47)', 'rgba(1, 144, 16, 0.56)', 'rgba(1, 143, 28, 0.67)', '#007944', '#003f28', '#000503']
 };
 export default green;

package/es/color/colors/orange.js

@@ -1,7 +1,7 @@
 var orange = {
   dark: ['#070300', '#291900', '#462b00', '#684100', '#8e5900', '#b36f00', '#d18000', '#e88b00', '#f89200', '#ff9927', '#ffd1b1', '#fff1eb', '#ffffff'],
   darkA: ['rgba(233, 100, 0, 0.03)', 'rgba(241, 147, 0, 0.17)', 'rgba(250, 154, 0, 0.28)', 'rgba(254, 159, 0, 0.41)', 'rgba(254, 159, 0, 0.56)', 'rgba(252, 156, 0, 0.71)', 'rgba(255, 156, 0, 0.82)', 'rgba(255, 153, 0, 0.91)', 'rgba(253, 149, 0, 0.98)', '#ff9927', '#ffd1b1', '#fff1eb', '#ffffff'],
-  light: ['#ffffff', '#fffcff', '#fff8f6', '#fff1eb', '#ffe9dd', '#ffdeca', '#ffd1b1', '#ffc293', '#ffb06a', '#ff9927', '#d18000', '#684100', '#070300'],
-  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 105, 255, 0.02)', 'rgba(255, 80, 30, 0.04)', 'rgba(255, 80, 5, 0.08)', 'rgba(255, 98, 12, 0.14)', 'rgba(255, 98, 3, 0.21)', 'rgba(255, 107, 3, 0.31)', 'rgba(255, 113, 4, 0.43)', 'rgba(255, 121, 2, 0.59)', 'rgba(255, 135, 1, 0.85)', '#d18000', '#684100', '#070300']
+  light: ['#ffffff', '#fffcff', '#fff8f6', '#fff1eb', '#ffe9dd', '#ffdeca', '#ffd1b1', '#ffc293', '#ffb06a', '#f88c13', '#d18000', '#684100', '#070300'],
+  lightA: ['rgba(255, 255, 255, 0.02)', 'rgba(255, 105, 255, 0.03)', 'rgba(255, 80, 30, 0.08)', 'rgba(255, 80, 5, 0.12)', 'rgba(255, 98, 12, 0.16)', 'rgba(255, 98, 3, 0.21)', 'rgba(255, 107, 3, 0.31)', 'rgba(255, 113, 4, 0.43)', 'rgba(255, 121, 2, 0.59)', 'rgba(255, 135, 1, 0.85)', '#d18000', '#684100', '#070300']
 };
 export default orange;

package/es/color/colors/purple.js

@@ -2,6 +2,6 @@ var purple = {
   dark: ['#0d000b', '#2e002a', '#42003e', '#560053', '#670e66', '#781e78', '#892b8a', '#9a399e', '#ab46b2', '#bd54c6', '#d590da', '#edc7ee', '#ffffff'],
   darkA: ['rgba(217, 0, 183, 0.06)', 'rgba(242, 0, 221, 0.19)', 'rgba(254, 0, 238, 0.26)', 'rgba(253, 0, 244, 0.34)', 'rgba(251, 34, 249, 0.41)', 'rgba(255, 64, 255, 0.47)', 'rgba(249, 78, 251, 0.55)', 'rgba(248, 92, 255, 0.62)', 'rgba(244, 100, 254, 0.7)', 'rgba(242, 108, 254, 0.78)', 'rgba(248, 167, 253, 0.86)', 'rgba(252, 212, 253, 0.94)', '#ffffff'],
   light: ['#ffffff', '#fff6fb', '#ffe7fd', '#fdd6fe', '#f6c4f8', '#eeb1f1', '#e49ce8', '#d886de', '#cb6ed2', '#bd54c6', '#892b8a', '#560053', '#0d000b'],
-  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 30, 155, 0.04)', 'rgba(255, 15, 235, 0.1)', 'rgba(243, 14, 249, 0.17)', 'rgba(218, 9, 226, 0.24)', 'rgba(200, 3, 210, 0.31)', 'rgba(186, 1, 196, 0.39)', 'rgba(174, 3, 186, 0.48)', 'rgba(164, 1, 176, 0.57)', 'rgba(156, 0, 170, 0.67)', 'rgba(113, 0, 114, 0.83)', '#560053', '#0d000b']
+  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 30, 155, 0.04)', 'rgba(255, 15, 235, 0.08)', 'rgba(243, 14, 249, 0.16)', 'rgba(218, 9, 226, 0.24)', 'rgba(200, 3, 210, 0.31)', 'rgba(186, 1, 196, 0.39)', 'rgba(174, 3, 186, 0.48)', 'rgba(164, 1, 176, 0.57)', 'rgba(156, 0, 170, 0.67)', 'rgba(113, 0, 114, 0.83)', '#560053', '#0d000b']
 };
 export default purple;

package/es/color/colors/volcano.js

@@ -2,6 +2,6 @@ var volcano = {
   dark: ['#0c0100', '#2f0a00', '#451200', '#5d1900', '#762000', '#8e2a07', '#a53716', '#bc4424', '#d45132', '#ec5e41', '#ff9480', '#ffcbc3', '#ffffff'],
   darkA: ['rgba(240, 20, 0, 0.05)', 'rgba(247, 53, 0, 0.19)', 'rgba(246, 64, 0, 0.28)', 'rgba(251, 68, 0, 0.37)', 'rgba(251, 68, 0, 0.47)', 'rgba(254, 75, 12, 0.56)', 'rgba(254, 85, 34, 0.65)', 'rgba(254, 92, 49, 0.74)', 'rgba(255, 98, 60, 0.83)', 'rgba(254, 101, 70, 0.93)', '#ff9480', '#ffcbc3', '#ffffff'],
   light: ['#ffffff', '#fff7f6', '#ffece9', '#ffded9', '#ffcec5', '#ffbbaf', '#ffa695', '#ff8e78', '#fb745a', '#ec5e41', '#a53716', '#5d1900', '#0c0100'],
-  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 55, 30, 0.04)', 'rgba(255, 44, 11, 0.09)', 'rgba(255, 35, 2, 0.15)', 'rgba(255, 42, 3, 0.23)', 'rgba(255, 43, 5, 0.32)', 'rgba(255, 43, 3, 0.42)', 'rgba(255, 42, 0, 0.53)', 'rgba(249, 41, 1, 0.65)', 'rgba(230, 40, 2, 0.75)', 'rgba(157, 38, 2, 0.92)', '#5d1900', '#0c0100']
+  lightA: ['rgba(255, 255, 255, 0.01)', 'rgba(255, 55, 30, 0.04)', 'rgba(255, 44, 11, 0.06)', 'rgba(255, 35, 2, 0.12)', 'rgba(255, 42, 3, 0.20)', 'rgba(255, 43, 5, 0.32)', 'rgba(255, 43, 3, 0.42)', 'rgba(255, 42, 0, 0.53)', 'rgba(249, 41, 1, 0.65)', 'rgba(230, 40, 2, 0.75)', 'rgba(157, 38, 2, 0.92)', '#5d1900', '#0c0100']
 };
 export default volcano;

package/es/hooks/useCopied.js

@@ -1,3 +1,5 @@
+'use client';
+
 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); }

package/es/hooks/useHighlight.d.ts

@@ -1,9 +1,14 @@
+import type { BuiltinTheme, CodeToHastOptions } from 'shiki';
 import { SWRResponse } from 'swr';
 export declare const FALLBACK_LANG = "txt";
 declare const MD5_LENGTH_THRESHOLD = 10000;
-declare const loadShiki: () => Promise<(code: string, options: import("@shikijs/types").CodeToHastOptions<import("shiki/dist/langs.mjs").BundledLanguage, import("shiki/dist/themes.mjs").BundledTheme>) => Promise<string>>;
-declare const shikiPromise: Promise<(code: string, options: import("@shikijs/types").CodeToHastOptions<import("shiki/dist/langs.mjs").BundledLanguage, import("shiki/dist/themes.mjs").BundledTheme>) => Promise<string>>;
+type ICodeToHtml = (code: string, options: CodeToHastOptions) => Promise<string>;
+declare const loadShiki: () => Promise<ICodeToHtml | null>;
+declare const shikiPromise: Promise<ICodeToHtml | null>;
 declare const escapeHtml: (str: string) => string;
-export declare const useHighlight: (text: string, lang: string, enableTransformer?: boolean) => SWRResponse<string, Error>;
-export { default as languageMap } from './languageMap';
+export declare const useHighlight: (text: string, { language, enableTransformer, theme: builtinTheme, }: {
+    enableTransformer?: boolean | undefined;
+    language: string;
+    theme?: import("shiki/dist/themes.mjs").BundledTheme | undefined;
+}) => SWRResponse<string, Error>;
 export { escapeHtml, loadShiki, MD5_LENGTH_THRESHOLD, shikiPromise };