@lobehub/ui 1.158.1 → 1.160.0

package/es/brand/LobeHub/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 = ["type", "size", "style", "extra", "className"];
 import { useTheme } from 'antd-style';
@@ -12,6 +12,9 @@ import LogoFlat from "../LogoFlat";
 import LogoMono from "../LogoMono";
 import Divider from "../components/Divider";
 import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var LobeHub = /*#__PURE__*/memo(function (_ref) {
   var _ref$type = _ref.type,
     type = _ref$type === void 0 ? '3d' : _ref$type,
@@ -28,14 +31,14 @@ var LobeHub = /*#__PURE__*/memo(function (_ref) {
   switch (type) {
     case '3d':
       {
-        logoComponent = /*#__PURE__*/React.createElement(Logo3d, _extends({
+        logoComponent = /*#__PURE__*/_jsx(Logo3d, _objectSpread({
           size: size
         }, rest));
         break;
       }
     case 'flat':
       {
-        logoComponent = /*#__PURE__*/React.createElement(LogoFlat, {
+        logoComponent = /*#__PURE__*/_jsx(LogoFlat, {
           size: size,
           style: style
         });
@@ -43,7 +46,7 @@ var LobeHub = /*#__PURE__*/memo(function (_ref) {
       }
     case 'mono':
       {
-        logoComponent = /*#__PURE__*/React.createElement(LogoMono, {
+        logoComponent = /*#__PURE__*/_jsx(LogoMono, {
           size: size,
           style: style
         });
@@ -51,7 +54,7 @@ var LobeHub = /*#__PURE__*/memo(function (_ref) {
       }
     case 'text':
       {
-        logoComponent = /*#__PURE__*/React.createElement(LogoText, _extends({
+        logoComponent = /*#__PURE__*/_jsx(LogoText, _objectSpread({
           className: className,
           size: size,
           style: style
@@ -60,43 +63,49 @@ var LobeHub = /*#__PURE__*/memo(function (_ref) {
       }
     case 'combine':
       {
-        logoComponent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Logo3d, {
-          alt: "LobeChat",
-          size: size
-        }), /*#__PURE__*/React.createElement(LogoText, {
-          size: size,
-          style: {
-            marginLeft: Math.round(size / 4)
-          }
-        }));
-        if (!extra) logoComponent = /*#__PURE__*/React.createElement(Flexbox, {
+        logoComponent = /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Logo3d, {
+            alt: "LobeChat",
+            size: size
+          }), /*#__PURE__*/_jsx(LogoText, {
+            size: size,
+            style: {
+              marginLeft: Math.round(size / 4)
+            }
+          })]
+        });
+        if (!extra) logoComponent = /*#__PURE__*/_jsx(Flexbox, {
           align: 'center',
           className: className,
           flex: 'none',
           horizontal: true,
-          style: style
-        }, logoComponent);
+          style: style,
+          children: logoComponent
+        });
         break;
       }
   }
   if (!extra) return logoComponent;
   var extraSize = Math.round(size / 3 * 1.9);
-  return /*#__PURE__*/React.createElement(Flexbox, _extends({
+  return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     align: 'center',
     className: className,
     flex: 'none',
     horizontal: true,
     style: style
-  }, rest), logoComponent, /*#__PURE__*/React.createElement(Divider, {
-    size: extraSize,
-    style: {
-      color: theme.colorFill
-    }
-  }), /*#__PURE__*/React.createElement("div", {
-    className: styles.extraTitle,
-    style: {
-      fontSize: extraSize
-    }
-  }, extra));
+  }, rest), {}, {
+    children: [logoComponent, /*#__PURE__*/_jsx(Divider, {
+      size: extraSize,
+      style: {
+        color: theme.colorFill
+      }
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.extraTitle,
+      style: {
+        fontSize: extraSize
+      },
+      children: extra
+    })]
+  }));
 });
 export default LobeHub;

package/es/brand/LobeHubText/index.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 = ["size", "style"];
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var LobeHubText = function LobeHubText(_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__*/_jsxs("svg", _objectSpread(_objectSpread({
     fill: "currentColor",
     fillRule: "evenodd",
     height: size,
@@ -17,8 +18,12 @@ var LobeHubText = function LobeHubText(_ref) {
     }, style),
     viewBox: "0 0 940 320",
     xmlns: "http://www.w3.org/2000/svg"
-  }, rest), /*#__PURE__*/React.createElement("title", null, "LobeHub"), /*#__PURE__*/React.createElement("path", {
-    d: "M15 240.035V87.172h39.24V205.75h66.192v34.285H15zM183.731 242c-11.759 0-22.196-2.621-31.313-7.862-9.116-5.241-16.317-12.447-21.601-21.619-5.153-9.317-7.729-19.945-7.729-31.883 0-11.937 2.576-22.492 7.729-31.664 5.164-8.963 12.159-15.98 20.982-21.05l.619-.351c9.117-5.241 19.554-7.861 31.313-7.861s22.196 2.62 31.313 7.861c9.248 5.096 16.449 12.229 21.601 21.401 5.153 9.172 7.729 19.727 7.729 31.664 0 11.938-2.576 22.566-7.729 31.883-5.152 9.172-12.353 16.378-21.601 21.619-9.117 5.241-19.554 7.862-31.313 7.862zm0-32.975c4.36 0 8.191-1.092 11.494-3.275 3.436-2.184 6.144-5.387 8.126-9.609 1.982-4.367 2.973-9.536 2.973-15.505 0-5.968-.991-10.991-2.973-15.067-1.906-4.06-4.483-7.177-7.733-9.352l-.393-.257c-3.303-2.184-7.134-3.276-11.494-3.276-4.228 0-8.059 1.092-11.495 3.276-3.303 2.184-6.011 5.387-8.125 9.609-1.982 4.076-2.973 9.099-2.973 15.067 0 5.969.991 11.138 2.973 15.505 2.114 4.222 4.822 7.425 8.125 9.609 3.436 2.183 7.267 3.275 11.495 3.275zM295.508 78l-.001 54.042a34.071 34.071 0 016.541-5.781c6.474-4.367 14.269-6.551 23.385-6.551 9.777 0 18.629 2.475 26.557 7.424 7.872 4.835 14.105 11.684 18.7 20.546l.325.637c4.756 9.026 7.135 19.799 7.135 32.319 0 12.666-2.379 23.585-7.135 32.757-4.624 9.026-10.966 16.087-19.025 21.182-7.928 4.95-16.78 7.425-26.557 7.425-9.644 0-17.704-2.184-24.178-6.551-2.825-1.946-5.336-4.355-7.532-7.226l.001 11.812h-35.87V78h37.654zm21.998 74.684c-4.228 0-8.059 1.092-11.494 3.276-3.303 2.184-6.012 5.387-8.126 9.609-1.982 4.076-2.972 9.099-2.972 15.067 0 5.969.99 11.138 2.972 15.505 2.114 4.222 4.823 7.425 8.126 9.609 3.435 2.183 7.266 3.275 11.494 3.275s7.994-1.092 11.297-3.275c3.435-2.184 6.143-5.387 8.125-9.609 2.114-4.367 3.171-9.536 3.171-15.505 0-5.968-1.057-10.991-3.171-15.067-1.906-4.06-4.483-7.177-7.732-9.352l-.393-.257c-3.303-2.184-7.069-3.276-11.297-3.276zm105.335 38.653l.084.337a27.857 27.857 0 002.057 5.559c2.246 4.222 5.417 7.498 9.513 9.827 4.096 2.184 8.984 3.276 14.665 3.276 5.285 0 9.777-.801 13.477-2.403 3.579-1.632 7.1-4.025 10.564-7.182l.732-.679 19.818 22.711c-5.153 6.26-11.494 11.064-19.025 14.413-7.531 3.203-16.449 4.804-26.755 4.804-12.683 0-23.782-2.621-33.294-7.862-9.381-5.386-16.713-12.665-21.998-21.837-5.153-9.317-7.729-19.872-7.729-31.665 0-11.792 2.51-22.274 7.53-31.446 5.036-9.105 11.902-16.195 20.596-21.268l.61-.351c8.984-5.241 19.091-7.861 30.322-7.861 10.311 0 19.743 2.286 28.294 6.859l.64.347c8.72 4.659 15.656 11.574 20.809 20.746 5.153 9.172 7.729 20.309 7.729 33.411 0 1.294-.052 2.761-.156 4.4l-.042.623-.17 2.353c-.075 1.01-.151 1.973-.227 2.888h-78.044zm21.365-42.147c-4.492 0-8.456 1.092-11.891 3.276-3.303 2.184-5.879 5.314-7.729 9.39a26.04 26.04 0 00-1.117 2.79 30.164 30.164 0 00-1.121 4.499l-.058.354h43.96l-.015-.106c-.401-2.638-1.122-5.055-2.163-7.252l-.246-.503c-1.776-3.774-4.282-6.742-7.519-8.906l-.409-.266c-3.303-2.184-7.2-3.276-11.692-3.276zm111.695-62.018l-.001 57.432h53.51V87.172h39.24v152.863h-39.24v-59.617H555.9l.001 59.617h-39.24V87.172h39.24zM715.766 242c-8.72 0-16.581-1.893-23.583-5.678-6.87-3.785-12.287-9.681-16.251-17.688-3.832-8.153-5.747-18.417-5.747-30.791v-66.168h37.654v59.398c0 9.172 1.519 15.723 4.558 19.654 3.171 3.931 7.597 5.896 13.278 5.896 3.7 0 7.069-.946 10.108-2.839 3.038-1.892 5.483-4.877 7.332-8.953 1.85-4.222 2.775-9.609 2.775-16.16v-56.996h37.654v118.36h-35.871l.004-12.38c-2.642 3.197-5.682 5.868-9.12 8.012-7.002 4.222-14.599 6.333-22.791 6.333zM841.489 78l-.001 54.041a34.1 34.1 0 016.541-5.78c6.474-4.367 14.269-6.551 23.385-6.551 9.777 0 18.629 2.475 26.556 7.424 7.873 4.835 14.106 11.684 18.701 20.546l.325.637c4.756 9.026 7.134 19.799 7.134 32.319 0 12.666-2.378 23.585-7.134 32.757-4.624 9.026-10.966 16.087-19.026 21.182-7.927 4.95-16.779 7.425-26.556 7.425-9.645 0-17.704-2.184-24.178-6.551-2.825-1.946-5.336-4.354-7.531-7.224v11.81h-35.87V78h37.654zm21.998 74.684c-4.228 0-8.059 1.092-11.495 3.276-3.303 2.184-6.011 5.387-8.125 9.609-1.982 4.076-2.973 9.099-2.973 15.067 0 5.969.991 11.138 2.973 15.505 2.114 4.222 4.822 7.425 8.125 9.609 3.436 2.183 7.267 3.275 11.495 3.275 4.228 0 7.993-1.092 11.296-3.275 3.435-2.184 6.144-5.387 8.126-9.609 2.114-4.367 3.171-9.536 3.171-15.505 0-5.968-1.057-10.991-3.171-15.067-1.906-4.06-4.484-7.177-7.733-9.352l-.393-.257c-3.303-2.184-7.068-3.276-11.296-3.276z"
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx("title", {
+      children: "LobeHub"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M15 240.035V87.172h39.24V205.75h66.192v34.285H15zM183.731 242c-11.759 0-22.196-2.621-31.313-7.862-9.116-5.241-16.317-12.447-21.601-21.619-5.153-9.317-7.729-19.945-7.729-31.883 0-11.937 2.576-22.492 7.729-31.664 5.164-8.963 12.159-15.98 20.982-21.05l.619-.351c9.117-5.241 19.554-7.861 31.313-7.861s22.196 2.62 31.313 7.861c9.248 5.096 16.449 12.229 21.601 21.401 5.153 9.172 7.729 19.727 7.729 31.664 0 11.938-2.576 22.566-7.729 31.883-5.152 9.172-12.353 16.378-21.601 21.619-9.117 5.241-19.554 7.862-31.313 7.862zm0-32.975c4.36 0 8.191-1.092 11.494-3.275 3.436-2.184 6.144-5.387 8.126-9.609 1.982-4.367 2.973-9.536 2.973-15.505 0-5.968-.991-10.991-2.973-15.067-1.906-4.06-4.483-7.177-7.733-9.352l-.393-.257c-3.303-2.184-7.134-3.276-11.494-3.276-4.228 0-8.059 1.092-11.495 3.276-3.303 2.184-6.011 5.387-8.125 9.609-1.982 4.076-2.973 9.099-2.973 15.067 0 5.969.991 11.138 2.973 15.505 2.114 4.222 4.822 7.425 8.125 9.609 3.436 2.183 7.267 3.275 11.495 3.275zM295.508 78l-.001 54.042a34.071 34.071 0 016.541-5.781c6.474-4.367 14.269-6.551 23.385-6.551 9.777 0 18.629 2.475 26.557 7.424 7.872 4.835 14.105 11.684 18.7 20.546l.325.637c4.756 9.026 7.135 19.799 7.135 32.319 0 12.666-2.379 23.585-7.135 32.757-4.624 9.026-10.966 16.087-19.025 21.182-7.928 4.95-16.78 7.425-26.557 7.425-9.644 0-17.704-2.184-24.178-6.551-2.825-1.946-5.336-4.355-7.532-7.226l.001 11.812h-35.87V78h37.654zm21.998 74.684c-4.228 0-8.059 1.092-11.494 3.276-3.303 2.184-6.012 5.387-8.126 9.609-1.982 4.076-2.972 9.099-2.972 15.067 0 5.969.99 11.138 2.972 15.505 2.114 4.222 4.823 7.425 8.126 9.609 3.435 2.183 7.266 3.275 11.494 3.275s7.994-1.092 11.297-3.275c3.435-2.184 6.143-5.387 8.125-9.609 2.114-4.367 3.171-9.536 3.171-15.505 0-5.968-1.057-10.991-3.171-15.067-1.906-4.06-4.483-7.177-7.732-9.352l-.393-.257c-3.303-2.184-7.069-3.276-11.297-3.276zm105.335 38.653l.084.337a27.857 27.857 0 002.057 5.559c2.246 4.222 5.417 7.498 9.513 9.827 4.096 2.184 8.984 3.276 14.665 3.276 5.285 0 9.777-.801 13.477-2.403 3.579-1.632 7.1-4.025 10.564-7.182l.732-.679 19.818 22.711c-5.153 6.26-11.494 11.064-19.025 14.413-7.531 3.203-16.449 4.804-26.755 4.804-12.683 0-23.782-2.621-33.294-7.862-9.381-5.386-16.713-12.665-21.998-21.837-5.153-9.317-7.729-19.872-7.729-31.665 0-11.792 2.51-22.274 7.53-31.446 5.036-9.105 11.902-16.195 20.596-21.268l.61-.351c8.984-5.241 19.091-7.861 30.322-7.861 10.311 0 19.743 2.286 28.294 6.859l.64.347c8.72 4.659 15.656 11.574 20.809 20.746 5.153 9.172 7.729 20.309 7.729 33.411 0 1.294-.052 2.761-.156 4.4l-.042.623-.17 2.353c-.075 1.01-.151 1.973-.227 2.888h-78.044zm21.365-42.147c-4.492 0-8.456 1.092-11.891 3.276-3.303 2.184-5.879 5.314-7.729 9.39a26.04 26.04 0 00-1.117 2.79 30.164 30.164 0 00-1.121 4.499l-.058.354h43.96l-.015-.106c-.401-2.638-1.122-5.055-2.163-7.252l-.246-.503c-1.776-3.774-4.282-6.742-7.519-8.906l-.409-.266c-3.303-2.184-7.2-3.276-11.692-3.276zm111.695-62.018l-.001 57.432h53.51V87.172h39.24v152.863h-39.24v-59.617H555.9l.001 59.617h-39.24V87.172h39.24zM715.766 242c-8.72 0-16.581-1.893-23.583-5.678-6.87-3.785-12.287-9.681-16.251-17.688-3.832-8.153-5.747-18.417-5.747-30.791v-66.168h37.654v59.398c0 9.172 1.519 15.723 4.558 19.654 3.171 3.931 7.597 5.896 13.278 5.896 3.7 0 7.069-.946 10.108-2.839 3.038-1.892 5.483-4.877 7.332-8.953 1.85-4.222 2.775-9.609 2.775-16.16v-56.996h37.654v118.36h-35.871l.004-12.38c-2.642 3.197-5.682 5.868-9.12 8.012-7.002 4.222-14.599 6.333-22.791 6.333zM841.489 78l-.001 54.041a34.1 34.1 0 016.541-5.78c6.474-4.367 14.269-6.551 23.385-6.551 9.777 0 18.629 2.475 26.556 7.424 7.873 4.835 14.106 11.684 18.701 20.546l.325.637c4.756 9.026 7.134 19.799 7.134 32.319 0 12.666-2.378 23.585-7.134 32.757-4.624 9.026-10.966 16.087-19.026 21.182-7.927 4.95-16.779 7.425-26.556 7.425-9.645 0-17.704-2.184-24.178-6.551-2.825-1.946-5.336-4.354-7.531-7.224v11.81h-35.87V78h37.654zm21.998 74.684c-4.228 0-8.059 1.092-11.495 3.276-3.303 2.184-6.011 5.387-8.125 9.609-1.982 4.076-2.973 9.099-2.973 15.067 0 5.969.991 11.138 2.973 15.505 2.114 4.222 4.822 7.425 8.125 9.609 3.436 2.183 7.267 3.275 11.495 3.275 4.228 0 7.993-1.092 11.296-3.275 3.435-2.184 6.144-5.387 8.126-9.609 2.114-4.367 3.171-9.536 3.171-15.505 0-5.968-1.057-10.991-3.171-15.067-1.906-4.06-4.484-7.177-7.733-9.352l-.393-.257c-3.303-2.184-7.068-3.276-11.296-3.276z"
+    })]
   }));
 };
 export default LobeHubText;

package/es/brand/Logo3d/index.js

@@ -1,10 +1,11 @@
-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", "alt"];
 import { memo } from 'react';
 import { useCdnFn } from "../../ConfigProvider";
 import Img from "../../Img";
 import { LOGO_3D } from "../LobeHub/style";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Logo3d = /*#__PURE__*/memo(function (_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? '1em' : _ref$size,
@@ -13,7 +14,7 @@ var Logo3d = /*#__PURE__*/memo(function (_ref) {
     alt = _ref$alt === void 0 ? 'LobeHub' : _ref$alt,
     rest = _objectWithoutProperties(_ref, _excluded);
   var genCdnUrl = useCdnFn();
-  return /*#__PURE__*/React.createElement(Img, _extends({
+  return /*#__PURE__*/_jsx(Img, _objectSpread({
     alt: alt,
     height: size,
     src: genCdnUrl(LOGO_3D),

package/es/brand/LogoFlat/index.js

@@ -1,14 +1,15 @@
-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";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var LogoFlat = /*#__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__*/_jsxs("svg", _objectSpread(_objectSpread({
     height: size,
     style: _objectSpread({
       flex: 'none',
@@ -17,48 +18,52 @@ var LogoFlat = /*#__PURE__*/memo(function (_ref) {
     viewBox: "0 0 24 24",
     width: size,
     xmlns: "http://www.w3.org/2000/svg"
-  }, rest), /*#__PURE__*/React.createElement("title", null, "LobeHub"), /*#__PURE__*/React.createElement("path", {
-    d: "M22.951 13.475C22.951 19.672 18.082 24 11.975 24 5.87 24 1 19.59 1 13.393c0-1.843.41-2.633 2.58-2.922 3.89-.518 5.942-.313 8.396-.313 2.453 0 5.942-.104 8.395.313 2.007.342 2.457.71 2.58 3.004z",
-    fill: "#FFB02E"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M11.955 19.209c-2.314 0-2.928.286-2.928.286s.287 2.212 2.928 2.212c2.642 0 2.928-2.212 2.928-2.212s-.614-.287-2.928-.287z",
-    fill: "#972021"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M21.15 11.51c0 .52-4.09.941-9.133.941-5.044 0-9.133-.422-9.133-.942s4.089-.942 9.133-.942c5.043 0 9.132.422 9.132.942z",
-    fill: "#FF6723"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M9.969 12.451c.052-1.226-.04-1.867-.45-2.985 0 0 .777-.987 2.21-.987 1.434 0 2.458.25 2.458.25-.248 1.376-.26 2.206-.205 3.722H9.97z",
-    fill: "#FEE064"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M8.633 18.535c1.207-.58 2.032-1.762 2.032-3.217 0-2.081-1.687-3.932-3.768-3.932-2.08 0-3.85 1.605-3.85 3.686 0 1.146.537 2.196 1.365 2.91a4.582 4.582 0 011.625-.289c1.04 0 1.972.327 2.596.842zM15.318 18.535c-1.207-.58-2.032-1.762-2.032-3.217 0-2.081 1.687-3.932 3.768-3.932 2.08 0 3.85 1.605 3.85 3.686 0 1.146-.537 2.196-1.365 2.91a4.582 4.582 0 00-1.625-.289c-1.04 0-1.972.327-2.596.842z",
-    fill: "#fff"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M7.143 17.447a2.293 2.293 0 100-4.586 2.293 2.293 0 000 4.586zM16.808 17.447a2.293 2.293 0 110-4.586 2.293 2.293 0 010 4.586z",
-    fill: "#270C36"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M13.04.902c-1.149 0-1.597-.942-3.358-.9-1.916 0-2.785 1.064-3.727 1.883-.16.14-.942.574-1.31.737-1.612.717-2.826 1.761-2.826 3.318 0 1.696 1.43 3.071 3.194 3.071.29 0 .57-.037.838-.106.712.863 1.816 1.364 3.053 1.417 1.925.082 2.54-1.25 3.645-.697.758.38 1.133.697 2.334.697 1.402 0 2.053-.43 2.457-.901.738-.86 1.874-.328 2.58-.328 1.538 0 2.785-1.192 2.785-2.662s-1.246-2.662-2.784-2.662c-.422 0-1.217.104-1.393-.573C18.241 2.09 16.878.82 14.924.82c-.763 0-1.449.082-1.884.082z",
-    fill: "#A68AE2"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M5.669 1.025a.778.778 0 11-1.557 0 .778.778 0 011.557 0z",
-    fill: "#7B61FF"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M4.686 8.192a1.31 1.31 0 11-2.621 0 1.31 1.31 0 012.62 0z",
-    fill: "#F24630"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M21.968 3.4a1.27 1.27 0 11-2.539 0 1.27 1.27 0 012.54 0z",
-    fill: "#7CEE1D"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M9.701 19.34c.45-.068 1.163-.131 2.254-.131 1 0 1.683.053 2.136.114-.127.48-1.062.664-2.197.664-1.122 0-2.05-.18-2.193-.647z",
-    fill: "#fff"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M11.976 23.099c1.646 0 1.909-1.678 1.96-2.098.039-.34-.137-.511-.33-.627-.191-.116-.768-.224-1.63-.224-.862 0-1.435.108-1.63.224-.196.116-.373.288-.33.627.051.42.314 2.098 1.96 2.098z",
-    fill: "#F24630"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12.934 9.972c-.47-.319-1.143-.348-1.621-.043a4.086 4.086 0 01-2.204.638c-2.217 0-4.014-1.742-4.014-3.89 0-2.149 1.797-3.89 4.014-3.89 1.116 0 2.126.44 2.853 1.154.406.397 1.072.51 1.597.295.407-.167.855-.259 1.324-.259 1.878 0 3.4 1.475 3.4 3.295 0 1.82-1.523 3.295-3.4 3.295-.725 0-1.397-.22-1.95-.595z",
-    fill: "#F4B8CA"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M16.808 8.07a1.106 1.106 0 11-2.211 0 1.106 1.106 0 012.211 0z",
-    fill: "#0C74FF"
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx("title", {
+      children: "LobeHub"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M22.951 13.475C22.951 19.672 18.082 24 11.975 24 5.87 24 1 19.59 1 13.393c0-1.843.41-2.633 2.58-2.922 3.89-.518 5.942-.313 8.396-.313 2.453 0 5.942-.104 8.395.313 2.007.342 2.457.71 2.58 3.004z",
+      fill: "#FFB02E"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M11.955 19.209c-2.314 0-2.928.286-2.928.286s.287 2.212 2.928 2.212c2.642 0 2.928-2.212 2.928-2.212s-.614-.287-2.928-.287z",
+      fill: "#972021"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M21.15 11.51c0 .52-4.09.941-9.133.941-5.044 0-9.133-.422-9.133-.942s4.089-.942 9.133-.942c5.043 0 9.132.422 9.132.942z",
+      fill: "#FF6723"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M9.969 12.451c.052-1.226-.04-1.867-.45-2.985 0 0 .777-.987 2.21-.987 1.434 0 2.458.25 2.458.25-.248 1.376-.26 2.206-.205 3.722H9.97z",
+      fill: "#FEE064"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M8.633 18.535c1.207-.58 2.032-1.762 2.032-3.217 0-2.081-1.687-3.932-3.768-3.932-2.08 0-3.85 1.605-3.85 3.686 0 1.146.537 2.196 1.365 2.91a4.582 4.582 0 011.625-.289c1.04 0 1.972.327 2.596.842zM15.318 18.535c-1.207-.58-2.032-1.762-2.032-3.217 0-2.081 1.687-3.932 3.768-3.932 2.08 0 3.85 1.605 3.85 3.686 0 1.146-.537 2.196-1.365 2.91a4.582 4.582 0 00-1.625-.289c-1.04 0-1.972.327-2.596.842z",
+      fill: "#fff"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M7.143 17.447a2.293 2.293 0 100-4.586 2.293 2.293 0 000 4.586zM16.808 17.447a2.293 2.293 0 110-4.586 2.293 2.293 0 010 4.586z",
+      fill: "#270C36"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M13.04.902c-1.149 0-1.597-.942-3.358-.9-1.916 0-2.785 1.064-3.727 1.883-.16.14-.942.574-1.31.737-1.612.717-2.826 1.761-2.826 3.318 0 1.696 1.43 3.071 3.194 3.071.29 0 .57-.037.838-.106.712.863 1.816 1.364 3.053 1.417 1.925.082 2.54-1.25 3.645-.697.758.38 1.133.697 2.334.697 1.402 0 2.053-.43 2.457-.901.738-.86 1.874-.328 2.58-.328 1.538 0 2.785-1.192 2.785-2.662s-1.246-2.662-2.784-2.662c-.422 0-1.217.104-1.393-.573C18.241 2.09 16.878.82 14.924.82c-.763 0-1.449.082-1.884.082z",
+      fill: "#A68AE2"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M5.669 1.025a.778.778 0 11-1.557 0 .778.778 0 011.557 0z",
+      fill: "#7B61FF"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M4.686 8.192a1.31 1.31 0 11-2.621 0 1.31 1.31 0 012.62 0z",
+      fill: "#F24630"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M21.968 3.4a1.27 1.27 0 11-2.539 0 1.27 1.27 0 012.54 0z",
+      fill: "#7CEE1D"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M9.701 19.34c.45-.068 1.163-.131 2.254-.131 1 0 1.683.053 2.136.114-.127.48-1.062.664-2.197.664-1.122 0-2.05-.18-2.193-.647z",
+      fill: "#fff"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M11.976 23.099c1.646 0 1.909-1.678 1.96-2.098.039-.34-.137-.511-.33-.627-.191-.116-.768-.224-1.63-.224-.862 0-1.435.108-1.63.224-.196.116-.373.288-.33.627.051.42.314 2.098 1.96 2.098z",
+      fill: "#F24630"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M12.934 9.972c-.47-.319-1.143-.348-1.621-.043a4.086 4.086 0 01-2.204.638c-2.217 0-4.014-1.742-4.014-3.89 0-2.149 1.797-3.89 4.014-3.89 1.116 0 2.126.44 2.853 1.154.406.397 1.072.51 1.597.295.407-.167.855-.259 1.324-.259 1.878 0 3.4 1.475 3.4 3.295 0 1.82-1.523 3.295-3.4 3.295-.725 0-1.397-.22-1.95-.595z",
+      fill: "#F4B8CA"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M16.808 8.07a1.106 1.106 0 11-2.211 0 1.106 1.106 0 012.211 0z",
+      fill: "#0C74FF"
+    })]
   }));
 });
 export default LogoFlat;

package/es/brand/LogoMono/index.js

@@ -1,14 +1,15 @@
-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";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var LogoMono = /*#__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__*/_jsxs("svg", _objectSpread(_objectSpread({
     height: size,
     style: _objectSpread({
       flex: 'none',
@@ -17,52 +18,56 @@ var LogoMono = /*#__PURE__*/memo(function (_ref) {
     viewBox: "0 0 24 24",
     width: size,
     xmlns: "http://www.w3.org/2000/svg"
-  }, rest), /*#__PURE__*/React.createElement("title", null, "LobeHub"), /*#__PURE__*/React.createElement("path", {
-    d: "M22.951 13.475C22.951 19.672 18.082 24 11.975 24 5.87 24 1 19.59 1 13.393c0-1.843.41-2.633 2.58-2.922 3.89-.518 5.942-.313 8.396-.313 2.453 0 5.942-.104 8.395.313 2.007.342 2.457.71 2.58 3.004z",
-    fill: "#BFBFBF"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M11.955 19.209c-2.314 0-2.928.286-2.928.286s.287 2.212 2.928 2.212c2.642 0 2.928-2.212 2.928-2.212s-.614-.287-2.928-.287z",
-    fill: "#4F4F4F"
-  }), /*#__PURE__*/React.createElement("ellipse", {
-    cx: "12.017",
-    cy: "11.509",
-    fill: "#838383",
-    rx: "9.133",
-    ry: ".942"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M9.969 12.451c.052-1.226-.04-1.867-.45-2.985 0 0 .777-.987 2.21-.987 1.434 0 2.458.25 2.458.25-.248 1.376-.26 2.206-.205 3.722H9.97z",
-    fill: "#E1E1E1"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M8.633 18.535c1.207-.58 2.032-1.762 2.032-3.217 0-2.081-1.687-3.932-3.768-3.932-2.08 0-3.85 1.605-3.85 3.686 0 1.146.537 2.196 1.365 2.91a4.582 4.582 0 011.625-.289c1.04 0 1.972.327 2.596.842zM15.318 18.535c-1.207-.58-2.032-1.762-2.032-3.217 0-2.081 1.687-3.932 3.768-3.932 2.08 0 3.85 1.605 3.85 3.686 0 1.146-.537 2.196-1.365 2.91a4.582 4.582 0 00-1.625-.289c-1.04 0-1.972.327-2.596.842z",
-    fill: "#fff"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M16.808 17.447a2.293 2.293 0 110-4.586 2.293 2.293 0 010 4.586zM7.143 17.447a2.293 2.293 0 100-4.586 2.293 2.293 0 000 4.586z",
-    fill: "#1A1A1A"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M13.04.902c-1.149 0-1.597-.942-3.358-.9-1.916 0-2.785 1.064-3.727 1.883-.16.14-.942.574-1.31.737-1.612.717-2.826 1.761-2.826 3.318 0 1.696 1.43 3.071 3.194 3.071.29 0 .57-.037.838-.106.712.863 1.816 1.364 3.053 1.417 1.925.082 2.54-1.25 3.645-.697.758.38 1.133.697 2.334.697 1.402 0 2.053-.43 2.457-.901.738-.86 1.874-.328 2.58-.328 1.538 0 2.785-1.192 2.785-2.662s-1.246-2.662-2.784-2.662c-.422 0-1.217.104-1.393-.573C18.241 2.09 16.878.82 14.924.82c-.763 0-1.449.082-1.884.082z",
-    fill: "#838383"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: "4.891",
-    cy: "1.025",
-    fill: "#838383",
-    r: ".778"
-  }), /*#__PURE__*/React.createElement("circle", {
-    cx: "20.699",
-    cy: "3.4",
-    fill: "#C8C8C8",
-    r: "1.27"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M9.701 19.34c.45-.068 1.163-.131 2.254-.131 1 0 1.683.053 2.136.114-.127.48-1.062.664-2.197.664-1.122 0-2.05-.18-2.193-.647z",
-    fill: "#fff"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M11.976 23.099c1.646 0 1.909-1.678 1.96-2.098.039-.34-.137-.511-.33-.627-.191-.116-.768-.224-1.63-.224-.862 0-1.435.108-1.63.224-.196.116-.373.288-.33.627.051.42.314 2.098 1.96 2.098z",
-    fill: "#838383"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M12.934 9.972c-.47-.319-1.143-.348-1.621-.043a4.086 4.086 0 01-2.204.638c-2.217 0-4.014-1.742-4.014-3.89 0-2.149 1.797-3.89 4.014-3.89 1.116 0 2.126.44 2.853 1.154.406.397 1.072.51 1.597.295.407-.167.855-.259 1.324-.259 1.878 0 3.4 1.475 3.4 3.295 0 1.82-1.523 3.295-3.4 3.295-.725 0-1.397-.22-1.95-.595z",
-    fill: "#C8C8C8"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M3.375 9.502a1.31 1.31 0 100-2.62 1.31 1.31 0 000 2.62zM15.702 9.175a1.106 1.106 0 100-2.212 1.106 1.106 0 000 2.212z",
-    fill: "#4F4F4F"
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx("title", {
+      children: "LobeHub"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M22.951 13.475C22.951 19.672 18.082 24 11.975 24 5.87 24 1 19.59 1 13.393c0-1.843.41-2.633 2.58-2.922 3.89-.518 5.942-.313 8.396-.313 2.453 0 5.942-.104 8.395.313 2.007.342 2.457.71 2.58 3.004z",
+      fill: "#BFBFBF"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M11.955 19.209c-2.314 0-2.928.286-2.928.286s.287 2.212 2.928 2.212c2.642 0 2.928-2.212 2.928-2.212s-.614-.287-2.928-.287z",
+      fill: "#4F4F4F"
+    }), /*#__PURE__*/_jsx("ellipse", {
+      cx: "12.017",
+      cy: "11.509",
+      fill: "#838383",
+      rx: "9.133",
+      ry: ".942"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M9.969 12.451c.052-1.226-.04-1.867-.45-2.985 0 0 .777-.987 2.21-.987 1.434 0 2.458.25 2.458.25-.248 1.376-.26 2.206-.205 3.722H9.97z",
+      fill: "#E1E1E1"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M8.633 18.535c1.207-.58 2.032-1.762 2.032-3.217 0-2.081-1.687-3.932-3.768-3.932-2.08 0-3.85 1.605-3.85 3.686 0 1.146.537 2.196 1.365 2.91a4.582 4.582 0 011.625-.289c1.04 0 1.972.327 2.596.842zM15.318 18.535c-1.207-.58-2.032-1.762-2.032-3.217 0-2.081 1.687-3.932 3.768-3.932 2.08 0 3.85 1.605 3.85 3.686 0 1.146-.537 2.196-1.365 2.91a4.582 4.582 0 00-1.625-.289c-1.04 0-1.972.327-2.596.842z",
+      fill: "#fff"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M16.808 17.447a2.293 2.293 0 110-4.586 2.293 2.293 0 010 4.586zM7.143 17.447a2.293 2.293 0 100-4.586 2.293 2.293 0 000 4.586z",
+      fill: "#1A1A1A"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M13.04.902c-1.149 0-1.597-.942-3.358-.9-1.916 0-2.785 1.064-3.727 1.883-.16.14-.942.574-1.31.737-1.612.717-2.826 1.761-2.826 3.318 0 1.696 1.43 3.071 3.194 3.071.29 0 .57-.037.838-.106.712.863 1.816 1.364 3.053 1.417 1.925.082 2.54-1.25 3.645-.697.758.38 1.133.697 2.334.697 1.402 0 2.053-.43 2.457-.901.738-.86 1.874-.328 2.58-.328 1.538 0 2.785-1.192 2.785-2.662s-1.246-2.662-2.784-2.662c-.422 0-1.217.104-1.393-.573C18.241 2.09 16.878.82 14.924.82c-.763 0-1.449.082-1.884.082z",
+      fill: "#838383"
+    }), /*#__PURE__*/_jsx("circle", {
+      cx: "4.891",
+      cy: "1.025",
+      fill: "#838383",
+      r: ".778"
+    }), /*#__PURE__*/_jsx("circle", {
+      cx: "20.699",
+      cy: "3.4",
+      fill: "#C8C8C8",
+      r: "1.27"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M9.701 19.34c.45-.068 1.163-.131 2.254-.131 1 0 1.683.053 2.136.114-.127.48-1.062.664-2.197.664-1.122 0-2.05-.18-2.193-.647z",
+      fill: "#fff"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M11.976 23.099c1.646 0 1.909-1.678 1.96-2.098.039-.34-.137-.511-.33-.627-.191-.116-.768-.224-1.63-.224-.862 0-1.435.108-1.63.224-.196.116-.373.288-.33.627.051.42.314 2.098 1.96 2.098z",
+      fill: "#838383"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M12.934 9.972c-.47-.319-1.143-.348-1.621-.043a4.086 4.086 0 01-2.204.638c-2.217 0-4.014-1.742-4.014-3.89 0-2.149 1.797-3.89 4.014-3.89 1.116 0 2.126.44 2.853 1.154.406.397 1.072.51 1.597.295.407-.167.855-.259 1.324-.259 1.878 0 3.4 1.475 3.4 3.295 0 1.82-1.523 3.295-3.4 3.295-.725 0-1.397-.22-1.95-.595z",
+      fill: "#C8C8C8"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M3.375 9.502a1.31 1.31 0 100-2.62 1.31 1.31 0 000 2.62zM15.702 9.175a1.106 1.106 0 100-2.212 1.106 1.106 0 000 2.212z",
+      fill: "#4F4F4F"
+    })]
   }));
 });
 export default LogoMono;

package/es/brand/LogoThree/Loading.js

@@ -2,22 +2,24 @@ import { Loader2 } from 'lucide-react';
 import { memo } from 'react';
 import { Center } from 'react-layout-kit';
 import Icon from "../../Icon";
+import { jsx as _jsx } from "react/jsx-runtime";
 var Loading = /*#__PURE__*/memo(function (_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 32 : _ref$size;
-  return /*#__PURE__*/React.createElement(Center, {
+  return /*#__PURE__*/_jsx(Center, {
     height: '100%',
     justify: 'center',
     style: {
       position: 'absolute'
     },
-    width: '100%'
-  }, /*#__PURE__*/React.createElement(Icon, {
-    icon: Loader2,
-    size: {
-      fontSize: size
-    },
-    spin: true
-  }));
+    width: '100%',
+    children: /*#__PURE__*/_jsx(Icon, {
+      icon: Loader2,
+      size: {
+        fontSize: size
+      },
+      spin: true
+    })
+  });
 });
 export default Loading;

package/es/brand/LogoThree/LogoSpline.js

@@ -1,4 +1,3 @@
-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";
@@ -7,6 +6,8 @@ import { useThemeMode } from 'antd-style';
 import { memo, useState } from 'react';
 import Spline from "../../awesome/Spline";
 import Loading from "./Loading";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var LIGHT = 'https://gw.alipayobjects.com/os/kitchen/J9jiHITGrs/scene.splinecode';
 var DARK = 'https://gw.alipayobjects.com/os/kitchen/CzQKKvSE8a/scene.splinecode';
 var LogoSpline = /*#__PURE__*/memo(function (_ref) {
@@ -22,19 +23,20 @@ var LogoSpline = /*#__PURE__*/memo(function (_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     loading = _useState2[0],
     setLoading = _useState2[1];
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_jsxs("div", {
     className: className,
     style: _objectSpread({
       height: height,
       position: 'relative',
       width: width
-    }, style)
-  }, loading && /*#__PURE__*/React.createElement(Loading, null), /*#__PURE__*/React.createElement(Spline, _extends({
-    onLoad: function onLoad(splineApp) {
-      setLoading(false);
-      _onLoad === null || _onLoad === void 0 || _onLoad(splineApp);
-    },
-    scene: isDarkMode ? DARK : LIGHT
-  }, rest)));
+    }, style),
+    children: [loading && /*#__PURE__*/_jsx(Loading, {}), /*#__PURE__*/_jsx(Spline, _objectSpread({
+      onLoad: function onLoad(splineApp) {
+        setLoading(false);
+        _onLoad === null || _onLoad === void 0 || _onLoad(splineApp);
+      },
+      scene: isDarkMode ? DARK : LIGHT
+    }, rest))]
+  });
 });
 export default LogoSpline;

package/es/brand/LogoThree/index.js

@@ -1,6 +1,5 @@
 '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";
@@ -10,6 +9,8 @@ import { Flexbox } from 'react-layout-kit';
 import { useCdnFn } from "../../ConfigProvider";
 import Img from "../../Img";
 import Spline from "../../awesome/Spline";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var LOGO_3D = {
   path: 'assets/logo-3d.webp',
   pkg: '@lobehub/assets-logo',
@@ -27,7 +28,7 @@ var LogoThree = /*#__PURE__*/memo(function (_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     loading = _useState2[0],
     setLoading = _useState2[1];
-  return /*#__PURE__*/React.createElement(Flexbox, {
+  return /*#__PURE__*/_jsxs(Flexbox, {
     align: 'center',
     className: className,
     flex: 'none',
@@ -37,26 +38,27 @@ var LogoThree = /*#__PURE__*/memo(function (_ref) {
       overflow: 'hidden',
       position: 'relative',
       width: size
-    }, style)
-  }, loading && /*#__PURE__*/React.createElement(Img, {
-    alt: 'logo',
-    height: size * 0.75,
-    src: genCdnUrl(LOGO_3D),
-    style: {
-      position: 'absolute'
-    },
-    width: size * 0.75
-  }), /*#__PURE__*/React.createElement(Spline, _extends({
-    onLoad: function onLoad(splineApp) {
-      setLoading(false);
-      _onLoad === null || _onLoad === void 0 || _onLoad(splineApp);
-    },
-    scene: 'https://gw.alipayobjects.com/os/kitchen/8LH7slSv3s/logo.splinecode',
-    style: {
-      flex: 'none',
-      height: size,
-      width: size
-    }
-  }, rest)));
+    }, style),
+    children: [loading && /*#__PURE__*/_jsx(Img, {
+      alt: 'logo',
+      height: size * 0.75,
+      src: genCdnUrl(LOGO_3D),
+      style: {
+        position: 'absolute'
+      },
+      width: size * 0.75
+    }), /*#__PURE__*/_jsx(Spline, _objectSpread({
+      onLoad: function onLoad(splineApp) {
+        setLoading(false);
+        _onLoad === null || _onLoad === void 0 || _onLoad(splineApp);
+      },
+      scene: 'https://gw.alipayobjects.com/os/kitchen/8LH7slSv3s/logo.splinecode',
+      style: {
+        flex: 'none',
+        height: size,
+        width: size
+      }
+    }, rest))]
+  });
 });
 export default LogoThree;