@lobehub/ui 1.115.0 → 1.115.2

package/es/ActionIcon/index.js

@@ -72,7 +72,7 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
     loading = _ref.loading,
     _ref$tooltipDelay = _ref.tooltipDelay,
     tooltipDelay = _ref$tooltipDelay === void 0 ? 0.5 : _ref$tooltipDelay,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles({
       active: Boolean(active),
       glass: Boolean(glass)
@@ -108,7 +108,7 @@ var ActionIcon = /*#__PURE__*/forwardRef(function (_ref, ref) {
       height: blockSize,
       width: blockSize
     }, style)
-  }, props), {}, {
+  }, rest), {}, {
     children: [spotlight && /*#__PURE__*/_jsx(Spotlight, {}), loading ? spin : content]
   }));
   if (!title) return actionIconBlock;

package/es/ActionIconGroup/index.js

@@ -23,7 +23,7 @@ var ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
     _ref$dropdownMenu = _ref.dropdownMenu,
     dropdownMenu = _ref$dropdownMenu === void 0 ? [] : _ref$dropdownMenu,
     onActionClick = _ref.onActionClick,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles({
       direction: direction,
       type: type
@@ -32,7 +32,7 @@ var ActionIconGroup = /*#__PURE__*/memo(function (_ref) {
   var tooltipsPlacement = placement || (direction === 'column' ? 'right' : 'top');
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     className: styles.container
-  }, props), {}, {
+  }, rest), {}, {
     children: [spotlight && /*#__PURE__*/_jsx(Spotlight, {}), (items === null || items === void 0 ? void 0 : items.length) > 0 && items.map(function (item) {
       return /*#__PURE__*/_jsx(ActionIcon, {
         icon: item.icon,

package/es/Avatar/index.js

@@ -21,11 +21,10 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     _ref$background = _ref.background,
     background = _ref$background === void 0 ? 'rgba(0,0,0,0)' : _ref$background,
     style = _ref.style,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var isImage = Boolean(avatar && ['/', 'http', 'data:'].some(function (index) {
     return avatar.startsWith(index);
   }));
-  var isBase64 = Boolean(avatar === null || avatar === void 0 ? void 0 : avatar.startsWith('data'));
   var emoji = useMemo(function () {
     return avatar && !isImage && getEmoji(avatar);
   }, [avatar]);
@@ -41,13 +40,12 @@ var Avatar = /*#__PURE__*/memo(function (_ref) {
     className: cx(styles.avatar, className),
     shape: shape,
     size: size,
-    style: props !== null && props !== void 0 && props.onClick ? style : _objectSpread({
+    style: rest !== null && rest !== void 0 && rest.onClick ? style : _objectSpread({
       cursor: 'default'
     }, style)
-  }, props);
+  }, rest);
   return isImage ? /*#__PURE__*/_jsx(AntAvatar, _objectSpread({
-    src: isBase64 ? avatar : undefined,
-    srcSet: isBase64 ? undefined : avatar
+    src: avatar
   }, avatarProps)) : /*#__PURE__*/_jsx(AntAvatar, _objectSpread(_objectSpread({}, avatarProps), {}, {
     children: emoji ? /*#__PURE__*/_jsx(FluentEmoji, {
       emoji: emoji,

package/es/Burger/index.js

@@ -20,7 +20,7 @@ var Burger = /*#__PURE__*/memo(function (_ref) {
     className = _ref.className,
     _ref$headerHeight = _ref.headerHeight,
     headerHeight = _ref$headerHeight === void 0 ? 64 : _ref$headerHeight,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(headerHeight),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
@@ -29,7 +29,7 @@ var Burger = /*#__PURE__*/memo(function (_ref) {
     onClick: function onClick() {
       setOpened(!opened);
     }
-  }, props), {}, {
+  }, rest), {}, {
     children: [/*#__PURE__*/_jsx(ActionIcon, {
       icon: opened ? X : MenuIcon,
       size: "site"

package/es/ChatInputArea/Desktop.js

@@ -44,7 +44,7 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
     actionsRight = _ref.actionsRight,
     onStop = _ref.onStop,
     value = _ref.value,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useControlledState = useControlledState(defaultValue, {
       defaultValue: defaultValue,
       onChange: onInputChange,
@@ -80,7 +80,7 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
         id: textareaId,
         ref: ref,
         style: textareaStyle
-      }, props), {}, {
+      }, rest), {}, {
         onBlur: function onBlur(e) {
           if (_onBlur) _onBlur(e);
           setCurrentValue(e.target.value);

package/es/ChatInputArea/Mobile.js

@@ -45,7 +45,7 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
     actionsRight = _ref.actionsRight,
     onStop = _ref.onStop,
     value = _ref.value,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useControlledState = useControlledState(defaultValue, {
       defaultValue: defaultValue,
       onChange: onInputChange,
@@ -84,7 +84,7 @@ var ChatInputArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
         id: inputId,
         ref: ref,
         style: inputStyle
-      }, props), {}, {
+      }, rest), {}, {
         onBlur: function onBlur(e) {
           if (_onBlur) _onBlur(e);
           setCurrentValue(e.target.value);

package/es/ChatItem/index.js

@@ -40,7 +40,7 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
     text = _ref.text,
     errorMessage = _ref.errorMessage,
     onDoubleClick = _ref.onDoubleClick,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
   var _useStyles = useStyles({
@@ -57,7 +57,7 @@ var ChatItem = /*#__PURE__*/memo(function (_ref) {
     className: cx(styles.container, className),
     direction: placement === 'left' ? 'horizontal' : 'horizontal-reverse',
     gap: mobile ? 6 : 12
-  }, props), {}, {
+  }, rest), {}, {
     children: [/*#__PURE__*/_jsx(Avatar, {
       addon: avatarAddon,
       avatar: avatar,

package/es/ChatList/ActionsBar.js

@@ -9,7 +9,7 @@ import { useChatListActionsBar } from "../hooks/useChatListActionsBar";
 import { jsx as _jsx } from "react/jsx-runtime";
 var ActionsBar = /*#__PURE__*/memo(function (_ref) {
   var text = _ref.text,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useChatListActionsBa = useChatListActionsBar(text),
     regenerate = _useChatListActionsBa.regenerate,
     edit = _useChatListActionsBa.edit,
@@ -20,6 +20,6 @@ var ActionsBar = /*#__PURE__*/memo(function (_ref) {
     dropdownMenu: [edit, copy, regenerate, divider, del],
     items: [regenerate, edit],
     type: "ghost"
-  }, props));
+  }, rest));
 });
 export default ActionsBar;

package/es/ChatList/index.js

@@ -28,13 +28,13 @@ var ChatList = /*#__PURE__*/memo(function (_ref) {
     renderActions = _ref.renderActions,
     _ref$historyCount = _ref.historyCount,
     historyCount = _ref$historyCount === void 0 ? 0 : _ref$historyCount,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(styles.container, className)
-  }, props), {}, {
+  }, rest), {}, {
     children: data.map(function (item, index) {
       var itemProps = {
         loading: loadingId === item.id,

package/es/CodeEditor/index.js

@@ -19,7 +19,7 @@ var CodeEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
     textareaClassName = _ref.textareaClassName,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'ghost' : _ref$type,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles({
       resize: resize,
       type: type
@@ -42,7 +42,7 @@ var CodeEditor = /*#__PURE__*/forwardRef(function (_ref, ref) {
       ref: ref,
       textareaClassName: cx(styles.textarea, textareaClassName),
       value: value
-    }, props))
+    }, rest))
   });
 });
 export default CodeEditor;

package/es/ContextMenu/index.js

@@ -15,7 +15,7 @@ var MenuComponent = /*#__PURE__*/forwardRef(function (_ref, forwardedReference)
   var items = _ref.items,
     label = _ref.label,
     container = _ref.container,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
   var _useState = useState(false),
@@ -225,7 +225,7 @@ var MenuComponent = /*#__PURE__*/forwardRef(function (_ref, forwardedReference)
       nested: isNested,
       ref: referenceReference,
       role: isNested ? 'menuitem' : 'menu'
-    }, props), getReferenceProps({
+    }, rest), getReferenceProps({
       onClick: function onClick(event) {
         event.stopPropagation();
       }

package/es/CopyButton/index.js

@@ -16,11 +16,11 @@ var CopyButton = /*#__PURE__*/memo(function (_ref) {
     placement = _ref$placement === void 0 ? 'right' : _ref$placement,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'site' : _ref$size,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useCopied = useCopied(),
     copied = _useCopied.copied,
     setCopied = _useCopied.setCopied;
-  return /*#__PURE__*/_jsx(ActionIcon, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/_jsx(ActionIcon, _objectSpread(_objectSpread({}, rest), {}, {
     className: className,
     glass: true,
     icon: Copy,

package/es/DraggablePanel/components/DraggablePanelBody.js

@@ -9,13 +9,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var DraggablePanelBody = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(styles.body, className)
-  }, props), {}, {
+  }, rest), {}, {
     children: children
   }));
 });

package/es/DraggablePanel/components/DraggablePanelContainer.js

@@ -9,13 +9,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var DraggablePanelContainer = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(styles.container, className)
-  }, props), {}, {
+  }, rest), {}, {
     children: children
   }));
 });

package/es/DraggablePanel/components/DraggablePanelFooter.js

@@ -9,13 +9,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var DraggablePanelFooter = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(styles.footer, className)
-  }, props), {}, {
+  }, rest), {}, {
     children: children
   }));
 });

package/es/DraggablePanel/components/DraggablePanelHeader.js

@@ -17,7 +17,7 @@ var DraggablePanelHeader = /*#__PURE__*/memo(function (_ref) {
     title = _ref.title,
     _ref$position = _ref.position,
     position = _ref$position === void 0 ? 'left' : _ref$position,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
@@ -44,7 +44,7 @@ var DraggablePanelHeader = /*#__PURE__*/memo(function (_ref) {
   });
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     className: cx(styles.header, className)
-  }, props), {}, {
+  }, rest), {}, {
     children: [position === 'left' ? panelIcon : pinIcon, title, position === 'left' ? pinIcon : panelIcon]
   }));
 });

package/es/EditableText/index.js

@@ -19,7 +19,7 @@ var EditableText = /*#__PURE__*/memo(function (_ref) {
     onChange = _ref.onChange,
     editing = _ref.editing,
     onEditingChange = _ref.onEditingChange,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useControlledState = useControlledState(false, {
       onChange: onEditingChange,
       value: editing
@@ -33,7 +33,7 @@ var EditableText = /*#__PURE__*/memo(function (_ref) {
       setEdited(false);
     },
     value: value
-  }, props)) : /*#__PURE__*/_jsxs(Flexbox, {
+  }, rest)) : /*#__PURE__*/_jsxs(Flexbox, {
     gap: 8,
     horizontal: true,
     children: [value, showEditIcon && /*#__PURE__*/_jsx(ActionIcon, {

package/es/EmptyCard/index.js

@@ -23,7 +23,7 @@ var EmptyCard = /*#__PURE__*/memo(function (_ref) {
     desc = _ref.desc,
     width = _ref.width,
     height = _ref.height,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useMergeState = useMergeState(true, {
       defaultValue: defaultVisible,
       onChange: onVisibleChange,
@@ -37,7 +37,7 @@ var EmptyCard = /*#__PURE__*/memo(function (_ref) {
   if (!value) return null;
   return /*#__PURE__*/_jsxs(Flexbox, _objectSpread(_objectSpread({
     className: styles.container
-  }, props), {}, {
+  }, rest), {}, {
     children: [/*#__PURE__*/_jsx(ActionIcon, {
       className: styles.close,
       icon: X,

package/es/Features/Item.js

@@ -40,7 +40,7 @@ var Item = /*#__PURE__*/memo(function (_ref2) {
     icon = _ref2.icon,
     imageStyle = _ref2.imageStyle,
     openExternal = _ref2.openExternal,
-    props = _objectWithoutProperties(_ref2, _excluded);
+    rest = _objectWithoutProperties(_ref2, _excluded);
   var rowNumber = row || 7;
   var _useStyles = useStyles({
       hasLink: Boolean(link),
@@ -54,7 +54,7 @@ var Item = /*#__PURE__*/memo(function (_ref2) {
       gridColumn: "span ".concat(column || 1),
       gridRow: "span ".concat(rowNumber)
     }, style)
-  }, props), {}, {
+  }, rest), {}, {
     children: /*#__PURE__*/_jsxs("div", {
       className: styles.cell,
       children: [image || icon && /*#__PURE__*/_jsxs(Center, {

package/es/Features/index.js

@@ -15,7 +15,7 @@ var Features = /*#__PURE__*/memo(function (_ref) {
     _ref$maxWidth = _ref.maxWidth,
     maxWidth = _ref$maxWidth === void 0 ? 960 : _ref$maxWidth,
     style = _ref.style,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   if (!(items !== null && items !== void 0 && items.length)) return;
   return /*#__PURE__*/_jsx(SpotlightCard, _objectSpread({
     className: className,
@@ -29,6 +29,6 @@ var Features = /*#__PURE__*/memo(function (_ref) {
     style: _objectSpread({
       maxWidth: maxWidth
     }, style)
-  }, props));
+  }, rest));
 });
 export default Features;

package/es/Form/components/FormDivider.js

@@ -8,12 +8,12 @@ import { memo } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 var Divider = /*#__PURE__*/memo(function (_ref) {
   var style = _ref.style,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsx(AntDivider, _objectSpread({
     style: _objectSpread({
       margin: 0,
       opacity: 0.5
     }, style)
-  }, props));
+  }, rest));
 });
 export default Divider;

package/es/Form/components/FormFooter.js

@@ -9,13 +9,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var FormFooter = /*#__PURE__*/memo(function (_ref) {
   var className = _ref.className,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
   return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
     className: cx(styles.footer, className)
-  }, props), {}, {
+  }, rest), {}, {
     children: children
   }));
 });

package/es/Form/components/FormGroup.js

@@ -18,7 +18,7 @@ var FormGroup = /*#__PURE__*/memo(function (_ref) {
     title = _ref.title,
     children = _ref.children,
     extra = _ref.extra,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
   var _useStyles = useStyles(),
@@ -64,6 +64,6 @@ var FormGroup = /*#__PURE__*/memo(function (_ref) {
       key: 1,
       label: titleContent
     }]
-  }, props), 1);
+  }, rest), 1);
 });
 export default FormGroup;

package/es/Form/components/FormItem.js

@@ -21,7 +21,7 @@ var FormItem = /*#__PURE__*/memo(function (_ref) {
     label = _ref.label,
     children = _ref.children,
     divider = _ref.divider,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(minWidth),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
@@ -34,7 +34,7 @@ var FormItem = /*#__PURE__*/memo(function (_ref) {
         tag: tag,
         title: label
       })
-    }, props), {}, {
+    }, rest), {}, {
       children: children
     }))]
   });

package/es/Form/index.js

@@ -18,7 +18,7 @@ var FormParent = /*#__PURE__*/forwardRef(function (_ref, ref) {
     form = _ref.form,
     items = _ref.items,
     children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     cx = _useStyles.cx,
     styles = _useStyles.styles;
@@ -28,7 +28,7 @@ var FormParent = /*#__PURE__*/forwardRef(function (_ref, ref) {
     form: form,
     layout: "horizontal",
     ref: ref
-  }, props), {}, {
+  }, rest), {}, {
     children: [items === null || items === void 0 ? void 0 : items.map(function (group, groupIndex) {
       return /*#__PURE__*/_jsx(FormGroup, {
         extra: group === null || group === void 0 ? void 0 : group.extra,

package/es/Giscus/index.js

@@ -25,7 +25,7 @@ var Giscus = /*#__PURE__*/memo(function (_ref) {
     loading = _ref$loading === void 0 ? 'lazy' : _ref$loading,
     _ref$emitMetadata = _ref.emitMetadata,
     emitMetadata = _ref$emitMetadata === void 0 ? '0' : _ref$emitMetadata,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var token = useTheme();
   var _useThemeMode = useThemeMode(),
     isDarkMode = _useThemeMode.isDarkMode;
@@ -44,7 +44,7 @@ var Giscus = /*#__PURE__*/memo(function (_ref) {
       mapping: mapping,
       reactionsEnabled: reactionsEnabled,
       theme: "data:text/css;base64,".concat(giscusTheme)
-    }, props))
+    }, rest))
   });
 });
 export default Giscus;

package/es/GradientButton/index.js

@@ -15,14 +15,14 @@ var GradientButton = /*#__PURE__*/memo(function (_ref) {
     className = _ref.className,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'large' : _ref$size,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(size),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
   return /*#__PURE__*/_jsxs(Button, _objectSpread(_objectSpread({
     className: cx(styles.button, className),
     size: size
-  }, props), {}, {
+  }, rest), {}, {
     children: [glow && /*#__PURE__*/_jsx("div", {
       className: styles.glow
     }), children]

package/es/GridBackground/Grid.js

@@ -32,7 +32,7 @@ var Grid = /*#__PURE__*/memo(function (_ref) {
     _ref$strokeWidth = _ref.strokeWidth,
     strokeWidth = _ref$strokeWidth === void 0 ? 3 : _ref$strokeWidth,
     linePick = _ref.linePick,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var isUnpick = isUndefined(linePick);
   var showLine = useCallback(function (l) {
     return isUnpick || linePick === l;
@@ -79,7 +79,7 @@ var Grid = /*#__PURE__*/memo(function (_ref) {
       d: "M237 249h3254"
     })]
   });
-  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, rest), {}, {
     children: /*#__PURE__*/_jsx("svg", {
       style: {
         width: '100%'

package/es/GridBackground/GridShowcase.js

@@ -15,13 +15,13 @@ var GridShowcase = /*#__PURE__*/memo(function (_ref) {
     children = _ref.children,
     _ref$backgroundColor = _ref.backgroundColor,
     backgroundColor = _ref$backgroundColor === void 0 ? '#001dff' : _ref$backgroundColor,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var theme = useTheme();
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     style: _objectSpread({
       position: 'relative'
     }, style)
-  }, props), {}, {
+  }, rest), {}, {
     children: [/*#__PURE__*/_jsx(GridBackground, {
       animation: true,
       colorBack: rgba(theme.colorText, 0.12),

package/es/GridBackground/index.js

@@ -25,7 +25,7 @@ var GridBackground = /*#__PURE__*/memo(function (_ref) {
     strokeWidth = _ref.strokeWidth,
     style = _ref.style,
     animation = _ref.animation,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var ref = useRef(null);
   var size = useSize(ref);
   var _useStyles = useStyles({
@@ -67,7 +67,7 @@ var GridBackground = /*#__PURE__*/memo(function (_ref) {
     style: flip ? _objectSpread({
       transform: 'scaleY(-1)'
     }, style) : style
-  }, props), {}, {
+  }, rest), {}, {
     children: [/*#__PURE__*/_jsx(Grid, {
       color: colorBack || theme.colorBorder,
       strokeWidth: strokeWidth,

package/es/Header/index.js

@@ -21,7 +21,7 @@ var Header = /*#__PURE__*/memo(function (_ref) {
     logoStyle = _ref.logoStyle,
     navStyle = _ref.navStyle,
     className = _ref.className,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useResponsive = useResponsive(),
     mobile = _useResponsive.mobile;
   var _useStyles = useStyles(),
@@ -29,7 +29,7 @@ var Header = /*#__PURE__*/memo(function (_ref) {
     styles = _useStyles.styles;
   return /*#__PURE__*/_jsx("section", _objectSpread(_objectSpread({
     className: cx(styles.header, className)
-  }, props), {}, {
+  }, rest), {}, {
     children: /*#__PURE__*/_jsx(Flexbox, {
       align: 'center',
       className: styles.content,

package/es/Highlighter/FullFeatured.js

@@ -27,7 +27,7 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
     language = _ref$language === void 0 ? 'markdown' : _ref$language,
     className = _ref.className,
     style = _ref.style,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = useState(true),
     _useState2 = _slicedToArray(_useState, 2),
     expand = _useState2[0],
@@ -44,7 +44,7 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
     className: container,
     "data-code-type": "highlighter",
     style: style
-  }, props), {}, {
+  }, rest), {}, {
     children: [/*#__PURE__*/_jsxs(Flexbox, {
       align: 'center',
       className: styles.header,

package/es/Highlighter/index.js

@@ -27,7 +27,7 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? 'block' : _ref$type,
     spotlight = _ref.spotlight,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(type),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
@@ -36,14 +36,14 @@ export var Highlighter = /*#__PURE__*/memo(function (_ref) {
     className: className,
     language: language,
     style: style
-  }, props), {}, {
+  }, rest), {}, {
     children: children
   }));
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     className: container,
     "data-code-type": "highlighter",
     style: style
-  }, props), {}, {
+  }, rest), {}, {
     children: [spotlight && /*#__PURE__*/_jsx(Spotlight, {
       size: 240
     }), copyable && /*#__PURE__*/_jsx(CopyButton, {

package/es/Icon/index.js

@@ -52,7 +52,7 @@ var Icon = /*#__PURE__*/memo(function (_ref) {
     fill = _ref.fill,
     className = _ref.className,
     spin = _ref.spin,
-    props = _objectWithoutProperties(_ref, _excluded);
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
     cx = _useStyles.cx;
@@ -65,7 +65,7 @@ var Icon = /*#__PURE__*/memo(function (_ref) {
   return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread({
     className: cx('anticon', spin && styles.spin, className),
     role: "img"
-  }, props), {}, {
+  }, rest), {}, {
     children: /*#__PURE__*/_jsx(SvgIcon, {
       color: color,
       fill: fill !== null && fill !== void 0 ? fill : 'transparent',