@lobehub/ui 1.159.0 → 1.161.0

package/es/mdx/FileTree/index.js

@@ -1,11 +1,12 @@
 '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";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["children", "className"];
 var _templateObject;
 import { createStyles } from 'antd-style';
+import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
@@ -20,8 +21,10 @@ var FileTree = function FileTree(_ref2) {
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(styles.container, className)
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
 export default FileTree;

package/es/mdx/Mdx/index.js

@@ -2,7 +2,6 @@
 
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
@@ -21,6 +20,7 @@ import { useStyles } from "../../Markdown/style";
 import { escapeBrackets, escapeMhchem, fixMarkdownBold } from "../../Markdown/utils";
 import mdxComponents from "../mdxComponents";
 import CodeBlock from "../mdxComponents/CodeBlock";
+import { jsx as _jsx } from "react/jsx-runtime";
 var runtime = process.env.NODE_ENV === 'production' ? jsxRuntime : jsxDevRuntime;
 var Mdx = /*#__PURE__*/memo(function (_ref) {
   var children = _ref.children,
@@ -77,7 +77,7 @@ var Mdx = /*#__PURE__*/memo(function (_ref) {
     var list = {};
     Object.entries(_objectSpread(_objectSpread({}, mdxComponents), {}, {
       pre: function pre(props) {
-        return /*#__PURE__*/React.createElement(CodeBlock, _extends({}, props, {
+        return /*#__PURE__*/_jsx(CodeBlock, _objectSpread(_objectSpread({}, props), {}, {
           enableMermaid: enableMermaid,
           fullFeatured: fullFeaturedCodeBlock
         }));
@@ -87,7 +87,7 @@ var Mdx = /*#__PURE__*/memo(function (_ref) {
         key = _ref3[0],
         Render = _ref3[1];
       list[key] = function (props) {
-        return /*#__PURE__*/React.createElement(Render, props);
+        return /*#__PURE__*/_jsx(Render, _objectSpread({}, props));
       };
     });
     return list;
@@ -119,7 +119,7 @@ var Mdx = /*#__PURE__*/memo(function (_ref) {
             // @ts-ignore
             setMDXContent(function () {
               return function () {
-                return /*#__PURE__*/React.createElement(Alert, {
+                return /*#__PURE__*/_jsx(Alert, {
                   description: String(_context.t0 === null || _context.t0 === void 0 ? void 0 : _context.t0.message),
                   message: 'Error compiling MDX',
                   style: {
@@ -138,11 +138,13 @@ var Mdx = /*#__PURE__*/memo(function (_ref) {
     }))();
   }, [escapedContent, memoRehypePlugins, memoRemarkPlugins]);
   if (!MDXContent) return fallback;
-  return /*#__PURE__*/React.createElement(Typography, _extends({
+  return /*#__PURE__*/_jsx(Typography, _objectSpread(_objectSpread({
     className: cx(enableLatex && styles.latex, isChatMode && styles.chat, className),
     style: style
-  }, rest), /*#__PURE__*/React.createElement(MDXContent, {
-    components: memoComponents
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsx(MDXContent, {
+      components: memoComponents
+    })
   }));
 });
 export default Mdx;

package/es/mdx/Steps/index.js

@@ -1,11 +1,12 @@
 '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";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["children", "className"];
 var _templateObject;
 import { createStyles } from 'antd-style';
+import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css,
     token = _ref.token;
@@ -20,8 +21,10 @@ var Steps = function Steps(_ref2) {
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(styles.container, className)
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
 export default Steps;

package/es/mdx/Tabs/Tab.js

@@ -1,11 +1,12 @@
 '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";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["children", "className"];
 var _templateObject;
 import { createStyles } from 'antd-style';
+import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css;
   return {
@@ -19,8 +20,12 @@ var Tab = function Tab(_ref2) {
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(styles.body, className)
-  }, rest), /*#__PURE__*/React.createElement("div", null, children));
+  }, rest), {}, {
+    children: /*#__PURE__*/_jsx("div", {
+      children: children
+    })
+  }));
 };
 export default Tab;

package/es/mdx/Tabs/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 _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
@@ -11,6 +11,8 @@ import { createStyles } from 'antd-style';
 import { useState } from 'react';
 import { Flexbox } from 'react-layout-kit';
 import TabsNav from "../../TabsNav";
+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,
@@ -40,22 +42,24 @@ var Tabs = function Tabs(_ref2) {
     cx = _useStyles.cx,
     styles = _useStyles.styles;
   var index = Number(activeIndex);
-  return /*#__PURE__*/React.createElement(Flexbox, _extends({
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     className: cx(styles.container, className)
-  }, rest), /*#__PURE__*/React.createElement(TabsNav, _extends({
-    activeKey: activeIndex,
-    className: cx(styles.header, tabNavClassName),
-    items: items.map(function (item, i) {
-      return {
-        key: String(i),
-        label: item
-      };
-    }),
-    onChange: function onChange(v) {
-      setActiveIndex(v);
-      _onChange === null || _onChange === void 0 || _onChange(v);
-    },
-    variant: 'compact'
-  }, tabNavRest)), (children === null || children === void 0 ? void 0 : children[index]) || '');
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx(TabsNav, _objectSpread({
+      activeKey: activeIndex,
+      className: cx(styles.header, tabNavClassName),
+      items: items.map(function (item, i) {
+        return {
+          key: String(i),
+          label: item
+        };
+      }),
+      onChange: function onChange(v) {
+        setActiveIndex(v);
+        _onChange === null || _onChange === void 0 || _onChange(v);
+      },
+      variant: 'compact'
+    }, tabNavRest)), (children === null || children === void 0 ? void 0 : children[index]) || '']
+  }));
 };
 export default Tabs;

package/es/mdx/mdxComponents/CodeBlock.js

@@ -1,7 +1,8 @@
 'use client';
 
-import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import { Pre, PreMermaid, PreSingleLine } from "../mdxComponents/Pre";
+import { jsx as _jsx } from "react/jsx-runtime";
 var countLines = function countLines(str) {
   var regex = /\n/g;
   var matches = str.match(regex);
@@ -29,16 +30,20 @@ var CodeBlock = function CodeBlock(_ref) {
     mermaid = _ref.mermaid;
   var code = useCode(children);
   if (!code) return;
-  if (enableMermaid && code.lang === 'mermaid') return /*#__PURE__*/React.createElement(PreMermaid, _extends({
+  if (enableMermaid && code.lang === 'mermaid') return /*#__PURE__*/_jsx(PreMermaid, _objectSpread(_objectSpread({
     fullFeatured: fullFeatured
-  }, mermaid), code.content);
-  if (code.isSingleLine) return /*#__PURE__*/React.createElement(PreSingleLine, {
-    language: code.lang
-  }, code.content);
-  return /*#__PURE__*/React.createElement(Pre, {
+  }, mermaid), {}, {
+    children: code.content
+  }));
+  if (code.isSingleLine) return /*#__PURE__*/_jsx(PreSingleLine, {
+    language: code.lang,
+    children: code.content
+  });
+  return /*#__PURE__*/_jsx(Pre, {
     allowChangeLanguage: false,
     fullFeatured: fullFeatured,
-    language: code.lang
-  }, code.content);
+    language: code.lang,
+    children: code.content
+  });
 };
 export default CodeBlock;

package/es/mdx/mdxComponents/Image.js

@@ -1,10 +1,10 @@
 '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 = ["style", "width", "height", "cover", "inStep", "alt"];
 import LobeImage from "../../Image";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Image = function Image(_ref) {
   var style = _ref.style,
     _ref$width = _ref.width,
@@ -25,7 +25,7 @@ var Image = function Image(_ref) {
     height: height,
     width: width
   };
-  return /*#__PURE__*/React.createElement(LobeImage, _extends({
+  return /*#__PURE__*/_jsx(LobeImage, _objectSpread({
     alt: alt,
     height: size.height,
     preview: {

package/es/mdx/mdxComponents/Link.js

@@ -1,13 +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 = ["href", "target"];
 import A from "../../A";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Link = function Link(_ref) {
   var href = _ref.href,
     target = _ref.target,
     rest = _objectWithoutProperties(_ref, _excluded);
   var isNewWindow = href === null || href === void 0 ? void 0 : href.startsWith('http');
-  return /*#__PURE__*/React.createElement(A, _extends({
+  return /*#__PURE__*/_jsx(A, _objectSpread({
     href: href,
     target: target || isNewWindow ? '_blank' : undefined
   }, rest));

package/es/mdx/mdxComponents/Pre.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";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _excluded = ["fullFeatured", "fileName", "allowChangeLanguage", "language", "children", "className", "style", "icon"],
@@ -12,6 +12,7 @@ import Highlighter from "../../Highlighter";
 import Mermaid from "../../Mermaid";
 import Snippet from "../../Snippet";
 import { FALLBACK_LANG } from "../../hooks/useHighlight";
+import { jsx as _jsx } from "react/jsx-runtime";
 var useStyles = createStyles(function (_ref) {
   var css = _ref.css;
   return {
@@ -32,7 +33,7 @@ export var Pre = function Pre(_ref2) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
-  return /*#__PURE__*/React.createElement(Highlighter, _extends({
+  return /*#__PURE__*/_jsx(Highlighter, _objectSpread(_objectSpread({
     allowChangeLanguage: allowChangeLanguage,
     className: cx(styles.container, className),
     copyButtonSize: {
@@ -45,7 +46,9 @@ export var Pre = function Pre(_ref2) {
     language: language,
     style: style,
     type: "block"
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
 export var PreSingleLine = function PreSingleLine(_ref3) {
   var _ref3$language = _ref3.language,
@@ -57,13 +60,15 @@ export var PreSingleLine = function PreSingleLine(_ref3) {
   var _useStyles2 = useStyles(),
     cx = _useStyles2.cx,
     styles = _useStyles2.styles;
-  return /*#__PURE__*/React.createElement(Snippet, _extends({
+  return /*#__PURE__*/_jsx(Snippet, _objectSpread(_objectSpread({
     className: cx(styles.container, className),
     "data-code-type": "highlighter",
     language: language,
     style: style,
     type: 'block'
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
 export var PreMermaid = function PreMermaid(_ref4) {
   var fullFeatured = _ref4.fullFeatured,
@@ -74,7 +79,7 @@ export var PreMermaid = function PreMermaid(_ref4) {
   var _useStyles3 = useStyles(),
     styles = _useStyles3.styles,
     cx = _useStyles3.cx;
-  return /*#__PURE__*/React.createElement(Mermaid, _extends({
+  return /*#__PURE__*/_jsx(Mermaid, _objectSpread(_objectSpread({
     className: cx(styles.container, className),
     copyButtonSize: {
       blockSize: 28,
@@ -83,6 +88,8 @@ export var PreMermaid = function PreMermaid(_ref4) {
     fullFeatured: fullFeatured,
     style: style,
     type: "block"
-  }, rest), children);
+  }, rest), {}, {
+    children: children
+  }));
 };
 export default Pre;

package/es/mdx/mdxComponents/Video.js

@@ -1,10 +1,10 @@
 '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 = ["style", "width", "height", "cover", "inStep"];
 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,
@@ -23,7 +23,7 @@ var Video = function Video(_ref) {
     height: height,
     width: width
   };
-  return /*#__PURE__*/React.createElement(LobeVideo, _extends({
+  return /*#__PURE__*/_jsx(LobeVideo, _objectSpread({
     height: size.height,
     preview: false,
     style: _objectSpread({

package/es/mobile/MobileChatInputArea/SendButton.js

@@ -1,4 +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";
 var _excluded = ["loading", "onStop", "onSend"];
 import { useTheme } from 'antd-style';
@@ -6,6 +6,7 @@ import { Loader2, SendHorizontal } from 'lucide-react';
 import { readableColor } from 'polished';
 import { memo } from 'react';
 import ActionIcon from "../../ActionIcon";
+import { jsx as _jsx } from "react/jsx-runtime";
 var MobileChatSendButton = /*#__PURE__*/memo(function (_ref) {
   var loading = _ref.loading,
     onStop = _ref.onStop,
@@ -16,13 +17,13 @@ var MobileChatSendButton = /*#__PURE__*/memo(function (_ref) {
     blockSize: 36,
     fontSize: 16
   };
-  return loading ? /*#__PURE__*/React.createElement(ActionIcon, _extends({
+  return loading ? /*#__PURE__*/_jsx(ActionIcon, _objectSpread({
     active: true,
     icon: Loader2,
     onClick: onStop,
     size: size,
     spin: true
-  }, rest)) : /*#__PURE__*/React.createElement(ActionIcon, _extends({
+  }, rest)) : /*#__PURE__*/_jsx(ActionIcon, _objectSpread({
     icon: SendHorizontal,
     onClick: onSend,
     size: size,

package/es/mobile/MobileChatInputArea/index.js

@@ -12,6 +12,8 @@ import { Flexbox } from 'react-layout-kit';
 import ActionIcon from "../../ActionIcon";
 import ChatInputAreaInner from "../../chat/ChatInputArea/ChatInputAreaInner";
 import MobileSafeArea from "../MobileSafeArea";
+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;
@@ -58,83 +60,91 @@ var MobileChatInputArea = /*#__PURE__*/forwardRef(function (_ref2, ref) {
   var InnerContainer = useCallback(function (_ref3) {
     var children = _ref3.children,
       r = _objectWithoutProperties(_ref3, _excluded);
-    return expand ? /*#__PURE__*/React.createElement(Flexbox, {
+    return expand ? /*#__PURE__*/_jsxs(Flexbox, {
       className: styles.inner,
-      gap: 8
-    }, /*#__PURE__*/React.createElement(Flexbox, {
       gap: 8,
-      horizontal: true,
-      justify: 'flex-end'
-    }, r.textAreaLeftAddons, r.textAreaRightAddons), children, r.topAddons, r.bottomAddons) : /*#__PURE__*/React.createElement(Flexbox, {
+      children: [/*#__PURE__*/_jsxs(Flexbox, {
+        gap: 8,
+        horizontal: true,
+        justify: 'flex-end',
+        children: [r.textAreaLeftAddons, r.textAreaRightAddons]
+      }), children, r.topAddons, r.bottomAddons]
+    }) : /*#__PURE__*/_jsxs(Flexbox, {
       align: 'flex-end',
       className: styles.inner,
       gap: 8,
-      horizontal: true
-    }, r.textAreaLeftAddons, children, r.textAreaRightAddons);
+      horizontal: true,
+      children: [r.textAreaLeftAddons, children, r.textAreaRightAddons]
+    });
   }, [expand, loading]);
   var showAddons = !expand && !isFocused;
-  return /*#__PURE__*/React.createElement(Flexbox, {
+  return /*#__PURE__*/_jsxs(Flexbox, {
     className: cx(styles.container, expand && styles.expand, className),
     gap: 12,
-    style: style
-  }, topAddons && /*#__PURE__*/React.createElement(Flexbox, {
-    style: showAddons ? {} : {
-      display: 'none'
-    }
-  }, topAddons), /*#__PURE__*/React.createElement(Flexbox, {
-    className: cx(expand && styles.expand),
-    ref: containerRef,
-    style: {
-      position: 'relative'
-    }
-  }, showFullscreen && /*#__PURE__*/React.createElement(ActionIcon, {
-    active: true,
-    className: styles.expandButton,
-    icon: expand ? ChevronDown : ChevronUp,
-    onClick: function onClick() {
-      return setExpand === null || setExpand === void 0 ? void 0 : setExpand(!expand);
-    },
-    size: {
-      blockSize: 24,
-      borderRadius: '50%',
-      fontSize: 14
-    },
-    style: expand ? {
-      top: 6
-    } : {}
-  }), /*#__PURE__*/React.createElement(InnerContainer, {
-    bottomAddons: bottomAddons,
-    textAreaLeftAddons: textAreaLeftAddons,
-    textAreaRightAddons: textAreaRightAddons,
-    topAddons: topAddons
-  }, /*#__PURE__*/React.createElement(ChatInputAreaInner, {
-    autoSize: expand ? false : {
-      maxRows: 6,
-      minRows: 0
-    },
-    className: cx(expand && styles.expandTextArea),
-    loading: loading,
-    onBlur: function onBlur() {
-      return setIsFocused(false);
-    },
-    onFocus: function onFocus() {
-      return setIsFocused(true);
-    },
-    onInput: onInput,
-    onSend: onSend,
-    ref: ref,
-    style: {
-      height: 36,
-      paddingBlock: 6
-    },
-    type: expand ? 'pure' : 'block',
-    value: value
-  }))), bottomAddons && /*#__PURE__*/React.createElement(Flexbox, {
-    style: showAddons ? {} : {
-      display: 'none'
-    }
-  }, bottomAddons), safeArea && !isFocused && /*#__PURE__*/React.createElement(MobileSafeArea, {
-    position: 'bottom'
-  }));
+    style: style,
+    children: [topAddons && /*#__PURE__*/_jsx(Flexbox, {
+      style: showAddons ? {} : {
+        display: 'none'
+      },
+      children: topAddons
+    }), /*#__PURE__*/_jsxs(Flexbox, {
+      className: cx(expand && styles.expand),
+      ref: containerRef,
+      style: {
+        position: 'relative'
+      },
+      children: [showFullscreen && /*#__PURE__*/_jsx(ActionIcon, {
+        active: true,
+        className: styles.expandButton,
+        icon: expand ? ChevronDown : ChevronUp,
+        onClick: function onClick() {
+          return setExpand === null || setExpand === void 0 ? void 0 : setExpand(!expand);
+        },
+        size: {
+          blockSize: 24,
+          borderRadius: '50%',
+          fontSize: 14
+        },
+        style: expand ? {
+          top: 6
+        } : {}
+      }), /*#__PURE__*/_jsx(InnerContainer, {
+        bottomAddons: bottomAddons,
+        textAreaLeftAddons: textAreaLeftAddons,
+        textAreaRightAddons: textAreaRightAddons,
+        topAddons: topAddons,
+        children: /*#__PURE__*/_jsx(ChatInputAreaInner, {
+          autoSize: expand ? false : {
+            maxRows: 6,
+            minRows: 0
+          },
+          className: cx(expand && styles.expandTextArea),
+          loading: loading,
+          onBlur: function onBlur() {
+            return setIsFocused(false);
+          },
+          onFocus: function onFocus() {
+            return setIsFocused(true);
+          },
+          onInput: onInput,
+          onSend: onSend,
+          ref: ref,
+          style: {
+            height: 36,
+            paddingBlock: 6
+          },
+          type: expand ? 'pure' : 'block',
+          value: value
+        })
+      })]
+    }), bottomAddons && /*#__PURE__*/_jsx(Flexbox, {
+      style: showAddons ? {} : {
+        display: 'none'
+      },
+      children: bottomAddons
+    }), safeArea && !isFocused && /*#__PURE__*/_jsx(MobileSafeArea, {
+      position: 'bottom'
+    })]
+  });
 });
 export default MobileChatInputArea;