@lobehub/ui 1.157.1 → 1.158.0

package/es/brand/components/Divider.js

@@ -1,14 +1,14 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["size", "style"];
 import { memo } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
 var Divider = /*#__PURE__*/memo(function (_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? '1em' : _ref$size,
     style = _ref.style,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement("svg", _extends({
     fill: "none",
     height: size,
     shapeRendering: "geometricPrecision",
@@ -21,10 +21,8 @@ var Divider = /*#__PURE__*/memo(function (_ref) {
     }, style),
     viewBox: "0 0 24 24",
     width: size
-  }, rest), {}, {
-    children: /*#__PURE__*/_jsx("path", {
-      d: "M16.88 3.549L7.12 20.451"
-    })
+  }, rest), /*#__PURE__*/React.createElement("path", {
+    d: "M16.88 3.549L7.12 20.451"
   }));
 });
 export default Divider;

package/es/chat/BackBottom/index.js

@@ -7,7 +7,6 @@ import { ListEnd } from 'lucide-react';
 import { memo, useEffect, useRef, useState } from 'react';
 import Icon from "../../Icon";
 import { useStyles } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
 var BackBottom = /*#__PURE__*/memo(function (_ref) {
   var _ref$visibilityHeight = _ref.visibilityHeight,
     visibilityHeight = _ref$visibilityHeight === void 0 ? 240 : _ref$visibilityHeight,
@@ -42,16 +41,15 @@ var BackBottom = /*#__PURE__*/memo(function (_ref) {
     });
     onClick === null || onClick === void 0 || onClick(e);
   };
-  return /*#__PURE__*/_jsx(Button, {
+  return /*#__PURE__*/React.createElement(Button, {
     className: cx(styles, className),
-    icon: /*#__PURE__*/_jsx(Icon, {
+    icon: /*#__PURE__*/React.createElement(Icon, {
       icon: ListEnd
     }),
     onClick: scrollToBottom,
     ref: ref,
     size: 'small',
-    style: style,
-    children: text || 'Back to bottom'
-  });
+    style: style
+  }, text || 'Back to bottom');
 });
 export default BackBottom;

package/es/chat/ChatHeader/ChatHeaderTitle.js

@@ -3,8 +3,6 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 import { createStyles } from 'antd-style';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
@@ -23,40 +21,33 @@ var ChatHeaderTitle = /*#__PURE__*/memo(function (_ref2) {
     tag = _ref2.tag;
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
-  var tagContent = tag && /*#__PURE__*/_jsx(Flexbox, {
+  var tagContent = tag && /*#__PURE__*/React.createElement(Flexbox, {
     align: 'center',
     className: styles.tag,
-    horizontal: true,
-    children: tag
-  });
-  if (desc) return /*#__PURE__*/_jsxs(Flexbox, {
+    horizontal: true
+  }, tag);
+  if (desc) return /*#__PURE__*/React.createElement(Flexbox, {
     className: styles.container,
-    gap: 4,
-    children: [/*#__PURE__*/_jsxs(Flexbox, {
-      align: 'center',
-      className: styles.titleContainer,
-      gap: 8,
-      horizontal: true,
-      children: [/*#__PURE__*/_jsx("div", {
-        className: styles.titleWithDesc,
-        children: title
-      }), tagContent]
-    }), /*#__PURE__*/_jsx(Flexbox, {
-      align: 'center',
-      className: styles.desc,
-      horizontal: true,
-      children: desc
-    })]
-  });
-  return /*#__PURE__*/_jsxs(Flexbox, {
+    gap: 4
+  }, /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: styles.titleContainer,
+    gap: 8,
+    horizontal: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.titleWithDesc
+  }, title), tagContent), /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: styles.desc,
+    horizontal: true
+  }, desc));
+  return /*#__PURE__*/React.createElement(Flexbox, {
     align: 'center',
     className: styles.container,
     gap: 8,
-    horizontal: true,
-    children: [/*#__PURE__*/_jsx("div", {
-      className: styles.title,
-      children: title
-    }), tagContent]
-  });
+    horizontal: true
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.title
+  }, title), tagContent);
 });
 export default ChatHeaderTitle;

package/es/chat/ChatHeader/index.js

@@ -1,6 +1,6 @@
 'use client';
 
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["left", "right", "className", "styles", "gaps", "classNames", "showBackButton", "onBackClick", "children", "gap"];
 import { ChevronLeft } from 'lucide-react';
@@ -8,8 +8,6 @@ import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../../ActionIcon";
 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 left = _ref.left,
     right = _ref.right,
@@ -26,50 +24,45 @@ var ChatHeader = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
+  return /*#__PURE__*/React.createElement(Flexbox, _extends({
     align: 'center',
     className: cx(styles.container, className),
     distribution: 'space-between',
     gap: gap,
     horizontal: true,
     paddingInline: 16
-  }, rest), {}, {
-    children: [/*#__PURE__*/_jsxs(Flexbox, {
-      align: 'center',
-      className: cx(styles.left, classNames === null || classNames === void 0 ? void 0 : classNames.left),
-      gap: (gaps === null || gaps === void 0 ? void 0 : gaps.left) || 12,
-      horizontal: true,
-      justify: 'flex-start',
-      style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.left,
-      children: [showBackButton && /*#__PURE__*/_jsx(ActionIcon, {
-        icon: ChevronLeft,
-        onClick: function onClick() {
-          return onBackClick === null || onBackClick === void 0 ? void 0 : onBackClick();
-        },
-        size: {
-          fontSize: 24
-        },
-        style: {
-          marginRight: gaps !== null && gaps !== void 0 && gaps.left ? -gaps.left / 2 : -6
-        }
-      }), left]
-    }), children && /*#__PURE__*/_jsx(Flexbox, {
-      align: 'center',
-      className: cx(styles.center, classNames === null || classNames === void 0 ? void 0 : classNames.center),
-      gap: (gaps === null || gaps === void 0 ? void 0 : gaps.center) || 8,
-      horizontal: true,
-      justify: 'center',
-      style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.center,
-      children: children
-    }), /*#__PURE__*/_jsx(Flexbox, {
-      align: 'center',
-      className: cx(styles.right, classNames === null || classNames === void 0 ? void 0 : classNames.right),
-      gap: (gaps === null || gaps === void 0 ? void 0 : gaps.right) || 8,
-      horizontal: true,
-      justify: 'flex-end',
-      style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.right,
-      children: right
-    })]
-  }));
+  }, rest), /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: cx(styles.left, classNames === null || classNames === void 0 ? void 0 : classNames.left),
+    gap: (gaps === null || gaps === void 0 ? void 0 : gaps.left) || 12,
+    horizontal: true,
+    justify: 'flex-start',
+    style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.left
+  }, showBackButton && /*#__PURE__*/React.createElement(ActionIcon, {
+    icon: ChevronLeft,
+    onClick: function onClick() {
+      return onBackClick === null || onBackClick === void 0 ? void 0 : onBackClick();
+    },
+    size: {
+      fontSize: 24
+    },
+    style: {
+      marginRight: gaps !== null && gaps !== void 0 && gaps.left ? -gaps.left / 2 : -6
+    }
+  }), left), children && /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: cx(styles.center, classNames === null || classNames === void 0 ? void 0 : classNames.center),
+    gap: (gaps === null || gaps === void 0 ? void 0 : gaps.center) || 8,
+    horizontal: true,
+    justify: 'center',
+    style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.center
+  }, children), /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: cx(styles.right, classNames === null || classNames === void 0 ? void 0 : classNames.right),
+    gap: (gaps === null || gaps === void 0 ? void 0 : gaps.right) || 8,
+    horizontal: true,
+    justify: 'flex-end',
+    style: contentStyles === null || contentStyles === void 0 ? void 0 : contentStyles.right
+  }, right));
 });
 export default ChatHeader;

package/es/chat/ChatInputArea/ChatInputActionBar.js

@@ -3,8 +3,6 @@ var _templateObject, _templateObject2, _templateObject3;
 import { createStyles, useResponsive } from 'antd-style';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     cx = _ref.cx,
@@ -24,29 +22,26 @@ var ChatInputActionBar = /*#__PURE__*/memo(function (_ref2) {
     mobile = _useResponsive.mobile;
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsxs(Flexbox, {
+  return /*#__PURE__*/React.createElement(Flexbox, {
     align: 'center',
     className: styles.container,
     flex: 'none',
     horizontal: true,
     justify: 'space-between',
-    padding: padding,
-    children: [/*#__PURE__*/_jsx(Flexbox, {
-      align: 'center',
-      className: styles.left,
-      flex: 1,
-      gap: mobile ? 0 : 4,
-      horizontal: true,
-      children: leftAddons
-    }), /*#__PURE__*/_jsx(Flexbox, {
-      align: 'center',
-      className: styles.right,
-      flex: 0,
-      gap: mobile ? 0 : 4,
-      horizontal: true,
-      justify: 'flex-end',
-      children: rightAddons
-    })]
-  });
+    padding: padding
+  }, /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: styles.left,
+    flex: 1,
+    gap: mobile ? 0 : 4,
+    horizontal: true
+  }, leftAddons), /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    className: styles.right,
+    flex: 0,
+    gap: mobile ? 0 : 4,
+    horizontal: true,
+    justify: 'flex-end'
+  }, rightAddons));
 });
 export default ChatInputActionBar;

package/es/chat/ChatInputArea/ChatInputArea.d.ts

@@ -16,5 +16,5 @@ export interface ChatInputAreaProps extends Omit<ChatInputAreaInnerProps, 'class
     setExpand?: (expand: boolean) => void;
     topAddons?: ReactNode;
 }
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<ChatInputAreaProps & import("react").RefAttributes<TextAreaRef>>>;
+declare const _default: import("react").NamedExoticComponent<ChatInputAreaProps & import("react").RefAttributes<TextAreaRef>>;
 export default _default;

package/es/chat/ChatInputArea/ChatInputArea.js

@@ -1,3 +1,4 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
@@ -7,8 +8,6 @@ import { createStyles } from 'antd-style';
 import { forwardRef, memo } from 'react';
 import DraggablePanel from "../../DraggablePanel";
 import ChatInputAreaInner from "./ChatInputAreaInner";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css;
   return {
@@ -32,7 +31,7 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     rest = _objectWithoutProperties(_ref2, _excluded);
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx(DraggablePanel, {
+  return /*#__PURE__*/React.createElement(DraggablePanel, {
     className: className,
     classNames: classNames,
     fullscreen: expand,
@@ -47,25 +46,22 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     },
     style: _objectSpread({
       zIndex: 10
-    }, style),
-    children: /*#__PURE__*/_jsxs("section", {
-      className: styles.container,
-      style: {
-        minHeight: heights === null || heights === void 0 ? void 0 : heights.minHeight
-      },
-      children: [topAddons, /*#__PURE__*/_jsx("div", {
-        className: styles.textareaContainer,
-        children: /*#__PURE__*/_jsx(ChatInputAreaInner, _objectSpread({
-          className: styles.textarea,
-          onSend: function onSend() {
-            _onSend === null || _onSend === void 0 || _onSend();
-            setExpand === null || setExpand === void 0 || setExpand(false);
-          },
-          ref: ref,
-          type: 'pure'
-        }, rest))
-      }), bottomAddons]
-    })
-  });
+    }, style)
+  }, /*#__PURE__*/React.createElement("section", {
+    className: styles.container,
+    style: {
+      minHeight: heights === null || heights === void 0 ? void 0 : heights.minHeight
+    }
+  }, topAddons, /*#__PURE__*/React.createElement("div", {
+    className: styles.textareaContainer
+  }, /*#__PURE__*/React.createElement(ChatInputAreaInner, _extends({
+    className: styles.textarea,
+    onSend: function onSend() {
+      _onSend === null || _onSend === void 0 || _onSend();
+      setExpand === null || setExpand === void 0 || setExpand(false);
+    },
+    ref: ref,
+    type: 'pure'
+  }, rest))), bottomAddons));
 });
 export default /*#__PURE__*/memo(ChatInputArea);

package/es/chat/ChatInputArea/ChatInputAreaInner.d.ts

@@ -8,5 +8,5 @@ export interface ChatInputAreaInnerProps extends Omit<TextAreaProps, 'onInput'>
     onSend?: () => void;
     style?: CSSProperties;
 }
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<ChatInputAreaInnerProps & import("react").RefAttributes<TextAreaRef>>>;
+declare const _default: import("react").NamedExoticComponent<ChatInputAreaInnerProps & import("react").RefAttributes<TextAreaRef>>;
 export default _default;

package/es/chat/ChatInputArea/ChatInputAreaInner.js

@@ -1,9 +1,8 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["resize", "onCompositionEnd", "onPressEnter", "onCompositionStart", "className", "onInput", "loading", "onSend", "onBlur", "onChange"];
 import { forwardRef, memo, useRef } from 'react';
 import { TextArea } from "../../Input";
-import { jsx as _jsx } from "react/jsx-runtime";
 var ChatInputAreaInner = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$resize = _ref.resize,
     resize = _ref$resize === void 0 ? false : _ref$resize,
@@ -18,7 +17,7 @@ var ChatInputAreaInner = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _onChange = _ref.onChange,
     rest = _objectWithoutProperties(_ref, _excluded);
   var isChineseInput = useRef(false);
-  return /*#__PURE__*/_jsx(TextArea, _objectSpread({
+  return /*#__PURE__*/React.createElement(TextArea, _extends({
     className: className,
     onBlur: function onBlur(e) {
       onInput === null || onInput === void 0 || onInput(e.target.value);

package/es/chat/ChatInputArea/SendButton.js

@@ -4,8 +4,6 @@ import { ArrowBigUp, CornerDownLeft, Loader2 } from 'lucide-react';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import Icon from "../../Icon";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var ChatSendButton = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     style = _ref.style,
@@ -16,7 +14,7 @@ var ChatSendButton = /*#__PURE__*/memo(function (_ref) {
     loading = _ref.loading,
     onStop = _ref.onStop;
   var theme = useTheme();
-  return /*#__PURE__*/_jsxs(Flexbox, {
+  return /*#__PURE__*/React.createElement(Flexbox, {
     align: 'end',
     className: className,
     distribution: 'space-between',
@@ -24,53 +22,40 @@ var ChatSendButton = /*#__PURE__*/memo(function (_ref) {
     gap: 8,
     horizontal: true,
     padding: '0 24px',
-    style: style,
-    children: [/*#__PURE__*/_jsx(Flexbox, {
-      align: 'center',
-      gap: 8,
-      horizontal: true,
-      children: leftAddons
-    }), /*#__PURE__*/_jsxs(Flexbox, {
-      align: 'center',
-      gap: 8,
-      horizontal: true,
-      children: [/*#__PURE__*/_jsxs(Flexbox, {
-        gap: 4,
-        horizontal: true,
-        style: {
-          color: theme.colorTextDescription,
-          fontSize: 12,
-          marginRight: 12
-        },
-        children: [/*#__PURE__*/_jsx(Icon, {
-          icon: CornerDownLeft
-        }), /*#__PURE__*/_jsx("span", {
-          children: (texts === null || texts === void 0 ? void 0 : texts.send) || 'Send'
-        }), /*#__PURE__*/_jsx("span", {
-          children: "/"
-        }), /*#__PURE__*/_jsxs(Flexbox, {
-          horizontal: true,
-          children: [/*#__PURE__*/_jsx(Icon, {
-            icon: ArrowBigUp
-          }), /*#__PURE__*/_jsx(Icon, {
-            icon: CornerDownLeft
-          })]
-        }), /*#__PURE__*/_jsx("span", {
-          children: (texts === null || texts === void 0 ? void 0 : texts.warp) || 'Warp'
-        })]
-      }), rightAddons, loading ? /*#__PURE__*/_jsx(Button, {
-        icon: loading && /*#__PURE__*/_jsx(Icon, {
-          icon: Loader2,
-          spin: true
-        }),
-        onClick: onStop,
-        children: (texts === null || texts === void 0 ? void 0 : texts.stop) || 'Stop'
-      }) : /*#__PURE__*/_jsx(Button, {
-        onClick: onSend,
-        type: 'primary',
-        children: (texts === null || texts === void 0 ? void 0 : texts.send) || 'Send'
-      })]
-    })]
-  });
+    style: style
+  }, /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    gap: 8,
+    horizontal: true
+  }, leftAddons), /*#__PURE__*/React.createElement(Flexbox, {
+    align: 'center',
+    gap: 8,
+    horizontal: true
+  }, /*#__PURE__*/React.createElement(Flexbox, {
+    gap: 4,
+    horizontal: true,
+    style: {
+      color: theme.colorTextDescription,
+      fontSize: 12,
+      marginRight: 12
+    }
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: CornerDownLeft
+  }), /*#__PURE__*/React.createElement("span", null, (texts === null || texts === void 0 ? void 0 : texts.send) || 'Send'), /*#__PURE__*/React.createElement("span", null, "/"), /*#__PURE__*/React.createElement(Flexbox, {
+    horizontal: true
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: ArrowBigUp
+  }), /*#__PURE__*/React.createElement(Icon, {
+    icon: CornerDownLeft
+  })), /*#__PURE__*/React.createElement("span", null, (texts === null || texts === void 0 ? void 0 : texts.warp) || 'Warp')), rightAddons, loading ? /*#__PURE__*/React.createElement(Button, {
+    icon: loading && /*#__PURE__*/React.createElement(Icon, {
+      icon: Loader2,
+      spin: true
+    }),
+    onClick: onStop
+  }, (texts === null || texts === void 0 ? void 0 : texts.stop) || 'Stop') : /*#__PURE__*/React.createElement(Button, {
+    onClick: onSend,
+    type: 'primary'
+  }, (texts === null || texts === void 0 ? void 0 : texts.send) || 'Send')));
 });
 export default ChatSendButton;

package/es/chat/ChatItem/components/Actions.js

@@ -1,7 +1,6 @@
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import { useStyles } from "../style";
-import { jsx as _jsx } from "react/jsx-runtime";
 var Actions = /*#__PURE__*/memo(function (_ref) {
   var actions = _ref.actions,
     placement = _ref.placement,
@@ -13,11 +12,10 @@ var Actions = /*#__PURE__*/memo(function (_ref) {
       type: type
     }),
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx(Flexbox, {
+  return /*#__PURE__*/React.createElement(Flexbox, {
     align: 'flex-start',
     className: styles.actions,
-    role: "menubar",
-    children: actions
-  });
+    role: "menubar"
+  }, actions);
 });
 export default Actions;

package/es/chat/ChatItem/components/Avatar.js

@@ -3,8 +3,6 @@ import { Flexbox } from 'react-layout-kit';
 import A from "../../../Avatar";
 import { useStyles } from "../style";
 import Loading from "./Loading";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var Avatar = /*#__PURE__*/memo(function (_ref) {
   var loading = _ref.loading,
     avatar = _ref.avatar,
@@ -18,27 +16,25 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
       avatarSize: size
     }),
     styles = _useStyles.styles;
-  var avatarContent = /*#__PURE__*/_jsxs("div", {
-    className: styles.avatarContainer,
-    children: [/*#__PURE__*/_jsx(A, {
-      animation: loading,
-      avatar: avatar.avatar,
-      background: avatar.backgroundColor,
-      onClick: onClick,
-      size: size,
-      title: avatar.title,
-      unoptimized: unoptimized
-    }), /*#__PURE__*/_jsx(Loading, {
-      loading: loading,
-      placement: placement
-    })]
-  });
+  var avatarContent = /*#__PURE__*/React.createElement("div", {
+    className: styles.avatarContainer
+  }, /*#__PURE__*/React.createElement(A, {
+    animation: loading,
+    avatar: avatar.avatar,
+    background: avatar.backgroundColor,
+    onClick: onClick,
+    size: size,
+    title: avatar.title,
+    unoptimized: unoptimized
+  }), /*#__PURE__*/React.createElement(Loading, {
+    loading: loading,
+    placement: placement
+  }));
   if (!addon) return avatarContent;
-  return /*#__PURE__*/_jsxs(Flexbox, {
+  return /*#__PURE__*/React.createElement(Flexbox, {
     align: 'center',
     className: styles.avatarGroupContainer,
-    gap: 8,
-    children: [avatarContent, addon]
-  });
+    gap: 8
+  }, avatarContent, addon);
 });
 export default Avatar;

package/es/chat/ChatItem/components/BorderSpacing.js

@@ -1,9 +1,8 @@
 import { memo } from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
 var BorderSpacing = /*#__PURE__*/memo(function (_ref) {
   var borderSpacing = _ref.borderSpacing;
   if (!borderSpacing) return null;
-  return /*#__PURE__*/_jsx("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: {
       flex: 'none',
       width: borderSpacing

package/es/chat/ChatItem/components/ErrorContent.js

@@ -1,9 +1,8 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _extends from "@babel/runtime/helpers/esm/extends";
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import Alert from "../../../Alert";
 import { useStyles } from "../style";
-import { jsx as _jsx } from "react/jsx-runtime";
 var ErrorContent = /*#__PURE__*/memo(function (_ref) {
   var message = _ref.message,
     error = _ref.error,
@@ -12,14 +11,13 @@ var ErrorContent = /*#__PURE__*/memo(function (_ref) {
       placement: placement
     }),
     styles = _useStyles.styles;
-  return /*#__PURE__*/_jsx(Flexbox, {
-    className: styles.errorContainer,
-    children: /*#__PURE__*/_jsx(Alert, _objectSpread({
-      closable: false,
-      extra: message,
-      showIcon: true,
-      type: 'error'
-    }, error))
-  });
+  return /*#__PURE__*/React.createElement(Flexbox, {
+    className: styles.errorContainer
+  }, /*#__PURE__*/React.createElement(Alert, _extends({
+    closable: false,
+    extra: message,
+    showIcon: true,
+    type: 'error'
+  }, error)));
 });
 export default ErrorContent;