@agentscope-ai/chat 1.1.14 → 1.1.16

package/lib/Accordion/Accordion.js

@@ -14,7 +14,7 @@ import React, { useMemo, useRef } from 'react';
 import cls from 'classnames';
 import BodyContent from "./BodyContent";
 import SoftLightTitle from "./SoftLightTitle";
-import useStyle from "./style";
+import Style from "./style";
 import { useProviderContext } from "../Provider";
 import { SparkCheckCircleFill, SparkErrorCircleFill, SparkDownLine, SparkUpLine, SparkLoadingLine, SparkStopCircleLine } from '@agentscope-ai/icons';
 import { Transition } from 'react-transition-group';
@@ -142,7 +142,6 @@ function Accordion(props) {
     isFirst = _props$isFirst === void 0 ? true : _props$isFirst,
     _props$isLast = props.isLast,
     isLast = _props$isLast === void 0 ? true : _props$isLast;
-  var Style = useStyle();
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Style, {}), /*#__PURE__*/_jsx(Item, _objectSpread(_objectSpread({}, props), {}, {
       level: level,

package/lib/Accordion/style.d.ts

@@ -1,2 +1,3 @@
-declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare const _default: import("react").NamedExoticComponent<object>;
 export default _default;

package/lib/Accordion/style.js

@@ -1,12 +1,12 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createGlobalStyle } from "./..";
+import { createGlobalStyle } from 'antd-style';
 export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-accordion-group {\n  width: 100%;\n\n  svg {\n    transform: scale(1.25);\n  }\n  \n  .anticon-spin::before,\n  .anticon-spin {\n    animation-duration: 2s;\n  }\n  &-icon-success {\n    color: ", ";\n  }\n\n  \n\n\n  @keyframes ", "-loading {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  &-icon-error {\n    color: ", ";\n  }\n\n  &-header {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: ", ";\n    padding: 6px 12px;\n    font-size: 12px;\n    cursor: pointer;\n    line-height: 20px;\n    background-color: ", ";\n\n    &-arrow {\n      display: flex;\n      align-items: center;\n    }\n\n    &-close {\n      border-radius: ", "px;\n      border: 1px solid ", ";\n      display: inline-flex;\n    }\n\n    &-icon {\n      position: relative;\n      display: flex;\n      width: 16px;\n      height: 16px;\n      align-items: center;\n      justify-content: center;\n      font-size: 14px;\n\n      &-line {\n        &::before,\n        &::after {\n          content: '';\n          position: absolute;\n          width: 1px;\n          height: 7px;\n          background-color: ", ";\n          left: 50%;\n          transform: translateX(-50%);\n        }\n\n        &::before {\n          top: -9px;\n        }\n\n        &::after {\n          bottom: -9px;\n        }\n      }\n\n      &-last::after {\n        content: none;\n      }\n\n      &-first::before {\n        content: none;\n      }\n    }\n  }\n\n  &-open {\n    overflow: hidden;\n    border-radius: 8px;\n    border: 1px solid ", ";\n    background-color: ", ";\n  }\n\n  &-body {\n    margin: 8px;\n    color: ", ";\n    font-size: 12px;\n    border-radius: 8px;\n    overflow: hidden;\n\n    .", "-accordion-group-header {\n      background-color: transparent;\n    }\n\n    \n\n    .", "-accordion-group-header-close,\n    .", "-accordion-group-open {\n      border: 0;\n    }\n\n    .", "-accordion-group-header-close {\n      display: flex;\n    }\n\n    &-inline {\n      padding: 8px 0;\n      margin: 0;\n      background-color: transparent;\n    }\n\n    > .", "-accordion-group {\n      background-color: ", ";\n\n      &-open {\n        border-radius: 0;\n      }\n    }\n\n    &-close {\n      height: 0;\n      padding: 0;\n      margin: 0;\n    }\n  }\n}\n\n.", "-accordion-deep-thinking {\n  font-size: 12px;\n  color: ", ";\n  text-align: left;\n  white-space: pre-wrap;\n  line-height: 20px;\n  padding: 0 12px;\n  border-left: 1px solid ", ";\n}\n\n.", "-accordion-soft-light-title {\n  font-size: 12px;\n  position: relative;\n  display: inline-block;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  mask-image: linear-gradient(\n    270deg,\n    rgba(231, 231, 237, 0.88) 20%,\n    rgba(231, 231, 237, 0.5) 50%,\n    rgba(255, 255, 255, 0.4) 52%,\n    rgba(231, 231, 237, 0.5) 70%,\n    rgba(231, 231, 237, 0.88) 80%\n  );\n  mask-size: 200% 100%;\n  animation: softlight-text 3s linear infinite;\n}\n\n\n@keyframes softlight-text {\n  0% {\n    mask-position: 100% 0;\n  }\n\n  100% {\n    mask-position: -100% 0;\n  }\n}\n\n.", "-accordion-content-body {\n  border: 1px solid ", ";\n  border-radius: 8px;\n  overflow: hidden;\n  &-header {\n    display: flex;\n    height: 24px;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 12px;\n    border-bottom: 1px solid ", ";\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &-body {\n    background-color: ", ";\n  }\n}\n"])), function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorSuccess;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorError;
 }, function (p) {
@@ -26,27 +26,27 @@ export default createGlobalStyle(_templateObject || (_templateObject = _taggedTe
 }, function (p) {
   return p.theme.colorText;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorFillTertiary;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorTextSecondary;
 }, function (p) {
   return p.theme.colorBorderSecondary;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorBorderSecondary;
 }, function (p) {

package/lib/Attachments/FileList/FileListCard.js

@@ -14,7 +14,7 @@ import React from 'react';
 import { AttachmentContext } from "../context";
 import { previewImage } from "../util";
 import Progress from "./Progress";
-import useStyle from "../style/fileCard";
+import Style from "../style/fileCard";
 import { useProviderContext } from "../..";
 import { SparkFalseLine } from '@agentscope-ai/icons';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -117,7 +117,6 @@ function FileListCard(props, ref) {
     _item$status = item.status,
     status = _item$status === void 0 ? 'done' : _item$status,
     description = item.description;
-  var Style = useStyle();
   var prefixCls = getPrefixCls('attachment');
   var cardCls = "".concat(prefixCls, "-list-card");
   var _React$useMemo = React.useMemo(function () {

package/lib/Attachments/index.js

@@ -23,7 +23,7 @@ import FileListCard from "./FileList/FileListCard";
 import PlaceholderUploader from "./PlaceholderUploader";
 import SilentUploader from "./SilentUploader";
 import { AttachmentContext } from "./context";
-import useStyle from "./style";
+import Style from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -50,7 +50,6 @@ function Attachments(props, ref) {
     getPrefixCls = _useProviderContext.getPrefixCls;
   var prefixCls = getPrefixCls('attachment');
   var containerRef = React.useRef(null);
-  var Style = useStyle();
   var uploadRef = React.useRef(null);
   React.useImperativeHandle(ref, function () {
     return {

package/lib/Attachments/style/fileCard.d.ts

@@ -1,2 +1,3 @@
-declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare const _default: import("react").NamedExoticComponent<object>;
 export default _default;

package/lib/Attachments/style/fileCard.js

@@ -1,8 +1,8 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createGlobalStyle } from "../..";
+import { createGlobalStyle } from 'antd-style';
 export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-attachment-list-card {\n  border-radius: ", "px;\n  position: relative;\n  background: ", ";\n  border-width: ", "px;\n  border-style: solid;\n  border-color: ", ";\n  flex: none;\n  transition: all 0.3s;\n\n  &-name,\n  &-desc {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: 100%;\n  }\n\n  &-ellipsis-prefix {\n    flex: 0 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  &-ellipsis-suffix {\n    flex: none;\n  }\n\n  &-type-overview {\n    padding: 0 8px;\n    display: flex;\n    height: 56px;\n    gap: ", "px;\n    align-items: center;\n    width: 140px;\n\n    .", "-attachment-list-card-icon {\n      display: flex;\n      align-items: center;\n    }\n\n    .", "-attachment-list-card-content {\n      flex: auto;\n      min-width: 0;\n      display: flex;\n      flex-direction: column;\n      align-items: stretch;\n      font-size: ", "px;\n      color: ", ";\n    }\n\n    .", "-attachment-list-card-desc {\n      color: ", ";\n      font-size: ", "px;\n    }\n  }\n\n  &-type-preview {\n    width: 56px;\n    height: 56px;\n    line-height: 1;\n\n    img {\n      width: 100%;\n      height: 100%;\n      vertical-align: top;\n      object-fit: cover;\n      border-radius: 5px;\n    }\n\n    .", "-attachment-list-card-img-mask {\n      position: absolute;\n      inset: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background: rgba(0, 0, 0, ", ");\n      border-radius: inherit;\n    }\n\n    &.", "-attachment-list-card-status-error {\n\n      img,\n      .", "-attachment-list-card-img-mask {\n        border-radius: calc(", "px - ", "px);\n      }\n\n      .", "-attachment-list-card-desc {\n        padding-inline: ", "px;\n      }\n    }\n\n    .", "-attachment-list-card-progress {\n    }\n  }\n\n  &-remove {\n    position: absolute;\n    top: -6px;\n    right: -6px;\n    width: 16px;\n    height: 16px;\n    line-height: 1;\n    font-size: 10px;\n    cursor: pointer;\n    display: none;\n    color: ", ";\n    background-color: ", ";\n    border-width: ", "px;\n    border-style: solid;\n    border-color: ", ";\n    border-radius: 50%;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.3s;\n\n    &:dir(rtl) {\n      transform: translate(-50%, -50%);\n    }\n  }\n\n  &:hover &-remove {\n    display: flex;\n    \n  }\n\n  &-status-error {\n    border-color: ", ";\n\n    .", "-attachment-list-card-desc {\n      color: ", ";\n    }\n  }\n\n  &-motion {\n\n    &-appear-start {\n      width: 0;\n      transition: none;\n    }\n\n    &-leave-active {\n      opacity: 0;\n      width: 0;\n      padding-inline: 0;\n      border-inline-width: 0;\n      margin-inline-end: calc(-1 * ", "px);\n    }\n  }\n}\n\n.", "-attachment-list-card-hoverable {\n  &:hover {\n    border-color: ", ";\n  }\n}\n"])), function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.borderRadius;
 }, function (p) {
@@ -14,37 +14,37 @@ export default createGlobalStyle(_templateObject || (_templateObject = _taggedTe
 }, function (p) {
   return p.theme.paddingXS;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.fontSize;
 }, function (p) {
   return p.theme.colorText;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorTextQuaternary;
 }, function (p) {
   return p.theme.fontSizeSM;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.opacityLoading;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.borderRadius;
 }, function (p) {
   return p.theme.lineWidth;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.paddingXXS;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorText;
 }, function (p) {
@@ -56,13 +56,13 @@ export default createGlobalStyle(_templateObject || (_templateObject = _taggedTe
 }, function (p) {
   return p.theme.colorError;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorError;
 }, function (p) {
   return p.theme.paddingSM;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorPrimary;
 });

package/lib/Attachments/style/index.d.ts

@@ -1,2 +1,3 @@
-declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare const _default: import("react").NamedExoticComponent<object>;
 export default _default;

package/lib/Attachments/style/index.js

@@ -1,14 +1,14 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createGlobalStyle } from "../..";
+import { createGlobalStyle } from 'antd-style';
 export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-attachment {\n  position: relative;\n  width: 100%;\n  box-sizing: border-box;\n\n  &,\n  * {\n    box-sizing: border-box;\n  }\n\n  &-drop-area {\n    position: absolute;\n    inset: 0;\n    z-index: ", "\n    box-sizing: border-box;\n\n    &,\n    * {\n      box-sizing: border-box;\n    }\n\n    &-on-body {\n      position: fixed;\n      inset: 0;\n    }\n\n    &-hide-placement {\n      .", "-attachment-placeholder-inner {\n        display: none;\n      }\n    }\n\n    .", "-attachment-placeholder {\n      padding: 0;\n    }\n  }\n\n  &-placeholder {\n    height: 100%;\n    border-radius: ", "px;\n    border-width: ", "px;\n    border-style: dashed;\n    border-color: transparent;\n    padding: ", "px;\n    position: relative;\n    backdrop-filter: blur(10px);\n    box-sizing: border-box;\n\n    &,\n    * {\n      box-sizing: border-box;\n    }\n\n    .", "-upload-wrapper .", "-upload.", "-upload-btn {\n      padding: 0;\n    }\n\n    &.", "-attachment-placeholder-drag-in {\n      border-color: ", ";\n    }\n\n    &.", "-attachment-placeholder-disabled {\n      opacity: 0.25;\n      pointer-events: none;\n    }\n\n    &-inner {\n      gap: calc(", "px / 2);\n    }\n\n    &-icon {\n      font-size: ", "px;\n      line-height: 1;\n    }\n\n    &-title.", "-attachment-placeholder-title {\n      margin: 0;\n      font-size: ", "px;\n      line-height: ", ";\n    }\n  }\n\n  &-list {\n    display: flex;\n    gap: ", "px;\n    font-size: ", "px;\n    line-height: ", ";\n    color: ", ";\n    width: 100%;\n    overflow: auto;\n    padding: ", "px;\n    padding-bottom: 0;\n\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    &::-webkit-scrollbar {\n      display: none;\n    }\n\n    &-overflow-scrollX,\n    &-overflow-scrollY {\n      &:before,\n      &:after {\n        content: \"\";\n        position: absolute;\n        opacity: 0;\n        z-index: 1;\n      }\n    }\n\n    &-overflow-ping-start:before {\n      opacity: 1;\n    }\n\n    &-overflow-ping-end:after {\n      opacity: 1;\n    }\n\n    &-overflow-scrollX {\n      overflow-x: auto;\n      overflow-y: hidden;\n      flex-wrap: nowrap;\n\n      &:before,\n      &:after {\n        inset-block: 0;\n        width: 8px;\n      }\n\n      &:before {\n        inset-inline-start: 0;\n        background: linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));\n      }\n\n      &:after {\n        inset-inline-end: 0;\n        background: linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));\n      }\n\n      &:dir(rtl) {\n        &:before {\n          background: linear-gradient(to left, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));\n        }\n\n        &:after {\n          background: linear-gradient(to right, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));\n        }\n      }\n    }\n\n    &-overflow-scrollY {\n      overflow-x: hidden;\n      overflow-y: auto;\n      max-height: calc(", "px * ", "px * 2 + ", "px + ", "px * 3);\n\n      &:before,\n      &:after {\n        inset-inline: 0;\n        height: 8px;\n      }\n\n      &:before {\n        inset-block-start: 0;\n        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));\n      }\n\n      &:after {\n        inset-block-end: 0;\n        background: linear-gradient(to top, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0));\n      }\n    }\n\n    &-upload-btn {\n      width: calc(", "px * ", "px * 2 + ", "px + ", "px);\n      height: calc(", "px * ", "px * 2 + ", "px + ", "px);\n      font-size: ", "px;\n      color: #999;\n    }\n\n    &-prev-btn,\n    &-next-btn {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      box-shadow: ", ";\n      opacity: 0;\n      pointer-events: none;\n    }\n\n    &-prev-btn {\n      left: ", "px;\n    }\n\n    &-next-btn {\n      right: ", "px;\n    }\n\n    &:dir(ltr) {\n      &.", "-attachment-list-overflow-ping-start .", "-attachment-list-prev-btn {\n        opacity: 1;\n        pointer-events: auto;\n      }\n\n      &.", "-attachment-list-overflow-ping-end .", "-attachment-list-next-btn {\n        opacity: 1;\n        pointer-events: auto;\n      }\n    }\n\n    &:dir(rtl) {\n      &.", "-attachment-list-overflow-ping-end .", "-attachment-list-prev-btn {\n        opacity: 1;\n        pointer-events: auto;\n      }\n\n      &.", "-attachment-list-overflow-ping-start .", "-attachment-list-next-btn {\n        opacity: 1;\n        pointer-events: auto;\n      }\n    }\n  }\n}\n"])), function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.zIndexPopupBase;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.borderRadius;
 }, function (p) {
@@ -16,23 +16,23 @@ export default createGlobalStyle(_templateObject || (_templateObject = _taggedTe
 }, function (p) {
   return p.theme.padding;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorPrimaryHover;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.paddingXXS;
 }, function (p) {
   return p.theme.fontSizeHeading2;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.fontSize;
 }, function (p) {
@@ -80,19 +80,19 @@ export default createGlobalStyle(_templateObject || (_templateObject = _taggedTe
 }, function (p) {
   return p.theme.padding;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 });

package/lib/Bubble/Bubble.js

@@ -6,7 +6,7 @@ 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 classnames from 'classnames';
 import React from 'react';
-import useStyle from "./style/index";
+import Style from "./style/index";
 import { Markdown, useProviderContext } from "./..";
 import Cards from "./Cards";
 import Spin from "./Spin";
@@ -38,7 +38,6 @@ var Bubble = function Bubble(props) {
   var _useProviderContext = useProviderContext(),
     getPrefixCls = _useProviderContext.getPrefixCls;
   var prefixCls = getPrefixCls('bubble');
-  var Style = useStyle();
   var mergedCls = classnames(prefixCls, rootClassName, className, "".concat(prefixCls, "-").concat(placement));
   var contentNode;
   // @ts-ignore
@@ -47,7 +46,6 @@ var Bubble = function Bubble(props) {
     contentNode = /*#__PURE__*/_jsx(Spin, {});
   } else {
     contentNode = content ? /*#__PURE__*/_jsx(Markdown, {
-      typing: true,
       content: content,
       cursor: props.msgStatus === 'generating'
     }) : null;

package/lib/Bubble/BubbleList.js

@@ -10,7 +10,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import Bubble from "./Bubble";
 import ScrollToBottom from "./ScrollToBottom";
 import { StickToBottom } from 'use-stick-to-bottom';
-import useStyle from "./style/list";
+import Style from "./style/list";
 import { useProviderContext } from "./..";
 import React from 'react';
 import cls from 'classnames';
@@ -28,7 +28,6 @@ var BubbleList = function BubbleList(props, ref) {
   var _useProviderContext = useProviderContext(),
     getPrefixCls = _useProviderContext.getPrefixCls;
   var prefixCls = getPrefixCls('bubble-list');
-  var Style = useStyle();
   React.useImperativeHandle(ref, function () {
     return {
       scrollToBottom: function scrollToBottom() {

package/lib/Bubble/style/avatar.d.ts

@@ -1,2 +1,3 @@
-declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare const _default: import("react").NamedExoticComponent<object>;
 export default _default;

package/lib/Bubble/style/avatar.js

@@ -1,8 +1,8 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createGlobalStyle } from "../..";
+import { createGlobalStyle } from 'antd-style';
 export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-bubble-avatar {\n  display: inline-flex;\n  justify-content: center;\n  align-self: flex-start;\n\n  &-loading .", "-avatar::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    width: 100%;\n    height: 200%;\n    background-image: url('data:image/png;base64,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');\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    transform: rotate(-45deg);\n    filter: blur(2px);\n    animation: light_sweeping 1.5s infinite linear;\n  }\n}\n\n@keyframes light_sweeping {\n  0% {\n    transform: translate(-40%, -80%);\n    opacity: 0.2;\n  }\n\n  45% {\n    transform: translate(20%, 20%);\n    opacity: 0.8;\n  }\n\n  100% {\n    transform: translate(40%, 80%);\n    opacity: 0.2;\n  }\n}\n\n"])), function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 });

package/lib/Bubble/style/index.d.ts

@@ -1,2 +1,3 @@
-declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare const _default: import("react").NamedExoticComponent<object>;
 export default _default;

package/lib/Bubble/style/index.js

@@ -1,10 +1,10 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createGlobalStyle } from "../..";
+import { createGlobalStyle } from 'antd-style';
 export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-bubble {\n  display: flex;\n\n  &-end,\n  &-user {\n    justify-content: flex-end;\n\n    .", "-bubble-content-wrapper {\n      align-items: flex-end;\n    }\n  }\n\n  &-content-wrapper {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n  }\n\n  &-content-wrapper-card {\n  }\n\n  &-content {\n    position: relative;\n    box-sizing: border-box;\n    min-width: 0;\n    max-width: 100%;\n    color: ", ";\n    font-size: ", "px;\n    line-height: ", ";\n    word-break: break-word;\n  }\n}\n\n.", "-bubble {\n  &-content {\n    &-filled {\n      padding: 12px 16px;\n      border-radius: ", "px;\n      background-color: ", ";\n    }\n  }\n}\n\n\n\n.", "-bubble-loading {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  filter: invert(1) brightness(100%) saturate(0%);\n\n  &-text {\n    opacity: 0;\n  }\n\n  &-dot1 {\n    width: 4px;\n    height: 4px;\n    border-radius: 999px;\n    background: linear-gradient(\n        ", ",\n        ", "\n      ),\n      linear-gradient(\n        ", ",\n        ", "\n      );\n    background-blend-mode: multiply;\n    animation: dot_01 2.5s infinite ease;\n  }\n  &-dot2 {\n    width: 4px;\n    height: 4px;\n    border-radius: 999px;\n    background: linear-gradient(\n        ", ",\n        ", "\n      ),\n      linear-gradient(\n        ", ",\n        ", "\n      );\n    background-blend-mode: multiply;\n    animation: dot_02 2.5s infinite ease;\n  }\n  &-dot3 {\n    width: 4px;\n    height: 4px;\n    border-radius: 999px;\n    background: linear-gradient(\n        ", ",\n        ", "\n      ),\n      linear-gradient(\n        ", ",\n        ", "\n      );\n    background-blend-mode: multiply;\n    animation: dot_03 2.5s infinite ease;\n  }\n}\n\n@keyframes dot_01 {\n  0% {\n    transform: translateX(0px) scale(1);\n    z-index: 3;\n  }\n\n  30.3% {\n    transform: translateX(15px) scale(1);\n    z-index: 3;\n  }\n  33.3% {\n    transform: translateX(15px) scale(1);\n    z-index: 1;\n  }\n  63.6% {\n    transform: translateX(7.5px) scale(0.75);\n    z-index: 1;\n  }\n  66.6% {\n    transform: translateX(7.5px) scale(0.75);\n    z-index: 2;\n  }\n  97% {\n    transform: translateX(0px) scale(1);\n    z-index: 2;\n  }\n}\n\n@keyframes dot_02 {\n  0% {\n    transform: translateX(0px) scale(1);\n    z-index: 2;\n  }\n  23.3% {\n    transform: translateX(-7.5px) scale(1.33333);\n    z-index: 2;\n  }\n\n  30.3% {\n    transform: translateX(-7.5px) scale(1.33333);\n    z-index: 3;\n  }\n  56.6% {\n    transform: translateX(7.5px) scale(1.33333);\n    z-index: 3;\n  }\n  63.6% {\n    transform: translateX(7.5px) scale(1.33333);\n    z-index: 1;\n  }\n  97% {\n    transform: translateX(0px) scale(1);\n    z-index: 1;\n  }\n}\n\n@keyframes dot_03 {\n  0% {\n    transform: translateX(0px) scale(1);\n    z-index: 1;\n  }\n  23.3% {\n    transform: translateX(-7.5px) scale(0.75);\n    z-index: 1;\n  }\n\n  30.3% {\n    transform: translateX(-7.5px) scale(0.75);\n    z-index: 2;\n  }\n  56.6% {\n    transform: translateX(-15px) scale(1);\n    z-index: 2;\n  }\n  63.6% {\n    transform: translateX(-15px) scale(1);\n    z-index: 3;\n  }\n  97% {\n    transform: translateX(0px) scale(1);\n    z-index: 3;\n  }\n}\n"])), function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorText;
 }, function (p) {
@@ -12,13 +12,13 @@ export default createGlobalStyle(_templateObject || (_templateObject = _taggedTe
 }, function (p) {
   return p.theme.lineHeight;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.borderRadiusLG;
 }, function (p) {
   return p.theme.colorPrimaryBg;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorText;
 }, function (p) {

package/lib/Bubble/style/list.d.ts

@@ -1,2 +1,3 @@
-declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare const _default: import("react").NamedExoticComponent<object>;
 export default _default;

package/lib/Bubble/style/list.js

@@ -1,12 +1,12 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createGlobalStyle } from "../..";
-export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-bubble-list-wrapper {\n  position: relative;\n  overflow: hidden;\n  mask-image: linear-gradient(to bottom, white 98%, transparent);\n}\n\n.", "-bubble-list {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 16px 16px 0 16px;\n\n  &::after {\n    display: block;\n    content: ' ';\n    height: 16px;\n  }\n}\n\n.", "-bubble-list-scroll-to-bottom {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 10px;\n  display: flex;\n  justify-content: center;\n  transition: all 0.2s;\n  z-index: 10;\n\n  &-hide {\n    opacity: 0;\n    transform: translateY(100%);\n    pointer-events: none;\n  }\n\n  &-show {\n    opacity: 1;\n    transform: translateY(0%);\n  }\n\n  button {\n    &:hover {\n      border-color: ", " !important;\n      background-color: ", " !important;\n      color: ", " !important;\n    }\n  }\n}\n"])), function (p) {
-  return p.prefix;
+import { createGlobalStyle } from 'antd-style';
+export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-bubble-list-wrapper {\n  position: relative;\n  overflow: hidden;\n}\n\n.", "-bubble-list {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding: 16px 16px 0 16px;\n\n  &::after {\n    display: block;\n    content: ' ';\n    height: 16px;\n  }\n}\n\n.", "-bubble-list-scroll-to-bottom {\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 10px;\n  display: flex;\n  justify-content: center;\n  transition: all 0.2s;\n  z-index: 10;\n\n  &-hide {\n    opacity: 0;\n    transform: translateY(100%);\n    pointer-events: none;\n  }\n\n  &-show {\n    opacity: 1;\n    transform: translateY(0%);\n  }\n\n  button {\n    &:hover {\n      border-color: ", " !important;\n      background-color: ", " !important;\n      color: ", " !important;\n    }\n  }\n}\n"])), function (p) {
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.colorPrimaryBorder;
 }, function (p) {

package/lib/ChatAnywhere/Chat/index.js

@@ -16,7 +16,7 @@ import cls from 'classnames';
 import { useTimeout } from 'ahooks';
 import { Disclaimer } from "../..";
 import { useChatAnywhere } from "../hooks/ChatAnywhereProvider";
-import useStyle from "./style";
+import Style from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -27,7 +27,6 @@ export default /*#__PURE__*/forwardRef(function (_, ref) {
   var _useProviderContext = useProviderContext(),
     getPrefixCls = _useProviderContext.getPrefixCls;
   var prefixCls = getPrefixCls('chat-anywhere');
-  var Style = useStyle();
   var uiConfig = useChatAnywhere(function (v) {
     return v.uiConfig;
   });

package/lib/ChatAnywhere/Chat/style.d.ts

@@ -1,2 +1,3 @@
-declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare const _default: import("react").NamedExoticComponent<object>;
 export default _default;

package/lib/ChatAnywhere/Chat/style.js

@@ -1,14 +1,14 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createGlobalStyle } from "../..";
+import { createGlobalStyle } from 'antd-style';
 export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-chat-anywhere-chat {\n  position: relative;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  transition: all 0.3s;\n  opacity: 1;\n\n  .", "-bubble-list {\n    position: relative;\n    margin: 0 auto;\n    max-width: 850px;\n    min-width: 300px;\n  }\n\n  .", "-chat-anywhere-sender-wrapper {\n    max-width: 850px;\n    min-width: 300px;\n    padding: 0 16px 16px 16px;\n    margin: 0 auto;\n  }\n\n  &-hide {\n    opacity: 0;\n  }\n\n  &-welcome {\n    max-width: 850px;\n    min-width: 300px;\n    width: -webkit-fill-available;\n    padding: 16px;\n    margin: 0 auto;\n    height: 100%;\n    display: flex;\n    align-items: safe center;\n    justify-content: safe center;\n    overflow: auto;\n  }\n}\n\n\n\n\n@media screen and (max-width: 768px) {\n  button {\n    cursor: default !important;\n  }\n\n  .", "-conversations .", "-conversations-item {\n    cursor: default !important;\n\n  }\n}\n\n\n"])), function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 });

package/lib/ChatAnywhere/Header/index.js

@@ -3,7 +3,7 @@ import { useProviderContext } from "../..";
 import { isMobileHook } from "../Layout";
 import { useChatAnywhere } from "../hooks/ChatAnywhereProvider";
 import { useSessionList } from "../hooks/useSessionList";
-import useStyle from "./style";
+import Style from "./style";
 import { IconButton } from "@agentscope-ai/design";
 import { SparkOperateLeftLine, SparkOperateRightLine } from "@agentscope-ai/icons";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -12,7 +12,6 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 export default function () {
   var _useProviderContext = useProviderContext(),
     getPrefixCls = _useProviderContext.getPrefixCls;
-  var Style = useStyle();
   var prefixCls = getPrefixCls('chat-anywhere-header');
   var uiConfig = useChatAnywhere(function (v) {
     return v.uiConfig;

package/lib/ChatAnywhere/Header/style.d.ts

@@ -1,2 +1,3 @@
-declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare const _default: import("react").NamedExoticComponent<object>;
 export default _default;

package/lib/ChatAnywhere/Header/style.js

@@ -1,12 +1,12 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createGlobalStyle } from "../..";
+import { createGlobalStyle } from 'antd-style';
 export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-chat-anywhere-header {\n  height: 64px;\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  backdrop-filter: blur(100px);\n  z-index: 1;\n  display: flex;\n  align-items: center;\n}\n\n.", "-chat-anywhere-header\n  ~ .", "-chat-anywhere-chat\n  .", "-bubble-list {\n  &::before {\n    content: ' ';\n    display: block;\n    height: 24px;\n    flex: 0 0 24px;\n  }\n}\n\n"])), function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 });

package/lib/ChatAnywhere/Input/index.js

@@ -19,14 +19,13 @@ import cls from 'classnames';
 import { useChatAnywhere } from "../hooks/ChatAnywhereProvider";
 import { useInput } from "../hooks/useInput";
 import { Upload } from 'antd';
-import useStyle from "./style";
+import Style from "./style";
 import { IconButton } from "@agentscope-ai/design";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { createElement as _createElement } from "react";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export default /*#__PURE__*/forwardRef(function (_, ref) {
-  var Style = useStyle();
   var _React$useState = React.useState(''),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     content = _React$useState2[0],

package/lib/ChatAnywhere/Input/style.d.ts

@@ -1,2 +1,3 @@
-declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare const _default: import("react").NamedExoticComponent<object>;
 export default _default;

package/lib/ChatAnywhere/Input/style.js

@@ -1,6 +1,6 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createGlobalStyle } from "../..";
+import { createGlobalStyle } from 'antd-style';
 export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n.", "-chat-anywhere-sender-wrapper {\n  position: relative;\n\n  &-header {\n    display: flex;\n    gap: 8px;\n    margin-bottom: 12px;\n  }\n}\n\n"])), function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 });

package/lib/ChatAnywhere/Layout/index.js

@@ -10,7 +10,7 @@ import { useProviderContext } from "../..";
 import { Drawer } from 'antd';
 import { useResponsive } from 'ahooks';
 import { useChatAnywhere } from "../hooks/ChatAnywhereProvider";
-import useStyle from "./style";
+import Style from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -59,7 +59,6 @@ function Left(props) {
   });
 }
 export default function (props) {
-  var Style = useStyle();
   var _useProviderContext2 = useProviderContext(),
     getPrefixCls = _useProviderContext2.getPrefixCls;
   var prefixCls = getPrefixCls('chat-anywhere-layout');

package/lib/ChatAnywhere/Layout/style.d.ts

@@ -1,2 +1,3 @@
-declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare const _default: import("react").NamedExoticComponent<object>;
 export default _default;

package/lib/ChatAnywhere/Layout/style.js

@@ -1,8 +1,8 @@
 var _templateObject;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { createGlobalStyle } from "../..";
+import { createGlobalStyle } from 'antd-style';
 export default createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n#root {\n  display: flex;\n  flex-direction: column;\n  height: 100vh;\n}\n\n.", "-chat-anywhere-layout {\n  *::-webkit-scrollbar {\n    display: none;\n  }\n  font-family: ", ";\n  overflow: hidden;\n  position: relative;\n  height: 100%;\n  background: ", ";\n\n  &-main {\n    display: flex;\n    height: 100%;\n    background: ", ";\n  }\n\n  &-left {\n    display: flex;\n    flex-direction: column;\n    height: 100vh;\n    box-sizing: border-box;\n    background-color: ", ";\n    width: 240px;\n    transition: all 0.2s;\n\n    &-hide {\n      margin-left: -168px;\n      background-color: transparent;\n    }\n  }\n\n  &-right {\n    position: relative;\n    width: 0;\n    flex: 1;\n    box-sizing: border-box;\n    background: ", ";\n  }\n}\n\n* {\n  box-sizing: border-box;\n}\n\n\n\n*[data-tauri-drag-region] {\n  -webkit-app-region: drag;\n}\n"])), function (p) {
-  return p.prefix;
+  return p.theme.prefixCls;
 }, function (p) {
   return p.theme.fontFamily;
 }, function (p) {

package/lib/ChatAnywhere/SessionList/index.js

@@ -7,13 +7,12 @@ import { useChatAnywhere } from "../hooks/ChatAnywhereProvider";
 import { useSessionList } from "../hooks/useSessionList";
 import { useMessages } from "../hooks/useMessages";
 import { isMobileHook } from "../Layout";
-import useStyle from "./style";
+import Style from "./style";
 import { SparkOperateLeftLine, SparkOperateRightLine, SparkPlusLine, SparkDeleteLine } from "@agentscope-ai/icons";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 export default function () {
-  var Style = useStyle();
   var _useProviderContext = useProviderContext(),
     getPrefixCls = _useProviderContext.getPrefixCls;
   var prefixCls = getPrefixCls('chat-anywhere-session-list');

package/lib/ChatAnywhere/SessionList/style.d.ts

@@ -1,2 +1,3 @@
-declare const _default: () => () => import("react/jsx-runtime").JSX.Element;
+/// <reference types="react" />
+declare const _default: import("react").NamedExoticComponent<object>;
 export default _default;