@lobehub/ui 1.159.0 → 1.161.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__*/React.createElement("svg", _extends({
+  return /*#__PURE__*/_jsx("svg", _objectSpread(_objectSpread({
     fill: "none",
     height: size,
     shapeRendering: "geometricPrecision",
@@ -21,8 +21,10 @@ var Divider = /*#__PURE__*/memo(function (_ref) {
     }, style),
     viewBox: "0 0 24 24",
     width: size
-  }, rest), /*#__PURE__*/React.createElement("path", {
-    d: "M16.88 3.549L7.12 20.451"
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M16.88 3.549L7.12 20.451"
+    })
   }));
 });
 export default Divider;

package/es/chat/BackBottom/index.js

@@ -7,6 +7,7 @@ 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,
@@ -41,15 +42,16 @@ var BackBottom = /*#__PURE__*/memo(function (_ref) {
     });
     onClick === null || onClick === void 0 || onClick(e);
   };
-  return /*#__PURE__*/React.createElement(Button, {
+  return /*#__PURE__*/_jsx(Button, {
     className: cx(styles, className),
-    icon: /*#__PURE__*/React.createElement(Icon, {
+    icon: /*#__PURE__*/_jsx(Icon, {
       icon: ListEnd
     }),
     onClick: scrollToBottom,
     ref: ref,
     size: 'small',
-    style: style
-  }, text || 'Back to bottom');
+    style: style,
+    children: text || 'Back to bottom'
+  });
 });
 export default BackBottom;

package/es/chat/ChatHeader/ChatHeaderTitle.js

@@ -3,6 +3,8 @@ 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;
@@ -21,33 +23,40 @@ var ChatHeaderTitle = /*#__PURE__*/memo(function (_ref2) {
     tag = _ref2.tag;
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
-  var tagContent = tag && /*#__PURE__*/React.createElement(Flexbox, {
+  var tagContent = tag && /*#__PURE__*/_jsx(Flexbox, {
     align: 'center',
     className: styles.tag,
-    horizontal: true
-  }, tag);
-  if (desc) return /*#__PURE__*/React.createElement(Flexbox, {
+    horizontal: true,
+    children: tag
+  });
+  if (desc) return /*#__PURE__*/_jsxs(Flexbox, {
     className: styles.container,
-    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, {
+    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, {
     align: 'center',
     className: styles.container,
     gap: 8,
-    horizontal: true
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.title
-  }, title), tagContent);
+    horizontal: true,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.title,
+      children: title
+    }), tagContent]
+  });
 });
 export default ChatHeaderTitle;

package/es/chat/ChatHeader/index.js

@@ -1,6 +1,6 @@
 'use client';
 
-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 = ["left", "right", "className", "styles", "gaps", "classNames", "showBackButton", "onBackClick", "children", "gap"];
 import { ChevronLeft } from 'lucide-react';
@@ -8,6 +8,8 @@ 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,
@@ -24,45 +26,50 @@ var ChatHeader = /*#__PURE__*/memo(function (_ref) {
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/React.createElement(Flexbox, _extends({
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     align: 'center',
     className: cx(styles.container, className),
     distribution: 'space-between',
     gap: gap,
     horizontal: true,
     paddingInline: 16
-  }, 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));
+  }, 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
+    })]
+  }));
 });
 export default ChatHeader;

package/es/chat/ChatInputArea/ChatInputActionBar.js

@@ -3,6 +3,8 @@ 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,
@@ -22,26 +24,29 @@ var ChatInputActionBar = /*#__PURE__*/memo(function (_ref2) {
     mobile = _useResponsive.mobile;
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
-  return /*#__PURE__*/React.createElement(Flexbox, {
+  return /*#__PURE__*/_jsxs(Flexbox, {
     align: 'center',
     className: styles.container,
     flex: 'none',
     horizontal: true,
     justify: 'space-between',
-    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));
+    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
+    })]
+  });
 });
 export default ChatInputActionBar;

package/es/chat/ChatInputArea/ChatInputArea.js

@@ -1,4 +1,3 @@
-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";
@@ -8,6 +7,8 @@ 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 {
@@ -31,7 +32,7 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     rest = _objectWithoutProperties(_ref2, _excluded);
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
-  return /*#__PURE__*/React.createElement(DraggablePanel, {
+  return /*#__PURE__*/_jsx(DraggablePanel, {
     className: className,
     classNames: classNames,
     fullscreen: expand,
@@ -46,22 +47,25 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
     },
     style: _objectSpread({
       zIndex: 10
-    }, 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));
+    }, 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]
+    })
+  });
 });
 export default /*#__PURE__*/memo(ChatInputArea);

package/es/chat/ChatInputArea/ChatInputAreaInner.js

@@ -1,8 +1,9 @@
-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 = ["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,
@@ -17,7 +18,7 @@ var ChatInputAreaInner = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _onChange = _ref.onChange,
     rest = _objectWithoutProperties(_ref, _excluded);
   var isChineseInput = useRef(false);
-  return /*#__PURE__*/React.createElement(TextArea, _extends({
+  return /*#__PURE__*/_jsx(TextArea, _objectSpread({
     className: className,
     onBlur: function onBlur(e) {
       onInput === null || onInput === void 0 || onInput(e.target.value);

package/es/chat/ChatInputArea/SendButton.js

@@ -4,6 +4,8 @@ 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,
@@ -14,7 +16,7 @@ var ChatSendButton = /*#__PURE__*/memo(function (_ref) {
     loading = _ref.loading,
     onStop = _ref.onStop;
   var theme = useTheme();
-  return /*#__PURE__*/React.createElement(Flexbox, {
+  return /*#__PURE__*/_jsxs(Flexbox, {
     align: 'end',
     className: className,
     distribution: 'space-between',
@@ -22,40 +24,53 @@ var ChatSendButton = /*#__PURE__*/memo(function (_ref) {
     gap: 8,
     horizontal: true,
     padding: '0 24px',
-    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')));
+    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'
+      })]
+    })]
+  });
 });
 export default ChatSendButton;

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

@@ -1,6 +1,7 @@
 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,
@@ -12,10 +13,11 @@ var Actions = /*#__PURE__*/memo(function (_ref) {
       type: type
     }),
     styles = _useStyles.styles;
-  return /*#__PURE__*/React.createElement(Flexbox, {
+  return /*#__PURE__*/_jsx(Flexbox, {
     align: 'flex-start',
     className: styles.actions,
-    role: "menubar"
-  }, actions);
+    role: "menubar",
+    children: actions
+  });
 });
 export default Actions;

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

@@ -3,6 +3,8 @@ 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,
@@ -16,25 +18,27 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
       avatarSize: size
     }),
     styles = _useStyles.styles;
-  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
-  }));
+  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
+    })]
+  });
   if (!addon) return avatarContent;
-  return /*#__PURE__*/React.createElement(Flexbox, {
+  return /*#__PURE__*/_jsxs(Flexbox, {
     align: 'center',
     className: styles.avatarGroupContainer,
-    gap: 8
-  }, avatarContent, addon);
+    gap: 8,
+    children: [avatarContent, addon]
+  });
 });
 export default Avatar;

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

@@ -1,8 +1,9 @@
 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__*/React.createElement("div", {
+  return /*#__PURE__*/_jsx("div", {
     style: {
       flex: 'none',
       width: borderSpacing

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

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

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

@@ -3,6 +3,7 @@ import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import Icon from "../../../Icon";
 import { useStyles } from "../style";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Loading = /*#__PURE__*/memo(function (_ref) {
   var loading = _ref.loading,
     placement = _ref.placement;
@@ -11,17 +12,18 @@ var Loading = /*#__PURE__*/memo(function (_ref) {
     }),
     styles = _useStyles.styles;
   if (!loading) return null;
-  return /*#__PURE__*/React.createElement(Flexbox, {
+  return /*#__PURE__*/_jsx(Flexbox, {
     align: 'center',
     className: styles.loading,
-    justify: 'center'
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: Loader2,
-    size: {
-      fontSize: 12,
-      strokeWidth: 3
-    },
-    spin: true
-  }));
+    justify: 'center',
+    children: /*#__PURE__*/_jsx(Icon, {
+      icon: Loader2,
+      size: {
+        fontSize: 12,
+        strokeWidth: 3
+      },
+      spin: true
+    })
+  });
 });
 export default Loading;