@lobehub/ui 1.171.0 → 2.0.1

package/es/mdx/mdxComponents/Pre.js

@@ -1,9 +1,9 @@
 '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 = ["fullFeatured", "fileName", "allowChangeLanguage", "language", "children", "className", "style", "icon"],
-  _excluded2 = ["language", "children", "className", "style"],
-  _excluded3 = ["fullFeatured", "children", "className", "style", "type"];
+var _excluded = ["fullFeatured", "fileName", "allowChangeLanguage", "language", "children", "className", "style", "variant", "icon"],
+  _excluded2 = ["language", "children", "className", "style", "variant"],
+  _excluded3 = ["fullFeatured", "children", "className", "style", "variant"];
 var _templateObject;
 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; }
@@ -34,6 +34,8 @@ export var Pre = function Pre(_ref2) {
     children = _ref2.children,
     className = _ref2.className,
     style = _ref2.style,
+    _ref2$variant = _ref2.variant,
+    variant = _ref2$variant === void 0 ? 'filled' : _ref2$variant,
     icon = _ref2.icon,
     rest = _objectWithoutProperties(_ref2, _excluded);
   var _useStyles = useStyles(),
@@ -42,16 +44,12 @@ export var Pre = function Pre(_ref2) {
   return /*#__PURE__*/_jsx(Highlighter, _objectSpread(_objectSpread({
     allowChangeLanguage: allowChangeLanguage,
     className: cx(styles.container, className),
-    copyButtonSize: {
-      blockSize: 28,
-      fontSize: 16
-    },
     fileName: fileName,
     fullFeatured: fullFeatured,
     icon: icon,
     language: language,
     style: style,
-    type: "block"
+    variant: variant
   }, rest), {}, {
     children: children
   }));
@@ -62,6 +60,8 @@ export var PreSingleLine = function PreSingleLine(_ref3) {
     children = _ref3.children,
     className = _ref3.className,
     style = _ref3.style,
+    _ref3$variant = _ref3.variant,
+    variant = _ref3$variant === void 0 ? 'filled' : _ref3$variant,
     rest = _objectWithoutProperties(_ref3, _excluded2);
   var _useStyles2 = useStyles(),
     cx = _useStyles2.cx,
@@ -71,7 +71,7 @@ export var PreSingleLine = function PreSingleLine(_ref3) {
     "data-code-type": "highlighter",
     language: language,
     style: style,
-    type: 'block'
+    variant: variant
   }, rest), {}, {
     children: children
   }));
@@ -81,22 +81,20 @@ export var PreMermaid = function PreMermaid(_ref4) {
     children = _ref4.children,
     className = _ref4.className,
     style = _ref4.style,
-    type = _ref4.type,
+    _ref4$variant = _ref4.variant,
+    variant = _ref4$variant === void 0 ? 'filled' : _ref4$variant,
     rest = _objectWithoutProperties(_ref4, _excluded3);
   var _useStyles3 = useStyles(),
     styles = _useStyles3.styles,
     cx = _useStyles3.cx;
   return /*#__PURE__*/_jsx(Mermaid, _objectSpread(_objectSpread({
     className: cx(styles.container, className),
-    copyButtonSize: {
-      blockSize: 28,
-      fontSize: 16
-    },
     fullFeatured: fullFeatured,
     style: style,
-    type: type || 'pure'
+    variant: variant
   }, rest), {}, {
     children: children
   }));
 };
+Pre.displayName = 'MdxPre';
 export default Pre;

package/es/mdx/mdxComponents/Section.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import type { FC, ReactNode } from 'react';
 interface SectionProps {
     'children': ReactNode;
     'data-footnotes'?: boolean;
     'showFootnotes'?: boolean;
 }
-declare const Section: (props: SectionProps) => import("react/jsx-runtime").JSX.Element;
+declare const Section: FC<SectionProps>;
 export default Section;

package/es/mdx/mdxComponents/Section.js

@@ -1,16 +1,28 @@
+'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 = ["children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 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 Footnotes from "./Footnotes";
 import { jsx as _jsx } from "react/jsx-runtime";
-var Section = function Section(props) {
+var Section = function Section(_ref) {
+  var children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
   // 说明是脚注
-  if (props['data-footnotes']) {
-    return /*#__PURE__*/_jsx(Footnotes, _objectSpread({}, props));
+  if (rest['data-footnotes']) {
+    return /*#__PURE__*/_jsx(Footnotes, _objectSpread(_objectSpread({}, rest), {}, {
+      children: children
+    }));
   }
-  return /*#__PURE__*/_jsx("section", _objectSpread({}, props));
+  return /*#__PURE__*/_jsx("section", _objectSpread(_objectSpread({}, rest), {}, {
+    children: children
+  }));
 };
+Section.displayName = 'MdxSection';
 export default Section;

package/es/mdx/mdxComponents/Video.d.ts

@@ -1,8 +1,5 @@
-import { FC } from 'react';
+import type { FC } from 'react';
 import { type VideoProps as LobeVideoProps } from "../../Video";
-export interface VideoProps extends LobeVideoProps {
-    cover?: boolean;
-    inStep?: boolean;
-}
+export type VideoProps = LobeVideoProps;
 declare const Video: FC<VideoProps>;
 export default Video;

package/es/mdx/mdxComponents/Video.js

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["style", "width", "height", "cover", "inStep"];
+var _excluded = ["style"];
 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; }
@@ -13,30 +13,14 @@ import LobeVideo from "../../Video";
 import { jsx as _jsx } from "react/jsx-runtime";
 var Video = function Video(_ref) {
   var style = _ref.style,
-    _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 800 : _ref$width,
-    height = _ref.height,
-    cover = _ref.cover,
-    inStep = _ref.inStep,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var size = cover ? {
-    height: 300,
-    width: 800
-  } : inStep ? {
-    height: height,
-    width: 780
-  } : {
-    height: height,
-    width: width
-  };
   return /*#__PURE__*/_jsx(LobeVideo, _objectSpread({
-    height: size.height,
     preview: false,
     style: _objectSpread({
       borderRadius: 'calc(var(--lobe-markdown-border-radius) * 1px)',
       marginBlock: 'calc(var(--lobe-markdown-margin-multiple) * 1em)'
-    }, style),
-    width: size.width
+    }, style)
   }, rest));
 };
+Video.displayName = 'MdxVdieo';
 export default Video;

package/es/mobile/ChatHeader/ChatHeader.d.ts

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

package/es/mobile/ChatHeader/ChatHeader.js

@@ -0,0 +1,88 @@
+'use client';
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["ref", "className", "safeArea", "style", "center", "left", "right", "gaps", "classNames", "onBackClick", "showBackButton", "styles", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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 { ChevronLeft } from 'lucide-react';
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import ActionIcon from "../../ActionIcon";
+import MobileSafeArea from "../SafeArea";
+import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ChatHeader = /*#__PURE__*/memo(function (_ref) {
+  var ref = _ref.ref,
+    className = _ref.className,
+    _ref$safeArea = _ref.safeArea,
+    safeArea = _ref$safeArea === void 0 ? true : _ref$safeArea,
+    style = _ref.style,
+    center = _ref.center,
+    left = _ref.left,
+    right = _ref.right,
+    gaps = _ref.gaps,
+    classNames = _ref.classNames,
+    onBackClick = _ref.onBackClick,
+    showBackButton = _ref.showBackButton,
+    custmStyles = _ref.styles,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles,
+    cx = _useStyles.cx;
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+    as: 'header',
+    className: cx(styles.container, className),
+    ref: ref,
+    style: style
+  }, rest), {}, {
+    children: [safeArea && /*#__PURE__*/_jsx(MobileSafeArea, {
+      position: 'top'
+    }), /*#__PURE__*/_jsxs(Flexbox, {
+      align: 'center',
+      className: styles.inner,
+      flex: 1,
+      horizontal: true,
+      justify: 'space-between',
+      children: [/*#__PURE__*/_jsxs(Flexbox, {
+        align: 'center',
+        className: cx(styles.left, classNames === null || classNames === void 0 ? void 0 : classNames.left),
+        flex: 1,
+        gap: gaps === null || gaps === void 0 ? void 0 : gaps.left,
+        horizontal: true,
+        style: custmStyles === null || custmStyles === void 0 ? void 0 : custmStyles.left,
+        children: [showBackButton && /*#__PURE__*/_jsx(ActionIcon, {
+          icon: ChevronLeft,
+          onClick: function onClick() {
+            return onBackClick === null || onBackClick === void 0 ? void 0 : onBackClick();
+          }
+        }), left]
+      }), /*#__PURE__*/_jsxs(Flexbox, {
+        align: 'center',
+        className: cx(styles.center, classNames === null || classNames === void 0 ? void 0 : classNames.center),
+        flex: 1,
+        gap: gaps === null || gaps === void 0 ? void 0 : gaps.center,
+        horizontal: true,
+        justify: 'center',
+        style: custmStyles === null || custmStyles === void 0 ? void 0 : custmStyles.center,
+        children: [children, center]
+      }), /*#__PURE__*/_jsx(Flexbox, {
+        align: 'center',
+        className: cx(styles.right, classNames === null || classNames === void 0 ? void 0 : classNames.right),
+        flex: 1,
+        gap: gaps === null || gaps === void 0 ? void 0 : gaps.right,
+        horizontal: true,
+        style: custmStyles === null || custmStyles === void 0 ? void 0 : custmStyles.right,
+        children: right
+      })]
+    })]
+  }));
+});
+ChatHeader.displayName = 'ChatHeader';
+export default ChatHeader;

package/es/mobile/ChatHeader/ChatHeaderTitle.d.ts

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

package/es/mobile/ChatHeader/ChatHeaderTitle.js

@@ -0,0 +1,58 @@
+'use client';
+
+import { memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+import { useTitleStyles as useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var ChatHeaderTitle = /*#__PURE__*/memo(function (_ref) {
+  var title = _ref.title,
+    desc = _ref.desc,
+    tag = _ref.tag;
+  var _useStyles = useStyles(),
+    styles = _useStyles.styles;
+  if (desc) return /*#__PURE__*/_jsxs(Flexbox, {
+    align: 'center',
+    flex: 1,
+    gap: 4,
+    justify: 'center',
+    children: [/*#__PURE__*/_jsxs(Flexbox, {
+      align: 'center',
+      className: styles.titleContainer,
+      gap: 4,
+      horizontal: true,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: styles.titleWithDesc,
+        children: title
+      }), tag && /*#__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',
+    flex: 1,
+    gap: 4,
+    horizontal: true,
+    justify: 'center',
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.title,
+      children: title
+    }), /*#__PURE__*/_jsx(Flexbox, {
+      className: styles.tag,
+      horizontal: true,
+      children: tag
+    })]
+  });
+});
+ChatHeaderTitle.displayName = 'ChatHeaderTitle';
+export default ChatHeaderTitle;

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

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+import ChatHeaderTitle from './ChatHeaderTitle';
+import type { ChatHeaderProps } from './type';
+interface IChatHeader {
+    (props: ChatHeaderProps): ReactNode;
+    Title: typeof ChatHeaderTitle;
+}
+declare const ChatHeader: IChatHeader;
+export default ChatHeader;
+export { default as ChatHeaderTitle } from './ChatHeaderTitle';
+export type * from './type';

package/es/mobile/ChatHeader/index.js

@@ -0,0 +1,6 @@
+import ChatHeaderParent from "./ChatHeader";
+import ChatHeaderTitle from "./ChatHeaderTitle";
+var ChatHeader = ChatHeaderParent;
+ChatHeader.Title = ChatHeaderTitle;
+export default ChatHeader;
+export { default as ChatHeaderTitle } from "./ChatHeaderTitle";

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

@@ -0,0 +1,14 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    center: import("antd-style").SerializedStyles;
+    container: import("antd-style").SerializedStyles;
+    inner: import("antd-style").SerializedStyles;
+    left: import("antd-style").SerializedStyles;
+    right: import("antd-style").SerializedStyles;
+}>;
+export declare const useTitleStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    desc: import("antd-style").SerializedStyles;
+    tag: import("antd-style").SerializedStyles;
+    title: import("antd-style").SerializedStyles;
+    titleContainer: import("antd-style").SerializedStyles;
+    titleWithDesc: import("antd-style").SerializedStyles;
+}>;

package/es/mobile/{MobileNavBar → ChatHeader}/style.js

@@ -1,4 +1,4 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { createStyles } from 'antd-style';
 export var useStyles = createStyles(function (_ref) {
@@ -11,4 +11,15 @@ export var useStyles = createStyles(function (_ref) {
     left: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      justify-content: flex-start;\n      height: 100%;\n    "]))),
     right: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      justify-content: flex-end;\n      height: 100%;\n    "])))
   };
+});
+export var useTitleStyles = createStyles(function (_ref2) {
+  var css = _ref2.css,
+    token = _ref2.token;
+  return {
+    desc: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    overflow: hidden;\n\n    width: 100%;\n\n    font-size: 12px;\n    line-height: 1;\n    color: ", ";\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "])), token.colorTextTertiary),
+    tag: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    flex: none;\n  "]))),
+    title: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    overflow: hidden;\n\n    font-size: 16px;\n    font-weight: bold;\n    line-height: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]))),
+    titleContainer: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    flex: 1;\n  "]))),
+    titleWithDesc: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    overflow: hidden;\n\n    font-weight: bold;\n    line-height: 1;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "])))
+  };
 });

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

@@ -0,0 +1,31 @@
+import { CSSProperties, ReactNode, Ref } from 'react';
+import { FlexboxProps } from 'react-layout-kit';
+export interface ChatHeaderProps extends FlexboxProps {
+    center?: ReactNode;
+    classNames?: {
+        center?: string;
+        left?: string;
+        right?: string;
+    };
+    gaps?: {
+        center?: number;
+        left?: number;
+        right?: number;
+    };
+    left?: ReactNode;
+    onBackClick?: () => void;
+    ref?: Ref<HTMLDivElement>;
+    right?: ReactNode;
+    safeArea?: boolean;
+    showBackButton?: boolean;
+    styles?: {
+        center?: CSSProperties;
+        left?: CSSProperties;
+        right?: CSSProperties;
+    };
+}
+export interface ChatHeaderTitleProps {
+    desc?: string | ReactNode;
+    tag?: ReactNode;
+    title: string | ReactNode;
+}

package/es/mobile/ChatHeader/type.js

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

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

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

package/es/mobile/{MobileChatInputArea/index.js → ChatInputArea/ChatInputArea.js}

@@ -1,7 +1,6 @@
 'use client';
 
 var _excluded = ["children"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 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; }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -10,44 +9,32 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { useSize } from 'ahooks';
-import { createStyles } from 'antd-style';
 import { ChevronDown, ChevronUp } from 'lucide-react';
-import { rgba } from 'polished';
-import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
+import { memo, useCallback, useEffect, useRef, useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../../ActionIcon";
-import ChatInputAreaInner from "../../chat/ChatInputArea/ChatInputAreaInner";
-import MobileSafeArea from "../MobileSafeArea";
+import ChatInputAreaInner from "../../chat/ChatInputArea/components/ChatInputAreaInner";
+import SafeArea from "../SafeArea";
+import { useStyles } from "./style";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
-  var css = _ref.css,
-    token = _ref.token;
-  return {
-    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      flex: none;\n      padding-block: 12px;\n      background: ", ";\n      border-block-start: 1px solid ", ";\n    "])), token.colorFillQuaternary, rgba(token.colorBorder, 0.25)),
-    expand: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      position: absolute;\n      height: 100%;\n    "]))),
-    expandButton: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      position: absolute;\n      inset-inline-start: 14px;\n    "]))),
-    expandTextArea: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      flex: 1;\n    "]))),
-    inner: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      height: inherit;\n      padding-block: 0;\n      padding-inline: 8px;\n    "])))
-  };
-});
-var MobileChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
-  var className = _ref2.className,
-    style = _ref2.style,
-    topAddons = _ref2.topAddons,
-    textAreaLeftAddons = _ref2.textAreaLeftAddons,
-    textAreaRightAddons = _ref2.textAreaRightAddons,
-    bottomAddons = _ref2.bottomAddons,
-    _ref2$expand = _ref2.expand,
-    expand = _ref2$expand === void 0 ? false : _ref2$expand,
-    setExpand = _ref2.setExpand,
-    onSend = _ref2.onSend,
-    onInput = _ref2.onInput,
-    loading = _ref2.loading,
-    value = _ref2.value,
-    safeArea = _ref2.safeArea;
+var ChatInputArea = /*#__PURE__*/memo(function (_ref) {
+  var ref = _ref.ref,
+    className = _ref.className,
+    style = _ref.style,
+    topAddons = _ref.topAddons,
+    textAreaLeftAddons = _ref.textAreaLeftAddons,
+    textAreaRightAddons = _ref.textAreaRightAddons,
+    bottomAddons = _ref.bottomAddons,
+    _ref$expand = _ref.expand,
+    expand = _ref$expand === void 0 ? false : _ref$expand,
+    setExpand = _ref.setExpand,
+    onSend = _ref.onSend,
+    onInput = _ref.onInput,
+    loading = _ref.loading,
+    value = _ref.value,
+    safeArea = _ref.safeArea;
   var containerRef = useRef(null);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
@@ -65,9 +52,9 @@ var MobileChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     if (!(size !== null && size !== void 0 && size.height)) return;
     setShowFullscreen(size.height > 72);
   }, [size]);
-  var InnerContainer = useCallback(function (_ref3) {
-    var children = _ref3.children,
-      r = _objectWithoutProperties(_ref3, _excluded);
+  var InnerContainer = useCallback(function (_ref2) {
+    var children = _ref2.children,
+      r = _objectWithoutProperties(_ref2, _excluded);
     return expand ? /*#__PURE__*/_jsxs(Flexbox, {
       className: styles.inner,
       gap: 8,
@@ -111,7 +98,7 @@ var MobileChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
         size: {
           blockSize: 24,
           borderRadius: '50%',
-          fontSize: 14
+          size: 14
         },
         style: expand ? {
           top: 6
@@ -141,8 +128,8 @@ var MobileChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
             height: 36,
             paddingBlock: 6
           },
-          type: expand ? 'pure' : 'block',
-          value: value
+          value: value,
+          variant: expand ? 'borderless' : 'filled'
         })
       })]
     }), bottomAddons && /*#__PURE__*/_jsx(Flexbox, {
@@ -150,9 +137,10 @@ var MobileChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
         display: 'none'
       },
       children: bottomAddons
-    }), safeArea && !isFocused && /*#__PURE__*/_jsx(MobileSafeArea, {
+    }), safeArea && !isFocused && /*#__PURE__*/_jsx(SafeArea, {
       position: 'bottom'
     })]
   });
 });
-export default MobileChatInputArea;
+ChatInputArea.displayName = 'ChatInputArea';
+export default ChatInputArea;

package/es/mobile/ChatInputArea/components/ChatSendButton.d.ts

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

package/es/mobile/{MobileChatInputArea/SendButton.js → ChatInputArea/components/ChatSendButton.js}

@@ -1,7 +1,7 @@
 'use client';
 
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["loading", "onStop", "onSend"];
+var _excluded = ["ref", "loading", "onStop", "onSend"];
 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; }
@@ -9,37 +9,30 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { useTheme } from 'antd-style';
-import { Loader2, SendHorizontal } from 'lucide-react';
-import { readableColor } from 'polished';
+import { SendHorizontal } from 'lucide-react';
 import { memo } from 'react';
-import ActionIcon from "../../ActionIcon";
+import Button from "../../../Button";
 import { jsx as _jsx } from "react/jsx-runtime";
-var MobileChatSendButton = /*#__PURE__*/memo(function (_ref) {
-  var loading = _ref.loading,
+var ChatSendButton = /*#__PURE__*/memo(function (_ref) {
+  var ref = _ref.ref,
+    loading = _ref.loading,
     onStop = _ref.onStop,
     onSend = _ref.onSend,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var theme = useTheme();
-  var size = {
-    blockSize: 36,
-    fontSize: 16
-  };
-  return loading ? /*#__PURE__*/_jsx(ActionIcon, _objectSpread({
-    active: true,
-    icon: Loader2,
-    onClick: onStop,
-    size: size,
-    spin: true
-  }, rest)) : /*#__PURE__*/_jsx(ActionIcon, _objectSpread({
+  return /*#__PURE__*/_jsx(Button, _objectSpread({
     icon: SendHorizontal,
-    onClick: onSend,
-    size: size,
-    style: {
-      background: theme.colorPrimary,
-      color: readableColor(theme.colorPrimary),
-      flex: 'none'
-    }
+    loading: loading,
+    onClick: function onClick(e) {
+      e.preventDefault();
+      if (loading) {
+        onStop === null || onStop === void 0 || onStop(e);
+      } else {
+        onSend === null || onSend === void 0 || onSend(e);
+      }
+    },
+    ref: ref,
+    type: 'primary'
   }, rest));
 });
-export default MobileChatSendButton;
+ChatSendButton.displayName = 'ChatSendButton';
+export default ChatSendButton;