rsuite 5.75.0 → 5.76.1

package/dist/rsuite.css

@@ -8526,6 +8526,40 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
 .rs-btn-icon-circle {
   border-radius: 50% !important;
 }
+.rs-image {
+  --rs-object-fit: cover;
+  --rs-object-position: initial;
+  -o-object-fit: var(--rs-object-fit);
+     object-fit: var(--rs-object-fit);
+  -o-object-position: var(--rs-object-position);
+     object-position: var(--rs-object-position);
+  max-width: 100%;
+}
+.rs-image-rounded {
+  border-radius: 6px;
+}
+.rs-image-circle {
+  border-radius: 50%;
+}
+.rs-image-bordered {
+  border: 1px solid #e5e5ea;
+  border: 1px solid var(--rs-border-primary);
+}
+.rs-image-zoomed {
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  transition: -webkit-transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+  cursor: pointer;
+}
+.rs-image-zoomed:hover {
+  -webkit-transform: matrix(1.25, 0, 0, 1.25, 0, 0);
+          transform: matrix(1.25, 0, 0, 1.25, 0, 0);
+}
+.rs-image-wrapper {
+  position: relative;
+  overflow: hidden;
+}
 .rs-input {
   display: block;
   width: 100%;

package/dist/rsuite.js

@@ -1852,7 +1852,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 _extends4 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\nvar _excluded = [\"as\", \"children\", \"classPrefix\", \"className\", \"placement\", \"shape\", \"autoplay\", \"autoplayInterval\", \"activeIndex\", \"defaultActiveIndex\", \"onSelect\", \"onSlideStart\", \"onSlideEnd\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Carousel/Carousel.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }\n/**\n * The Carousel component is used to display a series of content.\n * @see https://rsuitejs.com/components/carousel\n */\nvar Carousel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _sliderStyles, _ref;\n  var _useCustom = (0, _CustomProvider.useCustom)('Carousel', props),\n    rtl = _useCustom.rtl,\n    propsWithDefaults = _useCustom.propsWithDefaults;\n  var _propsWithDefaults$as = propsWithDefaults.as,\n    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,\n    children = propsWithDefaults.children,\n    _propsWithDefaults$cl = propsWithDefaults.classPrefix,\n    classPrefix = _propsWithDefaults$cl === void 0 ? 'carousel' : _propsWithDefaults$cl,\n    className = propsWithDefaults.className,\n    _propsWithDefaults$pl = propsWithDefaults.placement,\n    placement = _propsWithDefaults$pl === void 0 ? 'bottom' : _propsWithDefaults$pl,\n    _propsWithDefaults$sh = propsWithDefaults.shape,\n    shape = _propsWithDefaults$sh === void 0 ? 'dot' : _propsWithDefaults$sh,\n    autoplay = propsWithDefaults.autoplay,\n    _propsWithDefaults$au = propsWithDefaults.autoplayInterval,\n    autoplayInterval = _propsWithDefaults$au === void 0 ? 4000 : _propsWithDefaults$au,\n    activeIndexProp = propsWithDefaults.activeIndex,\n    _propsWithDefaults$de = propsWithDefaults.defaultActiveIndex,\n    defaultActiveIndex = _propsWithDefaults$de === void 0 ? 0 : _propsWithDefaults$de,\n    onSelect = propsWithDefaults.onSelect,\n    onSlideStart = propsWithDefaults.onSlideStart,\n    onSlideEnd = propsWithDefaults.onSlideEnd,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var count = _utils.ReactChildren.count(children);\n  var labels = [];\n  var vertical = placement === 'left' || placement === 'right';\n  var lengthKey = vertical ? 'height' : 'width';\n  var _useControlled = (0, _hooks.useControlled)(activeIndexProp, defaultActiveIndex),\n    activeIndex = _useControlled[0],\n    setActiveIndex = _useControlled[1],\n    isControlled = _useControlled[2];\n  var _useState = (0, _react.useState)(0),\n    lastIndex = _useState[0],\n    setLastIndex = _useState[1];\n  var rootRef = (0, _react.useRef)(null);\n  (0, _hooks.useUpdateEffect)(function () {\n    // When the index is controlled, the index is not updated when the number of children changes.\n    if (isControlled) {\n      return;\n    }\n    // Reset the index when the number of children changes.\n    setActiveIndex(0);\n  }, [children, isControlled]);\n\n  // Set a timer for automatic playback.\n  // `autoplay` needs to be cast to boolean type to avoid undefined parameters.\n  var _useTimeout = (0, _hooks.useTimeout)(function () {\n      return handleSlide();\n    }, autoplayInterval, !!autoplay && count > 1),\n    clear = _useTimeout.clear,\n    reset = _useTimeout.reset;\n  var handleSlide = (0, _react.useCallback)(function (nextActiveIndex, event) {\n    if (!rootRef.current) {\n      return;\n    }\n    clear();\n    var index = nextActiveIndex !== null && nextActiveIndex !== void 0 ? nextActiveIndex : activeIndex + 1;\n\n    // When index is greater than count, start from 1 again.\n    var nextIndex = index % count;\n    setActiveIndex(nextIndex);\n    onSlideStart === null || onSlideStart === void 0 || onSlideStart(nextIndex, event);\n    setLastIndex(nextActiveIndex == null ? activeIndex : nextIndex);\n    reset();\n  }, [activeIndex, count, setActiveIndex, clear, onSlideStart, reset]);\n  var handleChange = function handleChange(event) {\n    var activeIndex = +event.target.value;\n    handleSlide(activeIndex, event);\n    onSelect === null || onSelect === void 0 || onSelect(activeIndex, event);\n  };\n  var handleTransitionEnd = (0, _react.useCallback)(function (event) {\n    onSlideEnd === null || onSlideEnd === void 0 || onSlideEnd(activeIndex, event);\n  }, [activeIndex, onSlideEnd]);\n  var uniqueId = (0, _react.useMemo)(function () {\n    return (0, _utils.guid)();\n  }, []);\n  var items = _utils.ReactChildren.map(children, function (child, index) {\n    var _extends2;\n    if (!child) {\n      return;\n    }\n    var inputKey = \"indicator_\" + uniqueId + \"_\" + index;\n    labels.push(/*#__PURE__*/_react.default.createElement(\"li\", {\n      key: \"label\" + index,\n      className: prefix('label-wrapper'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 135,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"input\", {\n      name: inputKey,\n      id: inputKey,\n      type: \"radio\",\n      onChange: handleChange,\n      value: index,\n      checked: activeIndex === index,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 136,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/_react.default.createElement(\"label\", {\n      htmlFor: inputKey,\n      className: prefix('label'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 144,\n        columnNumber: 13\n      }\n    })));\n    return /*#__PURE__*/_react.default.cloneElement(child, {\n      key: \"slider-item\" + index,\n      'aria-hidden': activeIndex !== index,\n      style: (0, _extends4.default)({}, child.props.style, (_extends2 = {}, _extends2[lengthKey] = 100 / count + \"%\", _extends2)),\n      className: (0, _classnames.default)(prefix('slider-item'), child.props.className)\n    });\n  });\n  var classes = merge(className, withClassPrefix(\"placement-\" + placement, \"shape-\" + shape));\n  var positiveOrder = vertical || !rtl;\n  var sign = positiveOrder ? '-' : '';\n  var activeRatio = \"\" + sign + 100 / count * activeIndex + \"%\";\n  var sliderStyles = (_sliderStyles = {}, _sliderStyles[lengthKey] = count * 100 + \"%\", _sliderStyles.transform = vertical ? \"translate3d(0, \" + activeRatio + \" ,0)\" : \"translate3d(\" + activeRatio + \", 0 ,0)\", _sliderStyles);\n  var showMask = count > 1 && activeIndex === 0 && activeIndex !== lastIndex;\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends4.default)({}, rest, {\n    ref: (0, _utils.mergeRefs)(ref, rootRef),\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 171,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('content'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 172,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('slider'),\n    style: sliderStyles,\n    onTransitionEnd: handleTransitionEnd,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 173,\n      columnNumber: 11\n    }\n  }, items), showMask && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('slider-after', {\n      'slider-after-vertical': vertical\n    }),\n    style: (_ref = {}, _ref[lengthKey] = '200%', _ref),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 181,\n      columnNumber: 13\n    }\n  }, [items[items.length - 1], items[0]].map(function (node) {\n    var _extends3;\n    return /*#__PURE__*/_react.default.cloneElement(node, {\n      key: node.key,\n      style: (0, _extends4.default)({}, node.props.style, (_extends3 = {}, _extends3[lengthKey] = '50%', _extends3))\n    });\n  }))), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('toolbar'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 194,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"ul\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 195,\n      columnNumber: 11\n    }\n  }, labels)));\n});\nCarousel.displayName = 'Carousel';\nCarousel.propTypes = {\n  as: _propTypes.default.elementType,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  activeIndex: _propTypes.default.number,\n  defaultActiveIndex: _propTypes.default.number,\n  autoplay: _propTypes.default.bool,\n  autoplayInterval: _propTypes.default.number,\n  placement: (0, _propTypes2.oneOf)(['top', 'bottom', 'left', 'right']),\n  shape: (0, _propTypes2.oneOf)(['dot', 'bar']),\n  onSelect: _propTypes.default.func,\n  onSlideStart: _propTypes.default.func,\n  onSlideEnd: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = Carousel;\n\n//# sourceURL=webpack://rsuite/./src/Carousel/Carousel.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 _extends4 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _classnames = _interopRequireDefault(__webpack_require__(/*! classnames */ \"./node_modules/classnames/index.js\"));\nvar _propTypes2 = __webpack_require__(/*! ../internals/propTypes */ \"./src/internals/propTypes/index.ts\");\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\nvar _excluded = [\"as\", \"children\", \"classPrefix\", \"className\", \"placement\", \"shape\", \"autoplay\", \"autoplayInterval\", \"activeIndex\", \"defaultActiveIndex\", \"onSelect\", \"onSlideStart\", \"onSlideEnd\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Carousel/Carousel.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }\n/**\n * The Carousel component is used to display a series of content.\n * @see https://rsuitejs.com/components/carousel\n */\nvar Carousel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _sliderStyles, _ref;\n  var _useCustom = (0, _CustomProvider.useCustom)('Carousel', props),\n    rtl = _useCustom.rtl,\n    propsWithDefaults = _useCustom.propsWithDefaults;\n  var _propsWithDefaults$as = propsWithDefaults.as,\n    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,\n    children = propsWithDefaults.children,\n    _propsWithDefaults$cl = propsWithDefaults.classPrefix,\n    classPrefix = _propsWithDefaults$cl === void 0 ? 'carousel' : _propsWithDefaults$cl,\n    className = propsWithDefaults.className,\n    _propsWithDefaults$pl = propsWithDefaults.placement,\n    placement = _propsWithDefaults$pl === void 0 ? 'bottom' : _propsWithDefaults$pl,\n    _propsWithDefaults$sh = propsWithDefaults.shape,\n    shape = _propsWithDefaults$sh === void 0 ? 'dot' : _propsWithDefaults$sh,\n    autoplay = propsWithDefaults.autoplay,\n    _propsWithDefaults$au = propsWithDefaults.autoplayInterval,\n    autoplayInterval = _propsWithDefaults$au === void 0 ? 4000 : _propsWithDefaults$au,\n    activeIndexProp = propsWithDefaults.activeIndex,\n    _propsWithDefaults$de = propsWithDefaults.defaultActiveIndex,\n    defaultActiveIndex = _propsWithDefaults$de === void 0 ? 0 : _propsWithDefaults$de,\n    onSelect = propsWithDefaults.onSelect,\n    onSlideStart = propsWithDefaults.onSlideStart,\n    onSlideEnd = propsWithDefaults.onSlideEnd,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    prefix = _useClassNames.prefix,\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var count = _utils.ReactChildren.count(children);\n  var labels = [];\n  var vertical = placement === 'left' || placement === 'right';\n  var lengthKey = vertical ? 'height' : 'width';\n  var _useControlled = (0, _hooks.useControlled)(activeIndexProp, defaultActiveIndex),\n    activeIndex = _useControlled[0],\n    setActiveIndex = _useControlled[1],\n    isControlled = _useControlled[2];\n  var _useState = (0, _react.useState)(0),\n    lastIndex = _useState[0],\n    setLastIndex = _useState[1];\n  var rootRef = (0, _react.useRef)(null);\n  (0, _hooks.useUpdateEffect)(function () {\n    // When the index is controlled, the index is not updated when the number of children changes.\n    if (isControlled) {\n      return;\n    }\n    // Reset the index when the number of children changes.\n    setActiveIndex(0);\n  }, [children, isControlled]);\n\n  // Set a timer for automatic playback.\n  // `autoplay` needs to be cast to boolean type to avoid undefined parameters.\n  var _useTimeout = (0, _hooks.useTimeout)(function () {\n      return handleSlide();\n    }, autoplayInterval, !!autoplay && count > 1),\n    clear = _useTimeout.clear,\n    reset = _useTimeout.reset;\n  var handleSlide = (0, _react.useCallback)(function (nextActiveIndex, event) {\n    if (!rootRef.current) {\n      return;\n    }\n    clear();\n    var index = nextActiveIndex !== null && nextActiveIndex !== void 0 ? nextActiveIndex : activeIndex + 1;\n\n    // When index is greater than count, start from 1 again.\n    var nextIndex = index % count;\n    setActiveIndex(nextIndex);\n    onSlideStart === null || onSlideStart === void 0 || onSlideStart(nextIndex, event);\n    setLastIndex(nextActiveIndex == null ? activeIndex : nextIndex);\n    reset();\n  }, [activeIndex, count, setActiveIndex, clear, onSlideStart, reset]);\n  var handleChange = function handleChange(event) {\n    var activeIndex = +event.target.value;\n    handleSlide(activeIndex, event);\n    onSelect === null || onSelect === void 0 || onSelect(activeIndex, event);\n  };\n  var handleTransitionEnd = (0, _react.useCallback)(function (event) {\n    onSlideEnd === null || onSlideEnd === void 0 || onSlideEnd(activeIndex, event);\n  }, [activeIndex, onSlideEnd]);\n  var uniqueId = (0, _react.useMemo)(function () {\n    return (0, _utils.guid)();\n  }, []);\n  var items = _utils.ReactChildren.map(children, function (child, index) {\n    var _extends2;\n    if (!child) {\n      return;\n    }\n    var inputKey = \"indicator_\" + uniqueId + \"_\" + index;\n    labels.push(/*#__PURE__*/_react.default.createElement(\"li\", {\n      key: \"label\" + index,\n      className: prefix('label-wrapper'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 135,\n        columnNumber: 11\n      }\n    }, /*#__PURE__*/_react.default.createElement(\"input\", {\n      name: inputKey,\n      id: inputKey,\n      type: \"radio\",\n      onChange: handleChange,\n      value: index,\n      checked: activeIndex === index,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 136,\n        columnNumber: 13\n      }\n    }), /*#__PURE__*/_react.default.createElement(\"label\", {\n      htmlFor: inputKey,\n      className: prefix('label'),\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 144,\n        columnNumber: 13\n      }\n    })));\n    return /*#__PURE__*/_react.default.cloneElement(child, {\n      key: \"slider-item\" + index,\n      'aria-hidden': activeIndex !== index,\n      style: (0, _extends4.default)({}, child.props.style, (_extends2 = {}, _extends2[lengthKey] = 100 / count + \"%\", _extends2)),\n      className: (0, _classnames.default)(prefix('slider-item'), child.props.className)\n    });\n  });\n  var classes = merge(className, withClassPrefix(\"placement-\" + placement, \"shape-\" + shape));\n  var positiveOrder = vertical || !rtl;\n  var sign = positiveOrder ? '-' : '';\n  var activeRatio = \"\" + sign + 100 / count * activeIndex + \"%\";\n  var sliderStyles = (_sliderStyles = {}, _sliderStyles[lengthKey] = count * 100 + \"%\", _sliderStyles.transform = vertical ? \"translate3d(0, \" + activeRatio + \" ,0)\" : \"translate3d(\" + activeRatio + \", 0 ,0)\", _sliderStyles);\n  var showMask = count > 1 && activeIndex === 0 && activeIndex !== lastIndex;\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends4.default)({}, rest, {\n    ref: (0, _utils.mergeRefs)(ref, rootRef),\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 171,\n      columnNumber: 7\n    }\n  }), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('content'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 172,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"div\", {\n    \"data-testid\": \"carousel-slider\",\n    className: prefix('slider'),\n    style: sliderStyles,\n    onTransitionEnd: handleTransitionEnd,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 173,\n      columnNumber: 11\n    }\n  }, items), showMask && /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('slider-after', {\n      'slider-after-vertical': vertical\n    }),\n    style: (_ref = {}, _ref[lengthKey] = '200%', _ref),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 182,\n      columnNumber: 13\n    }\n  }, [items[items.length - 1], items[0]].map(function (node) {\n    var _extends3;\n    return /*#__PURE__*/_react.default.cloneElement(node, {\n      key: node.key,\n      style: (0, _extends4.default)({}, node.props.style, (_extends3 = {}, _extends3[lengthKey] = '50%', _extends3))\n    });\n  }))), /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: prefix('toolbar'),\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 195,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"ul\", {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 196,\n      columnNumber: 11\n    }\n  }, labels)));\n});\nCarousel.displayName = 'Carousel';\nCarousel.propTypes = {\n  as: _propTypes.default.elementType,\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  activeIndex: _propTypes.default.number,\n  defaultActiveIndex: _propTypes.default.number,\n  autoplay: _propTypes.default.bool,\n  autoplayInterval: _propTypes.default.number,\n  placement: (0, _propTypes2.oneOf)(['top', 'bottom', 'left', 'right']),\n  shape: (0, _propTypes2.oneOf)(['dot', 'bar']),\n  onSelect: _propTypes.default.func,\n  onSlideStart: _propTypes.default.func,\n  onSlideEnd: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = Carousel;\n\n//# sourceURL=webpack://rsuite/./src/Carousel/Carousel.tsx?");
 
 /***/ }),
 
@@ -2270,7 +2270,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.CustomContext = void 0;\nexports[\"default\"] = CustomProvider;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _IconProvider = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/IconProvider */ \"./node_modules/@rsuite/icons/esm/IconProvider.js\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _prefix = __webpack_require__(/*! ../internals/utils/prefix */ \"./src/internals/utils/prefix.ts\");\nvar _DOMHelper = __webpack_require__(/*! ../DOMHelper */ \"./src/DOMHelper/index.ts\");\nvar _ToastContainer = _interopRequireWildcard(__webpack_require__(/*! ../toaster/ToastContainer */ \"./src/toaster/ToastContainer.tsx\"));\nvar _excluded = [\"children\", \"classPrefix\", \"components\", \"iconClassPrefix\", \"theme\", \"toastContainer\", \"disableRipple\", \"csp\", \"disableInlineStyles\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CustomProvider/CustomProvider.tsx\";\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }\nvar CustomContext = exports.CustomContext = /*#__PURE__*/_react.default.createContext({});\nvar themes = ['light', 'dark', 'high-contrast'];\n\n/**\n * CustomProvider is used to provide global configuration, such as language, theme, etc.\n *\n * @see https://rsuitejs.com/components/custom-provider\n */\nfunction CustomProvider(props) {\n  var _this = this;\n  var children = props.children,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? (0, _prefix.getClassNamePrefix)() : _props$classPrefix,\n    components = props.components,\n    _props$iconClassPrefi = props.iconClassPrefix,\n    iconClassPrefix = _props$iconClassPrefi === void 0 ? classPrefix : _props$iconClassPrefi,\n    theme = props.theme,\n    container = props.toastContainer,\n    disableRipple = props.disableRipple,\n    csp = props.csp,\n    disableInlineStyles = props.disableInlineStyles,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var toasters = (0, _react.useRef)(new Map());\n  var _usePortal = (0, _hooks.usePortal)({\n      container: container,\n      waitMount: true\n    }),\n    Portal = _usePortal.Portal;\n  var value = (0, _react.useMemo)(function () {\n    return (0, _extends2.default)({\n      classPrefix: classPrefix,\n      theme: theme,\n      toasters: toasters,\n      disableRipple: disableRipple,\n      components: components\n    }, rest);\n  }, [classPrefix, theme, disableRipple, components, rest]);\n  var iconContext = (0, _react.useMemo)(function () {\n    return {\n      classPrefix: iconClassPrefix,\n      csp: csp,\n      disableInlineStyles: disableInlineStyles\n    };\n  }, [iconClassPrefix, csp, disableInlineStyles]);\n  (0, _hooks.useIsomorphicLayoutEffect)(function () {\n    if (_DOMHelper.canUseDOM && theme) {\n      (0, _DOMHelper.addClass)(document.body, (0, _prefix.prefix)(classPrefix, \"theme-\" + theme));\n\n      // Remove the className that will cause style conflicts\n      themes.forEach(function (t) {\n        if (t !== theme) {\n          (0, _DOMHelper.removeClass)(document.body, (0, _prefix.prefix)(classPrefix, \"theme-\" + t));\n        }\n      });\n    }\n  }, [classPrefix, theme]);\n  return /*#__PURE__*/_react.default.createElement(CustomContext.Provider, {\n    value: value,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 176,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_IconProvider.default, {\n    value: iconContext,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 177,\n      columnNumber: 7\n    }\n  }, children, /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 179,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: classPrefix + \"toast-provider\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 180,\n      columnNumber: 11\n    }\n  }, _ToastContainer.toastPlacements.map(function (placement) {\n    return /*#__PURE__*/_react.default.createElement(_ToastContainer.default, {\n      key: placement,\n      placement: placement,\n      ref: function ref(_ref) {\n        toasters.current.set(placement, _ref);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 182,\n        columnNumber: 15\n      }\n    });\n  })))));\n}\n\n//# sourceURL=webpack://rsuite/./src/CustomProvider/CustomProvider.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.CustomContext = void 0;\nexports[\"default\"] = CustomProvider;\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _IconProvider = _interopRequireDefault(__webpack_require__(/*! @rsuite/icons/IconProvider */ \"./node_modules/@rsuite/icons/esm/IconProvider.js\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _prefix = __webpack_require__(/*! ../internals/utils/prefix */ \"./src/internals/utils/prefix.ts\");\nvar _DOMHelper = __webpack_require__(/*! ../DOMHelper */ \"./src/DOMHelper/index.ts\");\nvar _ToastContainer = _interopRequireWildcard(__webpack_require__(/*! ../toaster/ToastContainer */ \"./src/toaster/ToastContainer.tsx\"));\nvar _excluded = [\"children\", \"classPrefix\", \"components\", \"iconClassPrefix\", \"theme\", \"toastContainer\", \"disableRipple\", \"csp\", \"disableInlineStyles\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/CustomProvider/CustomProvider.tsx\";\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }\nvar CustomContext = exports.CustomContext = /*#__PURE__*/_react.default.createContext({});\nvar themes = ['light', 'dark', 'high-contrast'];\n\n/**\n * CustomProvider is used to provide global configuration, such as language, theme, etc.\n *\n * @see https://rsuitejs.com/components/custom-provider\n */\nfunction CustomProvider(props) {\n  var _this = this;\n  var children = props.children,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? (0, _prefix.getClassNamePrefix)() : _props$classPrefix,\n    components = props.components,\n    _props$iconClassPrefi = props.iconClassPrefix,\n    iconClassPrefix = _props$iconClassPrefi === void 0 ? classPrefix : _props$iconClassPrefi,\n    theme = props.theme,\n    _props$toastContainer = props.toastContainer,\n    toastContainer = _props$toastContainer === void 0 ? _ToastContainer.defaultToasterContainer : _props$toastContainer,\n    disableRipple = props.disableRipple,\n    csp = props.csp,\n    disableInlineStyles = props.disableInlineStyles,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var toasters = (0, _react.useRef)(new Map());\n  var _usePortal = (0, _hooks.usePortal)({\n      container: toastContainer,\n      waitMount: true\n    }),\n    Portal = _usePortal.Portal;\n  var value = (0, _react.useMemo)(function () {\n    return (0, _extends2.default)({\n      classPrefix: classPrefix,\n      theme: theme,\n      toasters: toasters,\n      disableRipple: disableRipple,\n      components: components,\n      toastContainer: toastContainer\n    }, rest);\n  }, [classPrefix, theme, disableRipple, components, toastContainer, rest]);\n  var iconContext = (0, _react.useMemo)(function () {\n    return {\n      classPrefix: iconClassPrefix,\n      csp: csp,\n      disableInlineStyles: disableInlineStyles\n    };\n  }, [iconClassPrefix, csp, disableInlineStyles]);\n  (0, _hooks.useIsomorphicLayoutEffect)(function () {\n    if (_DOMHelper.canUseDOM && theme) {\n      (0, _DOMHelper.addClass)(document.body, (0, _prefix.prefix)(classPrefix, \"theme-\" + theme));\n\n      // Remove the className that will cause style conflicts\n      themes.forEach(function (t) {\n        if (t !== theme) {\n          (0, _DOMHelper.removeClass)(document.body, (0, _prefix.prefix)(classPrefix, \"theme-\" + t));\n        }\n      });\n    }\n  }, [classPrefix, theme]);\n  return /*#__PURE__*/_react.default.createElement(CustomContext.Provider, {\n    value: value,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 180,\n      columnNumber: 5\n    }\n  }, /*#__PURE__*/_react.default.createElement(_IconProvider.default, {\n    value: iconContext,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 181,\n      columnNumber: 7\n    }\n  }, children, /*#__PURE__*/_react.default.createElement(Portal, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 183,\n      columnNumber: 9\n    }\n  }, /*#__PURE__*/_react.default.createElement(\"div\", {\n    className: classPrefix + \"toast-provider\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 184,\n      columnNumber: 11\n    }\n  }, _ToastContainer.toastPlacements.map(function (placement) {\n    return /*#__PURE__*/_react.default.createElement(_ToastContainer.default, {\n      key: placement,\n      placement: placement,\n      ref: function ref(_ref) {\n        toasters.current.set(placement, _ref);\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 186,\n        columnNumber: 15\n      }\n    });\n  })))));\n}\n\n//# sourceURL=webpack://rsuite/./src/CustomProvider/CustomProvider.tsx?");
 
 /***/ }),
 
@@ -3308,6 +3308,50 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/Image/Image.tsx":
+/*!*****************************!*\
+  !*** ./src/Image/Image.tsx ***!
+  \*****************************/
+/***/ (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 _extends3 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _ImageWrapper = __webpack_require__(/*! ./ImageWrapper */ \"./src/Image/ImageWrapper.tsx\");\nvar _useImage2 = __webpack_require__(/*! ./hooks/useImage */ \"./src/Image/hooks/useImage.ts\");\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider */ \"./src/CustomProvider/index.tsx\");\nvar _excluded = [\"as\", \"bordered\", \"classPrefix\", \"className\", \"circle\", \"crossOrigin\", \"fit\", \"fallbackSrc\", \"loading\", \"rounded\", \"srcSet\", \"sizes\", \"shaded\", \"src\", \"style\", \"position\", \"placeholder\", \"width\", \"height\", \"zoomed\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/Image/Image.tsx\",\n  _this = void 0;\nvar Image = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _extends2;\n  var _useCustom = (0, _CustomProvider.useCustom)('Image', props),\n    propsWithDefaults = _useCustom.propsWithDefaults;\n  var _propsWithDefaults$as = propsWithDefaults.as,\n    Component = _propsWithDefaults$as === void 0 ? 'img' : _propsWithDefaults$as,\n    bordered = propsWithDefaults.bordered,\n    _propsWithDefaults$cl = propsWithDefaults.classPrefix,\n    classPrefix = _propsWithDefaults$cl === void 0 ? 'image' : _propsWithDefaults$cl,\n    className = propsWithDefaults.className,\n    circle = propsWithDefaults.circle,\n    crossOrigin = propsWithDefaults.crossOrigin,\n    fit = propsWithDefaults.fit,\n    fallbackSrc = propsWithDefaults.fallbackSrc,\n    loading = propsWithDefaults.loading,\n    rounded = propsWithDefaults.rounded,\n    srcSet = propsWithDefaults.srcSet,\n    sizes = propsWithDefaults.sizes,\n    shaded = propsWithDefaults.shaded,\n    src = propsWithDefaults.src,\n    style = propsWithDefaults.style,\n    position = propsWithDefaults.position,\n    placeholder = propsWithDefaults.placeholder,\n    width = propsWithDefaults.width,\n    height = propsWithDefaults.height,\n    zoomed = propsWithDefaults.zoomed,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    merge = _useClassNames.merge,\n    withClassPrefix = _useClassNames.withClassPrefix;\n  var classes = merge(className, withClassPrefix({\n    circle: circle,\n    bordered: bordered,\n    rounded: rounded,\n    shaded: shaded,\n    zoomed: zoomed\n  }));\n  var imgProps = {\n    crossOrigin: crossOrigin,\n    srcSet: srcSet,\n    sizes: sizes,\n    loading: loading\n  };\n  var _useImage = (0, _useImage2.useImage)((0, _extends3.default)({\n      src: src,\n      fallbackSrc: fallbackSrc\n    }, imgProps)),\n    imgSrc = _useImage.imgSrc,\n    isLoading = _useImage.isLoading;\n  var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2['--rs-object-fit'] = fit, _extends2['--rs-object-position'] = position, _extends2));\n  var wrapStyles = {\n    width: width,\n    height: height\n  };\n  var image = /*#__PURE__*/_react.default.createElement(Component, (0, _extends3.default)({\n    ref: ref,\n    src: imgSrc,\n    className: classes,\n    style: styles,\n    width: width,\n    height: height\n  }, imgProps, rest, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 97,\n      columnNumber: 7\n    }\n  }));\n  if (zoomed) {\n    return /*#__PURE__*/_react.default.createElement(_ImageWrapper.ImageWrapper, {\n      style: wrapStyles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 110,\n        columnNumber: 14\n      }\n    }, image);\n  }\n  if (placeholder) {\n    return /*#__PURE__*/_react.default.createElement(_ImageWrapper.ImageWrapper, {\n      style: wrapStyles,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 115,\n        columnNumber: 9\n      }\n    }, isLoading && placeholder, image);\n  }\n  return image;\n});\nImage.displayName = 'Image';\nImage.propTypes = {\n  bordered: _propTypes.default.bool,\n  circle: _propTypes.default.bool,\n  fallbackSrc: _propTypes.default.string,\n  fit: _propTypes.default.string,\n  position: _propTypes.default.string,\n  rounded: _propTypes.default.bool,\n  shaded: _propTypes.default.bool,\n  placeholder: _propTypes.default.node,\n  zoomed: _propTypes.default.bool\n};\nvar _default = exports[\"default\"] = Image;\n\n//# sourceURL=webpack://rsuite/./src/Image/Image.tsx?");
+
+/***/ }),
+
+/***/ "./src/Image/ImageWrapper.tsx":
+/*!************************************!*\
+  !*** ./src/Image/ImageWrapper.tsx ***!
+  \************************************/
+/***/ (function(__unused_webpack_module, exports, __webpack_require__) {
+
+"use strict";
+eval("\n\nexports.__esModule = true;\nexports.ImageWrapper = void 0;\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar ImageWrapper = exports.ImageWrapper = (0, _utils.createComponent)({\n  name: 'ImageWrapper',\n  componentAs: 'div'\n});\n\n//# sourceURL=webpack://rsuite/./src/Image/ImageWrapper.tsx?");
+
+/***/ }),
+
+/***/ "./src/Image/hooks/useImage.ts":
+/*!*************************************!*\
+  !*** ./src/Image/hooks/useImage.ts ***!
+  \*************************************/
+/***/ (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.useImage = void 0;\nvar _react = __webpack_require__(/*! react */ \"react\");\nvar _useIsomorphicLayoutEffect = _interopRequireDefault(__webpack_require__(/*! ../../internals/hooks/useIsomorphicLayoutEffect */ \"./src/internals/hooks/useIsomorphicLayoutEffect.ts\"));\nvar useImage = exports.useImage = function useImage(props) {\n  var src = props.src,\n    fallbackSrc = props.fallbackSrc,\n    crossOrigin = props.crossOrigin,\n    srcSet = props.srcSet,\n    sizes = props.sizes,\n    loading = props.loading;\n  var _useState = (0, _react.useState)(src || fallbackSrc || null),\n    imgSrc = _useState[0],\n    setImgSrc = _useState[1];\n  var _useState2 = (0, _react.useState)(!!src),\n    isLoading = _useState2[0],\n    setIsLoading = _useState2[1];\n  var _useState3 = (0, _react.useState)(false),\n    error = _useState3[0],\n    setError = _useState3[1];\n  var imageRef = (0, _react.useRef)(null);\n  (0, _react.useEffect)(function () {\n    setIsLoading(!!src); // true if src exists, false otherwise\n  }, [src]);\n  var flush = function flush() {\n    if (imageRef.current) {\n      imageRef.current.onload = null;\n      imageRef.current.onerror = null;\n    }\n  };\n  var loadImage = (0, _react.useCallback)(function () {\n    if (!src) return;\n    flush();\n    var image = new Image();\n    image.src = src;\n    if (crossOrigin) image.crossOrigin = crossOrigin;\n    if (srcSet) image.srcset = srcSet;\n    if (sizes) image.sizes = sizes;\n    if (loading) image.loading = loading;\n    image.onload = function () {\n      flush();\n      setImgSrc(src);\n      setIsLoading(false);\n    };\n    image.onerror = function () {\n      flush();\n      setError(true);\n      setImgSrc(fallbackSrc || null);\n      setIsLoading(false);\n    };\n    imageRef.current = image;\n  }, [crossOrigin, fallbackSrc, loading, sizes, src, srcSet]);\n  (0, _useIsomorphicLayoutEffect.default)(function () {\n    loadImage();\n    return function () {\n      flush();\n    };\n  }, [loadImage]);\n  return {\n    imgSrc: imgSrc,\n    isLoading: isLoading,\n    error: error\n  };\n};\n\n//# sourceURL=webpack://rsuite/./src/Image/hooks/useImage.ts?");
+
+/***/ }),
+
+/***/ "./src/Image/index.tsx":
+/*!*****************************!*\
+  !*** ./src/Image/index.tsx ***!
+  \*****************************/
+/***/ (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 _Image = _interopRequireDefault(__webpack_require__(/*! ./Image */ \"./src/Image/Image.tsx\"));\nvar _default = exports[\"default\"] = _Image.default;\n\n//# sourceURL=webpack://rsuite/./src/Image/index.tsx?");
+
+/***/ }),
+
 /***/ "./src/InlineEdit/EditableControls.tsx":
 /*!*********************************************!*\
   !*** ./src/InlineEdit/EditableControls.tsx ***!
@@ -6021,7 +6065,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.Whisper = exports.VisuallyHidden = exports.VStack = exports.Uploader = exports.TreePicker = exports.Tree = exports.Tooltip = exports.Toggle = exports.Timeline = exports.TimeRangePicker = exports.TimePicker = exports.Text = exports.TagPicker = exports.TagInput = exports.TagGroup = exports.Tag = exports.Tabs = exports.Table = exports.Steps = exports.StatGroup = exports.Stat = exports.Stack = exports.Slider = exports.Sidenav = exports.Sidebar = exports.SelectPicker = exports.Schema = exports.SafeAnchor = exports.Row = exports.Rate = exports.RangeSlider = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.Progress = exports.Popover = exports.Placeholder = exports.PanelGroup = exports.Panel = exports.Pagination = exports.Notification = exports.Navbar = exports.Nav = exports.MultiCascader = exports.MultiCascadeTree = exports.Modal = exports.Message = exports.MaskedInput = exports.Loader = exports.List = exports.InputPicker = exports.InputNumber = exports.InputGroup = exports.Input = exports.InlineEdit = exports.IconButton = exports.Highlight = exports.HeadingGroup = exports.Heading = exports.Header = exports.HStack = exports.Grid = exports.Form = exports.Footer = exports.FlexboxGrid = exports.Dropdown = exports.Drawer = exports.Divider = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.DOMHelper = exports.CustomProvider = exports.Content = exports.Container = exports.Col = exports.CheckboxGroup = exports.Checkbox = exports.CheckTreePicker = exports.CheckTree = exports.CheckPicker = exports.Cascader = exports.CascadeTree = exports.Carousel = exports.CardGroup = exports.Card = exports.Calendar = exports.ButtonToolbar = exports.ButtonGroup = exports.Button = exports.Breadcrumb = exports.Badge = exports.AvatarGroup = exports.Avatar = exports.AutoComplete = exports.Animation = exports.Affix = exports.Accordion = void 0;\nexports.useToaster = exports.useMediaQuery = exports.useFormClassNames = exports.useBreakpointValue = exports.toaster = void 0;\nvar _Text = _interopRequireDefault(__webpack_require__(/*! ./Text */ \"./src/Text/index.tsx\"));\nexports.Text = _Text.default;\nvar _Heading = _interopRequireDefault(__webpack_require__(/*! ./Heading */ \"./src/Heading/index.tsx\"));\nexports.Heading = _Heading.default;\nvar _HeadingGroup = _interopRequireDefault(__webpack_require__(/*! ./HeadingGroup */ \"./src/HeadingGroup/index.tsx\"));\nexports.HeadingGroup = _HeadingGroup.default;\nvar _Highlight = _interopRequireDefault(__webpack_require__(/*! ./Highlight */ \"./src/Highlight/index.tsx\"));\nexports.Highlight = _Highlight.default;\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ./SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\nexports.SafeAnchor = _SafeAnchor.default;\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ./Button */ \"./src/Button/index.tsx\"));\nexports.Button = _Button.default;\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ./IconButton */ \"./src/IconButton/index.tsx\"));\nexports.IconButton = _IconButton.default;\nvar _ButtonToolbar = _interopRequireDefault(__webpack_require__(/*! ./ButtonToolbar */ \"./src/ButtonToolbar/index.tsx\"));\nexports.ButtonToolbar = _ButtonToolbar.default;\nvar _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroup */ \"./src/ButtonGroup/index.tsx\"));\nexports.ButtonGroup = _ButtonGroup.default;\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ./Whisper */ \"./src/Whisper/index.tsx\"));\nexports.Whisper = _Whisper.default;\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ./Tooltip */ \"./src/Tooltip/index.tsx\"));\nexports.Tooltip = _Tooltip.default;\nvar _Popover = _interopRequireDefault(__webpack_require__(/*! ./Popover */ \"./src/Popover/index.tsx\"));\nexports.Popover = _Popover.default;\nvar _Modal = _interopRequireDefault(__webpack_require__(/*! ./Modal */ \"./src/Modal/index.tsx\"));\nexports.Modal = _Modal.default;\nvar _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ \"./src/Drawer/index.tsx\"));\nexports.Drawer = _Drawer.default;\nvar _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ \"./src/Dropdown/index.tsx\"));\nexports.Dropdown = _Dropdown.default;\nvar _Notification = _interopRequireDefault(__webpack_require__(/*! ./Notification */ \"./src/Notification/index.tsx\"));\nexports.Notification = _Notification.default;\nvar _Message = _interopRequireDefault(__webpack_require__(/*! ./Message */ \"./src/Message/index.tsx\"));\nexports.Message = _Message.default;\nvar _Loader = _interopRequireDefault(__webpack_require__(/*! ./Loader */ \"./src/Loader/index.tsx\"));\nexports.Loader = _Loader.default;\nvar _Placeholder = _interopRequireDefault(__webpack_require__(/*! ./Placeholder */ \"./src/Placeholder/index.tsx\"));\nexports.Placeholder = _Placeholder.default;\nvar _Badge = _interopRequireDefault(__webpack_require__(/*! ./Badge */ \"./src/Badge/index.tsx\"));\nexports.Badge = _Badge.default;\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ./toaster */ \"./src/toaster/index.tsx\"));\nexports.toaster = _toaster.default;\nvar _useToaster = _interopRequireDefault(__webpack_require__(/*! ./useToaster */ \"./src/useToaster/index.tsx\"));\nexports.useToaster = _useToaster.default;\nvar _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ \"./src/Progress/index.tsx\"));\nexports.Progress = _Progress.default;\nvar _Avatar = _interopRequireDefault(__webpack_require__(/*! ./Avatar */ \"./src/Avatar/index.tsx\"));\nexports.Avatar = _Avatar.default;\nvar _AvatarGroup = _interopRequireDefault(__webpack_require__(/*! ./AvatarGroup */ \"./src/AvatarGroup/index.tsx\"));\nexports.AvatarGroup = _AvatarGroup.default;\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ./Nav */ \"./src/Nav/index.tsx\"));\nexports.Nav = _Nav.default;\nvar _Navbar = _interopRequireDefault(__webpack_require__(/*! ./Navbar */ \"./src/Navbar/index.tsx\"));\nexports.Navbar = _Navbar.default;\nvar _Sidenav = _interopRequireDefault(__webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/index.tsx\"));\nexports.Sidenav = _Sidenav.default;\nvar _Breadcrumb = _interopRequireDefault(__webpack_require__(/*! ./Breadcrumb */ \"./src/Breadcrumb/index.tsx\"));\nexports.Breadcrumb = _Breadcrumb.default;\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ \"./src/Pagination/index.tsx\"));\nexports.Pagination = _Pagination.default;\nvar _Steps = _interopRequireDefault(__webpack_require__(/*! ./Steps */ \"./src/Steps/index.tsx\"));\nexports.Steps = _Steps.default;\nvar _Form = _interopRequireWildcard(__webpack_require__(/*! ./Form */ \"./src/Form/index.tsx\"));\nexports.Form = _Form.default;\nexports.useFormClassNames = _Form.useFormClassNames;\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ./Toggle */ \"./src/Toggle/index.tsx\"));\nexports.Toggle = _Toggle.default;\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ \"./src/Input/index.tsx\"));\nexports.Input = _Input.default;\nvar _MaskedInput = _interopRequireDefault(__webpack_require__(/*! ./MaskedInput */ \"./src/MaskedInput/index.tsx\"));\nexports.MaskedInput = _MaskedInput.default;\nvar _InputNumber = _interopRequireDefault(__webpack_require__(/*! ./InputNumber */ \"./src/InputNumber/index.tsx\"));\nexports.InputNumber = _InputNumber.default;\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ./InputGroup */ \"./src/InputGroup/index.tsx\"));\nexports.InputGroup = _InputGroup.default;\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ./Checkbox */ \"./src/Checkbox/index.tsx\"));\nexports.Checkbox = _Checkbox.default;\nvar _CheckboxGroup = _interopRequireDefault(__webpack_require__(/*! ./CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\"));\nexports.CheckboxGroup = _CheckboxGroup.default;\nvar _Radio = _interopRequireDefault(__webpack_require__(/*! ./Radio */ \"./src/Radio/index.tsx\"));\nexports.Radio = _Radio.default;\nvar _RadioGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioGroup */ \"./src/RadioGroup/index.tsx\"));\nexports.RadioGroup = _RadioGroup.default;\nvar _RadioTile = _interopRequireDefault(__webpack_require__(/*! ./RadioTile */ \"./src/RadioTile/index.tsx\"));\nexports.RadioTile = _RadioTile.default;\nvar _RadioTileGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioTileGroup */ \"./src/RadioTileGroup/index.tsx\"));\nexports.RadioTileGroup = _RadioTileGroup.default;\nvar _SelectPicker = _interopRequireDefault(__webpack_require__(/*! ./SelectPicker */ \"./src/SelectPicker/index.tsx\"));\nexports.SelectPicker = _SelectPicker.default;\nvar _CheckPicker = _interopRequireDefault(__webpack_require__(/*! ./CheckPicker */ \"./src/CheckPicker/index.tsx\"));\nexports.CheckPicker = _CheckPicker.default;\nvar _InputPicker = _interopRequireDefault(__webpack_require__(/*! ./InputPicker */ \"./src/InputPicker/index.tsx\"));\nexports.InputPicker = _InputPicker.default;\nvar _TagPicker = _interopRequireDefault(__webpack_require__(/*! ./TagPicker */ \"./src/TagPicker/index.tsx\"));\nexports.TagPicker = _TagPicker.default;\nvar _TagInput = _interopRequireDefault(__webpack_require__(/*! ./TagInput */ \"./src/TagInput/index.tsx\"));\nexports.TagInput = _TagInput.default;\nvar _TreePicker = _interopRequireDefault(__webpack_require__(/*! ./TreePicker */ \"./src/TreePicker/index.tsx\"));\nexports.TreePicker = _TreePicker.default;\nvar _CheckTreePicker = _interopRequireDefault(__webpack_require__(/*! ./CheckTreePicker */ \"./src/CheckTreePicker/index.tsx\"));\nexports.CheckTreePicker = _CheckTreePicker.default;\nvar _Cascader = _interopRequireDefault(__webpack_require__(/*! ./Cascader */ \"./src/Cascader/index.tsx\"));\nexports.Cascader = _Cascader.default;\nvar _MultiCascader = _interopRequireDefault(__webpack_require__(/*! ./MultiCascader */ \"./src/MultiCascader/index.tsx\"));\nexports.MultiCascader = _MultiCascader.default;\nvar _DateInput = _interopRequireDefault(__webpack_require__(/*! ./DateInput */ \"./src/DateInput/index.tsx\"));\nexports.DateInput = _DateInput.default;\nvar _DatePicker = _interopRequireDefault(__webpack_require__(/*! ./DatePicker */ \"./src/DatePicker/index.tsx\"));\nexports.DatePicker = _DatePicker.default;\nvar _TimePicker = _interopRequireDefault(__webpack_require__(/*! ./TimePicker */ \"./src/TimePicker/index.tsx\"));\nexports.TimePicker = _TimePicker.default;\nvar _DateRangeInput = _interopRequireDefault(__webpack_require__(/*! ./DateRangeInput */ \"./src/DateRangeInput/index.tsx\"));\nexports.DateRangeInput = _DateRangeInput.default;\nvar _DateRangePicker = _interopRequireDefault(__webpack_require__(/*! ./DateRangePicker */ \"./src/DateRangePicker/index.tsx\"));\nexports.DateRangePicker = _DateRangePicker.default;\nvar _TimeRangePicker = _interopRequireDefault(__webpack_require__(/*! ./TimeRangePicker */ \"./src/TimeRangePicker/index.tsx\"));\nexports.TimeRangePicker = _TimeRangePicker.default;\nvar _AutoComplete = _interopRequireDefault(__webpack_require__(/*! ./AutoComplete */ \"./src/AutoComplete/index.tsx\"));\nexports.AutoComplete = _AutoComplete.default;\nvar _Uploader = _interopRequireDefault(__webpack_require__(/*! ./Uploader */ \"./src/Uploader/index.tsx\"));\nexports.Uploader = _Uploader.default;\nvar _Slider = _interopRequireDefault(__webpack_require__(/*! ./Slider */ \"./src/Slider/index.tsx\"));\nexports.Slider = _Slider.default;\nvar _RangeSlider = _interopRequireDefault(__webpack_require__(/*! ./RangeSlider */ \"./src/RangeSlider/index.tsx\"));\nexports.RangeSlider = _RangeSlider.default;\nvar _Rate = _interopRequireDefault(__webpack_require__(/*! ./Rate */ \"./src/Rate/index.tsx\"));\nexports.Rate = _Rate.default;\nvar _InlineEdit = _interopRequireDefault(__webpack_require__(/*! ./InlineEdit */ \"./src/InlineEdit/index.tsx\"));\nexports.InlineEdit = _InlineEdit.default;\nvar _Tree = _interopRequireDefault(__webpack_require__(/*! ./Tree */ \"./src/Tree/index.tsx\"));\nexports.Tree = _Tree.default;\nvar _CheckTree = _interopRequireDefault(__webpack_require__(/*! ./CheckTree */ \"./src/CheckTree/index.tsx\"));\nexports.CheckTree = _CheckTree.default;\nvar _Card = _interopRequireDefault(__webpack_require__(/*! ./Card */ \"./src/Card/index.tsx\"));\nexports.Card = _Card.default;\nvar _CardGroup = _interopRequireDefault(__webpack_require__(/*! ./CardGroup */ \"./src/CardGroup/index.tsx\"));\nexports.CardGroup = _CardGroup.default;\nvar _CascadeTree = _interopRequireDefault(__webpack_require__(/*! ./CascadeTree */ \"./src/CascadeTree/index.tsx\"));\nexports.CascadeTree = _CascadeTree.default;\nvar _MultiCascadeTree = _interopRequireDefault(__webpack_require__(/*! ./MultiCascadeTree */ \"./src/MultiCascadeTree/index.tsx\"));\nexports.MultiCascadeTree = _MultiCascadeTree.default;\nvar _Panel = _interopRequireDefault(__webpack_require__(/*! ./Panel */ \"./src/Panel/index.tsx\"));\nexports.Panel = _Panel.default;\nvar _PanelGroup = _interopRequireDefault(__webpack_require__(/*! ./PanelGroup */ \"./src/PanelGroup/index.tsx\"));\nexports.PanelGroup = _PanelGroup.default;\nvar _Stat = _interopRequireDefault(__webpack_require__(/*! ./Stat */ \"./src/Stat/index.tsx\"));\nexports.Stat = _Stat.default;\nvar _StatGroup = _interopRequireDefault(__webpack_require__(/*! ./StatGroup */ \"./src/StatGroup/index.tsx\"));\nexports.StatGroup = _StatGroup.default;\nvar _Table = _interopRequireDefault(__webpack_require__(/*! ./Table */ \"./src/Table/index.tsx\"));\nexports.Table = _Table.default;\nvar _Timeline = _interopRequireDefault(__webpack_require__(/*! ./Timeline */ \"./src/Timeline/index.tsx\"));\nexports.Timeline = _Timeline.default;\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ./Tag */ \"./src/Tag/index.tsx\"));\nexports.Tag = _Tag.default;\nvar _TagGroup = _interopRequireDefault(__webpack_require__(/*! ./TagGroup */ \"./src/TagGroup/index.tsx\"));\nexports.TagGroup = _TagGroup.default;\nvar _List = _interopRequireDefault(__webpack_require__(/*! ./List */ \"./src/List/index.tsx\"));\nexports.List = _List.default;\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/Calendar/index.tsx\"));\nexports.Calendar = _Calendar.default;\nvar _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ \"./src/Carousel/index.tsx\"));\nexports.Carousel = _Carousel.default;\nvar _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ \"./src/Grid/index.tsx\"));\nexports.Grid = _Grid.default;\nvar _Row = _interopRequireDefault(__webpack_require__(/*! ./Row */ \"./src/Row/index.tsx\"));\nexports.Row = _Row.default;\nvar _Col = _interopRequireDefault(__webpack_require__(/*! ./Col */ \"./src/Col/index.tsx\"));\nexports.Col = _Col.default;\nvar _FlexboxGrid = _interopRequireDefault(__webpack_require__(/*! ./FlexboxGrid */ \"./src/FlexboxGrid/index.tsx\"));\nexports.FlexboxGrid = _FlexboxGrid.default;\nvar _Container = _interopRequireDefault(__webpack_require__(/*! ./Container */ \"./src/Container/index.tsx\"));\nexports.Container = _Container.default;\nvar _Content = _interopRequireDefault(__webpack_require__(/*! ./Content */ \"./src/Content/index.tsx\"));\nexports.Content = _Content.default;\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/Header/index.tsx\"));\nexports.Header = _Header.default;\nvar _Sidebar = _interopRequireDefault(__webpack_require__(/*! ./Sidebar */ \"./src/Sidebar/index.tsx\"));\nexports.Sidebar = _Sidebar.default;\nvar _Footer = _interopRequireDefault(__webpack_require__(/*! ./Footer */ \"./src/Footer/index.tsx\"));\nexports.Footer = _Footer.default;\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ./Divider */ \"./src/Divider/index.tsx\"));\nexports.Divider = _Divider.default;\nvar _Stack = _interopRequireWildcard(__webpack_require__(/*! ./Stack */ \"./src/Stack/index.tsx\"));\nexports.Stack = _Stack.default;\nexports.HStack = _Stack.HStack;\nexports.VStack = _Stack.VStack;\nvar _Schema = _interopRequireDefault(__webpack_require__(/*! ./Schema */ \"./src/Schema/index.ts\"));\nexports.Schema = _Schema.default;\nvar _Animation = _interopRequireDefault(__webpack_require__(/*! ./Animation */ \"./src/Animation/index.tsx\"));\nexports.Animation = _Animation.default;\nvar _DOMHelper = _interopRequireDefault(__webpack_require__(/*! ./DOMHelper */ \"./src/DOMHelper/index.ts\"));\nexports.DOMHelper = _DOMHelper.default;\nvar _Affix = _interopRequireDefault(__webpack_require__(/*! ./Affix */ \"./src/Affix/index.tsx\"));\nexports.Affix = _Affix.default;\nvar _CustomProvider = _interopRequireDefault(__webpack_require__(/*! ./CustomProvider */ \"./src/CustomProvider/index.tsx\"));\nexports.CustomProvider = _CustomProvider.default;\nvar _useMediaQuery = _interopRequireDefault(__webpack_require__(/*! ./useMediaQuery */ \"./src/useMediaQuery/index.ts\"));\nexports.useMediaQuery = _useMediaQuery.default;\nvar _useBreakpointValue = _interopRequireDefault(__webpack_require__(/*! ./useBreakpointValue */ \"./src/useBreakpointValue/index.ts\"));\nexports.useBreakpointValue = _useBreakpointValue.default;\nvar _VisuallyHidden = _interopRequireDefault(__webpack_require__(/*! ./VisuallyHidden */ \"./src/VisuallyHidden/index.tsx\"));\nexports.VisuallyHidden = _VisuallyHidden.default;\nvar _Tabs = _interopRequireDefault(__webpack_require__(/*! ./Tabs */ \"./src/Tabs/index.tsx\"));\nexports.Tabs = _Tabs.default;\nvar _Accordion = _interopRequireDefault(__webpack_require__(/*! ./Accordion */ \"./src/Accordion/index.tsx\"));\nexports.Accordion = _Accordion.default;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }\n\n//# sourceURL=webpack://rsuite/./src/index.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.VisuallyHidden = exports.VStack = exports.Uploader = exports.TreePicker = exports.Tree = exports.Tooltip = exports.Toggle = exports.Timeline = exports.TimeRangePicker = exports.TimePicker = exports.Text = exports.TagPicker = exports.TagInput = exports.TagGroup = exports.Tag = exports.Tabs = exports.Table = exports.Steps = exports.StatGroup = exports.Stat = exports.Stack = exports.Slider = exports.Sidenav = exports.Sidebar = exports.SelectPicker = exports.Schema = exports.SafeAnchor = exports.Row = exports.Rate = exports.RangeSlider = exports.RadioTileGroup = exports.RadioTile = exports.RadioGroup = exports.Radio = exports.Progress = exports.Popover = exports.Placeholder = exports.PanelGroup = exports.Panel = exports.Pagination = exports.Notification = exports.Navbar = exports.Nav = exports.MultiCascader = exports.MultiCascadeTree = exports.Modal = exports.Message = exports.MaskedInput = exports.Loader = exports.List = exports.InputPicker = exports.InputNumber = exports.InputGroup = exports.Input = exports.InlineEdit = exports.Image = exports.IconButton = exports.Highlight = exports.HeadingGroup = exports.Heading = exports.Header = exports.HStack = exports.Grid = exports.Form = exports.Footer = exports.FlexboxGrid = exports.Dropdown = exports.Drawer = exports.Divider = exports.DateRangePicker = exports.DateRangeInput = exports.DatePicker = exports.DateInput = exports.DOMHelper = exports.CustomProvider = exports.Content = exports.Container = exports.Col = exports.CheckboxGroup = exports.Checkbox = exports.CheckTreePicker = exports.CheckTree = exports.CheckPicker = exports.Cascader = exports.CascadeTree = exports.Carousel = exports.CardGroup = exports.Card = exports.Calendar = exports.ButtonToolbar = exports.ButtonGroup = exports.Button = exports.Breadcrumb = exports.Badge = exports.AvatarGroup = exports.Avatar = exports.AutoComplete = exports.Animation = exports.Affix = exports.Accordion = void 0;\nexports.useToaster = exports.useMediaQuery = exports.useFormClassNames = exports.useBreakpointValue = exports.toaster = exports.Whisper = void 0;\nvar _Text = _interopRequireDefault(__webpack_require__(/*! ./Text */ \"./src/Text/index.tsx\"));\nexports.Text = _Text.default;\nvar _Heading = _interopRequireDefault(__webpack_require__(/*! ./Heading */ \"./src/Heading/index.tsx\"));\nexports.Heading = _Heading.default;\nvar _HeadingGroup = _interopRequireDefault(__webpack_require__(/*! ./HeadingGroup */ \"./src/HeadingGroup/index.tsx\"));\nexports.HeadingGroup = _HeadingGroup.default;\nvar _Highlight = _interopRequireDefault(__webpack_require__(/*! ./Highlight */ \"./src/Highlight/index.tsx\"));\nexports.Highlight = _Highlight.default;\nvar _SafeAnchor = _interopRequireDefault(__webpack_require__(/*! ./SafeAnchor */ \"./src/SafeAnchor/index.tsx\"));\nexports.SafeAnchor = _SafeAnchor.default;\nvar _Button = _interopRequireDefault(__webpack_require__(/*! ./Button */ \"./src/Button/index.tsx\"));\nexports.Button = _Button.default;\nvar _IconButton = _interopRequireDefault(__webpack_require__(/*! ./IconButton */ \"./src/IconButton/index.tsx\"));\nexports.IconButton = _IconButton.default;\nvar _ButtonToolbar = _interopRequireDefault(__webpack_require__(/*! ./ButtonToolbar */ \"./src/ButtonToolbar/index.tsx\"));\nexports.ButtonToolbar = _ButtonToolbar.default;\nvar _ButtonGroup = _interopRequireDefault(__webpack_require__(/*! ./ButtonGroup */ \"./src/ButtonGroup/index.tsx\"));\nexports.ButtonGroup = _ButtonGroup.default;\nvar _Whisper = _interopRequireDefault(__webpack_require__(/*! ./Whisper */ \"./src/Whisper/index.tsx\"));\nexports.Whisper = _Whisper.default;\nvar _Tooltip = _interopRequireDefault(__webpack_require__(/*! ./Tooltip */ \"./src/Tooltip/index.tsx\"));\nexports.Tooltip = _Tooltip.default;\nvar _Popover = _interopRequireDefault(__webpack_require__(/*! ./Popover */ \"./src/Popover/index.tsx\"));\nexports.Popover = _Popover.default;\nvar _Modal = _interopRequireDefault(__webpack_require__(/*! ./Modal */ \"./src/Modal/index.tsx\"));\nexports.Modal = _Modal.default;\nvar _Drawer = _interopRequireDefault(__webpack_require__(/*! ./Drawer */ \"./src/Drawer/index.tsx\"));\nexports.Drawer = _Drawer.default;\nvar _Dropdown = _interopRequireDefault(__webpack_require__(/*! ./Dropdown */ \"./src/Dropdown/index.tsx\"));\nexports.Dropdown = _Dropdown.default;\nvar _Notification = _interopRequireDefault(__webpack_require__(/*! ./Notification */ \"./src/Notification/index.tsx\"));\nexports.Notification = _Notification.default;\nvar _Message = _interopRequireDefault(__webpack_require__(/*! ./Message */ \"./src/Message/index.tsx\"));\nexports.Message = _Message.default;\nvar _Loader = _interopRequireDefault(__webpack_require__(/*! ./Loader */ \"./src/Loader/index.tsx\"));\nexports.Loader = _Loader.default;\nvar _Placeholder = _interopRequireDefault(__webpack_require__(/*! ./Placeholder */ \"./src/Placeholder/index.tsx\"));\nexports.Placeholder = _Placeholder.default;\nvar _Badge = _interopRequireDefault(__webpack_require__(/*! ./Badge */ \"./src/Badge/index.tsx\"));\nexports.Badge = _Badge.default;\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ./toaster */ \"./src/toaster/index.tsx\"));\nexports.toaster = _toaster.default;\nvar _useToaster = _interopRequireDefault(__webpack_require__(/*! ./useToaster */ \"./src/useToaster/index.tsx\"));\nexports.useToaster = _useToaster.default;\nvar _Progress = _interopRequireDefault(__webpack_require__(/*! ./Progress */ \"./src/Progress/index.tsx\"));\nexports.Progress = _Progress.default;\nvar _Avatar = _interopRequireDefault(__webpack_require__(/*! ./Avatar */ \"./src/Avatar/index.tsx\"));\nexports.Avatar = _Avatar.default;\nvar _AvatarGroup = _interopRequireDefault(__webpack_require__(/*! ./AvatarGroup */ \"./src/AvatarGroup/index.tsx\"));\nexports.AvatarGroup = _AvatarGroup.default;\nvar _Image = _interopRequireDefault(__webpack_require__(/*! ./Image */ \"./src/Image/index.tsx\"));\nexports.Image = _Image.default;\nvar _Nav = _interopRequireDefault(__webpack_require__(/*! ./Nav */ \"./src/Nav/index.tsx\"));\nexports.Nav = _Nav.default;\nvar _Navbar = _interopRequireDefault(__webpack_require__(/*! ./Navbar */ \"./src/Navbar/index.tsx\"));\nexports.Navbar = _Navbar.default;\nvar _Sidenav = _interopRequireDefault(__webpack_require__(/*! ./Sidenav */ \"./src/Sidenav/index.tsx\"));\nexports.Sidenav = _Sidenav.default;\nvar _Breadcrumb = _interopRequireDefault(__webpack_require__(/*! ./Breadcrumb */ \"./src/Breadcrumb/index.tsx\"));\nexports.Breadcrumb = _Breadcrumb.default;\nvar _Pagination = _interopRequireDefault(__webpack_require__(/*! ./Pagination */ \"./src/Pagination/index.tsx\"));\nexports.Pagination = _Pagination.default;\nvar _Steps = _interopRequireDefault(__webpack_require__(/*! ./Steps */ \"./src/Steps/index.tsx\"));\nexports.Steps = _Steps.default;\nvar _Form = _interopRequireWildcard(__webpack_require__(/*! ./Form */ \"./src/Form/index.tsx\"));\nexports.Form = _Form.default;\nexports.useFormClassNames = _Form.useFormClassNames;\nvar _Toggle = _interopRequireDefault(__webpack_require__(/*! ./Toggle */ \"./src/Toggle/index.tsx\"));\nexports.Toggle = _Toggle.default;\nvar _Input = _interopRequireDefault(__webpack_require__(/*! ./Input */ \"./src/Input/index.tsx\"));\nexports.Input = _Input.default;\nvar _MaskedInput = _interopRequireDefault(__webpack_require__(/*! ./MaskedInput */ \"./src/MaskedInput/index.tsx\"));\nexports.MaskedInput = _MaskedInput.default;\nvar _InputNumber = _interopRequireDefault(__webpack_require__(/*! ./InputNumber */ \"./src/InputNumber/index.tsx\"));\nexports.InputNumber = _InputNumber.default;\nvar _InputGroup = _interopRequireDefault(__webpack_require__(/*! ./InputGroup */ \"./src/InputGroup/index.tsx\"));\nexports.InputGroup = _InputGroup.default;\nvar _Checkbox = _interopRequireDefault(__webpack_require__(/*! ./Checkbox */ \"./src/Checkbox/index.tsx\"));\nexports.Checkbox = _Checkbox.default;\nvar _CheckboxGroup = _interopRequireDefault(__webpack_require__(/*! ./CheckboxGroup */ \"./src/CheckboxGroup/index.tsx\"));\nexports.CheckboxGroup = _CheckboxGroup.default;\nvar _Radio = _interopRequireDefault(__webpack_require__(/*! ./Radio */ \"./src/Radio/index.tsx\"));\nexports.Radio = _Radio.default;\nvar _RadioGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioGroup */ \"./src/RadioGroup/index.tsx\"));\nexports.RadioGroup = _RadioGroup.default;\nvar _RadioTile = _interopRequireDefault(__webpack_require__(/*! ./RadioTile */ \"./src/RadioTile/index.tsx\"));\nexports.RadioTile = _RadioTile.default;\nvar _RadioTileGroup = _interopRequireDefault(__webpack_require__(/*! ./RadioTileGroup */ \"./src/RadioTileGroup/index.tsx\"));\nexports.RadioTileGroup = _RadioTileGroup.default;\nvar _SelectPicker = _interopRequireDefault(__webpack_require__(/*! ./SelectPicker */ \"./src/SelectPicker/index.tsx\"));\nexports.SelectPicker = _SelectPicker.default;\nvar _CheckPicker = _interopRequireDefault(__webpack_require__(/*! ./CheckPicker */ \"./src/CheckPicker/index.tsx\"));\nexports.CheckPicker = _CheckPicker.default;\nvar _InputPicker = _interopRequireDefault(__webpack_require__(/*! ./InputPicker */ \"./src/InputPicker/index.tsx\"));\nexports.InputPicker = _InputPicker.default;\nvar _TagPicker = _interopRequireDefault(__webpack_require__(/*! ./TagPicker */ \"./src/TagPicker/index.tsx\"));\nexports.TagPicker = _TagPicker.default;\nvar _TagInput = _interopRequireDefault(__webpack_require__(/*! ./TagInput */ \"./src/TagInput/index.tsx\"));\nexports.TagInput = _TagInput.default;\nvar _TreePicker = _interopRequireDefault(__webpack_require__(/*! ./TreePicker */ \"./src/TreePicker/index.tsx\"));\nexports.TreePicker = _TreePicker.default;\nvar _CheckTreePicker = _interopRequireDefault(__webpack_require__(/*! ./CheckTreePicker */ \"./src/CheckTreePicker/index.tsx\"));\nexports.CheckTreePicker = _CheckTreePicker.default;\nvar _Cascader = _interopRequireDefault(__webpack_require__(/*! ./Cascader */ \"./src/Cascader/index.tsx\"));\nexports.Cascader = _Cascader.default;\nvar _MultiCascader = _interopRequireDefault(__webpack_require__(/*! ./MultiCascader */ \"./src/MultiCascader/index.tsx\"));\nexports.MultiCascader = _MultiCascader.default;\nvar _DateInput = _interopRequireDefault(__webpack_require__(/*! ./DateInput */ \"./src/DateInput/index.tsx\"));\nexports.DateInput = _DateInput.default;\nvar _DatePicker = _interopRequireDefault(__webpack_require__(/*! ./DatePicker */ \"./src/DatePicker/index.tsx\"));\nexports.DatePicker = _DatePicker.default;\nvar _TimePicker = _interopRequireDefault(__webpack_require__(/*! ./TimePicker */ \"./src/TimePicker/index.tsx\"));\nexports.TimePicker = _TimePicker.default;\nvar _DateRangeInput = _interopRequireDefault(__webpack_require__(/*! ./DateRangeInput */ \"./src/DateRangeInput/index.tsx\"));\nexports.DateRangeInput = _DateRangeInput.default;\nvar _DateRangePicker = _interopRequireDefault(__webpack_require__(/*! ./DateRangePicker */ \"./src/DateRangePicker/index.tsx\"));\nexports.DateRangePicker = _DateRangePicker.default;\nvar _TimeRangePicker = _interopRequireDefault(__webpack_require__(/*! ./TimeRangePicker */ \"./src/TimeRangePicker/index.tsx\"));\nexports.TimeRangePicker = _TimeRangePicker.default;\nvar _AutoComplete = _interopRequireDefault(__webpack_require__(/*! ./AutoComplete */ \"./src/AutoComplete/index.tsx\"));\nexports.AutoComplete = _AutoComplete.default;\nvar _Uploader = _interopRequireDefault(__webpack_require__(/*! ./Uploader */ \"./src/Uploader/index.tsx\"));\nexports.Uploader = _Uploader.default;\nvar _Slider = _interopRequireDefault(__webpack_require__(/*! ./Slider */ \"./src/Slider/index.tsx\"));\nexports.Slider = _Slider.default;\nvar _RangeSlider = _interopRequireDefault(__webpack_require__(/*! ./RangeSlider */ \"./src/RangeSlider/index.tsx\"));\nexports.RangeSlider = _RangeSlider.default;\nvar _Rate = _interopRequireDefault(__webpack_require__(/*! ./Rate */ \"./src/Rate/index.tsx\"));\nexports.Rate = _Rate.default;\nvar _InlineEdit = _interopRequireDefault(__webpack_require__(/*! ./InlineEdit */ \"./src/InlineEdit/index.tsx\"));\nexports.InlineEdit = _InlineEdit.default;\nvar _Tree = _interopRequireDefault(__webpack_require__(/*! ./Tree */ \"./src/Tree/index.tsx\"));\nexports.Tree = _Tree.default;\nvar _CheckTree = _interopRequireDefault(__webpack_require__(/*! ./CheckTree */ \"./src/CheckTree/index.tsx\"));\nexports.CheckTree = _CheckTree.default;\nvar _Card = _interopRequireDefault(__webpack_require__(/*! ./Card */ \"./src/Card/index.tsx\"));\nexports.Card = _Card.default;\nvar _CardGroup = _interopRequireDefault(__webpack_require__(/*! ./CardGroup */ \"./src/CardGroup/index.tsx\"));\nexports.CardGroup = _CardGroup.default;\nvar _CascadeTree = _interopRequireDefault(__webpack_require__(/*! ./CascadeTree */ \"./src/CascadeTree/index.tsx\"));\nexports.CascadeTree = _CascadeTree.default;\nvar _MultiCascadeTree = _interopRequireDefault(__webpack_require__(/*! ./MultiCascadeTree */ \"./src/MultiCascadeTree/index.tsx\"));\nexports.MultiCascadeTree = _MultiCascadeTree.default;\nvar _Panel = _interopRequireDefault(__webpack_require__(/*! ./Panel */ \"./src/Panel/index.tsx\"));\nexports.Panel = _Panel.default;\nvar _PanelGroup = _interopRequireDefault(__webpack_require__(/*! ./PanelGroup */ \"./src/PanelGroup/index.tsx\"));\nexports.PanelGroup = _PanelGroup.default;\nvar _Stat = _interopRequireDefault(__webpack_require__(/*! ./Stat */ \"./src/Stat/index.tsx\"));\nexports.Stat = _Stat.default;\nvar _StatGroup = _interopRequireDefault(__webpack_require__(/*! ./StatGroup */ \"./src/StatGroup/index.tsx\"));\nexports.StatGroup = _StatGroup.default;\nvar _Table = _interopRequireDefault(__webpack_require__(/*! ./Table */ \"./src/Table/index.tsx\"));\nexports.Table = _Table.default;\nvar _Timeline = _interopRequireDefault(__webpack_require__(/*! ./Timeline */ \"./src/Timeline/index.tsx\"));\nexports.Timeline = _Timeline.default;\nvar _Tag = _interopRequireDefault(__webpack_require__(/*! ./Tag */ \"./src/Tag/index.tsx\"));\nexports.Tag = _Tag.default;\nvar _TagGroup = _interopRequireDefault(__webpack_require__(/*! ./TagGroup */ \"./src/TagGroup/index.tsx\"));\nexports.TagGroup = _TagGroup.default;\nvar _List = _interopRequireDefault(__webpack_require__(/*! ./List */ \"./src/List/index.tsx\"));\nexports.List = _List.default;\nvar _Calendar = _interopRequireDefault(__webpack_require__(/*! ./Calendar */ \"./src/Calendar/index.tsx\"));\nexports.Calendar = _Calendar.default;\nvar _Carousel = _interopRequireDefault(__webpack_require__(/*! ./Carousel */ \"./src/Carousel/index.tsx\"));\nexports.Carousel = _Carousel.default;\nvar _Grid = _interopRequireDefault(__webpack_require__(/*! ./Grid */ \"./src/Grid/index.tsx\"));\nexports.Grid = _Grid.default;\nvar _Row = _interopRequireDefault(__webpack_require__(/*! ./Row */ \"./src/Row/index.tsx\"));\nexports.Row = _Row.default;\nvar _Col = _interopRequireDefault(__webpack_require__(/*! ./Col */ \"./src/Col/index.tsx\"));\nexports.Col = _Col.default;\nvar _FlexboxGrid = _interopRequireDefault(__webpack_require__(/*! ./FlexboxGrid */ \"./src/FlexboxGrid/index.tsx\"));\nexports.FlexboxGrid = _FlexboxGrid.default;\nvar _Container = _interopRequireDefault(__webpack_require__(/*! ./Container */ \"./src/Container/index.tsx\"));\nexports.Container = _Container.default;\nvar _Content = _interopRequireDefault(__webpack_require__(/*! ./Content */ \"./src/Content/index.tsx\"));\nexports.Content = _Content.default;\nvar _Header = _interopRequireDefault(__webpack_require__(/*! ./Header */ \"./src/Header/index.tsx\"));\nexports.Header = _Header.default;\nvar _Sidebar = _interopRequireDefault(__webpack_require__(/*! ./Sidebar */ \"./src/Sidebar/index.tsx\"));\nexports.Sidebar = _Sidebar.default;\nvar _Footer = _interopRequireDefault(__webpack_require__(/*! ./Footer */ \"./src/Footer/index.tsx\"));\nexports.Footer = _Footer.default;\nvar _Divider = _interopRequireDefault(__webpack_require__(/*! ./Divider */ \"./src/Divider/index.tsx\"));\nexports.Divider = _Divider.default;\nvar _Stack = _interopRequireWildcard(__webpack_require__(/*! ./Stack */ \"./src/Stack/index.tsx\"));\nexports.Stack = _Stack.default;\nexports.HStack = _Stack.HStack;\nexports.VStack = _Stack.VStack;\nvar _Schema = _interopRequireDefault(__webpack_require__(/*! ./Schema */ \"./src/Schema/index.ts\"));\nexports.Schema = _Schema.default;\nvar _Animation = _interopRequireDefault(__webpack_require__(/*! ./Animation */ \"./src/Animation/index.tsx\"));\nexports.Animation = _Animation.default;\nvar _DOMHelper = _interopRequireDefault(__webpack_require__(/*! ./DOMHelper */ \"./src/DOMHelper/index.ts\"));\nexports.DOMHelper = _DOMHelper.default;\nvar _Affix = _interopRequireDefault(__webpack_require__(/*! ./Affix */ \"./src/Affix/index.tsx\"));\nexports.Affix = _Affix.default;\nvar _CustomProvider = _interopRequireDefault(__webpack_require__(/*! ./CustomProvider */ \"./src/CustomProvider/index.tsx\"));\nexports.CustomProvider = _CustomProvider.default;\nvar _useMediaQuery = _interopRequireDefault(__webpack_require__(/*! ./useMediaQuery */ \"./src/useMediaQuery/index.ts\"));\nexports.useMediaQuery = _useMediaQuery.default;\nvar _useBreakpointValue = _interopRequireDefault(__webpack_require__(/*! ./useBreakpointValue */ \"./src/useBreakpointValue/index.ts\"));\nexports.useBreakpointValue = _useBreakpointValue.default;\nvar _VisuallyHidden = _interopRequireDefault(__webpack_require__(/*! ./VisuallyHidden */ \"./src/VisuallyHidden/index.tsx\"));\nexports.VisuallyHidden = _VisuallyHidden.default;\nvar _Tabs = _interopRequireDefault(__webpack_require__(/*! ./Tabs */ \"./src/Tabs/index.tsx\"));\nexports.Tabs = _Tabs.default;\nvar _Accordion = _interopRequireDefault(__webpack_require__(/*! ./Accordion */ \"./src/Accordion/index.tsx\"));\nexports.Accordion = _Accordion.default;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }\n\n//# sourceURL=webpack://rsuite/./src/index.tsx?");
 
 /***/ }),
 
@@ -7242,7 +7286,7 @@ eval("\n\nexports.__esModule = true;\nexports.isFocusEntering = isFocusEntering;
 /***/ (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;\nexports.getDOMNode = getDOMNode;\nvar _reactDom = _interopRequireDefault(__webpack_require__(/*! react-dom */ \"react-dom\"));\nfunction safeFindDOMNode(componentOrElement) {\n  if (componentOrElement && 'setState' in componentOrElement) {\n    // eslint-disable-next-line react/no-find-dom-node\n    return _reactDom.default.findDOMNode(componentOrElement);\n  }\n  return componentOrElement !== null && componentOrElement !== void 0 ? componentOrElement : null;\n}\nvar getRefTarget = function getRefTarget(ref) {\n  return ref && ('current' in ref ? ref.current : ref);\n};\nfunction getDOMNode(elementOrRef) {\n  // If elementOrRef is an instance of Position, child is returned. [PositionInstance]\n  var element = (elementOrRef === null || elementOrRef === void 0 ? void 0 : elementOrRef.root) || (elementOrRef === null || elementOrRef === void 0 ? void 0 : elementOrRef.child) || getRefTarget(elementOrRef);\n\n  // Native HTML elements\n  if (element !== null && element !== void 0 && element.nodeType && typeof (element === null || element === void 0 ? void 0 : element.nodeName) === 'string') {\n    return element;\n  }\n\n  // If you can't get the native HTML element, you can only get it through findDOMNode.\n  // eslint-disable-next-line react/no-find-dom-node\n  return safeFindDOMNode(element);\n}\nvar _default = exports[\"default\"] = getDOMNode;\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/getDOMNode.ts?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports[\"default\"] = void 0;\nexports.getDOMNode = getDOMNode;\nvar _reactDom = _interopRequireDefault(__webpack_require__(/*! react-dom */ \"react-dom\"));\nfunction safeFindDOMNode(componentOrElement) {\n  if (componentOrElement && 'setState' in componentOrElement) {\n    var _ReactDOM$findDOMNode;\n    // eslint-disable-next-line react/no-find-dom-node\n    return (_ReactDOM$findDOMNode = _reactDom.default.findDOMNode) === null || _ReactDOM$findDOMNode === void 0 ? void 0 : _ReactDOM$findDOMNode.call(_reactDom.default, componentOrElement);\n  }\n  return componentOrElement !== null && componentOrElement !== void 0 ? componentOrElement : null;\n}\nvar getRefTarget = function getRefTarget(ref) {\n  return ref && ('current' in ref ? ref.current : ref);\n};\nfunction getDOMNode(elementOrRef) {\n  // If elementOrRef is an instance of Position, child is returned. [PositionInstance]\n  var element = (elementOrRef === null || elementOrRef === void 0 ? void 0 : elementOrRef.root) || (elementOrRef === null || elementOrRef === void 0 ? void 0 : elementOrRef.child) || getRefTarget(elementOrRef);\n\n  // Native HTML elements\n  if (element !== null && element !== void 0 && element.nodeType && typeof (element === null || element === void 0 ? void 0 : element.nodeName) === 'string') {\n    return element;\n  }\n\n  // If you can't get the native HTML element, you can only get it through findDOMNode.\n  // eslint-disable-next-line react/no-find-dom-node\n  return safeFindDOMNode(element);\n}\nvar _default = exports[\"default\"] = getDOMNode;\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/getDOMNode.ts?");
 
 /***/ }),
 
@@ -7308,7 +7352,7 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 /***/ (function(__unused_webpack_module, exports, __webpack_require__) {
 
 "use strict";
-eval("\n\nexports.__esModule = true;\nvar _exportNames = {\n  stringifyReactNode: true,\n  reactToString: true,\n  getSafeRegExpString: true,\n  getDOMNode: true,\n  guid: true,\n  prefix: true,\n  defaultClassPrefix: true,\n  getClassNamePrefix: true,\n  createChainedFunction: true,\n  isOneOf: true,\n  ReactChildren: true,\n  tplTransform: true,\n  placementPolyfill: true,\n  mergeRefs: true,\n  shallowEqual: true,\n  shallowEqualArray: true,\n  composeFunctions: true,\n  render: true,\n  safeSetSelection: true,\n  getStringLength: true,\n  getDataGroupBy: true,\n  deprecateComponent: true,\n  warnOnce: true,\n  createComponent: true,\n  attachParent: true,\n  isFocusEntering: true,\n  isFocusLeaving: true,\n  isFocusableElement: true\n};\nexports.warnOnce = exports.tplTransform = exports.stringifyReactNode = exports.shallowEqualArray = exports.shallowEqual = exports.safeSetSelection = exports.render = exports.reactToString = exports.prefix = exports.placementPolyfill = exports.mergeRefs = exports.isOneOf = exports.isFocusableElement = exports.isFocusLeaving = exports.isFocusEntering = exports.guid = exports.getStringLength = exports.getSafeRegExpString = exports.getDataGroupBy = exports.getDOMNode = exports.getClassNamePrefix = exports.deprecateComponent = exports.defaultClassPrefix = exports.createComponent = exports.createChainedFunction = exports.composeFunctions = exports.attachParent = exports.ReactChildren = void 0;\nvar _BrowserDetection = __webpack_require__(/*! ./BrowserDetection */ \"./src/internals/utils/BrowserDetection.ts\");\nObject.keys(_BrowserDetection).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _BrowserDetection[key]) return;\n  exports[key] = _BrowserDetection[key];\n});\nvar _htmlPropsUtils = __webpack_require__(/*! ./htmlPropsUtils */ \"./src/internals/utils/htmlPropsUtils.ts\");\nObject.keys(_htmlPropsUtils).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _htmlPropsUtils[key]) return;\n  exports[key] = _htmlPropsUtils[key];\n});\nvar _stringifyReactNode = __webpack_require__(/*! ./stringifyReactNode */ \"./src/internals/utils/stringifyReactNode.ts\");\nexports.stringifyReactNode = _stringifyReactNode.stringifyReactNode;\nexports.reactToString = _stringifyReactNode.reactToString;\nvar _getSafeRegExpString = __webpack_require__(/*! ./getSafeRegExpString */ \"./src/internals/utils/getSafeRegExpString.ts\");\nexports.getSafeRegExpString = _getSafeRegExpString.getSafeRegExpString;\nvar _getDOMNode = __webpack_require__(/*! ./getDOMNode */ \"./src/internals/utils/getDOMNode.ts\");\nexports.getDOMNode = _getDOMNode.getDOMNode;\nvar _guid = __webpack_require__(/*! ./guid */ \"./src/internals/utils/guid.ts\");\nexports.guid = _guid.guid;\nvar _prefix = __webpack_require__(/*! ./prefix */ \"./src/internals/utils/prefix.ts\");\nexports.prefix = _prefix.prefix;\nexports.defaultClassPrefix = _prefix.defaultClassPrefix;\nexports.getClassNamePrefix = _prefix.getClassNamePrefix;\nvar _createChainedFunction = __webpack_require__(/*! ./createChainedFunction */ \"./src/internals/utils/createChainedFunction.ts\");\nexports.createChainedFunction = _createChainedFunction.createChainedFunction;\nvar _isOneOf = __webpack_require__(/*! ./isOneOf */ \"./src/internals/utils/isOneOf.ts\");\nexports.isOneOf = _isOneOf.isOneOf;\nvar _ReactChildren = __webpack_require__(/*! ./ReactChildren */ \"./src/internals/utils/ReactChildren.tsx\");\nexports.ReactChildren = _ReactChildren.ReactChildren;\nvar _tplTransform = __webpack_require__(/*! ./tplTransform */ \"./src/internals/utils/tplTransform.tsx\");\nexports.tplTransform = _tplTransform.tplTransform;\nvar _placementPolyfill = __webpack_require__(/*! ./placementPolyfill */ \"./src/internals/utils/placementPolyfill.ts\");\nexports.placementPolyfill = _placementPolyfill.placementPolyfill;\nvar _mergeRefs = __webpack_require__(/*! ./mergeRefs */ \"./src/internals/utils/mergeRefs.ts\");\nexports.mergeRefs = _mergeRefs.mergeRefs;\nvar _shallowEqual = __webpack_require__(/*! ./shallowEqual */ \"./src/internals/utils/shallowEqual.ts\");\nexports.shallowEqual = _shallowEqual.shallowEqual;\nexports.shallowEqualArray = _shallowEqual.shallowEqualArray;\nvar _composeFunctions = __webpack_require__(/*! ./composeFunctions */ \"./src/internals/utils/composeFunctions.ts\");\nexports.composeFunctions = _composeFunctions.composeFunctions;\nvar _render = __webpack_require__(/*! ./render */ \"./src/internals/utils/render.ts\");\nexports.render = _render.render;\nvar _safeSetSelection = __webpack_require__(/*! ./safeSetSelection */ \"./src/internals/utils/safeSetSelection.ts\");\nexports.safeSetSelection = _safeSetSelection.safeSetSelection;\nvar _getStringLength = __webpack_require__(/*! ./getStringLength */ \"./src/internals/utils/getStringLength.ts\");\nexports.getStringLength = _getStringLength.getStringLength;\nvar _getDataGroupBy = __webpack_require__(/*! ./getDataGroupBy */ \"./src/internals/utils/getDataGroupBy.ts\");\nexports.getDataGroupBy = _getDataGroupBy.getDataGroupBy;\nvar _deprecateComponent = __webpack_require__(/*! ./deprecateComponent */ \"./src/internals/utils/deprecateComponent.tsx\");\nexports.deprecateComponent = _deprecateComponent.deprecateComponent;\nvar _warnOnce = __webpack_require__(/*! ./warnOnce */ \"./src/internals/utils/warnOnce.ts\");\nexports.warnOnce = _warnOnce.warnOnce;\nvar _createComponent = __webpack_require__(/*! ./createComponent */ \"./src/internals/utils/createComponent.tsx\");\nexports.createComponent = _createComponent.createComponent;\nvar _attachParent = __webpack_require__(/*! ./attachParent */ \"./src/internals/utils/attachParent.ts\");\nexports.attachParent = _attachParent.attachParent;\nvar _events = __webpack_require__(/*! ./events */ \"./src/internals/utils/events.ts\");\nexports.isFocusEntering = _events.isFocusEntering;\nexports.isFocusLeaving = _events.isFocusLeaving;\nvar _dom = __webpack_require__(/*! ./dom */ \"./src/internals/utils/dom.ts\");\nexports.isFocusableElement = _dom.isFocusableElement;\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/index.ts?");
+eval("\n\nexports.__esModule = true;\nvar _exportNames = {\n  stringifyReactNode: true,\n  reactToString: true,\n  getSafeRegExpString: true,\n  getDOMNode: true,\n  guid: true,\n  prefix: true,\n  defaultClassPrefix: true,\n  getClassNamePrefix: true,\n  createChainedFunction: true,\n  isOneOf: true,\n  ReactChildren: true,\n  tplTransform: true,\n  placementPolyfill: true,\n  mergeRefs: true,\n  shallowEqual: true,\n  shallowEqualArray: true,\n  composeFunctions: true,\n  safeSetSelection: true,\n  getStringLength: true,\n  getDataGroupBy: true,\n  deprecateComponent: true,\n  warnOnce: true,\n  createComponent: true,\n  attachParent: true,\n  isFocusEntering: true,\n  isFocusLeaving: true,\n  isFocusableElement: true\n};\nexports.warnOnce = exports.tplTransform = exports.stringifyReactNode = exports.shallowEqualArray = exports.shallowEqual = exports.safeSetSelection = exports.reactToString = exports.prefix = exports.placementPolyfill = exports.mergeRefs = exports.isOneOf = exports.isFocusableElement = exports.isFocusLeaving = exports.isFocusEntering = exports.guid = exports.getStringLength = exports.getSafeRegExpString = exports.getDataGroupBy = exports.getDOMNode = exports.getClassNamePrefix = exports.deprecateComponent = exports.defaultClassPrefix = exports.createComponent = exports.createChainedFunction = exports.composeFunctions = exports.attachParent = exports.ReactChildren = void 0;\nvar _BrowserDetection = __webpack_require__(/*! ./BrowserDetection */ \"./src/internals/utils/BrowserDetection.ts\");\nObject.keys(_BrowserDetection).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _BrowserDetection[key]) return;\n  exports[key] = _BrowserDetection[key];\n});\nvar _htmlPropsUtils = __webpack_require__(/*! ./htmlPropsUtils */ \"./src/internals/utils/htmlPropsUtils.ts\");\nObject.keys(_htmlPropsUtils).forEach(function (key) {\n  if (key === \"default\" || key === \"__esModule\") return;\n  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;\n  if (key in exports && exports[key] === _htmlPropsUtils[key]) return;\n  exports[key] = _htmlPropsUtils[key];\n});\nvar _stringifyReactNode = __webpack_require__(/*! ./stringifyReactNode */ \"./src/internals/utils/stringifyReactNode.ts\");\nexports.stringifyReactNode = _stringifyReactNode.stringifyReactNode;\nexports.reactToString = _stringifyReactNode.reactToString;\nvar _getSafeRegExpString = __webpack_require__(/*! ./getSafeRegExpString */ \"./src/internals/utils/getSafeRegExpString.ts\");\nexports.getSafeRegExpString = _getSafeRegExpString.getSafeRegExpString;\nvar _getDOMNode = __webpack_require__(/*! ./getDOMNode */ \"./src/internals/utils/getDOMNode.ts\");\nexports.getDOMNode = _getDOMNode.getDOMNode;\nvar _guid = __webpack_require__(/*! ./guid */ \"./src/internals/utils/guid.ts\");\nexports.guid = _guid.guid;\nvar _prefix = __webpack_require__(/*! ./prefix */ \"./src/internals/utils/prefix.ts\");\nexports.prefix = _prefix.prefix;\nexports.defaultClassPrefix = _prefix.defaultClassPrefix;\nexports.getClassNamePrefix = _prefix.getClassNamePrefix;\nvar _createChainedFunction = __webpack_require__(/*! ./createChainedFunction */ \"./src/internals/utils/createChainedFunction.ts\");\nexports.createChainedFunction = _createChainedFunction.createChainedFunction;\nvar _isOneOf = __webpack_require__(/*! ./isOneOf */ \"./src/internals/utils/isOneOf.ts\");\nexports.isOneOf = _isOneOf.isOneOf;\nvar _ReactChildren = __webpack_require__(/*! ./ReactChildren */ \"./src/internals/utils/ReactChildren.tsx\");\nexports.ReactChildren = _ReactChildren.ReactChildren;\nvar _tplTransform = __webpack_require__(/*! ./tplTransform */ \"./src/internals/utils/tplTransform.tsx\");\nexports.tplTransform = _tplTransform.tplTransform;\nvar _placementPolyfill = __webpack_require__(/*! ./placementPolyfill */ \"./src/internals/utils/placementPolyfill.ts\");\nexports.placementPolyfill = _placementPolyfill.placementPolyfill;\nvar _mergeRefs = __webpack_require__(/*! ./mergeRefs */ \"./src/internals/utils/mergeRefs.ts\");\nexports.mergeRefs = _mergeRefs.mergeRefs;\nvar _shallowEqual = __webpack_require__(/*! ./shallowEqual */ \"./src/internals/utils/shallowEqual.ts\");\nexports.shallowEqual = _shallowEqual.shallowEqual;\nexports.shallowEqualArray = _shallowEqual.shallowEqualArray;\nvar _composeFunctions = __webpack_require__(/*! ./composeFunctions */ \"./src/internals/utils/composeFunctions.ts\");\nexports.composeFunctions = _composeFunctions.composeFunctions;\nvar _safeSetSelection = __webpack_require__(/*! ./safeSetSelection */ \"./src/internals/utils/safeSetSelection.ts\");\nexports.safeSetSelection = _safeSetSelection.safeSetSelection;\nvar _getStringLength = __webpack_require__(/*! ./getStringLength */ \"./src/internals/utils/getStringLength.ts\");\nexports.getStringLength = _getStringLength.getStringLength;\nvar _getDataGroupBy = __webpack_require__(/*! ./getDataGroupBy */ \"./src/internals/utils/getDataGroupBy.ts\");\nexports.getDataGroupBy = _getDataGroupBy.getDataGroupBy;\nvar _deprecateComponent = __webpack_require__(/*! ./deprecateComponent */ \"./src/internals/utils/deprecateComponent.tsx\");\nexports.deprecateComponent = _deprecateComponent.deprecateComponent;\nvar _warnOnce = __webpack_require__(/*! ./warnOnce */ \"./src/internals/utils/warnOnce.ts\");\nexports.warnOnce = _warnOnce.warnOnce;\nvar _createComponent = __webpack_require__(/*! ./createComponent */ \"./src/internals/utils/createComponent.tsx\");\nexports.createComponent = _createComponent.createComponent;\nvar _attachParent = __webpack_require__(/*! ./attachParent */ \"./src/internals/utils/attachParent.ts\");\nexports.attachParent = _attachParent.attachParent;\nvar _events = __webpack_require__(/*! ./events */ \"./src/internals/utils/events.ts\");\nexports.isFocusEntering = _events.isFocusEntering;\nexports.isFocusLeaving = _events.isFocusLeaving;\nvar _dom = __webpack_require__(/*! ./dom */ \"./src/internals/utils/dom.ts\");\nexports.isFocusableElement = _dom.isFocusableElement;\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/index.ts?");
 
 /***/ }),
 
@@ -7356,17 +7400,6 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
-/***/ "./src/internals/utils/render.ts":
-/*!***************************************!*\
-  !*** ./src/internals/utils/render.ts ***!
-  \***************************************/
-/***/ (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;\nexports.render = render;\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar ReactDOM = _interopRequireWildcard(__webpack_require__(/*! react-dom */ \"react-dom\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }\nvar majorVersion = parseInt(_react.default.version);\nvar SuperposedReactDOM = ReactDOM;\n\n/**\n * Renders a React element into a container element.\n *\n */\nfunction render(element, container) {\n  var mountElement = document.createElement('div');\n  mountElement.className = 'rs-mount-element';\n  var containerElement = container || document.body;\n\n  // Add the detached element to the root\n  containerElement.appendChild(mountElement);\n  if (majorVersion >= 18) {\n    /**\n     * ignore react 18 warnings\n     * Warning: You are importing createRoot from \"react-dom\" which is not supported. You should instead import it from \"react-dom/client\".\n     */\n    ReactDOM['__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED'].usingClientEntryPoint = true;\n    var createRoot = SuperposedReactDOM.createRoot;\n    var root = containerElement.__root || createRoot(mountElement, {\n      identifierPrefix: 'rs-root-'\n    });\n    root.render(element);\n    containerElement.__root = root;\n    return root;\n  }\n  SuperposedReactDOM.render(element, mountElement);\n  return {\n    unmount: function unmount() {\n      SuperposedReactDOM.unmountComponentAtNode(mountElement);\n      containerElement.removeChild(mountElement);\n    }\n  };\n}\nvar _default = exports[\"default\"] = render;\n\n//# sourceURL=webpack://rsuite/./src/internals/utils/render.ts?");
-
-/***/ }),
-
 /***/ "./src/internals/utils/safeSetSelection.ts":
 /*!*************************************************!*\
   !*** ./src/internals/utils/safeSetSelection.ts ***!
@@ -7440,7 +7473,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.toastPlacements = exports[\"default\"] = void 0;\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _reactDom = __webpack_require__(/*! react-dom */ \"react-dom\");\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ../Animation/Transition */ \"./src/Animation/Transition.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _ToastContext = _interopRequireDefault(__webpack_require__(/*! ./ToastContext */ \"./src/toaster/ToastContext.ts\"));\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"placement\", \"callback\"],\n  _excluded2 = [\"className\"],\n  _excluded3 = [\"container\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/toaster/ToastContainer.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }\nvar toastPlacements = exports.toastPlacements = ['topCenter', 'bottomCenter', 'topStart', 'topEnd', 'bottomStart', 'bottomEnd'];\nvar useMessages = function useMessages() {\n  var _useState = (0, _react.useState)([]),\n    messages = _useState[0],\n    setMessages = _useState[1];\n  var getKey = (0, _react.useCallback)(function (key) {\n    if (typeof key === 'undefined' && messages.length) {\n      return messages[messages.length - 1].key;\n    }\n    return key;\n  }, [messages]);\n  var push = (0, _react.useCallback)(function (message, options) {\n    var _ref = options || {},\n      duration = _ref.duration,\n      _ref$mouseReset = _ref.mouseReset,\n      mouseReset = _ref$mouseReset === void 0 ? true : _ref$mouseReset,\n      container = _ref.container;\n    var key = (0, _utils.guid)();\n    setMessages(function (prevMessages) {\n      return [].concat(prevMessages, [{\n        key: key,\n        visible: true,\n        node: message,\n        duration: duration,\n        mouseReset: mouseReset,\n        container: container\n      }]);\n    });\n    return key;\n  }, []);\n  var clear = (0, _react.useCallback)(function () {\n    // Set all existing messages to be invisible.\n    setMessages(messages.map(function (msg) {\n      return (0, _extends2.default)({}, msg, {\n        visible: false\n      });\n    }));\n\n    // Remove all invisible messages after 400ms.\n    // The delay removal here is to preserve the animation.\n    setTimeout(function () {\n      setMessages([]);\n    }, 400);\n  }, [messages]);\n  var remove = (0, _react.useCallback)(function (key) {\n    // Set the message of the specified key to invisible.\n    setMessages(messages.map(function (n) {\n      if (n.key === getKey(key)) {\n        n.visible = false;\n      }\n      return n;\n    }));\n\n    // Remove invisible messages after 400ms.\n    setTimeout(function () {\n      setMessages(messages.filter(function (msg) {\n        return msg.visible;\n      }));\n    }, 400);\n  }, [messages, getKey]);\n  return {\n    messages: messages,\n    push: push,\n    clear: clear,\n    remove: remove\n  };\n};\nvar ToastContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var rootRef = (0, _react.useRef)();\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'toast-container' : _props$classPrefix,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'topCenter' : _props$placement,\n    callback = props.callback,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    rootPrefix = _useClassNames.rootPrefix;\n  var classes = merge(className, withClassPrefix((0, _kebabCase.default)(placement)));\n  var _useMessages = useMessages(),\n    push = _useMessages.push,\n    clear = _useMessages.clear,\n    remove = _useMessages.remove,\n    messages = _useMessages.messages;\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      root: rootRef.current,\n      push: push,\n      clear: clear,\n      remove: remove\n    };\n  });\n  var elements = messages.map(function (item) {\n    var mouseReset = item.mouseReset,\n      duration = item.duration,\n      node = item.node,\n      container = item.container;\n    var toastWithTransition = /*#__PURE__*/_react.default.createElement(_Transition.default, {\n      in: item.visible,\n      exitedClassName: rootPrefix('toast-fade-exited'),\n      exitingClassName: rootPrefix('toast-fade-exiting'),\n      enteringClassName: rootPrefix('toast-fade-entering'),\n      enteredClassName: rootPrefix('toast-fade-entered'),\n      timeout: 300,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 168,\n        columnNumber: 9\n      }\n    }, function (transitionProps, ref) {\n      var _node$props, _node$props2;\n      var transitionClassName = transitionProps.className,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, _excluded2);\n      return /*#__PURE__*/_react.default.cloneElement(node, (0, _extends2.default)({}, rest, {\n        ref: ref,\n        duration: duration,\n        onClose: (0, _utils.createChainedFunction)((_node$props = node.props) === null || _node$props === void 0 ? void 0 : _node$props.onClose, function () {\n          return remove(item.key);\n        }),\n        className: merge(rootPrefix('toast'), (_node$props2 = node.props) === null || _node$props2 === void 0 ? void 0 : _node$props2.className, transitionClassName)\n      }));\n    });\n    return /*#__PURE__*/_react.default.createElement(_ToastContext.default.Provider, {\n      value: {\n        usedToaster: true,\n        mouseReset: mouseReset,\n        duration: duration\n      },\n      key: item.key,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 190,\n        columnNumber: 9\n      }\n    }, container ? /*#__PURE__*/(0, _reactDom.createPortal)(toastWithTransition, typeof container === 'function' ? container() : container) : toastWithTransition);\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    ref: function ref(selfRef) {\n      rootRef.current = selfRef;\n      callback === null || callback === void 0 || callback(selfRef);\n    },\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 202,\n      columnNumber: 7\n    }\n  }), elements);\n});\nToastContainer.getInstance = function (props) {\n  var container = props.container,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded3);\n  var containerRef = /*#__PURE__*/_react.default.createRef();\n  var containerElement = (typeof container === 'function' ? container() : container) || document.body;\n  return new Promise(function (resolve) {\n    var renderCallback = function renderCallback() {\n      resolve([containerRef, unmount]);\n    };\n    var _render = (0, _utils.render)(/*#__PURE__*/_react.default.createElement(ToastContainer, (0, _extends2.default)({}, rest, {\n        ref: containerRef,\n        callback: renderCallback,\n        __self: _this,\n        __source: {\n          fileName: _jsxFileName,\n          lineNumber: 229,\n          columnNumber: 7\n        }\n      })), containerElement),\n      unmount = _render.unmount;\n  });\n};\nToastContainer.displayName = 'ToastContainer';\nToastContainer.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  placement: _propTypes.default.elementType,\n  container: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),\n  callback: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = ToastContainer;\n\n//# sourceURL=webpack://rsuite/./src/toaster/ToastContainer.tsx?");
+eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/interopRequireDefault */ \"./node_modules/@babel/runtime/helpers/interopRequireDefault.js\");\nexports.__esModule = true;\nexports.toastPlacements = exports.defaultToasterContainer = exports[\"default\"] = void 0;\nvar _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\"));\nvar _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/asyncToGenerator.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _react = _interopRequireWildcard(__webpack_require__(/*! react */ \"react\"));\nvar _propTypes = _interopRequireDefault(__webpack_require__(/*! prop-types */ \"./node_modules/prop-types/index.js\"));\nvar _kebabCase = _interopRequireDefault(__webpack_require__(/*! lodash/kebabCase */ \"./node_modules/lodash/kebabCase.js\"));\nvar _Transition = _interopRequireDefault(__webpack_require__(/*! ../Animation/Transition */ \"./src/Animation/Transition.tsx\"));\nvar _hooks = __webpack_require__(/*! ../internals/hooks */ \"./src/internals/hooks/index.ts\");\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar _ToastContext = _interopRequireDefault(__webpack_require__(/*! ./ToastContext */ \"./src/toaster/ToastContext.ts\"));\nvar _render = __webpack_require__(/*! ./render */ \"./src/toaster/render.ts\");\nvar _excluded = [\"as\", \"className\", \"classPrefix\", \"placement\"],\n  _excluded2 = [\"className\"],\n  _excluded3 = [\"container\"];\nvar _jsxFileName = \"/home/runner/work/rsuite/rsuite/src/toaster/ToastContainer.tsx\",\n  _this = void 0;\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }\nvar defaultToasterContainer = exports.defaultToasterContainer = document.body;\nvar toastPlacements = exports.toastPlacements = ['topCenter', 'bottomCenter', 'topStart', 'topEnd', 'bottomStart', 'bottomEnd'];\nvar useMessages = function useMessages() {\n  var _useState = (0, _react.useState)([]),\n    messages = _useState[0],\n    setMessages = _useState[1];\n  var getKey = (0, _react.useCallback)(function (key) {\n    if (typeof key === 'undefined' && messages.length) {\n      return messages[messages.length - 1].key;\n    }\n    return key;\n  }, [messages]);\n  var push = (0, _react.useCallback)(function (message, options) {\n    var _ref = options || {},\n      duration = _ref.duration,\n      _ref$mouseReset = _ref.mouseReset,\n      mouseReset = _ref$mouseReset === void 0 ? true : _ref$mouseReset,\n      container = _ref.container;\n    var key = (0, _utils.guid)();\n    setMessages(function (prevMessages) {\n      return [].concat(prevMessages, [{\n        key: key,\n        visible: true,\n        node: message,\n        duration: duration,\n        mouseReset: mouseReset,\n        container: container\n      }]);\n    });\n    return key;\n  }, []);\n  var clear = (0, _react.useCallback)(function () {\n    // Set all existing messages to be invisible.\n    setMessages(messages.map(function (msg) {\n      return (0, _extends2.default)({}, msg, {\n        visible: false\n      });\n    }));\n\n    // Remove all invisible messages after 400ms.\n    // The delay removal here is to preserve the animation.\n    setTimeout(function () {\n      setMessages([]);\n    }, 400);\n  }, [messages]);\n  var remove = (0, _react.useCallback)(function (key) {\n    // Set the message of the specified key to invisible.\n    setMessages(messages.map(function (n) {\n      if (n.key === getKey(key)) {\n        n.visible = false;\n      }\n      return n;\n    }));\n\n    // Remove invisible messages after 400ms.\n    setTimeout(function () {\n      setMessages(messages.filter(function (msg) {\n        return msg.visible;\n      }));\n    }, 400);\n  }, [messages, getKey]);\n  return {\n    messages: messages,\n    push: push,\n    clear: clear,\n    remove: remove\n  };\n};\nvar ToastContainer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n  var _props$as = props.as,\n    Component = _props$as === void 0 ? 'div' : _props$as,\n    className = props.className,\n    _props$classPrefix = props.classPrefix,\n    classPrefix = _props$classPrefix === void 0 ? 'toast-container' : _props$classPrefix,\n    _props$placement = props.placement,\n    placement = _props$placement === void 0 ? 'topCenter' : _props$placement,\n    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);\n  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),\n    withClassPrefix = _useClassNames.withClassPrefix,\n    merge = _useClassNames.merge,\n    rootPrefix = _useClassNames.rootPrefix;\n  var classes = merge(className, withClassPrefix((0, _kebabCase.default)(placement)));\n  var _useMessages = useMessages(),\n    push = _useMessages.push,\n    clear = _useMessages.clear,\n    remove = _useMessages.remove,\n    messages = _useMessages.messages;\n  (0, _react.useImperativeHandle)(ref, function () {\n    return {\n      push: push,\n      clear: clear,\n      remove: remove\n    };\n  });\n  var elements = messages.map(function (item) {\n    var mouseReset = item.mouseReset,\n      duration = item.duration,\n      node = item.node;\n    return /*#__PURE__*/_react.default.createElement(_ToastContext.default.Provider, {\n      value: {\n        usedToaster: true,\n        mouseReset: mouseReset,\n        duration: duration\n      },\n      key: item.key,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 165,\n        columnNumber: 9\n      }\n    }, /*#__PURE__*/_react.default.createElement(_Transition.default, {\n      in: item.visible,\n      exitedClassName: rootPrefix('toast-fade-exited'),\n      exitingClassName: rootPrefix('toast-fade-exiting'),\n      enteringClassName: rootPrefix('toast-fade-entering'),\n      enteredClassName: rootPrefix('toast-fade-entered'),\n      timeout: 300,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 166,\n        columnNumber: 11\n      }\n    }, function (transitionProps, ref) {\n      var _node$props, _node$props2;\n      var transitionClassName = transitionProps.className,\n        rest = (0, _objectWithoutPropertiesLoose2.default)(transitionProps, _excluded2);\n      return /*#__PURE__*/_react.default.cloneElement(node, (0, _extends2.default)({}, rest, {\n        ref: ref,\n        duration: duration,\n        onClose: (0, _utils.createChainedFunction)((_node$props = node.props) === null || _node$props === void 0 ? void 0 : _node$props.onClose, function () {\n          return remove(item.key);\n        }),\n        className: merge(rootPrefix('toast'), (_node$props2 = node.props) === null || _node$props2 === void 0 ? void 0 : _node$props2.className, transitionClassName)\n      }));\n    }));\n  });\n  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {\n    className: classes,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 190,\n      columnNumber: 7\n    }\n  }), elements);\n});\nToastContainer.getInstance = /*#__PURE__*/function () {\n  var _ref2 = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(props) {\n    var container, rest, getRefResolve, getRefPromise, containerRef, containerId;\n    return _regenerator.default.wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          container = props.container, rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded3);\n          getRefResolve = null;\n          getRefPromise = new Promise(function (res) {\n            getRefResolve = res;\n          });\n          containerRef = /*#__PURE__*/_react.default.createRef(); // promise containerId & containerRef all have value\n          containerId = (0, _render.render)(/*#__PURE__*/_react.default.createElement(ToastContainer, (0, _extends2.default)({}, rest, {\n            ref: function ref(_ref3) {\n              containerRef.current = _ref3;\n              getRefResolve && getRefResolve();\n            },\n            __self: _this,\n            __source: {\n              fileName: _jsxFileName,\n              lineNumber: 208,\n              columnNumber: 5\n            }\n          })), container);\n          _context.next = 7;\n          return getRefPromise;\n        case 7:\n          return _context.abrupt(\"return\", [containerRef, containerId]);\n        case 8:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  return function (_x) {\n    return _ref2.apply(this, arguments);\n  };\n}();\nToastContainer.displayName = 'ToastContainer';\nToastContainer.propTypes = {\n  className: _propTypes.default.string,\n  classPrefix: _propTypes.default.string,\n  placement: _propTypes.default.elementType,\n  container: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),\n  callback: _propTypes.default.func\n};\nvar _default = exports[\"default\"] = ToastContainer;\n\n//# sourceURL=webpack://rsuite/./src/toaster/ToastContainer.tsx?");
 
 /***/ }),
 
@@ -7477,6 +7510,17 @@ eval("\n\nvar _interopRequireDefault = __webpack_require__(/*! @babel/runtime/he
 
 /***/ }),
 
+/***/ "./src/toaster/render.ts":
+/*!*******************************!*\
+  !*** ./src/toaster/render.ts ***!
+  \*******************************/
+/***/ (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.render = render;\nexports.toasterKeyOfContainerElement = void 0;\nvar _react = _interopRequireDefault(__webpack_require__(/*! react */ \"react\"));\nvar _utils = __webpack_require__(/*! ../internals/utils */ \"./src/internals/utils/index.ts\");\nvar ReactDOM = _interopRequireWildcard(__webpack_require__(/*! react-dom */ \"react-dom\"));\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }\nvar majorVersion = parseInt(_react.default.version);\nvar SuperposedReactDOM = ReactDOM;\nvar toasterKeyOfContainerElement = exports.toasterKeyOfContainerElement = 'toasterId';\nfunction render(element, container) {\n  var mountElement = document.createElement('div');\n  mountElement.className = 'rs-toaster-mount-element';\n  var containerElement = container;\n\n  // Add the detached element to the root\n  containerElement.appendChild(mountElement);\n  var newContainerId = (0, _utils.guid)();\n  if (!containerElement[toasterKeyOfContainerElement]) {\n    // attach the containerId to the containerElement\n    containerElement[toasterKeyOfContainerElement] = newContainerId;\n  }\n  if (majorVersion >= 18) {\n    /**\n     * ignore react 18 warnings\n     * Warning: You are importing createRoot from \"react-dom\" which is not supported. You should instead import it from \"react-dom/client\".\n     */\n    ReactDOM['__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED'].usingClientEntryPoint = true;\n    var createRoot = SuperposedReactDOM.createRoot;\n    var root = createRoot(mountElement, {\n      identifierPrefix: 'rs-root-'\n    });\n    root.render(element);\n  } else {\n    SuperposedReactDOM.render(element, mountElement);\n  }\n  return containerElement[toasterKeyOfContainerElement];\n}\n\n//# sourceURL=webpack://rsuite/./src/toaster/render.ts?");
+
+/***/ }),
+
 /***/ "./src/toaster/toaster.tsx":
 /*!*********************************!*\
   !*** ./src/toaster/toaster.tsx ***!
@@ -7484,7 +7528,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 _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/asyncToGenerator.js\"));\nvar _ToastContainer = _interopRequireDefault(__webpack_require__(/*! ./ToastContainer */ \"./src/toaster/ToastContainer.tsx\"));\nvar _excluded = [\"placement\"];\nvar defaultContainerId = 'default';\nvar containers = new Map();\n\n/**\n * Create a container by Id.\n * @param containerId\n * @param options\n */\nfunction createContainer(_x, _x2) {\n  return _createContainer.apply(this, arguments);\n}\n/**\n * Get the container by ID. Use default ID when ID is not available.\n * @param containerId\n */\nfunction _createContainer() {\n  _createContainer = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(containerId, props) {\n    var _yield$ToastContainer, container;\n    return _regenerator.default.wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          _context.next = 2;\n          return _ToastContainer.default.getInstance(props);\n        case 2:\n          _yield$ToastContainer = _context.sent;\n          container = _yield$ToastContainer[0];\n          containers.set(containerId || defaultContainerId, container);\n          return _context.abrupt(\"return\", container);\n        case 6:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  return _createContainer.apply(this, arguments);\n}\nfunction getContainer(containerId) {\n  if (containers.size == 0) {\n    return null;\n  }\n  return containers.get(containerId || defaultContainerId);\n}\nvar _toaster = function toaster(message) {\n  return _toaster.push(message);\n};\n_toaster.push = function (message, options) {\n  if (options === void 0) {\n    options = {};\n  }\n  var _options = options,\n    containerId = _options.placement,\n    restOptions = (0, _objectWithoutPropertiesLoose2.default)(_options, _excluded);\n  var container = getContainer(containerId);\n  if (container !== null && container !== void 0 && container.current) {\n    return container.current.push(message, restOptions);\n  }\n  return createContainer(containerId !== null && containerId !== void 0 ? containerId : '', options).then(function (ref) {\n    var _ref$current;\n    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.push(message, restOptions);\n  });\n};\n_toaster.remove = function (key) {\n  containers.forEach(function (c) {\n    var _c$current;\n    return (_c$current = c.current) === null || _c$current === void 0 ? void 0 : _c$current.remove(key);\n  });\n};\n_toaster.clear = function () {\n  containers.forEach(function (c) {\n    var _c$current2;\n    return (_c$current2 = c.current) === null || _c$current2 === void 0 ? void 0 : _c$current2.clear();\n  });\n};\nvar _default = exports[\"default\"] = _toaster;\n\n//# sourceURL=webpack://rsuite/./src/toaster/toaster.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 _regenerator = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/regenerator */ \"./node_modules/@babel/runtime/regenerator/index.js\"));\nvar _extends2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/extends */ \"./node_modules/@babel/runtime/helpers/extends.js\"));\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/objectWithoutPropertiesLoose */ \"./node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js\"));\nvar _asyncToGenerator2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/asyncToGenerator */ \"./node_modules/@babel/runtime/helpers/asyncToGenerator.js\"));\nvar _ToastContainer = _interopRequireWildcard(__webpack_require__(/*! ./ToastContainer */ \"./src/toaster/ToastContainer.tsx\"));\nvar _render = __webpack_require__(/*! ./render */ \"./src/toaster/render.ts\");\nvar _excluded = [\"placement\", \"container\"];\nfunction _getRequireWildcardCache(e) { if (\"function\" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }\nvar containers = new Map();\n\n/**\n * Create a container instance.\n * @param placement\n * @param props\n */\nfunction createContainer(_x, _x2) {\n  return _createContainer.apply(this, arguments);\n}\n/**\n * Get the container by ID. Use default ID when ID is not available.\n * @param containerId\n * @param placement\n */\nfunction _createContainer() {\n  _createContainer = (0, _asyncToGenerator2.default)(/*#__PURE__*/_regenerator.default.mark(function _callee(placement, props) {\n    var _yield$ToastContainer, container, containerId;\n    return _regenerator.default.wrap(function _callee$(_context) {\n      while (1) switch (_context.prev = _context.next) {\n        case 0:\n          _context.next = 2;\n          return _ToastContainer.default.getInstance(props);\n        case 2:\n          _yield$ToastContainer = _context.sent;\n          container = _yield$ToastContainer[0];\n          containerId = _yield$ToastContainer[1];\n          containers.set(containerId + \"_\" + placement, container);\n          return _context.abrupt(\"return\", container);\n        case 7:\n        case \"end\":\n          return _context.stop();\n      }\n    }, _callee);\n  }));\n  return _createContainer.apply(this, arguments);\n}\nfunction getContainer(containerId, placement) {\n  return containers.get(containerId + \"_\" + placement);\n}\nvar _toaster = function toaster(message) {\n  return _toaster.push(message);\n};\n_toaster.push = function (message, options) {\n  if (options === void 0) {\n    options = {};\n  }\n  var _options = options,\n    _options$placement = _options.placement,\n    placement = _options$placement === void 0 ? 'topCenter' : _options$placement,\n    container = _options.container,\n    restOptions = (0, _objectWithoutPropertiesLoose2.default)(_options, _excluded);\n  var containerElement = (typeof container === 'function' ? container() : container) || _ToastContainer.defaultToasterContainer;\n  var containerElementId = containerElement[_render.toasterKeyOfContainerElement];\n  if (containerElementId) {\n    var existedContainer = getContainer(containerElementId, placement);\n    if (existedContainer) {\n      var _existedContainer$cur;\n      return (_existedContainer$cur = existedContainer.current) === null || _existedContainer$cur === void 0 ? void 0 : _existedContainer$cur.push(message, restOptions);\n    }\n  }\n  var newOptions = (0, _extends2.default)({}, options, {\n    container: containerElement,\n    placement: placement\n  });\n  return createContainer(placement, newOptions).then(function (ref) {\n    var _ref$current;\n    return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.push(message, restOptions);\n  });\n};\n_toaster.remove = function (key) {\n  containers.forEach(function (c) {\n    var _c$current;\n    return (_c$current = c.current) === null || _c$current === void 0 ? void 0 : _c$current.remove(key);\n  });\n};\n_toaster.clear = function () {\n  containers.forEach(function (c) {\n    var _c$current2;\n    return (_c$current2 = c.current) === null || _c$current2 === void 0 ? void 0 : _c$current2.clear();\n  });\n};\nvar _default = exports[\"default\"] = _toaster;\n\n//# sourceURL=webpack://rsuite/./src/toaster/toaster.tsx?");
 
 /***/ }),
 
@@ -7550,7 +7594,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 _react = __webpack_require__(/*! react */ \"react\");\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ../toaster */ \"./src/toaster/index.tsx\"));\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider/CustomProvider */ \"./src/CustomProvider/CustomProvider.tsx\");\n// From CustomProvider/CustomProvider.tsx import CustomContext instead of directly from 'CustomProvider/index.ts'\n// because babel compiles commonjs, which causes CustomContext to be undefined\n\n/**\n * Toaster display brief, temporary notifications of actions, errors, or other events in an application.\n * It is often used with the Message and Notification components.\n * @returns toaster { push, remove, clear }\n *\n * @see https://rsuitejs.com/components/use-toaster/\n */\nvar useToaster = function useToaster() {\n  var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),\n    toasters = _useContext.toasters;\n  return (0, _react.useMemo)(function () {\n    return {\n      /**\n       * Push a toast message.\n       * @param message The message to be displayed.\n       *                eg: `<Message type=\"success\" description=\"Success\" />` or `<Notification type=\"success\" closable>Success</Notification>`\n       * @param options The options of the toast message. (optional)\n       *                eg: `{ placement: 'topCenter', duration: 5000 }`\n       * @returns The key of the toast message.\n       */\n      push: function push(message, options) {\n        var _toasters$current;\n        var customToaster = toasters === null || toasters === void 0 || (_toasters$current = toasters.current) === null || _toasters$current === void 0 ? void 0 : _toasters$current.get((options === null || options === void 0 ? void 0 : options.placement) || 'topCenter');\n        return customToaster ? customToaster.push(message, options) : _toaster.default.push(message, options);\n      },\n      /**\n       * Remove a toast message.\n       * @param key  The key of the toast message.\n       */\n      remove: function remove(key) {\n        toasters ? Array.from(toasters.current).forEach(function (_ref) {\n          var c = _ref[1];\n          return c === null || c === void 0 ? void 0 : c.remove(key);\n        }) : _toaster.default.remove(key);\n      },\n      /**\n       * Clear all toast messages.\n       */\n      clear: function clear() {\n        toasters ? Array.from(toasters.current).forEach(function (_ref2) {\n          var c = _ref2[1];\n          return c === null || c === void 0 ? void 0 : c.clear();\n        }) : _toaster.default.clear();\n      }\n    };\n  }, [toasters]);\n};\nvar _default = exports[\"default\"] = useToaster;\n\n//# sourceURL=webpack://rsuite/./src/useToaster/useToaster.ts?");
+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 _react = __webpack_require__(/*! react */ \"react\");\nvar _toaster = _interopRequireDefault(__webpack_require__(/*! ../toaster */ \"./src/toaster/index.tsx\"));\nvar _CustomProvider = __webpack_require__(/*! ../CustomProvider/CustomProvider */ \"./src/CustomProvider/CustomProvider.tsx\");\n// From CustomProvider/CustomProvider.tsx import CustomContext instead of directly from 'CustomProvider/index.ts'\n// because babel compiles commonjs, which causes CustomContext to be undefined\n\n/**\n * Toaster display brief, temporary notifications of actions, errors, or other events in an application.\n * It is often used with the Message and Notification components.\n * @returns toaster { push, remove, clear }\n *\n * @see https://rsuitejs.com/components/use-toaster/\n */\nvar useToaster = function useToaster() {\n  var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),\n    toasters = _useContext.toasters,\n    toastContainer = _useContext.toastContainer;\n  return (0, _react.useMemo)(function () {\n    return {\n      /**\n       * Push a toast message.\n       * @param message The message to be displayed.\n       *                eg: `<Message type=\"success\" description=\"Success\" />` or `<Notification type=\"success\" closable>Success</Notification>`\n       * @param options The options of the toast message. (optional)\n       *                eg: `{ placement: 'topCenter', duration: 5000 }`\n       * @returns The key of the toast message.\n       */\n      push: function push(message, options) {\n        var container = (typeof (options === null || options === void 0 ? void 0 : options.container) === 'function' ? options === null || options === void 0 ? void 0 : options.container() : options === null || options === void 0 ? void 0 : options.container) || toastContainer;\n        if (container === toastContainer) {\n          var _toasters$current;\n          return toasters === null || toasters === void 0 || (_toasters$current = toasters.current) === null || _toasters$current === void 0 || (_toasters$current = _toasters$current.get((options === null || options === void 0 ? void 0 : options.placement) || 'topCenter')) === null || _toasters$current === void 0 ? void 0 : _toasters$current.push(message, options);\n        } else {\n          return _toaster.default.push(message, options);\n        }\n      },\n      /**\n       * Remove a toast message.\n       * @param key  The key of the toast message.\n       */\n      remove: function remove(key) {\n        toasters ? Array.from(toasters.current).forEach(function (_ref) {\n          var c = _ref[1];\n          return c === null || c === void 0 ? void 0 : c.remove(key);\n        }) : _toaster.default.remove(key);\n      },\n      /**\n       * Clear all toast messages.\n       */\n      clear: function clear() {\n        toasters ? Array.from(toasters.current).forEach(function (_ref2) {\n          var c = _ref2[1];\n          return c === null || c === void 0 ? void 0 : c.clear();\n        }) : _toaster.default.clear();\n      }\n    };\n  }, [toastContainer, toasters]);\n};\nvar _default = exports[\"default\"] = useToaster;\n\n//# sourceURL=webpack://rsuite/./src/useToaster/useToaster.ts?");
 
 /***/ }),