rsuite 6.0.0-canary-2025031415 → 6.0.0-canary-20250315

package/dist/rsuite.css

@@ -10554,7 +10554,7 @@ textarea.rs-input {
   transition: opacity 0.1s linear, transform 0.1s ease-out;
 }
 .rs-popover.rs-anim-in {
-  opacity: 1;
+  --rs-popover-opacity: 1;
   transition: opacity 0.15s linear, transform 0.15s ease-in;
 }
 .rs-theme-high-contrast .rs-popover {
@@ -15181,91 +15181,53 @@ kbd.rs-text {
 :where(.rs-box)[style*='--rs-box-shadow'] {
   box-shadow: var(--rs-box-shadow);
 }
-:where(.rs-box-visible-xs) {
-  display: none !important;
-}
 @media (max-width: 575px) {
-  :where(.rs-box-visible-xs) {
-    display: var(--rs-box-display, inherit) !important;
-  }
-}
-:where(.rs-box-visible-sm) {
-  display: none !important;
-}
-@media (max-width: 767px) {
-  :where(.rs-box-visible-sm) {
-    display: var(--rs-box-display, inherit) !important;
-  }
-}
-:where(.rs-box-visible-md) {
-  display: none !important;
-}
-@media (max-width: 991px) {
-  :where(.rs-box-visible-md) {
-    display: var(--rs-box-display, inherit) !important;
-  }
-}
-:where(.rs-box-visible-lg) {
-  display: none !important;
-}
-@media (max-width: 1199px) {
-  :where(.rs-box-visible-lg) {
-    display: var(--rs-box-display, inherit) !important;
-  }
-}
-:where(.rs-box-visible-xl) {
-  display: none !important;
-}
-@media (max-width: 1399px) {
-  :where(.rs-box-visible-xl) {
-    display: var(--rs-box-display, inherit) !important;
+  :where(.rs-box-visible-from-xs) {
+    display: none !important;
   }
 }
-:where(.rs-box-visible-xxl) {
-  display: none !important;
-  display: var(--rs-box-display, inherit) !important;
-}
-:where(.rs-box-hidden-xs) {
-  display: var(--rs-box-display, inherit) !important;
-}
-@media (max-width: 575px) {
-  :where(.rs-box-hidden-xs) {
+@media (min-width: 576px) {
+  :where(.rs-box-hidden-from-xs) {
     display: none !important;
   }
 }
-:where(.rs-box-hidden-sm) {
-  display: var(--rs-box-display, inherit) !important;
-}
 @media (max-width: 767px) {
-  :where(.rs-box-hidden-sm) {
+  :where(.rs-box-visible-from-sm) {
     display: none !important;
   }
 }
-:where(.rs-box-hidden-md) {
-  display: var(--rs-box-display, inherit) !important;
+@media (min-width: 768px) {
+  :where(.rs-box-hidden-from-sm) {
+    display: none !important;
+  }
 }
 @media (max-width: 991px) {
-  :where(.rs-box-hidden-md) {
+  :where(.rs-box-visible-from-md) {
     display: none !important;
   }
 }
-:where(.rs-box-hidden-lg) {
-  display: var(--rs-box-display, inherit) !important;
+@media (min-width: 992px) {
+  :where(.rs-box-hidden-from-md) {
+    display: none !important;
+  }
 }
 @media (max-width: 1199px) {
-  :where(.rs-box-hidden-lg) {
+  :where(.rs-box-visible-from-lg) {
     display: none !important;
   }
 }
-:where(.rs-box-hidden-xl) {
-  display: var(--rs-box-display, inherit) !important;
+@media (min-width: 1200px) {
+  :where(.rs-box-hidden-from-lg) {
+    display: none !important;
+  }
 }
 @media (max-width: 1399px) {
-  :where(.rs-box-hidden-xl) {
+  :where(.rs-box-visible-from-xl) {
     display: none !important;
   }
 }
-:where(.rs-box-hidden-xxl) {
-  display: var(--rs-box-display, inherit) !important;
-  display: none !important;
+@media (min-width: 1400px) {
+  :where(.rs-box-hidden-from-xl) {
+    display: none !important;
+  }
 }

package/dist/rsuite.js

@@ -4437,7 +4437,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _ArrowDownLine = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/ArrowDownLine */ \"./node_modules/@rsuite/icons/esm/react/ArrowDownLine.js\"));\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ../Whisper */ \"./src/Whisper/index.tsx\"));\nvar _Popover = _interopRequireDefault(__webpack_require__(/*! ../Popover */ \"./src/Popover/index.tsx\"));\nvar _NavbarItem = _interopRequireDefault(__webpack_require__(/*! ./NavbarItem */ \"./src/Navbar/NavbarItem.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Navbar/NavbarMegaMenu.tsx\";\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst NavbarMegaMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {\n  const {\n    as: Component = _NavbarItem.default,\n    className,\n    classPrefix = 'mega-menu',\n    children,\n    title,\n    open,\n    placement = 'autoVertical',\n    ...rest\n  } = props;\n  const {\n    merge,\n    prefix,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const renderMenu = (0, _react.useCallback)((_ref, ref) => {\n    let {\n      onClose\n    } = _ref;\n    return /*#__PURE__*/_react.default.createElement(_Popover.default, {\n      ref: ref,\n      full: true,\n      arrow: false,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 49,\n        columnNumber: 9\n      }\n    }, typeof children === 'function' ? children({\n      onClose\n    }) : children);\n  }, [children]);\n  return /*#__PURE__*/_react.default.createElement(_Whisper.default, {\n    preventOverflow: true,\n    placement: placement,\n    trigger: \"click\",\n    speaker: renderMenu,\n    open: open,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    className: classes\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 59,\n      columnNumber: 7\n    }\n  }), title, /*#__PURE__*/_react.default.createElement(_ArrowDownLine.default, {\n    className: prefix`toggle-icon`,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 61,\n      columnNumber: 9\n    }\n  })));\n});\nNavbarMegaMenu.displayName = 'NavbarMegaMenu';\nvar _default = exports[\"default\"] = NavbarMegaMenu;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/NavbarMegaMenu.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _ArrowDownLine = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/ArrowDownLine */ \"./node_modules/@rsuite/icons/esm/react/ArrowDownLine.js\"));\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ../Whisper */ \"./src/Whisper/index.tsx\"));\nvar _Popover = _interopRequireDefault(__webpack_require__(/*! ../Popover */ \"./src/Popover/index.tsx\"));\nvar _NavbarItem = _interopRequireDefault(__webpack_require__(/*! ./NavbarItem */ \"./src/Navbar/NavbarItem.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Navbar/NavbarMegaMenu.tsx\";\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst NavbarMegaMenu = /*#__PURE__*/_react.default.forwardRef((props, ref) => {\n  const {\n    as: Component = _NavbarItem.default,\n    className,\n    classPrefix = 'mega-menu',\n    children,\n    title,\n    open,\n    placement = 'autoVertical',\n    ...rest\n  } = props;\n  const {\n    merge,\n    prefix,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix());\n  const renderMenu = (0, _react.useCallback)((menuProps, ref) => {\n    const {\n      onClose,\n      className\n    } = menuProps;\n    return /*#__PURE__*/_react.default.createElement(_Popover.default, {\n      ref: ref,\n      full: true,\n      arrow: false,\n      className: className,\n      __self: void 0,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 53,\n        columnNumber: 9\n      }\n    }, typeof children === 'function' ? children({\n      onClose\n    }) : children);\n  }, [children]);\n  return /*#__PURE__*/_react.default.createElement(_Whisper.default, {\n    preventOverflow: true,\n    placement: placement,\n    trigger: \"click\",\n    speaker: renderMenu,\n    open: open,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 62,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    className: classes\n  }, rest, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 63,\n      columnNumber: 7\n    }\n  }), title, /*#__PURE__*/_react.default.createElement(_ArrowDownLine.default, {\n    className: prefix`toggle-icon`,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 65,\n      columnNumber: 9\n    }\n  })));\n});\nNavbarMegaMenu.displayName = 'NavbarMegaMenu';\nvar _default = exports[\"default\"] = NavbarMegaMenu;\n\n//# sourceURL=webpack://rsuite/./src/Navbar/NavbarMegaMenu.tsx?");
 
 /***/ }),
 
@@ -6153,7 +6153,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Uploader/UploadTrigger.tsx\";\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst UploadTrigger = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as: Component = _Button.default,\n    name,\n    accept,\n    multiple,\n    disabled,\n    readOnly,\n    children,\n    classPrefix = 'uploader-trigger',\n    className,\n    draggable,\n    locale,\n    onChange,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n    ...rest\n  } = props;\n  const rootRef = (0, _react.useRef)(null);\n  const [dragOver, setDragOver] = (0, _react.useState)(false);\n  const inputRef = (0, _react.useRef)(null);\n  const {\n    merge,\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix({\n    disabled,\n    customize: children,\n    'drag-over': dragOver\n  }));\n  const handleClick = (0, _hooks.useEventCallback)(() => {\n    var _inputRef$current;\n    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.click();\n  });\n  const handleClearInput = (0, _hooks.useEventCallback)(() => {\n    if (inputRef.current) {\n      inputRef.current.value = '';\n    }\n  });\n  const handleDragEnter = (0, _hooks.useEventCallback)(event => {\n    if (draggable) {\n      event.preventDefault();\n      setDragOver(true);\n    }\n    onDragEnter === null || onDragEnter === void 0 || onDragEnter(event);\n  });\n  const handleDragLeave = (0, _hooks.useEventCallback)(event => {\n    if (draggable) {\n      event.preventDefault();\n      setDragOver(false);\n    }\n    onDragLeave === null || onDragLeave === void 0 || onDragLeave(event);\n  });\n  const handleDragOver = (0, _hooks.useEventCallback)(event => {\n    draggable && event.preventDefault();\n    onDragOver === null || onDragOver === void 0 || onDragOver(event);\n  });\n  const handleDrop = (0, _hooks.useEventCallback)(event => {\n    if (draggable) {\n      event.preventDefault();\n      setDragOver(false);\n      onChange === null || onChange === void 0 || onChange(event);\n    }\n    onDrop === null || onDrop === void 0 || onDrop(event);\n  });\n  (0, _react.useImperativeHandle)(ref, () => ({\n    root: rootRef.current,\n    clearInput: handleClearInput\n  }));\n  const buttonProps = {\n    ...rest,\n    disabled,\n    className: prefix('btn')\n  };\n  if (!disabled && !readOnly) {\n    buttonProps.onClick = handleClick;\n    buttonProps.onDragEnter = handleDragEnter;\n    buttonProps.onDragLeave = handleDragLeave;\n    buttonProps.onDragOver = handleDragOver;\n    buttonProps.onDrop = handleDrop;\n  }\n  const trigger = children ? (/*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(children), buttonProps)) : /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, buttonProps, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 118,\n      columnNumber: 5\n    }\n  }), locale === null || locale === void 0 ? void 0 : locale.upload);\n  return /*#__PURE__*/_react.default.createElement(\"div\", {\n    ref: rootRef,\n    className: classes,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 122,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"input\", {\n    type: \"file\",\n    name: name,\n    multiple: multiple,\n    disabled: disabled,\n    readOnly: readOnly,\n    accept: accept,\n    ref: inputRef,\n    onChange: onChange,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 123,\n      columnNumber: 7\n    }\n  }), trigger);\n});\nUploadTrigger.displayName = 'UploadTrigger';\nvar _default = exports[\"default\"] = UploadTrigger;\n\n//# sourceURL=webpack://rsuite/./src/Uploader/UploadTrigger.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ../Button */ \"./src/Button/index.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/Uploader/UploadTrigger.tsx\";\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }\nfunction _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || \"object\" != typeof e && \"function\" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if (\"default\" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }\nconst UploadTrigger = (0, _utils.forwardRef)((props, ref) => {\n  var _children$props;\n  const {\n    as: Component = _Button.default,\n    name,\n    accept,\n    multiple,\n    disabled,\n    readOnly,\n    children,\n    classPrefix = 'uploader-trigger',\n    className,\n    draggable,\n    locale,\n    onChange,\n    onDragEnter,\n    onDragLeave,\n    onDragOver,\n    onDrop,\n    ...rest\n  } = props;\n  const rootRef = (0, _react.useRef)(null);\n  const [dragOver, setDragOver] = (0, _react.useState)(false);\n  const inputRef = (0, _react.useRef)(null);\n  const {\n    withPrefix,\n    prefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = (0, _classnames.default)(className, withPrefix({\n    disabled,\n    customize: children,\n    'drag-over': dragOver\n  }));\n  const handleClick = (0, _hooks.useEventCallback)(() => {\n    var _inputRef$current;\n    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.click();\n  });\n  const handleClearInput = (0, _hooks.useEventCallback)(() => {\n    if (inputRef.current) {\n      inputRef.current.value = '';\n    }\n  });\n  const handleDragEnter = (0, _hooks.useEventCallback)(event => {\n    if (draggable) {\n      event.preventDefault();\n      setDragOver(true);\n    }\n    onDragEnter === null || onDragEnter === void 0 || onDragEnter(event);\n  });\n  const handleDragLeave = (0, _hooks.useEventCallback)(event => {\n    if (draggable) {\n      event.preventDefault();\n      setDragOver(false);\n    }\n    onDragLeave === null || onDragLeave === void 0 || onDragLeave(event);\n  });\n  const handleDragOver = (0, _hooks.useEventCallback)(event => {\n    draggable && event.preventDefault();\n    onDragOver === null || onDragOver === void 0 || onDragOver(event);\n  });\n  const handleDrop = (0, _hooks.useEventCallback)(event => {\n    if (draggable) {\n      event.preventDefault();\n      setDragOver(false);\n      onChange === null || onChange === void 0 || onChange(event);\n    }\n    onDrop === null || onDrop === void 0 || onDrop(event);\n  });\n  (0, _react.useImperativeHandle)(ref, () => ({\n    root: rootRef.current,\n    clearInput: handleClearInput\n  }));\n\n  // Prepare button props with event handlers conditionally applied\n  const buttonProps = {\n    ...rest,\n    disabled,\n    className: prefix('btn'),\n    // Only add event handlers if component is interactive\n    ...(!disabled && !readOnly && {\n      onClick: handleClick,\n      onDragEnter: handleDragEnter,\n      onDragLeave: handleDragLeave,\n      onDragOver: handleDragOver,\n      onDrop: handleDrop\n    })\n  };\n  const trigger = children ? (/*#__PURE__*/_react.default.cloneElement(children, {\n    ...buttonProps,\n    className: (0, _classnames.default)((_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.className, prefix('btn'))\n  })) : /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, buttonProps, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 126,\n      columnNumber: 5\n    }\n  }), locale === null || locale === void 0 ? void 0 : locale.upload);\n  return /*#__PURE__*/_react.default.createElement(\"div\", {\n    ref: rootRef,\n    className: classes,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 130,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"input\", {\n    type: \"file\",\n    name: name,\n    multiple: multiple,\n    disabled: disabled,\n    readOnly: readOnly,\n    accept: accept,\n    ref: inputRef,\n    onChange: onChange,\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 131,\n      columnNumber: 7\n    }\n  }), trigger);\n});\nUploadTrigger.displayName = 'UploadTrigger';\nvar _default = exports[\"default\"] = UploadTrigger;\n\n//# sourceURL=webpack://rsuite/./src/Uploader/UploadTrigger.tsx?");
 
 /***/ }),
 
@@ -6263,7 +6263,7 @@ eval("\n\nexports.__esModule = true;\nvar _Text = __webpack_require__(/*! ./Text
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/internals/Box/utils.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/internals/Box/Box.tsx\";\nconst Box = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as: Component = 'div',\n    classPrefix = 'box',\n    className,\n    children,\n    componentAs,\n    visible,\n    hidden,\n    style,\n    ...rest\n  } = props;\n  const boxProps = (0, _utils2.extractBoxProps)(rest);\n  const domProps = (0, _utils2.omitBoxProps)(rest);\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix({\n    [`visible-${visible}`]: visible,\n    [`hidden-${hidden}`]: hidden\n  }));\n  const boxCSSVars = (0, _utils2.getBoxCSSVariables)(boxProps);\n  const boxStyle = (0, _utils.mergeStyles)(style, boxCSSVars);\n  const FinalComponent = componentAs || Component;\n  return /*#__PURE__*/_react.default.createElement(FinalComponent, (0, _extends2.default)({\n    ref: ref,\n    className: classes,\n    style: boxStyle\n  }, domProps, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 86,\n      columnNumber: 5\n    }\n  }), children);\n});\nBox.displayName = 'Box';\nvar _default = exports[\"default\"] = Box;\n\n//# sourceURL=webpack://rsuite/./src/internals/Box/Box.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _utils = __webpack_require__(/*! ../utils */ \"./src/internals/utils/index.ts\");\nvar _hooks = __webpack_require__(/*! ../hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils2 = __webpack_require__(/*! ./utils */ \"./src/internals/Box/utils.ts\");\nvar _jsxFileName = \"/Users/apple/workspace/rsuite/rsuite/src/internals/Box/Box.tsx\";\nconst Box = (0, _utils.forwardRef)((props, ref) => {\n  const {\n    as: Component = 'div',\n    classPrefix = 'box',\n    className,\n    children,\n    visible,\n    hidden,\n    style,\n    ...rest\n  } = props;\n  const boxProps = (0, _utils2.extractBoxProps)(rest);\n  const domProps = (0, _utils2.omitBoxProps)(rest);\n  const {\n    merge,\n    withPrefix\n  } = (0, _hooks.useStyles)(classPrefix);\n  const classes = merge(className, withPrefix({\n    [`visible-from-${visible}`]: visible,\n    [`hidden-from-${hidden}`]: hidden\n  }));\n  const boxCSSVars = (0, _utils2.getBoxCSSVariables)(boxProps);\n  const boxStyle = (0, _utils.mergeStyles)(style, boxCSSVars);\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n    ref: ref,\n    className: classes,\n    style: boxStyle\n  }, domProps, {\n    __self: void 0,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 83,\n      columnNumber: 5\n    }\n  }), children);\n});\nBox.displayName = 'Box';\nvar _default = exports[\"default\"] = Box;\n\n//# sourceURL=webpack://rsuite/./src/internals/Box/Box.tsx?");
 
 /***/ }),